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

package/dist/src/nile-select/body-append-manager.js

@@ -1,298 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/**
- * Manager class for handling bodyAppend functionality in nile-select
- * This class manages moving select options to document.body to avoid CSS clipping issues
- */
-export class BodyAppendManager {
-    constructor(selectElement) {
-        this.originalOptions = [];
-        this.selectElement = selectElement;
-    }
-    /**
-     * Sets the popup and listbox references
-     */
-    setReferences(popup, listbox) {
-        this.popup = popup;
-        this.listbox = listbox;
-    }
-    /**
-     * Handles the bodyAppend change
-     */
-    handleBodyAppendChange(bodyAppend) {
-        if (bodyAppend) {
-            // Initialize body container when bodyAppend becomes true
-            this.createBodyContainer();
-            // Move options to body immediately
-            this.moveOptionsToBody();
-            // If no options were found, retry after a short delay
-            if (this.getAllOptions().length === 0) {
-                setTimeout(() => {
-                    this.moveOptionsToBody();
-                }, 100);
-            }
-            // Listen for popup reposition events
-            this.boundHandlePopupReposition = this.handlePopupReposition.bind(this);
-            this.popup?.addEventListener('reposition', this.boundHandlePopupReposition);
-        }
-        else {
-            // Restore options from body when bodyAppend becomes false
-            this.restoreOptionsFromBody();
-            // Clean up body container when bodyAppend becomes false
-            this.cleanupBodyContainer();
-            // Remove popup reposition listener
-            if (this.boundHandlePopupReposition) {
-                this.popup?.removeEventListener('reposition', this.boundHandlePopupReposition);
-                this.boundHandlePopupReposition = undefined;
-            }
-        }
-    }
-    /**
-     * Handles popup reposition events to update body container position
-     */
-    handlePopupReposition() {
-        if (this.bodyContainer && this.selectElement.open) {
-            this.updateBodyContainerVisibility(true);
-        }
-    }
-    /**
-     * Extracts styles as CSS string from various style formats
-     */
-    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 '';
-    }
-    /**
-     * Injects component styles into document head
-     */
-    injectStylesToDocument() {
-        if (!this.bodyContainer)
-            return;
-        // Create a unique identifier for this component instance
-        this.injectedStyleId = `nile-select-body-append-styles-${Math.random().toString(36).substring(2, 11)}`;
-        // Check if styles are already injected
-        if (document.getElementById(this.injectedStyleId))
-            return;
-        // Get the component's styles
-        const componentStyles = this.selectElement.constructor.styles;
-        if (!componentStyles)
-            return;
-        // Create a style element
-        const styleElement = document.createElement('style');
-        styleElement.id = this.injectedStyleId;
-        styleElement.textContent = this.extractStylesAsCSS(componentStyles);
-        // Inject into document head
-        document.head.appendChild(styleElement);
-    }
-    /**
-     * Adopts component styles to the body container (similar to portal-manager pattern)
-     */
-    adoptStylesToBodyContainer(listboxContainer) {
-        if (!this.bodyContainer)
-            return;
-        // Inject styles to document head first
-        this.injectStylesToDocument();
-        // Apply basic styling to match the original listbox
-        if (this.listbox) {
-            const computedStyle = window.getComputedStyle(this.listbox);
-            listboxContainer.style.backgroundColor = computedStyle.backgroundColor;
-            listboxContainer.style.border = computedStyle.border;
-            listboxContainer.style.borderRadius = computedStyle.borderRadius;
-            listboxContainer.style.boxShadow = computedStyle.boxShadow;
-            listboxContainer.style.maxHeight = computedStyle.maxHeight;
-            listboxContainer.style.overflow = computedStyle.overflow;
-            listboxContainer.style.padding = computedStyle.padding;
-            listboxContainer.style.margin = computedStyle.margin;
-        }
-    }
-    /**
-     * Creates a body container for options when bodyAppend is true
-     */
-    createBodyContainer() {
-        if (this.bodyContainer) {
-            return this.bodyContainer;
-        }
-        this.bodyContainer = document.createElement('div');
-        this.bodyContainer.style.position = 'fixed';
-        this.bodyContainer.style.zIndex = '9999';
-        this.bodyContainer.style.pointerEvents = 'none';
-        this.bodyContainer.style.visibility = 'hidden';
-        this.bodyContainer.style.overflow = 'hidden';
-        // Create the listbox container inside the body container
-        const listboxContainer = document.createElement('div');
-        listboxContainer.id = 'listbox';
-        listboxContainer.setAttribute('role', 'listbox');
-        listboxContainer.className = 'select__listbox';
-        listboxContainer.setAttribute('aria-expanded', 'false');
-        listboxContainer.setAttribute('aria-multiselectable', 'false');
-        listboxContainer.setAttribute('aria-labelledby', 'label');
-        listboxContainer.setAttribute('tabindex', '-1');
-        // Adopt styles to the listbox container (similar to portal-manager pattern)
-        this.adoptStylesToBodyContainer(listboxContainer);
-        // Append the listbox container to the body container
-        this.bodyContainer.appendChild(listboxContainer);
-        // Inject component styles to document head
-        this.injectStylesToDocument();
-        document.body.appendChild(this.bodyContainer);
-        return this.bodyContainer;
-    }
-    /**
-     * Cleans up the body container
-     */
-    cleanupBodyContainer() {
-        if (this.bodyContainer && this.bodyContainer.parentNode) {
-            this.bodyContainer.parentNode.removeChild(this.bodyContainer);
-            this.bodyContainer = undefined;
-        }
-        // Clean up injected styles
-        if (this.injectedStyleId) {
-            const styleElement = document.getElementById(this.injectedStyleId);
-            if (styleElement) {
-                styleElement.remove();
-            }
-            this.injectedStyleId = undefined;
-        }
-    }
-    /**
-     * Moves options to body container when bodyAppend is true
-     */
-    moveOptionsToBody() {
-        const container = this.createBodyContainer();
-        const listboxContainer = container.querySelector('#listbox');
-        const allOptions = this.getAllOptions();
-        // Only proceed if we have options to move and listbox container exists
-        if (allOptions.length === 0 || !listboxContainer) {
-            return;
-        }
-        // Store original options for restoration
-        this.originalOptions = [...allOptions];
-        // Move options to listbox container inside body container
-        allOptions.forEach(option => {
-            if (option.parentNode) {
-                option.parentNode.removeChild(option);
-            }
-            listboxContainer.appendChild(option);
-        });
-    }
-    /**
-     * Restores options to their original position
-     */
-    restoreOptionsFromBody() {
-        if (!this.bodyContainer) {
-            return;
-        }
-        const allOptions = this.getAllOptions();
-        // Move options back to their original position
-        allOptions.forEach(option => {
-            if (option.parentNode) {
-                option.parentNode.removeChild(option);
-            }
-            // Insert back into the slot
-            this.selectElement.appendChild(option);
-        });
-    }
-    /**
-     * Updates body container visibility and positioning
-     */
-    updateBodyContainerVisibility(visible) {
-        if (!this.bodyContainer) {
-            return;
-        }
-        if (visible) {
-            this.bodyContainer.style.visibility = 'visible';
-            this.bodyContainer.style.pointerEvents = 'auto';
-            // Position the container relative to the popup
-            if (this.popup && this.popup.popup) {
-                const popupRect = this.popup.popup.getBoundingClientRect();
-                this.bodyContainer.style.left = `${popupRect.left}px`;
-                this.bodyContainer.style.top = `${popupRect.top}px`;
-                this.bodyContainer.style.width = `${popupRect.width}px`;
-                this.bodyContainer.style.height = `${popupRect.height}px`;
-                // Update styles to match the popup
-                const computedStyle = window.getComputedStyle(this.popup.popup);
-                this.bodyContainer.style.backgroundColor = computedStyle.backgroundColor;
-                this.bodyContainer.style.border = computedStyle.border;
-                this.bodyContainer.style.borderRadius = computedStyle.borderRadius;
-                this.bodyContainer.style.boxShadow = computedStyle.boxShadow;
-                this.bodyContainer.style.maxHeight = computedStyle.maxHeight;
-            }
-        }
-        else {
-            this.bodyContainer.style.visibility = 'hidden';
-            this.bodyContainer.style.pointerEvents = 'none';
-        }
-    }
-    /**
-     * Gets all options from both original location and body container
-     */
-    getAllOptions() {
-        let options;
-        // Always get options from the original location first
-        options = [...this.selectElement.querySelectorAll('nile-option')];
-        // If no options found in original location and bodyAppend is true, check listbox container
-        if (options.length === 0 && this.bodyContainer) {
-            const listboxContainer = this.bodyContainer.querySelector('#listbox');
-            if (listboxContainer) {
-                options = [...listboxContainer.querySelectorAll('nile-option')];
-            }
-        }
-        return options;
-    }
-    /**
-     * Updates body container visibility when select opens/closes
-     */
-    updateVisibility(visible) {
-        this.updateBodyContainerVisibility(visible);
-    }
-    /**
-     * Checks if bodyAppend is active (has body container)
-     */
-    isActive() {
-        return !!this.bodyContainer;
-    }
-    /**
-     * Gets the body container element
-     */
-    getBodyContainer() {
-        return this.bodyContainer;
-    }
-    /**
-     * Gets the listbox container element inside the body container
-     */
-    getListboxContainer() {
-        return this.bodyContainer?.querySelector('#listbox');
-    }
-    /**
-     * Cleans up all resources
-     */
-    destroy() {
-        // Clean up body container if it exists
-        this.cleanupBodyContainer();
-        // Clean up event listeners
-        if (this.boundHandlePopupReposition) {
-            this.popup?.removeEventListener('reposition', this.boundHandlePopupReposition);
-            this.boundHandlePopupReposition = undefined;
-        }
-        // Clean up injected styles
-        if (this.injectedStyleId) {
-            const styleElement = document.getElementById(this.injectedStyleId);
-            if (styleElement) {
-                styleElement.remove();
-            }
-            this.injectedStyleId = undefined;
-        }
-    }
-}
-//# sourceMappingURL=body-append-manager.js.map

