@aquera/nile-elements 1.3.9-beta-1.2 → 1.3.9-beta-1.3

package/dist/src/nile-virtual-select/group-manager.d.ts

@@ -1,32 +0,0 @@
-/**
- * Copyright Aquera Inc 2025
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import type { GroupedDataItem } from './types.js';
-/**
- * Interface for group attributes
- */
-export interface GroupAttributes {
-    name: string;
-    data?: string | null;
-    element: HTMLElement;
-}
-export declare class VirtualSelectGroupManager {
-    private component;
-    private enableGroupHeader;
-    constructor(component: any);
-    initialize(enableGroupHeader: boolean): void;
-    convertToGroupedData(data: any[], getGroupKey: (item: any) => string): GroupedDataItem[];
-    extractFlatItemsFromGroupedData(data: any[]): any[];
-    getAllGroupAttributes(): GroupAttributes[];
-    getUniqueGroupNames(arr: any[]): string[];
-    handleGroupSearchChange(searchValue: string, data: any[], getSearchText: (item: any) => string): void;
-    handleGroupShowSelected(showSelected: boolean, data: any[]): void;
-    clearGroupHiddenClasses(): void;
-    isGroupItem(item: any): boolean;
-    getActualItem(item: any): any;
-    getGroupName(item: any): string | undefined;
-    renderGroupHeader(item: any, getGroupDisplayText?: (groupKey: string) => string): any;
-}

package/dist/src/nile-virtual-select/group-manager.js

