@design.estate/dees-wcctools 3.6.0 → 3.6.2

package/dist_bundle/bundle.js

@@ -42053,6 +42053,12 @@ var WccSidebar = class extends (_a3 = DeesElement, _selectedItem_dec = [n5({ att
       document.addEventListener("mouseup", onMouseUp);
     });
   }
+  /**
+   * Returns the scrollable container element (.menu) for external scroll management
+   */
+  get scrollableContainer() {
+    return this.shadowRoot?.querySelector(".menu");
+  }
   render() {
     return b2`
       <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" rel="stylesheet" />
@@ -42620,21 +42626,29 @@ var WccSidebar = class extends (_a3 = DeesElement, _selectedItem_dec = [n5({ att
         }
         groupedItems.get(group).push(entry);
       }
-      const result = [];
+      const renderItems = [];
       const ungrouped = groupedItems.get(null) || [];
       for (const entry of ungrouped) {
-        result.push(this.renderElementItem(entry, section));
+        renderItems.push({ type: "element", entry, sortKey: entry[0].toLowerCase() });
       }
       for (const [groupName, items] of groupedItems) {
         if (groupName === null) continue;
-        result.push(b2`
-          <div class="item-group">
-            <span class="item-group-legend">${groupName}</span>
-            ${items.map((entry) => this.renderElementItem(entry, section))}
-          </div>
-        `);
+        const firstElementName = items[0]?.[0] || "";
+        renderItems.push({ type: "group", groupName, items, sortKey: firstElementName.toLowerCase() });
       }
-      return result;
+      renderItems.sort((a4, b4) => a4.sortKey.localeCompare(b4.sortKey));
+      return renderItems.map((item) => {
+        if (item.type === "element") {
+          return this.renderElementItem(item.entry, section);
+        } else {
+          return b2`
+            <div class="item-group">
+              <span class="item-group-legend">${item.groupName}</span>
+              ${item.items.map((entry) => this.renderElementItem(entry, section))}
+            </div>
+          `;
+        }
+      });
     }
   }
   /**
@@ -45536,10 +45550,13 @@ var WccDashboard2 = class extends (_a7 = DeesElement, _sections_dec = [n5()], _s
       this.scrollListenersAttached = true;
     }
     if (wccSidebar) {
-      wccSidebar.addEventListener("scroll", () => {
-        this.sidebarScrollY = wccSidebar.scrollTop;
-        this.debouncedScrollUpdate();
-      });
+      const scrollContainer = wccSidebar.scrollableContainer;
+      if (scrollContainer) {
+        scrollContainer.addEventListener("scroll", () => {
+          this.sidebarScrollY = scrollContainer.scrollTop;
+          this.debouncedScrollUpdate();
+        });
+      }
     }
   }
   debouncedScrollUpdate() {
@@ -45581,7 +45598,10 @@ var WccDashboard2 = class extends (_a7 = DeesElement, _sections_dec = [n5()], _s
       wccFrame.scrollTop = this.frameScrollY;
     }
     if (wccSidebar && this.sidebarScrollY > 0) {
-      wccSidebar.scrollTop = this.sidebarScrollY;
+      const scrollContainer = wccSidebar.scrollableContainer;
+      if (scrollContainer) {
+        scrollContainer.scrollTop = this.sidebarScrollY;
+      }
     }
     this.scrollPositionsApplied = true;
   }