package/dist/src/nile-select/body-append-manager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"body-append-manager.js","sourceRoot":"","sources":["../../../src/nile-select/body-append-manager.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\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 NileOption from '../nile-option/nile-option';\nimport type NilePopup from '../nile-popup/nile-popup';\nimport type NileSelect from './nile-select';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * Manager class for handling bodyAppend functionality in nile-select\n * This class manages moving select options to document.body to avoid CSS clipping issues\n */\nexport class BodyAppendManager {\n  private bodyContainer?: HTMLElement;\n  private originalOptions: NileOption[] = [];\n  private boundHandlePopupReposition?: () => void;\n  private selectElement: NileSelect;\n  private popup?: NilePopup;\n  private listbox?: HTMLSlotElement;\n  private injectedStyleId?: string;\n\n  constructor(selectElement: NileSelect) {\n    this.selectElement = selectElement;\n  }\n\n  /**\n   * Sets the popup and listbox references\n   */\n  setReferences(popup: NilePopup, listbox: HTMLSlotElement): void {\n    this.popup = popup;\n    this.listbox = listbox;\n  }\n\n  /**\n   * Handles the bodyAppend change\n   */\n  handleBodyAppendChange(bodyAppend: boolean): void {\n    if (bodyAppend) {\n      // Initialize body container when bodyAppend becomes true\n      this.createBodyContainer();\n      // Move options to body immediately\n      this.moveOptionsToBody();\n      // If no options were found, retry after a short delay\n      if (this.getAllOptions().length === 0) {\n        setTimeout(() => {\n          this.moveOptionsToBody();\n        }, 100);\n      }\n      // Listen for popup reposition events\n      this.boundHandlePopupReposition = this.handlePopupReposition.bind(this);\n      this.popup?.addEventListener('reposition', this.boundHandlePopupReposition);\n    } else {\n      // Restore options from body when bodyAppend becomes false\n      this.restoreOptionsFromBody();\n      // Clean up body container when bodyAppend becomes false\n      this.cleanupBodyContainer();\n      // Remove popup reposition listener\n      if (this.boundHandlePopupReposition) {\n        this.popup?.removeEventListener('reposition', this.boundHandlePopupReposition);\n        this.boundHandlePopupReposition = undefined;\n      }\n    }\n  }\n\n  /**\n   * Handles popup reposition events to update body container position\n   */\n  private handlePopupReposition(): void {\n    if (this.bodyContainer && this.selectElement.open) {\n      this.updateBodyContainerVisibility(true);\n    }\n  }\n\n  /**\n   * Extracts styles as CSS string from various style formats\n   */\n  private 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  /**\n   * Injects component styles into document head\n   */\n  private injectStylesToDocument(): void {\n    if (!this.bodyContainer) return;\n\n    // Create a unique identifier for this component instance\n    this.injectedStyleId = `nile-select-body-append-styles-${Math.random().toString(36).substring(2, 11)}`;\n    \n    // Check if styles are already injected\n    if (document.getElementById(this.injectedStyleId)) return;\n\n    // Get the component's styles\n    const componentStyles = (this.selectElement.constructor as any).styles;\n    if (!componentStyles) return;\n\n    // Create a style element\n    const styleElement = document.createElement('style');\n    styleElement.id = this.injectedStyleId;\n    styleElement.textContent = this.extractStylesAsCSS(componentStyles);\n    \n    // Inject into document head\n    document.head.appendChild(styleElement);\n  }\n\n  /**\n   * Adopts component styles to the body container (similar to portal-manager pattern)\n   */\n  private adoptStylesToBodyContainer(listboxContainer: HTMLElement): void {\n    if (!this.bodyContainer) return;\n    \n    // Inject styles to document head first\n    this.injectStylesToDocument();\n    \n    // Apply basic styling to match the original listbox\n    if (this.listbox) {\n      const computedStyle = window.getComputedStyle(this.listbox);\n      listboxContainer.style.backgroundColor = computedStyle.backgroundColor;\n      listboxContainer.style.border = computedStyle.border;\n      listboxContainer.style.borderRadius = computedStyle.borderRadius;\n      listboxContainer.style.boxShadow = computedStyle.boxShadow;\n      listboxContainer.style.maxHeight = computedStyle.maxHeight;\n      listboxContainer.style.overflow = computedStyle.overflow;\n      listboxContainer.style.padding = computedStyle.padding;\n      listboxContainer.style.margin = computedStyle.margin;\n    }\n  }\n\n  /**\n   * Creates a body container for options when bodyAppend is true\n   */\n  private createBodyContainer(): HTMLElement {\n    if (this.bodyContainer) {\n      return this.bodyContainer;\n    }\n\n    this.bodyContainer = document.createElement('div');\n    this.bodyContainer.style.position = 'fixed';\n    this.bodyContainer.style.zIndex = '9999';\n    this.bodyContainer.style.pointerEvents = 'none';\n    this.bodyContainer.style.visibility = 'hidden';\n    this.bodyContainer.style.overflow = 'hidden';\n    \n    // Create the listbox container inside the body container\n    const listboxContainer = document.createElement('div');\n    listboxContainer.id = 'listbox';\n    listboxContainer.setAttribute('role', 'listbox');\n    listboxContainer.className = 'select__listbox';\n    listboxContainer.setAttribute('aria-expanded', 'false');\n    listboxContainer.setAttribute('aria-multiselectable', 'false');\n    listboxContainer.setAttribute('aria-labelledby', 'label');\n    listboxContainer.setAttribute('tabindex', '-1');\n    \n    // Adopt styles to the listbox container (similar to portal-manager pattern)\n    this.adoptStylesToBodyContainer(listboxContainer);\n    \n    // Append the listbox container to the body container\n    this.bodyContainer.appendChild(listboxContainer);\n    \n    // Inject component styles to document head\n    this.injectStylesToDocument();\n    \n    document.body.appendChild(this.bodyContainer);\n    \n    return this.bodyContainer;\n  }\n\n  /**\n   * Cleans up the body container\n   */\n  private cleanupBodyContainer(): void {\n    if (this.bodyContainer && this.bodyContainer.parentNode) {\n      this.bodyContainer.parentNode.removeChild(this.bodyContainer);\n      this.bodyContainer = undefined;\n    }\n    \n    // Clean up injected styles\n    if (this.injectedStyleId) {\n      const styleElement = document.getElementById(this.injectedStyleId);\n      if (styleElement) {\n        styleElement.remove();\n      }\n      this.injectedStyleId = undefined;\n    }\n  }\n\n  /**\n   * Moves options to body container when bodyAppend is true\n   */\n  private moveOptionsToBody(): void {\n    const container = this.createBodyContainer();\n    const listboxContainer = container.querySelector('#listbox') as HTMLElement;\n    const allOptions = this.getAllOptions();\n    \n    // Only proceed if we have options to move and listbox container exists\n    if (allOptions.length === 0 || !listboxContainer) {\n      return;\n    }\n    \n    // Store original options for restoration\n    this.originalOptions = [...allOptions];\n    \n    // Move options to listbox container inside body container\n    allOptions.forEach(option => {\n      if (option.parentNode) {\n        option.parentNode.removeChild(option);\n      }\n      listboxContainer.appendChild(option);\n    });\n  }\n\n  /**\n   * Restores options to their original position\n   */\n  private restoreOptionsFromBody(): void {\n    if (!this.bodyContainer) {\n      return;\n    }\n\n    const allOptions = this.getAllOptions();\n    \n    // Move options back to their original position\n    allOptions.forEach(option => {\n      if (option.parentNode) {\n        option.parentNode.removeChild(option);\n      }\n      // Insert back into the slot\n      this.selectElement.appendChild(option);\n    });\n  }\n\n  /**\n   * Updates body container visibility and positioning\n   */\n  private updateBodyContainerVisibility(visible: boolean): void {\n    if (!this.bodyContainer) {\n      return;\n    }\n\n    if (visible) {\n      this.bodyContainer.style.visibility = 'visible';\n      this.bodyContainer.style.pointerEvents = 'auto';\n      \n      // Position the container relative to the popup\n      if (this.popup && this.popup.popup) {\n        const popupRect = this.popup.popup.getBoundingClientRect();\n        this.bodyContainer.style.left = `${popupRect.left}px`;\n        this.bodyContainer.style.top = `${popupRect.top}px`;\n        this.bodyContainer.style.width = `${popupRect.width}px`;\n        this.bodyContainer.style.height = `${popupRect.height}px`;\n        \n        // Update styles to match the popup\n        const computedStyle = window.getComputedStyle(this.popup.popup);\n        this.bodyContainer.style.backgroundColor = computedStyle.backgroundColor;\n        this.bodyContainer.style.border = computedStyle.border;\n        this.bodyContainer.style.borderRadius = computedStyle.borderRadius;\n        this.bodyContainer.style.boxShadow = computedStyle.boxShadow;\n        this.bodyContainer.style.maxHeight = computedStyle.maxHeight;\n      }\n    } else {\n      this.bodyContainer.style.visibility = 'hidden';\n      this.bodyContainer.style.pointerEvents = 'none';\n    }\n  }\n\n  /**\n   * Gets all options from both original location and body container\n   */\n  private getAllOptions(): NileOption[] {\n    let options: NileOption[];\n    \n    // Always get options from the original location first\n    options = [...this.selectElement.querySelectorAll<NileOption>('nile-option')];\n    \n    // If no options found in original location and bodyAppend is true, check listbox container\n    if (options.length === 0 && this.bodyContainer) {\n      const listboxContainer = this.bodyContainer.querySelector('#listbox');\n      if (listboxContainer) {\n        options = [...listboxContainer.querySelectorAll<NileOption>('nile-option')];\n      }\n    }\n\n    return options;\n  }\n\n  /**\n   * Updates body container visibility when select opens/closes\n   */\n  updateVisibility(visible: boolean): void {\n    this.updateBodyContainerVisibility(visible);\n  }\n\n  /**\n   * Checks if bodyAppend is active (has body container)\n   */\n  isActive(): boolean {\n    return !!this.bodyContainer;\n  }\n\n  /**\n   * Gets the body container element\n   */\n  getBodyContainer(): HTMLElement | undefined {\n    return this.bodyContainer;\n  }\n\n  /**\n   * Gets the listbox container element inside the body container\n   */\n  getListboxContainer(): HTMLElement | undefined {\n    return this.bodyContainer?.querySelector('#listbox') as HTMLElement | undefined;\n  }\n\n  /**\n   * Cleans up all resources\n   */\n  destroy(): void {\n    // Clean up body container if it exists\n    this.cleanupBodyContainer();\n    // Clean up event listeners\n    if (this.boundHandlePopupReposition) {\n      this.popup?.removeEventListener('reposition', this.boundHandlePopupReposition);\n      this.boundHandlePopupReposition = undefined;\n    }\n    // Clean up injected styles\n    if (this.injectedStyleId) {\n      const styleElement = document.getElementById(this.injectedStyleId);\n      if (styleElement) {\n        styleElement.remove();\n      }\n      this.injectedStyleId = undefined;\n    }\n  }\n}\n"]}