@@ -1,134 +0,0 @@
-/**
- * Copyright Aquera Inc 2025
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-export class VirtualSelectGroupManager {
-    constructor(component) {
-        this.enableGroupHeader = false;
-        this.component = component;
-    }
-    initialize(enableGroupHeader) {
-        this.enableGroupHeader = enableGroupHeader;
-    }
-    convertToGroupedData(data, getGroupKey) {
-        if (!this.enableGroupHeader || !getGroupKey) {
-            return data;
-        }
-        const groups = new Map();
-        data.forEach(item => {
-            const groupKey = getGroupKey(item);
-            if (!groups.has(groupKey)) {
-                groups.set(groupKey, []);
-            }
-            groups.get(groupKey).push(item);
-        });
-        const groupedData = [];
-        groups.forEach((options, groupKey) => {
-            groupedData.push({
-                type: 'group',
-                groupName: groupKey,
-                groupData: undefined
-            });
-            options.forEach(option => {
-                groupedData.push({
-                    type: 'option',
-                    groupName: groupKey,
-                    optionData: option
-                });
-            });
-        });
-        return groupedData;
-    }
-    extractFlatItemsFromGroupedData(data) {
-        if (!this.enableGroupHeader) {
-            return data;
-        }
-        return data
-            .filter((item) => item.type === 'option')
-            .map((item) => item.optionData);
-    }
-    getAllGroupAttributes() {
-        if (!this.enableGroupHeader)
-            return [];
-        return Array.from(this.component.querySelectorAll('nile-option-group[name]')).map((el) => ({
-            name: el?.getAttribute('name') || '',
-            data: el?.getAttribute('data'),
-            element: el
-        }));
-    }
-    getUniqueGroupNames(arr) {
-        if (!this.enableGroupHeader)
-            return [];
-        return Array.from(new Set(arr.map(obj => obj?.groupName)));
-    }
-    handleGroupSearchChange(searchValue, data, getSearchText) {
-        if (!this.enableGroupHeader)
-            return;
-        const visibleGroups = new Set();
-        for (let i = 0; i < data.length; i++) {
-            const item = data[i];
-            if (item.type === 'option') {
-                const searchText = getSearchText(item.optionData);
-                if (searchText && typeof searchText === 'string' &&
-                    searchText.toLowerCase().includes(searchValue.toLowerCase())) {
-                    visibleGroups.add(item.groupName);
-                }
-            }
-        }
-        this.getAllGroupAttributes().forEach(({ name, element }) => {
-            element?.classList.toggle('nile-group-hidden', !visibleGroups.has(name));
-        });
-    }
-    handleGroupShowSelected(showSelected, data) {
-        if (!this.enableGroupHeader)
-            return;
-        const visibleGroups = new Set();
-        if (showSelected) {
-            data.forEach((item) => {
-                if (!item.hidden && item.groupName) {
-                    visibleGroups.add(item.groupName);
-                }
-            });
-        }
-        this.getAllGroupAttributes().forEach(({ name, element }) => {
-            element?.classList.toggle('nile-group-hidden', showSelected && !visibleGroups.has(name));
-        });
-    }
-    clearGroupHiddenClasses() {
-        if (!this.enableGroupHeader)
-            return;
-        this.getAllGroupAttributes().forEach(({ element }) => {
-            element.classList.remove('nile-group-hidden');
-        });
-    }
-    isGroupItem(item) {
-        return this.enableGroupHeader && item?.type === 'group';
-    }
-    getActualItem(item) {
-        if (this.enableGroupHeader && item?.type === 'option') {
-            return item.optionData;
-        }
-        return item;
-    }
-    getGroupName(item) {
-        if (this.enableGroupHeader && item?.type === 'option') {
-            return item.groupName;
-        }
-        return item?.groupName;
-    }
-    renderGroupHeader(item, getGroupDisplayText) {
-        if (!this.isGroupItem(item)) {
-            return null;
-        }
-        const groupName = item.groupName;
-        const displayText = getGroupDisplayText ? getGroupDisplayText(groupName) : groupName;
-        return {
-            type: 'group',
-            name: groupName,
-            displayText: displayText
-        };
-    }
-}
-//# sourceMappingURL=group-manager.js.map

package/dist/src/nile-virtual-select/group-manager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"group-manager.js","sourceRoot":"","sources":["../../../src/nile-virtual-select/group-manager.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport type { GroupedDataItem } from './types.js';\nimport type NileOptionGroup from '../nile-option-group/nile-option-group';\n\n/**\n * Interface for group attributes\n */\nexport interface GroupAttributes {\n  name: string;\n  data?: string | null;\n  element: HTMLElement;\n}\n\nexport class VirtualSelectGroupManager {\n  private component: any;\n  private enableGroupHeader: boolean = false;\n\n  constructor(component: any) {\n    this.component = component;\n  }\n\n  initialize(enableGroupHeader: boolean): void {\n    this.enableGroupHeader = enableGroupHeader;\n  }\n\n  convertToGroupedData(data: any[], getGroupKey: (item: any) => string): GroupedDataItem[] {\n    if (!this.enableGroupHeader || !getGroupKey) {\n      return data;\n    }\n\n    const groups = new Map<string, any[]>();\n    \n    data.forEach(item => {\n      const groupKey = getGroupKey(item);\n      if (!groups.has(groupKey)) {\n        groups.set(groupKey, []);\n      }\n      groups.get(groupKey)!.push(item);\n    });\n    \n    const groupedData: GroupedDataItem[] = [];\n    groups.forEach((options, groupKey) => {\n      groupedData.push({\n        type: 'group',\n        groupName: groupKey,\n        groupData: undefined\n      });\n      options.forEach(option => {\n        groupedData.push({\n          type: 'option',\n          groupName: groupKey,\n          optionData: option\n        });\n      });\n    });\n    \n    return groupedData;\n  }\n\n  extractFlatItemsFromGroupedData(data: any[]): any[] {\n    if (!this.enableGroupHeader) {\n      return data;\n    }\n\n    return data\n      .filter((item: any) => item.type === 'option')\n      .map((item: any) => item.optionData);\n  }\n\n  getAllGroupAttributes(): GroupAttributes[] {\n    if (!this.enableGroupHeader) return [];\n    \n    return Array.from(\n      this.component.querySelectorAll('nile-option-group[name]')\n    ).map((el: HTMLElement) => ({\n      name: el?.getAttribute('name') || '',\n      data: el?.getAttribute('data'),\n      element: el\n    }));\n  }\n\n  getUniqueGroupNames(arr: any[]): string[] {\n    if (!this.enableGroupHeader) return [];\n    return Array.from(new Set(arr.map(obj => obj?.groupName)));\n  }\n\n  handleGroupSearchChange(searchValue: string, data: any[], getSearchText: (item: any) => string): void {\n    if (!this.enableGroupHeader) return;\n    \n    const visibleGroups = new Set<string>();\n    \n    for (let i = 0; i < data.length; i++) {\n      const item = data[i];\n      \n      if (item.type === 'option') {\n        const searchText = getSearchText(item.optionData);\n        if (searchText && typeof searchText === 'string' && \n            searchText.toLowerCase().includes(searchValue.toLowerCase())) {\n          visibleGroups.add(item.groupName);\n        }\n      }\n    }\n    \n    this.getAllGroupAttributes().forEach(({ name, element }) => {\n      element?.classList.toggle('nile-group-hidden', !visibleGroups.has(name));\n    });\n  }\n\n  handleGroupShowSelected(showSelected: boolean, data: any[]): void {\n    if (!this.enableGroupHeader) return;\n    \n    const visibleGroups = new Set<string>();\n  \n    if (showSelected) {\n      data.forEach((item: any) => {\n        if (!item.hidden && item.groupName) {\n          visibleGroups.add(item.groupName);\n        }\n      });\n    }\n  \n    this.getAllGroupAttributes().forEach(({ name, element }) => {\n      element?.classList.toggle(\n        'nile-group-hidden',\n        showSelected && !visibleGroups.has(name)\n      );\n    });\n  }\n\n  clearGroupHiddenClasses(): void {\n    if (!this.enableGroupHeader) return;\n    \n    this.getAllGroupAttributes().forEach(({ element }) => {\n      element.classList.remove('nile-group-hidden');\n    });\n  }\n\n  isGroupItem(item: any): boolean {\n    return this.enableGroupHeader && item?.type === 'group';\n  }\n\n  getActualItem(item: any): any {\n    if (this.enableGroupHeader && item?.type === 'option') {\n      return item.optionData;\n    }\n    return item;\n  }\n\n  getGroupName(item: any): string | undefined {\n    if (this.enableGroupHeader && item?.type === 'option') {\n      return item.groupName;\n    }\n    return item?.groupName;\n  }\n\n  renderGroupHeader(item: any, getGroupDisplayText?: (groupKey: string) => string): any {\n    if (!this.isGroupItem(item)) {\n      return null;\n    }\n\n    const groupName = item.groupName;\n    const displayText = getGroupDisplayText ? getGroupDisplayText(groupName!) : groupName;\n    \n    return {\n      type: 'group',\n      name: groupName,\n      displayText: displayText\n    };\n  }\n}\n"]}

