v3.8.4

changelog.md

@@ -1,5 +1,21 @@
 # Changelog
 
+## 2026-04-12 - 3.8.4 - fix(repo)
+no changes to commit
+
+
+## 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)
+restore search input focus after clearing the sidebar search
+
+- Updates the sidebar clearSearch behavior to focus the .search-input element after resetting the query and dispatching searchChanged.
+- Improves search usability by letting users continue typing immediately after clearing the current search.
+
 ## 2026-04-12 - 3.8.1 - fix(build)
 migrate smart config and update build tooling for latest tsbundle and TypeScript defaults
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design.estate/dees-wcctools",
-  "version": "3.8.1",
+  "version": "3.8.4",
   "private": false,
   "description": "A set of web component tools for creating element catalogues, enabling the structured development and documentation of custom elements and pages.",
   "exports": {

ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-wcctools',
-  version: '3.8.1',
+  version: '3.8.4',
   description: 'A set of web component tools for creating element catalogues, enabling the structured development and documentation of custom elements and pages.'
 }

ts_web/elements/wcc-sidebar.ts

@@ -654,6 +654,8 @@ export class WccSidebar extends DeesElement {
       const entries = getSectionItems(section);
       const filteredEntries = entries.filter(([name, item]) => {
         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;
         if (!rawGroups) return false;
         const groups: string[] = Array.isArray(rawGroups) ? rawGroups : [rawGroups];
@@ -692,6 +694,8 @@ export class WccSidebar extends DeesElement {
     // Filter entries by search query
     const filteredEntries = entries.filter(([name, item]) => {
       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;
       if (!rawGroups) return false;
       const groups: string[] = Array.isArray(rawGroups) ? rawGroups : [rawGroups];
@@ -867,6 +871,8 @@ export class WccSidebar extends DeesElement {
   private clearSearch() {
     this.searchQuery = '';
     this.dispatchEvent(new CustomEvent('searchChanged', { detail: this.searchQuery }));
+    const input = this.shadowRoot.querySelector('.search-input') as HTMLInputElement;
+    if (input) input.focus();
   }
 
   private handleMenuScroll(e: Event) {