package/dist/src/nile-table-body/virtual-scroll-helper.d.ts

@@ -1,9 +0,0 @@
-import type NileElement from '../internal/nile-element';
-/**
- * Helper class to manage virtual scroll functionality for nile-table-body component
- */
-export declare class VirtualTableBodyHelper {
-    private component;
-    constructor(component: NileElement);
-    renderVirtualizedContent(): any;
-}

package/dist/src/nile-table-body/virtual-scroll-helper.js

@@ -1,24 +0,0 @@
-import { html } from 'lit';
-/**
- * Helper class to manage virtual scroll functionality for nile-table-body component
- */
-export class VirtualTableBodyHelper {
-    constructor(component) {
-        this.component = component;
-    }
-    renderVirtualizedContent() {
-        const component = this.component;
-        return html `
-      <div class="virtual-table-body">
-        <nile-virtual-table-body
-          .type=${component.type}
-          .data=${component.data || []}
-          .hasResizableColumns=${component.hasResizableColumns}
-        >
-          <slot name="table__header" slot="table__header"></slot>
-        </nile-virtual-table-body>
-      </div>
-    `;
-    }
-}
-//# sourceMappingURL=virtual-scroll-helper.js.map

package/dist/src/nile-table-body/virtual-scroll-helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"virtual-scroll-helper.js","sourceRoot":"","sources":["../../../src/nile-table-body/virtual-scroll-helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAG3B;;GAEG;AACH,MAAM,OAAO,sBAAsB;IAGjC,YAAY,SAAsB;QAChC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC7B,CAAC;IAED,wBAAwB;QACtB,MAAM,SAAS,GAAG,IAAI,CAAC,SAAgB,CAAC;QAExC,OAAO,IAAI,CAAA;;;kBAGG,SAAS,CAAC,IAAI;kBACd,SAAS,CAAC,IAAI,IAAI,EAAE;iCACL,SAAS,CAAC,mBAAmB;;;;;KAKzD,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { html } from 'lit';\nimport type NileElement from '../internal/nile-element';\n\n/**\n * Helper class to manage virtual scroll functionality for nile-table-body component\n */\nexport class VirtualTableBodyHelper {\n  private component: NileElement;\n\n  constructor(component: NileElement) {\n    this.component = component;\n  }\n\n  renderVirtualizedContent(): any {\n    const component = this.component as any;\n\n    return html`\n      <div class=\"virtual-table-body\">\n        <nile-virtual-table-body\n          .type=${component.type}\n          .data=${component.data || []}\n          .hasResizableColumns=${component.hasResizableColumns}\n        >\n          <slot name=\"table__header\" slot=\"table__header\"></slot>\n        </nile-virtual-table-body>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/src/nile-virtual-select/body-append-helper.d.ts

@@ -1,16 +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 declare class BodyAppendHelper {
-    private bodyAppendContainer;
-    private originalListboxParent;
-    createBodyAppendContainer(): HTMLElement;
-    setupBodyAppend(listbox: HTMLElement, componentConstructor: any, positionBodyAppend: () => void): void;
-    cleanupBodyAppend(bodyAppend: boolean): void;
-    updateBodyAppendPosition(positionBodyAppend: () => void): void;
-    private injectStylesToDocument;
-    private extractStylesAsCSS;
-}

package/dist/src/nile-virtual-select/body-append-helper.js

@@ -1,95 +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 BodyAppendHelper {
-    constructor() {
-        this.bodyAppendContainer = null;
-        this.originalListboxParent = null;
-    }
-    createBodyAppendContainer() {
-        const container = document.createElement('div');
-        container.style.position = 'absolute';
-        container.style.zIndex = '9999';
-        container.style.pointerEvents = 'none';
-        container.className = 'nile-virtual-select-body-append';
-        // Apply additional styling to match the original popup
-        container.style.background = 'white';
-        container.style.border = '1px solid #e0e0e0';
-        container.style.borderRadius = '4px';
-        container.style.boxShadow = '0 4px 6px rgba(0, 0, 0, 0.1)';
-        container.style.maxHeight = '300px';
-        container.style.overflow = 'hidden';
-        return container;
-    }
-    setupBodyAppend(listbox, componentConstructor, positionBodyAppend) {
-        this.originalListboxParent = listbox.parentElement;
-        this.bodyAppendContainer = this.createBodyAppendContainer();
-        this.bodyAppendContainer.appendChild(listbox);
-        document.body.appendChild(this.bodyAppendContainer);
-        this.injectStylesToDocument(componentConstructor);
-        listbox.style.display = '';
-        positionBodyAppend();
-    }
-    cleanupBodyAppend(bodyAppend) {
-        if (this.bodyAppendContainer && this.bodyAppendContainer.parentNode) {
-            const listbox = this.bodyAppendContainer.querySelector('#listbox');
-            if (listbox && this.originalListboxParent) {
-                this.originalListboxParent.appendChild(listbox);
-                listbox.style.display = bodyAppend ? 'none' : '';
-            }
-            // Clean up injected styles if they exist
-            const injectedStyleId = this.bodyAppendContainer.__injectedStyleId;
-            if (injectedStyleId) {
-                const styleElement = document.getElementById(injectedStyleId);
-                if (styleElement) {
-                    styleElement.remove();
-                }
-            }
-            this.bodyAppendContainer.parentNode.removeChild(this.bodyAppendContainer);
-        }
-        this.bodyAppendContainer = null;
-        this.originalListboxParent = null;
-    }
-    updateBodyAppendPosition(positionBodyAppend) {
-        if (this.bodyAppendContainer) {
-            positionBodyAppend();
-        }
-    }
-    injectStylesToDocument(componentConstructor) {
-        if (!this.bodyAppendContainer)
-            return;
-        // Create a unique identifier for this component instance
-        const styleId = `nile-virtual-select-styles-${Math.random().toString(36).substring(2, 11)}`;
-        // Check if styles are already injected
-        if (document.getElementById(styleId))
-            return;
-        // Get the component's styles
-        const componentStyles = componentConstructor.styles;
-        if (!componentStyles)
-            return;
-        // Create a style element
-        const styleElement = document.createElement('style');
-        styleElement.id = styleId;
-        styleElement.textContent = this.extractStylesAsCSS(componentStyles);
-        // Inject into document head
-        document.head.appendChild(styleElement);
-        // Store reference for cleanup
-        this.bodyAppendContainer.__injectedStyleId = styleId;
-    }
-    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 '';
-    }
-}
-//# sourceMappingURL=body-append-helper.js.map

