fix(sidebar): include component tag names in sidebar search filtering

This commit is contained in:
2026-04-12 17:17:04 +00:00
parent 02e1f536d5
commit 977d8ab5e0
3 changed files with 11 additions and 1 deletions
+6
View File
@@ -1,5 +1,11 @@
# Changelog # Changelog
## 2026-04-12 - 3.8.3 - fix(sidebar)
include component tag names in sidebar search filtering
- Updates sidebar section and entry filtering to match search queries against each item's custom element tag name via the `is` field.
- Keeps existing name and demo group matching behavior while making search results easier to find by tag.
## 2026-04-12 - 3.8.2 - fix(sidebar) ## 2026-04-12 - 3.8.2 - fix(sidebar)
restore search input focus after clearing the sidebar search restore search input focus after clearing the sidebar search
+1 -1
View File
@@ -3,6 +3,6 @@
*/ */
export const commitinfo = { export const commitinfo = {
name: '@design.estate/dees-wcctools', name: '@design.estate/dees-wcctools',
version: '3.8.2', version: '3.8.3',
description: 'A set of web component tools for creating element catalogues, enabling the structured development and documentation of custom elements and pages.' description: 'A set of web component tools for creating element catalogues, enabling the structured development and documentation of custom elements and pages.'
} }
+4
View File
@@ -654,6 +654,8 @@ export class WccSidebar extends DeesElement {
const entries = getSectionItems(section); const entries = getSectionItems(section);
const filteredEntries = entries.filter(([name, item]) => { const filteredEntries = entries.filter(([name, item]) => {
if (this.matchesSearch(name)) return true; if (this.matchesSearch(name)) return true;
const tagName = (item as any).is;
if (tagName && this.matchesSearch(tagName)) return true;
const rawGroups = (item as any).demoGroups; const rawGroups = (item as any).demoGroups;
if (!rawGroups) return false; if (!rawGroups) return false;
const groups: string[] = Array.isArray(rawGroups) ? rawGroups : [rawGroups]; const groups: string[] = Array.isArray(rawGroups) ? rawGroups : [rawGroups];
@@ -692,6 +694,8 @@ export class WccSidebar extends DeesElement {
// Filter entries by search query // Filter entries by search query
const filteredEntries = entries.filter(([name, item]) => { const filteredEntries = entries.filter(([name, item]) => {
if (this.matchesSearch(name)) return true; if (this.matchesSearch(name)) return true;
const tagName = (item as any).is;
if (tagName && this.matchesSearch(tagName)) return true;
const rawGroups = (item as any).demoGroups; const rawGroups = (item as any).demoGroups;
if (!rawGroups) return false; if (!rawGroups) return false;
const groups: string[] = Array.isArray(rawGroups) ? rawGroups : [rawGroups]; const groups: string[] = Array.isArray(rawGroups) ? rawGroups : [rawGroups];