@energycap/components 0.45.2-multi-select-component.20260303-0733 → 0.45.2-multi-select-component.20260303-0736

package/fesm2022/energycap-components.mjs

@@ -3142,6 +3142,39 @@ class MenuComponent {
      * @param menuComponentId Used to prefix the generated ID. This should be the ID of the menu component the item is present in.
      * @memberof MenuComponent
      */
+    /**
+     * Filter an array of MenuItems by label or caption (contains match).
+     * Supports grouped items under headings and divided-sections.
+     *
+     * @param options The full list of MenuItems to filter
+     * @param filterText The search text to filter by
+     * @returns The filtered list of MenuItems
+     */
+    static filterOptions(options, filterText) {
+        const searchText = filterText.toLowerCase();
+        if (filterText && filterText !== '') {
+            const matchesSearch = (item) => item.label.toLowerCase().indexOf(searchText) >= 0 ||
+                (item.caption && item.caption.toLowerCase().indexOf(searchText) >= 0);
+            return 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')) {
+                    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;
+            }, []);
+        }
+        else {
+            return options;
+        }
+    }
     static getIndexedItemId(items, item, menuComponentId) {
         if (item) {
             for (let i = 0; i < items.length; i++) {
@@ -4480,38 +4513,6 @@ class ComboboxComponent extends FormControlBase {
             this.scrollMenu();
         }
     }
-    /**
-
-     * Filter array of options by label or caption (contains)
-     *
-     * @param filterText The value of textbox that we will filter our options by
-     *
-     * @memberof ComboboxComponent
-     */
-    filterOptionsArray(filterText) {
-        let searchText = filterText.toLowerCase();
-        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')) {
-                    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;
-            }, []);
-        }
-        else {
-            return this.options;
-        }
-    }
     /**
      * Find a given item's index in the filtered items array.
      *
@@ -4594,7 +4595,7 @@ class ComboboxComponent extends FormControlBase {
         this.search.emit(searchText);
         // do internal filtering if no one's subscribed to our search emitter
         if (this.search.observers.length === 0 && searchText !== undefined) {
-            this.resetOptions(this.filterOptionsArray(searchText));
+            this.resetOptions(MenuComponent.filterOptions(this.options, searchText));
             if (this.addNewSelected && !this.addNewButton) {
                 this.addNewSelected = false;
             }
@@ -8636,7 +8637,7 @@ class MultiselectComponent extends FormControlBase {
         const filterText = this.filterFormModel.value || '';
         this.search.emit(filterText);
         if (this.search.observers.length === 0) {
-            this.resetOptions(this.filterOptionsArray(filterText));
+            this.resetOptions(MenuComponent.filterOptions(this.options, filterText));
         }
         if (this.popup) {
             this.popup.update();
@@ -8763,31 +8764,6 @@ class MultiselectComponent extends FormControlBase {
             }
         }
     }
-    /**
-     * Filter options by label (contains)
-     */
-    filterOptionsArray(filterText) {
-        const searchText = filterText.toLowerCase();
-        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) => {
-                if (!item.items?.length && matchesSearch(item)) {
-                    filteredItems.push(item);
-                }
-                else if (item.items?.length && (item.display === 'heading' || item.display === 'divided-section')) {
-                    const filteredChildItems = item.items.filter(matchesSearch);
-                    if (filteredChildItems.length) {
-                        filteredItems.push({ ...item, items: filteredChildItems });
-                    }
-                }
-                return filteredItems;
-            }, []);
-        }
-        else {
-            return this.options;
-        }
-    }
     /**
      * React to formModel changes from outside the component
      */