package/dist/src/nile-virtual-select/portal-utils.d.ts

@@ -1,65 +0,0 @@
-import { type Placement, type MiddlewareData, type ComputePositionConfig, type Boundary } from '@floating-ui/dom';
-export declare class PortalUtils {
-    static calculateAvailableSpace(referenceElement: HTMLElement): {
-        spaceAbove: number;
-        spaceBelow: number;
-        viewportHeight: number;
-    };
-    static getOptimalPlacement(referenceElement: HTMLElement): Placement;
-    static findBoundaryElements(component: HTMLElement): Element[] | undefined;
-    static calculateOptimalHeight(referenceRect: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    }, viewportHeight: number, placement: Placement): number;
-    static extractStylesAsCSS(styles: any): string;
-    static generateStyleId(): string;
-    static isPositioningOptimal(placement: Placement, referenceElement: HTMLElement): boolean;
-    static applyCollisionData(element: HTMLElement, middlewareData: MiddlewareData, placement: Placement): void;
-    static createFloatingUIMiddleware(boundary: Boundary, onSizeApply: (params: {
-        availableWidth: number;
-        availableHeight: number;
-        elements: {
-            floating: HTMLElement;
-        };
-        rects: {
-            reference: {
-                x: number;
-                y: number;
-                width: number;
-                height: number;
-            };
-        };
-    }) => void): ComputePositionConfig['middleware'];
-}
-export declare class PortalContentUtils {
-    static createBaseListbox(component: any): HTMLElement;
-    static addSearchSection(listbox: HTMLElement, component: any): void;
-    static addLoadingSection(listbox: HTMLElement, component: any): void;
-    static addOptionsSection(listbox: HTMLElement, component: any): void;
-    static addNoResultsMessage(container: HTMLElement, component: any): void;
-    static addClonedOptions(container: HTMLElement, component: any): void;
-    static cloneOption(option: HTMLElement): HTMLElement;
-    static copyOptionProperties(originalOption: HTMLElement, clonedOption: HTMLElement): void;
-    static addFooterSection(listbox: HTMLElement, component: any): void;
-    static createFooter(component: any): HTMLElement;
-    static addShowSelectedToggle(footer: HTMLElement, component: any): void;
-    static addClearAllButton(footer: HTMLElement, component: any): void;
-    static updateClonedOptions(clonedListbox: HTMLElement, component: any): void;
-    static updateClonedOption(originalOption: HTMLElement, clonedOption: HTMLElement): void;
-    static updateClonedOptionAttributes(originalOption: HTMLElement, clonedOption: HTMLElement): void;
-    static createPortalListbox(component: any): HTMLElement;
-}
-export declare class PortalEventUtils {
-    static setupPortalEventListeners(clonedListbox: HTMLElement, component: any): void;
-    static setupOptionClickListeners(clonedListbox: HTMLElement, component: any): void;
-    static handleOptionClick(option: HTMLElement, component: any): void;
-    static setupScrollListeners(clonedListbox: HTMLElement, component: any): void;
-    static setupSearchListeners(clonedListbox: HTMLElement, component: any): void;
-    static setupFooterListeners(clonedListbox: HTMLElement, component: any): void;
-    static setupFooterClickHandlers(footer: HTMLElement): void;
-    static setupShowSelectedToggle(footer: HTMLElement, component: any): void;
-    static setupClearAllHandler(footer: HTMLElement, component: any): void;
-    static setupSlotListeners(clonedListbox: HTMLElement, component: any): void;
-}