package/dist/src/nile-virtual-select/body-append-helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"body-append-helper.js","sourceRoot":"","sources":["../../../src/nile-virtual-select/body-append-helper.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,OAAO,gBAAgB;IAA7B;QACU,wBAAmB,GAAuB,IAAI,CAAC;QAC/C,0BAAqB,GAAuB,IAAI,CAAC;IA2G3D,CAAC;IAzGC,yBAAyB;QACvB,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAChD,SAAS,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QACtC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QAChC,SAAS,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC;QACvC,SAAS,CAAC,SAAS,GAAG,iCAAiC,CAAC;QAExD,uDAAuD;QACvD,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,OAAO,CAAC;QACrC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,mBAAmB,CAAC;QAC7C,SAAS,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC;QACrC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,8BAA8B,CAAC;QAC3D,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,OAAO,CAAC;QACpC,SAAS,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAEpC,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,eAAe,CACb,OAAoB,EACpB,oBAAyB,EACzB,kBAA8B;QAE9B,IAAI,CAAC,qBAAqB,GAAG,OAAO,CAAC,aAA4B,CAAC;QAElE,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,yBAAyB,EAAE,CAAC;QAC5D,IAAI,CAAC,mBAAmB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAC9C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAEpD,IAAI,CAAC,sBAAsB,CAAC,oBAAoB,CAAC,CAAC;QAElD,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;QAC3B,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,iBAAiB,CAAC,UAAmB;QACnC,IAAI,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAC,mBAAmB,CAAC,UAAU,EAAE,CAAC;YACpE,MAAM,OAAO,GAAG,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,UAAU,CAAgB,CAAC;YAElF,IAAI,OAAO,IAAI,IAAI,CAAC,qBAAqB,EAAE,CAAC;gBAC1C,IAAI,CAAC,qBAAqB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;gBAChD,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;YACnD,CAAC;YAED,yCAAyC;YACzC,MAAM,eAAe,GAAI,IAAI,CAAC,mBAA2B,CAAC,iBAAiB,CAAC;YAC5E,IAAI,eAAe,EAAE,CAAC;gBACpB,MAAM,YAAY,GAAG,QAAQ,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;gBAC9D,IAAI,YAAY,EAAE,CAAC;oBACjB,YAAY,CAAC,MAAM,EAAE,CAAC;gBACxB,CAAC;YACH,CAAC;YAED,IAAI,CAAC,mBAAmB,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAC5E,CAAC;QACD,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;QAChC,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC;IACpC,CAAC;IAED,wBAAwB,CAAC,kBAA8B;QACrD,IAAI,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC7B,kBAAkB,EAAE,CAAC;QACvB,CAAC;IACH,CAAC;IAEO,sBAAsB,CAAC,oBAAyB;QACtD,IAAI,CAAC,IAAI,CAAC,mBAAmB;YAAE,OAAO;QAEtC,yDAAyD;QACzD,MAAM,OAAO,GAAG,8BAA8B,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;QAE5F,uCAAuC;QACvC,IAAI,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC;YAAE,OAAO;QAE7C,6BAA6B;QAC7B,MAAM,eAAe,GAAG,oBAAoB,CAAC,MAAM,CAAC;QACpD,IAAI,CAAC,eAAe;YAAE,OAAO;QAE7B,yBAAyB;QACzB,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACrD,YAAY,CAAC,EAAE,GAAG,OAAO,CAAC;QAC1B,YAAY,CAAC,WAAW,GAAG,IAAI,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAC;QAEpE,4BAA4B;QAC5B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QAExC,8BAA8B;QAC7B,IAAI,CAAC,mBAA2B,CAAC,iBAAiB,GAAG,OAAO,CAAC;IAChE,CAAC;IAEO,kBAAkB,CAAC,MAAW;QACpC,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;YAC/B,OAAO,MAAM,CAAC;QAChB,CAAC;QAED,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;YAC1B,OAAO,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACxE,CAAC;QAED,IAAI,MAAM,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;YAC3D,OAAO,MAAM,CAAC,OAAO,CAAC;QACxB,CAAC;QAED,OAAO,EAAE,CAAC;IACZ,CAAC;CACF","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\nexport class BodyAppendHelper {\n  private bodyAppendContainer: HTMLElement | null = null;\n  private originalListboxParent: HTMLElement | null = null;\n\n  createBodyAppendContainer(): HTMLElement {\n    const container = document.createElement('div');\n    container.style.position = 'absolute';\n    container.style.zIndex = '9999';\n    container.style.pointerEvents = 'none';\n    container.className = 'nile-virtual-select-body-append';\n    \n    // Apply additional styling to match the original popup\n    container.style.background = 'white';\n    container.style.border = '1px solid #e0e0e0';\n    container.style.borderRadius = '4px';\n    container.style.boxShadow = '0 4px 6px rgba(0, 0, 0, 0.1)';\n    container.style.maxHeight = '300px';\n    container.style.overflow = 'hidden';\n    \n    return container;\n  }\n\n  setupBodyAppend(\n    listbox: HTMLElement,\n    componentConstructor: any,\n    positionBodyAppend: () => void\n  ): void {\n    this.originalListboxParent = listbox.parentElement as HTMLElement;\n    \n    this.bodyAppendContainer = this.createBodyAppendContainer();\n    this.bodyAppendContainer.appendChild(listbox);\n    document.body.appendChild(this.bodyAppendContainer);\n    \n    this.injectStylesToDocument(componentConstructor);\n    \n    listbox.style.display = '';\n    positionBodyAppend();\n  }\n\n  cleanupBodyAppend(bodyAppend: boolean): void {\n    if (this.bodyAppendContainer && this.bodyAppendContainer.parentNode) {\n      const listbox = this.bodyAppendContainer.querySelector('#listbox') as HTMLElement;\n      \n      if (listbox && this.originalListboxParent) {\n        this.originalListboxParent.appendChild(listbox);\n        listbox.style.display = bodyAppend ? 'none' : '';\n      }\n      \n      // Clean up injected styles if they exist\n      const injectedStyleId = (this.bodyAppendContainer as any).__injectedStyleId;\n      if (injectedStyleId) {\n        const styleElement = document.getElementById(injectedStyleId);\n        if (styleElement) {\n          styleElement.remove();\n        }\n      }\n      \n      this.bodyAppendContainer.parentNode.removeChild(this.bodyAppendContainer);\n    }\n    this.bodyAppendContainer = null;\n    this.originalListboxParent = null;\n  }\n\n  updateBodyAppendPosition(positionBodyAppend: () => void): void {\n    if (this.bodyAppendContainer) {\n      positionBodyAppend();\n    }\n  }\n\n  private injectStylesToDocument(componentConstructor: any): void {\n    if (!this.bodyAppendContainer) return;\n\n    // Create a unique identifier for this component instance\n    const styleId = `nile-virtual-select-styles-${Math.random().toString(36).substring(2, 11)}`;\n    \n    // Check if styles are already injected\n    if (document.getElementById(styleId)) return;\n\n    // Get the component's styles\n    const componentStyles = componentConstructor.styles;\n    if (!componentStyles) return;\n\n    // Create a style element\n    const styleElement = document.createElement('style');\n    styleElement.id = styleId;\n    styleElement.textContent = this.extractStylesAsCSS(componentStyles);\n    \n    // Inject into document head\n    document.head.appendChild(styleElement);\n    \n    // Store reference for cleanup\n    (this.bodyAppendContainer as any).__injectedStyleId = styleId;\n  }\n\n  private 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"]}

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;
-}