@design.estate/dees-wcctools 3.6.0 → 3.6.1

package/dist_bundle/bundle.js

@@ -42620,21 +42620,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>
+          `;
+        }
+      });
     }
   }
   /**