@energycap/components 0.39.17-ECAP-23124-menu-item-divider-improvements.20240523-1609 → 0.39.17-ECAP-23124-menu-item-divider-improvements.20240528-1347

package/fesm2020/energycap-components.mjs

@@ -2244,6 +2244,11 @@ class MenuComponent {
         if (this.items) {
             this.items.forEach((item, index) => {
                 item.id = item.id ? item.id : this.id + '_item' + index;
+                if (item.items) {
+                    item.items.forEach((childItem, childIndex) => {
+                        childItem.id = childItem.id ? childItem.id : this.id + '_item' + index + '-' + childIndex;
+                    });
+                }
             });
         }
     }
@@ -3207,11 +3212,17 @@ class ComboboxComponent extends FormControlBase {
         if (filterText && filterText !== '') {
             const matchesSearch = (item) => item.label.toLowerCase().indexOf(searchText) >= 0 || (item.caption && item.caption.toLowerCase().indexOf(searchText) >= 0);
             return this.options.reduce((filteredItems, item) => {
+                // Match the item itself if it doesn't have any children
                 if (!item.items?.length && matchesSearch(item)) {
                     filteredItems.push(item);
+                    // If we have children, filter them and add the parent if it has any children that match
                 }
                 else if (item.items?.length && (item.display === 'heading' || item.display === 'divided-section')) {
-                    filteredItems.push({ ...item, items: item.items.filter(matchesSearch) });
+                    const filteredChildItems = item.items.filter(matchesSearch);
+                    if (filteredChildItems.length) {
+                        // Need to clone the parent item with the filtered children so we don't modify the original
+                        filteredItems.push({ ...item, items: filteredChildItems });
+                    }
                 }
                 return filteredItems;
             }, []);