@aquera/nile-elements 1.3.0-beta-1.1 → 1.3.0-beta-1.2

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

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

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