package/dist/src/nile-virtual-select/portal-utils.js

@@ -1,376 +0,0 @@
-export class PortalUtils {
-    static calculateAvailableSpace(referenceElement) {
-        const rect = referenceElement.getBoundingClientRect();
-        const viewportHeight = window.innerHeight;
-        const spaceBelow = viewportHeight - rect.bottom;
-        const spaceAbove = rect.top;
-        return { spaceAbove, spaceBelow, viewportHeight };
-    }
-    static getOptimalPlacement(referenceElement) {
-        const { spaceAbove, spaceBelow } = this.calculateAvailableSpace(referenceElement);
-        if (spaceBelow < 200 && spaceAbove > spaceBelow) {
-            return 'top';
-        }
-        return 'bottom';
-    }
-    static findBoundaryElements(component) {
-        const boundaryElements = [];
-        let currentElement = component.parentElement;
-        while (currentElement && currentElement !== document.body) {
-            const computedStyle = window.getComputedStyle(currentElement);
-            const overflow = computedStyle.overflow;
-            const overflowY = computedStyle.overflowY;
-            const overflowX = computedStyle.overflowX;
-            if (overflow === 'auto' || overflow === 'scroll' ||
-                overflowY === 'auto' || overflowY === 'scroll' ||
-                overflowX === 'auto' || overflowX === 'scroll') {
-                boundaryElements.push(currentElement);
-            }
-            if (currentElement.hasAttribute('data-floating-boundary') ||
-                currentElement.classList.contains('floating-boundary') ||
-                currentElement.classList.contains('scroll-container')) {
-                boundaryElements.push(currentElement);
-            }
-            currentElement = currentElement.parentElement;
-        }
-        return boundaryElements.length > 0 ? boundaryElements : undefined;
-    }
-    static calculateOptimalHeight(referenceRect, viewportHeight, placement) {
-        const spaceBelow = viewportHeight - (referenceRect.y + referenceRect.height);
-        const spaceAbove = referenceRect.y;
-        if (spaceAbove > spaceBelow) {
-            return Math.max(spaceAbove - 20, 100);
-        }
-        else if (spaceBelow > spaceAbove) {
-            return Math.max(spaceBelow - 20, 100);
-        }
-        return Math.max(Math.min(spaceAbove, spaceBelow) - 20, 100);
-    }
-    static extractStylesAsCSS(styles) {
-        if (typeof styles === 'string') {
-            return styles;
-        }
-        if (Array.isArray(styles)) {
-            return styles.map(style => this.extractStylesAsCSS(style)).join('\n');
-        }
-        if (styles && typeof styles === 'object' && styles.cssText) {
-            return styles.cssText;
-        }
-        return '';
-    }
-    static generateStyleId() {
-        return `nile-select-styles-${Math.random().toString(36).substring(2, 11)}`;
-    }
-    static isPositioningOptimal(placement, referenceElement) {
-        const { spaceAbove, spaceBelow } = this.calculateAvailableSpace(referenceElement);
-        const isAbove = placement.startsWith('top');
-        const isBelow = placement.startsWith('bottom');
-        if (isAbove && spaceBelow > spaceAbove)
-            return false;
-        if (isBelow && spaceAbove > spaceBelow)
-            return false;
-        return true;
-    }
-    static applyCollisionData(element, middlewareData, placement) {
-        if (middlewareData.flip) {
-            const { overflows } = middlewareData.flip;
-            element.setAttribute('data-placement', placement);
-            if (overflows && overflows.length > 0) {
-                const overflowPlacements = overflows.map(overflow => overflow.placement).join(',');
-                element.setAttribute('data-overflow', overflowPlacements);
-            }
-            else {
-                element.removeAttribute('data-overflow');
-            }
-        }
-        if (middlewareData.shift) {
-            const { x, y } = middlewareData.shift;
-            if (x !== undefined && y !== undefined && (x !== 0 || y !== 0)) {
-                element.setAttribute('data-shift', `${x},${y}`);
-            }
-            else {
-                element.removeAttribute('data-shift');
-            }
-        }
-        if (middlewareData.size) {
-            const { availableWidth, availableHeight } = middlewareData.size;
-            if (availableWidth !== undefined) {
-                element.setAttribute('data-available-width', availableWidth.toString());
-            }
-            if (availableHeight !== undefined) {
-                element.setAttribute('data-available-height', availableHeight.toString());
-            }
-        }
-    }
-    static createFloatingUIMiddleware(boundary, onSizeApply) {
-        return [];
-    }
-}
-export class PortalContentUtils {
-    static createBaseListbox(component) {
-        const listbox = document.createElement('div');
-        listbox.className = `select__listbox ${component.searchEnabled ? 'select__search-enabled ' : ''}`;
-        listbox.setAttribute('tabindex', '-1');
-        return listbox;
-    }
-    static addSearchSection(listbox, component) {
-        if (!component.searchEnabled)
-            return;
-        const searchDiv = document.createElement('div');
-        searchDiv.className = 'select__search';
-        searchDiv.innerHTML = `
-        <nile-input size="small" clearable value="${component.searchValue}" placeholder="${component.internalSearchPlaceHolder}">
-          <nile-icon name="var(--nile-icon-search, var(--ng-icon-search-lg))" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))" slot="suffix"></nile-icon>
-        </nile-input>
-      `;
-        listbox.appendChild(searchDiv);
-    }
-    static addLoadingSection(listbox, component) {
-        if (!component.optionsLoading)
-            return;
-        const loaderSpan = document.createElement('span');
-        loaderSpan.className = 'select__loader';
-        loaderSpan.innerHTML = `
-        <nile-icon class="select__loader--icon" name="var(--nile-icon-button-loading-blue, var(--ng-icon-button-loading-blue))" method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"></nile-icon>
-      `;
-        listbox.appendChild(loaderSpan);
-    }
-    static addOptionsSection(listbox, component) {
-        const optionsContainer = document.createElement('div');
-        optionsContainer.className = `select__options ${component.searchEnabled ? 'select__options__search-enabled' : ''}`;
-        this.addNoResultsMessage(optionsContainer, component);
-        this.addClonedOptions(optionsContainer, component);
-        listbox.appendChild(optionsContainer);
-    }
-    static addNoResultsMessage(container, component) {
-        if (!component.showNoResults)
-            return;
-        const noResultsDiv = document.createElement('div');
-        noResultsDiv.className = 'select__no-results';
-        noResultsDiv.textContent = component.noResultsMessage;
-        container.appendChild(noResultsDiv);
-    }
-    static addClonedOptions(container, component) {
-        const options = Array.from(component.querySelectorAll('nile-option'));
-        options.forEach((option) => {
-            const clonedOption = this.cloneOption(option);
-            container.appendChild(clonedOption);
-        });
-    }
-    static cloneOption(option) {
-        const clonedOption = option.cloneNode(true);
-        Array.from(option.attributes).forEach((attr) => {
-            clonedOption.setAttribute(attr.name, attr.value);
-        });
-        this.copyOptionProperties(option, clonedOption);
-        return clonedOption;
-    }
-    static copyOptionProperties(originalOption, clonedOption) {
-        const properties = ['selected', 'disabled', 'current', 'hidden'];
-        properties.forEach(prop => {
-            if (originalOption[prop] !== undefined) {
-                clonedOption[prop] = originalOption[prop];
-            }
-        });
-    }
-    static addFooterSection(listbox, component) {
-        if (!component.multiple)
-            return;
-        const footerDiv = this.createFooter(component);
-        listbox.appendChild(footerDiv);
-    }
-    static createFooter(component) {
-        const footerDiv = document.createElement('div');
-        footerDiv.setAttribute('part', 'footer');
-        footerDiv.className = 'select__footer';
-        this.addShowSelectedToggle(footerDiv, component);
-        this.addClearAllButton(footerDiv, component);
-        return footerDiv;
-    }
-    static addShowSelectedToggle(footer, component) {
-        const showSelectedSpan = document.createElement('span');
-        showSelectedSpan.style.cursor = 'pointer';
-        const checkbox = document.createElement('nile-checkbox');
-        checkbox.disabled = component.selectedOptions.length === 0;
-        checkbox.checked = component.showSelected;
-        checkbox.innerHTML = '&nbsp; Show Selected';
-        showSelectedSpan.appendChild(checkbox);
-        footer.appendChild(showSelectedSpan);
-    }
-    static addClearAllButton(footer, component) {
-        if (component.selectedOptions.length === 0)
-            return;
-        const clearAllSpan = document.createElement('span');
-        clearAllSpan.className = 'select__clear';
-        clearAllSpan.textContent = 'Clear All';
-        clearAllSpan.style.cursor = 'pointer';
-        footer.appendChild(clearAllSpan);
-    }
-    static updateClonedOptions(clonedListbox, component) {
-        const optionsContainer = clonedListbox.querySelector('.select__options');
-        if (!optionsContainer)
-            return;
-        const originalOptions = Array.from(component.querySelectorAll('nile-option'));
-        const clonedOptions = Array.from(optionsContainer.querySelectorAll('nile-option'));
-        originalOptions.forEach((originalOption, index) => {
-            const clonedOption = clonedOptions[index];
-            if (clonedOption) {
-                this.updateClonedOption(originalOption, clonedOption);
-            }
-        });
-    }
-    static updateClonedOption(originalOption, clonedOption) {
-        clonedOption.selected = originalOption.selected;
-        clonedOption.disabled = originalOption.disabled;
-        clonedOption.current = originalOption.current;
-        clonedOption.hidden = originalOption.hidden;
-        this.updateClonedOptionAttributes(originalOption, clonedOption);
-    }
-    static updateClonedOptionAttributes(originalOption, clonedOption) {
-        const attributes = [
-            { prop: 'selected', attr: 'selected' },
-            { prop: 'disabled', attr: 'disabled' },
-            { prop: 'current', attr: 'current' },
-            { prop: 'hidden', attr: 'hidden' }
-        ];
-        attributes.forEach(({ prop, attr }) => {
-            if (originalOption[prop]) {
-                clonedOption.setAttribute(attr, '');
-            }
-            else {
-                clonedOption.removeAttribute(attr);
-            }
-        });
-    }
-    static createPortalListbox(component) {
-        const listbox = this.createBaseListbox(component);
-        this.addSearchSection(listbox, component);
-        this.addLoadingSection(listbox, component);
-        this.addOptionsSection(listbox, component);
-        this.addFooterSection(listbox, component);
-        return listbox;
-    }
-}
-export class PortalEventUtils {
-    static setupPortalEventListeners(clonedListbox, component) {
-        if (!clonedListbox)
-            return;
-        this.setupOptionClickListeners(clonedListbox, component);
-        this.setupScrollListeners(clonedListbox, component);
-        this.setupSearchListeners(clonedListbox, component);
-        this.setupFooterListeners(clonedListbox, component);
-        this.setupSlotListeners(clonedListbox, component);
-    }
-    static setupOptionClickListeners(clonedListbox, component) {
-        if (!clonedListbox)
-            return;
-        clonedListbox.addEventListener('mouseup', (event) => {
-            const target = event.target;
-            const option = target.closest('nile-option');
-            if (option) {
-                this.handleOptionClick(option, component);
-            }
-        });
-    }
-    static handleOptionClick(option, component) {
-        const originalOption = component.querySelector(`nile-option[value="${option.getAttribute('value')}"]`);
-        if (originalOption) {
-            const syntheticEvent = new MouseEvent('mouseup', {
-                bubbles: true,
-                cancelable: true,
-                view: window
-            });
-            Object.defineProperty(syntheticEvent, 'target', {
-                value: originalOption,
-                writable: false
-            });
-            if (component.handleOptionClick) {
-                component.handleOptionClick(syntheticEvent);
-            }
-        }
-    }
-    static setupScrollListeners(clonedListbox, component) {
-        if (!clonedListbox)
-            return;
-        clonedListbox.addEventListener('scroll', (event) => {
-            if (component.handleScroll) {
-                component.handleScroll(event);
-            }
-        });
-    }
-    static setupSearchListeners(clonedListbox, component) {
-        if (!clonedListbox)
-            return;
-        const searchInput = clonedListbox.querySelector('nile-input');
-        if (searchInput) {
-            searchInput.addEventListener('nile-input', (event) => {
-                if (component.handleSearchChange) {
-                    component.handleSearchChange(event);
-                }
-            });
-            searchInput.addEventListener('nile-focus', (event) => {
-                if (component.handleSearchFocus) {
-                    component.handleSearchFocus();
-                }
-            });
-            searchInput.addEventListener('nile-blur', (event) => {
-                if (component.handleSearchBlur) {
-                    component.handleSearchBlur();
-                }
-            });
-        }
-    }
-    static setupFooterListeners(clonedListbox, component) {
-        if (!clonedListbox)
-            return;
-        const footer = clonedListbox.querySelector('.select__footer');
-        if (footer) {
-            this.setupFooterClickHandlers(footer);
-            this.setupShowSelectedToggle(footer, component);
-            this.setupClearAllHandler(footer, component);
-        }
-    }
-    static setupFooterClickHandlers(footer) {
-        footer.addEventListener('click', (event) => {
-            event.stopPropagation();
-            event.preventDefault();
-        });
-    }
-    static setupShowSelectedToggle(footer, component) {
-        const showSelectedSpan = footer.querySelector('span[style*="cursor: pointer"]');
-        if (showSelectedSpan) {
-            showSelectedSpan.addEventListener('click', (event) => {
-                event.stopPropagation();
-                event.preventDefault();
-                if (component.toggleShowSelected) {
-                    component.toggleShowSelected(event);
-                }
-            });
-        }
-    }
-    static setupClearAllHandler(footer, component) {
-        footer.addEventListener('click', (event) => {
-            const target = event.target;
-            if (target.classList.contains('select__clear')) {
-                event.stopPropagation();
-                event.preventDefault();
-                if (component.unSlectAll) {
-                    component.unSlectAll();
-                }
-            }
-        });
-    }
-    static setupSlotListeners(clonedListbox, component) {
-        if (!clonedListbox)
-            return;
-        const slot = clonedListbox.querySelector('slot');
-        if (slot) {
-            slot.addEventListener('slotchange', () => {
-                if (component.updatePortalContent) {
-                    component.updatePortalContent();
-                }
-            });
-        }
-    }
-}
-//# sourceMappingURL=portal-utils.js.map