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

package/dist/src/internal/portal-manager.js

@@ -1,196 +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 { autoUpdate, computePosition, flip, offset, shift, size } from '@floating-ui/dom';
-export class BasePortalManager {
-    constructor(contentHandler, config = {}) {
-        this.portalContainer = null;
-        this.cleanupAutoUpdate = null;
-        this.currentPlacement = 'bottom';
-        this.currentMiddlewareData = null;
-        this.contentHandler = contentHandler;
-        this.config = {
-            placement: 'bottom',
-            offset: 4,
-            padding: 10,
-            strategy: 'fixed',
-            flip: true,
-            shift: true,
-            ...config
-        };
-    }
-    setupPortal() {
-        if (this.portalContainer)
-            return;
-        this.portalContainer = this.createPortalContainer();
-        const portalContent = this.contentHandler.createPortalContent();
-        this.portalContainer.appendChild(portalContent);
-        document.body.appendChild(this.portalContainer);
-        this.injectStyles();
-        this.positionPortal();
-        this.setupAutoUpdate();
-        this.contentHandler.setupEventListeners(portalContent);
-    }
-    updatePortal() {
-        if (!this.portalContainer)
-            return;
-        const portalContent = this.portalContainer.firstElementChild;
-        if (portalContent) {
-            this.contentHandler.updatePortalContent(portalContent);
-            this.positionPortal();
-        }
-    }
-    cleanupPortal() {
-        if (this.cleanupAutoUpdate) {
-            this.cleanupAutoUpdate();
-            this.cleanupAutoUpdate = null;
-        }
-        if (this.portalContainer) {
-            const portalContent = this.portalContainer.firstElementChild;
-            if (portalContent) {
-                this.contentHandler.cleanupEventListeners(portalContent);
-            }
-            this.portalContainer.remove();
-            this.portalContainer = null;
-        }
-    }
-    createPortalContainer() {
-        const container = document.createElement('div');
-        container.style.position = 'absolute';
-        container.style.zIndex = '9999';
-        container.style.pointerEvents = 'none';
-        container.className = 'nile-portal-container';
-        return container;
-    }
-    async positionPortal() {
-        if (!this.portalContainer)
-            return;
-        const referenceElement = this.contentHandler.getReferenceElement();
-        const floatingElement = this.portalContainer;
-        try {
-            const { x, y, placement, middlewareData } = await this.calculatePosition(referenceElement, floatingElement);
-            this.applyPosition(floatingElement, x, y, placement, middlewareData);
-        }
-        catch (error) {
-            console.warn('Portal positioning failed, using fallback:', error);
-            this.fallbackPositioning();
-        }
-    }
-    async calculatePosition(referenceElement, floatingElement) {
-        const middleware = this.createMiddleware();
-        return await computePosition(referenceElement, floatingElement, {
-            placement: this.config.placement,
-            strategy: this.config.strategy,
-            middleware
-        });
-    }
-    createMiddleware() {
-        const middleware = [
-            offset(this.config.offset)
-        ];
-        if (this.config.sync) {
-            middleware.push(size({
-                apply: ({ elements, availableWidth, availableHeight }) => {
-                    if (this.config.sync === 'width' || this.config.sync === 'both') {
-                        elements.floating.style.width = `${availableWidth}px`;
-                    }
-                    if (this.config.sync === 'height' || this.config.sync === 'both') {
-                        elements.floating.style.height = `${availableHeight}px`;
-                    }
-                },
-                padding: this.config.padding,
-                boundary: this.config.boundary
-            }));
-        }
-        if (this.config.flip) {
-            middleware.push(flip({
-                fallbackPlacements: ['bottom', 'top', 'bottom-start', 'top-start'],
-                boundary: this.config.boundary,
-                padding: this.config.padding
-            }));
-        }
-        if (this.config.shift) {
-            middleware.push(shift({
-                boundary: this.config.boundary,
-                padding: this.config.padding
-            }));
-        }
-        return middleware;
-    }
-    applyPosition(floatingElement, x, y, placement, middlewareData) {
-        Object.assign(floatingElement.style, {
-            left: `${x}px`,
-            top: `${y}px`,
-            position: this.config.strategy,
-            pointerEvents: 'auto'
-        });
-        this.currentPlacement = placement;
-        this.currentMiddlewareData = middlewareData;
-    }
-    fallbackPositioning() {
-        if (!this.portalContainer)
-            return;
-        const referenceElement = this.contentHandler.getReferenceElement();
-        const rect = referenceElement.getBoundingClientRect();
-        this.portalContainer.style.left = `${rect.left}px`;
-        this.portalContainer.style.top = `${rect.bottom + 4}px`;
-        this.portalContainer.style.width = `${rect.width}px`;
-        this.portalContainer.style.pointerEvents = 'auto';
-    }
-    setupAutoUpdate() {
-        if (!this.portalContainer)
-            return;
-        this.cleanupAutoUpdate = autoUpdate(this.contentHandler.getReferenceElement(), this.portalContainer, () => this.positionPortal(), {
-            ancestorScroll: true,
-            ancestorResize: true,
-            elementResize: true,
-            layoutShift: true
-        });
-    }
-    injectStyles() {
-        const styles = this.contentHandler.getComponentStyles();
-        if (!styles)
-            return;
-        // Extract and inject styles into document
-        const styleId = `nile-portal-styles-${Date.now()}`;
-        if (document.getElementById(styleId))
-            return;
-        const styleElement = document.createElement('style');
-        styleElement.id = styleId;
-        styleElement.textContent = this.extractStylesAsCSS(styles);
-        document.head.appendChild(styleElement);
-        if (this.portalContainer) {
-            this.portalContainer.__injectedStyleId = styleId;
-        }
-    }
-    extractStylesAsCSS(styles) {
-        if (Array.isArray(styles)) {
-            return styles.map(style => {
-                if ('cssText' in style) {
-                    return style.cssText;
-                }
-                return style.toString();
-            }).join('\n');
-        }
-        if ('cssText' in styles) {
-            return styles.cssText;
-        }
-        return styles.toString();
-    }
-    get portalElement() {
-        return this.portalContainer;
-    }
-    getCurrentPlacement() {
-        return this.currentPlacement;
-    }
-    getCurrentMiddlewareData() {
-        return this.currentMiddlewareData;
-    }
-    isActive() {
-        return this.portalContainer !== null;
-    }
-}
-//# sourceMappingURL=portal-manager.js.map

package/dist/src/internal/portal-manager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"portal-manager.js","sourceRoot":"","sources":["../../../src/internal/portal-manager.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,UAAU,EACV,eAAe,EACf,IAAI,EACJ,MAAM,EACN,KAAK,EACL,IAAI,EAKL,MAAM,kBAAkB,CAAC;AAyB1B,MAAM,OAAO,iBAAiB;IAQ5B,YAAY,cAAoC,EAAE,SAAuB,EAAE;QAPnE,oBAAe,GAAuB,IAAI,CAAC;QAC3C,sBAAiB,GAAwB,IAAI,CAAC;QAC9C,qBAAgB,GAAc,QAAQ,CAAC;QACvC,0BAAqB,GAA0B,IAAI,CAAC;QAK1D,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;QACrC,IAAI,CAAC,MAAM,GAAG;YACZ,SAAS,EAAE,QAAQ;YACnB,MAAM,EAAE,CAAC;YACT,OAAO,EAAE,EAAE;YACX,QAAQ,EAAE,OAAO;YACjB,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,IAAI;YACX,GAAG,MAAM;SACV,CAAC;IACJ,CAAC;IAED,WAAW;QACT,IAAI,IAAI,CAAC,eAAe;YAAE,OAAO;QAEjC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;QACpD,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC,mBAAmB,EAAE,CAAC;QAChE,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;QAEhD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAEhD,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,aAAa,CAAC,CAAC;IACzD,CAAC;IAED,YAAY;QACV,IAAI,CAAC,IAAI,CAAC,eAAe;YAAE,OAAO;QAElC,MAAM,aAAa,GAAG,IAAI,CAAC,eAAe,CAAC,iBAAgC,CAAC;QAC5E,IAAI,aAAa,EAAE,CAAC;YAClB,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,aAAa,CAAC,CAAC;YACvD,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC;IACH,CAAC;IAED,aAAa;QACX,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC3B,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACzB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;QAChC,CAAC;QAED,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,MAAM,aAAa,GAAG,IAAI,CAAC,eAAe,CAAC,iBAAgC,CAAC;YAC5E,IAAI,aAAa,EAAE,CAAC;gBAClB,IAAI,CAAC,cAAc,CAAC,qBAAqB,CAAC,aAAa,CAAC,CAAC;YAC3D,CAAC;YAED,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,CAAC;YAC9B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;QAC9B,CAAC;IACH,CAAC;IAEO,qBAAqB;QAC3B,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,uBAAuB,CAAC;QAC9C,OAAO,SAAS,CAAC;IACnB,CAAC;IAEO,KAAK,CAAC,cAAc;QAC1B,IAAI,CAAC,IAAI,CAAC,eAAe;YAAE,OAAO;QAElC,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,mBAAmB,EAAE,CAAC;QACnE,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC;QAE7C,IAAI,CAAC;YACH,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,MAAM,IAAI,CAAC,iBAAiB,CACtE,gBAAgB,EAChB,eAAe,CAChB,CAAC;YAEF,IAAI,CAAC,aAAa,CAAC,eAAe,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC;QACvE,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,IAAI,CAAC,4CAA4C,EAAE,KAAK,CAAC,CAAC;YAClE,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC7B,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,iBAAiB,CAC7B,gBAA6B,EAC7B,eAA4B;QAE5B,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAE3C,OAAO,MAAM,eAAe,CAAC,gBAAgB,EAAE,eAAe,EAAE;YAC9D,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,SAAU;YACjC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,QAAS;YAC/B,UAAU;SACX,CAAC,CAAC;IACL,CAAC;IAEO,gBAAgB;QACtB,MAAM,UAAU,GAAwC;YACtD,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAO,CAAC;SAC5B,CAAC;QAEF,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;YACrB,UAAU,CAAC,IAAI,CACb,IAAI,CAAC;gBACH,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAE,EAAE,EAAE;oBACvD,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;wBAChE,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,cAAc,IAAI,CAAC;oBACxD,CAAC;oBACD,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;wBACjE,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,eAAe,IAAI,CAAC;oBAC1D,CAAC;gBACH,CAAC;gBACD,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO;gBAC5B,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ;aAC/B,CAAC,CACH,CAAC;QACJ,CAAC;QAED,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;YACrB,UAAU,CAAC,IAAI,CACb,IAAI,CAAC;gBACH,kBAAkB,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE,WAAW,CAAC;gBAClE,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ;gBAC9B,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO;aAC7B,CAAC,CACH,CAAC;QACJ,CAAC;QAED,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;YACtB,UAAU,CAAC,IAAI,CACb,KAAK,CAAC;gBACJ,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ;gBAC9B,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO;aAC7B,CAAC,CACH,CAAC;QACJ,CAAC;QAED,OAAO,UAAU,CAAC;IACpB,CAAC;IAEO,aAAa,CACnB,eAA4B,EAC5B,CAAS,EACT,CAAS,EACT,SAAoB,EACpB,cAA8B;QAE9B,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,EAAE;YACnC,IAAI,EAAE,GAAG,CAAC,IAAI;YACd,GAAG,EAAE,GAAG,CAAC,IAAI;YACb,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,QAAS;YAC/B,aAAa,EAAE,MAAM;SACtB,CAAC,CAAC;QAEH,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC;QAClC,IAAI,CAAC,qBAAqB,GAAG,cAAc,CAAC;IAC9C,CAAC;IAEO,mBAAmB;QACzB,IAAI,CAAC,IAAI,CAAC,eAAe;YAAE,OAAO;QAElC,MAAM,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,mBAAmB,EAAE,CAAC;QACnE,MAAM,IAAI,GAAG,gBAAgB,CAAC,qBAAqB,EAAE,CAAC;QAEtD,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC;QACnD,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC;QACxD,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC;QACrD,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC;IACpD,CAAC;IAEO,eAAe;QACrB,IAAI,CAAC,IAAI,CAAC,eAAe;YAAE,OAAO;QAElC,IAAI,CAAC,iBAAiB,GAAG,UAAU,CACjC,IAAI,CAAC,cAAc,CAAC,mBAAmB,EAAE,EACzC,IAAI,CAAC,eAAe,EACpB,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,EAC3B;YACE,cAAc,EAAE,IAAI;YACpB,cAAc,EAAE,IAAI;YACpB,aAAa,EAAE,IAAI;YACnB,WAAW,EAAE,IAAI;SAClB,CACF,CAAC;IACJ,CAAC;IAEO,YAAY;QAClB,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,kBAAkB,EAAE,CAAC;QACxD,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,0CAA0C;QAC1C,MAAM,OAAO,GAAG,sBAAsB,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC;QAEnD,IAAI,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC;YAAE,OAAO;QAE7C,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,MAAM,CAAC,CAAC;QAE3D,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QAExC,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACxB,IAAI,CAAC,eAAuB,CAAC,iBAAiB,GAAG,OAAO,CAAC;QAC5D,CAAC;IACH,CAAC;IAEO,kBAAkB,CAAC,MAAsB;QAC/C,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;YAC1B,OAAO,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;gBACxB,IAAI,SAAS,IAAI,KAAK,EAAE,CAAC;oBACvB,OAAO,KAAK,CAAC,OAAO,CAAC;gBACvB,CAAC;gBACD,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;YAC1B,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC;QAED,IAAI,SAAS,IAAI,MAAM,EAAE,CAAC;YACxB,OAAO,MAAM,CAAC,OAAO,CAAC;QACxB,CAAC;QACD,OAAO,MAAM,CAAC,QAAQ,EAAE,CAAC;IAC3B,CAAC;IAED,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,eAAe,CAAC;IAC9B,CAAC;IAED,mBAAmB;QACjB,OAAO,IAAI,CAAC,gBAAgB,CAAC;IAC/B,CAAC;IAED,wBAAwB;QACtB,OAAO,IAAI,CAAC,qBAAqB,CAAC;IACpC,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,eAAe,KAAK,IAAI,CAAC;IACvC,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\nimport { \n  autoUpdate, \n  computePosition, \n  flip, \n  offset, \n  shift, \n  size,\n  type Placement,\n  type MiddlewareData,\n  type ComputePositionConfig,\n  type Boundary\n} from '@floating-ui/dom';\nimport type { CSSResultGroup } from 'lit';\n\nexport interface PortalConfig {\n  placement?: Placement;\n  offset?: number;\n  padding?: number;\n  boundary?: Boundary;\n  strategy?: 'absolute' | 'fixed';\n  flip?: boolean;\n  shift?: boolean;\n  sync?: 'width' | 'height' | 'both' | boolean;\n  autoSize?: 'width' | 'height' | 'both' | boolean;\n  autoSizePadding?: number;\n}\n\nexport interface PortalContentHandler {\n  createPortalContent(): HTMLElement;\n  updatePortalContent(portalElement: HTMLElement): void;\n  setupEventListeners(portalElement: HTMLElement): void;\n  cleanupEventListeners(portalElement: HTMLElement): void;\n  getReferenceElement(): HTMLElement;\n  getComponentStyles(): CSSResultGroup | undefined;\n}\n\nexport class BasePortalManager {\n  private portalContainer: HTMLElement | null = null;\n  private cleanupAutoUpdate: (() => void) | null = null;\n  private currentPlacement: Placement = 'bottom';\n  private currentMiddlewareData: MiddlewareData | null = null;\n  private config: PortalConfig;\n  private contentHandler: PortalContentHandler;\n\n  constructor(contentHandler: PortalContentHandler, config: PortalConfig = {}) {\n    this.contentHandler = contentHandler;\n    this.config = {\n      placement: 'bottom',\n      offset: 4,\n      padding: 10,\n      strategy: 'fixed',\n      flip: true,\n      shift: true,\n      ...config\n    };\n  }\n\n  setupPortal(): void {\n    if (this.portalContainer) return;\n\n    this.portalContainer = this.createPortalContainer();\n    const portalContent = this.contentHandler.createPortalContent();\n    this.portalContainer.appendChild(portalContent);\n    \n    document.body.appendChild(this.portalContainer);\n    \n    this.injectStyles();\n    this.positionPortal();\n    this.setupAutoUpdate();\n    this.contentHandler.setupEventListeners(portalContent);\n  }\n\n  updatePortal(): void {\n    if (!this.portalContainer) return;\n    \n    const portalContent = this.portalContainer.firstElementChild as HTMLElement;\n    if (portalContent) {\n      this.contentHandler.updatePortalContent(portalContent);\n      this.positionPortal();\n    }\n  }\n\n  cleanupPortal(): void {\n    if (this.cleanupAutoUpdate) {\n      this.cleanupAutoUpdate();\n      this.cleanupAutoUpdate = null;\n    }\n\n    if (this.portalContainer) {\n      const portalContent = this.portalContainer.firstElementChild as HTMLElement;\n      if (portalContent) {\n        this.contentHandler.cleanupEventListeners(portalContent);\n      }\n      \n      this.portalContainer.remove();\n      this.portalContainer = null;\n    }\n  }\n\n  private createPortalContainer(): 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-portal-container';\n    return container;\n  }\n\n  private async positionPortal(): Promise<void> {\n    if (!this.portalContainer) return;\n\n    const referenceElement = this.contentHandler.getReferenceElement();\n    const floatingElement = this.portalContainer;\n\n    try {\n      const { x, y, placement, middlewareData } = await this.calculatePosition(\n        referenceElement,\n        floatingElement\n      );\n\n      this.applyPosition(floatingElement, x, y, placement, middlewareData);\n    } catch (error) {\n      console.warn('Portal positioning failed, using fallback:', error);\n      this.fallbackPositioning();\n    }\n  }\n\n  private async calculatePosition(\n    referenceElement: HTMLElement,\n    floatingElement: HTMLElement\n  ): Promise<{ x: number; y: number; placement: Placement; middlewareData: MiddlewareData }> {\n    const middleware = this.createMiddleware();\n\n    return await computePosition(referenceElement, floatingElement, {\n      placement: this.config.placement!,\n      strategy: this.config.strategy!,\n      middleware\n    });\n  }\n\n  private createMiddleware(): ComputePositionConfig['middleware'] {\n    const middleware: ComputePositionConfig['middleware'] = [\n      offset(this.config.offset!)\n    ];\n\n    if (this.config.sync) {\n      middleware.push(\n        size({\n          apply: ({ elements, availableWidth, availableHeight }) => {\n            if (this.config.sync === 'width' || this.config.sync === 'both') {\n              elements.floating.style.width = `${availableWidth}px`;\n            }\n            if (this.config.sync === 'height' || this.config.sync === 'both') {\n              elements.floating.style.height = `${availableHeight}px`;\n            }\n          },\n          padding: this.config.padding,\n          boundary: this.config.boundary\n        })\n      );\n    }\n\n    if (this.config.flip) {\n      middleware.push(\n        flip({\n          fallbackPlacements: ['bottom', 'top', 'bottom-start', 'top-start'],\n          boundary: this.config.boundary,\n          padding: this.config.padding\n        })\n      );\n    }\n\n    if (this.config.shift) {\n      middleware.push(\n        shift({\n          boundary: this.config.boundary,\n          padding: this.config.padding\n        })\n      );\n    }\n\n    return middleware;\n  }\n\n  private applyPosition(\n    floatingElement: HTMLElement,\n    x: number,\n    y: number,\n    placement: Placement,\n    middlewareData: MiddlewareData\n  ): void {\n    Object.assign(floatingElement.style, {\n      left: `${x}px`,\n      top: `${y}px`,\n      position: this.config.strategy!,\n      pointerEvents: 'auto'\n    });\n\n    this.currentPlacement = placement;\n    this.currentMiddlewareData = middlewareData;\n  }\n\n  private fallbackPositioning(): void {\n    if (!this.portalContainer) return;\n\n    const referenceElement = this.contentHandler.getReferenceElement();\n    const rect = referenceElement.getBoundingClientRect();\n    \n    this.portalContainer.style.left = `${rect.left}px`;\n    this.portalContainer.style.top = `${rect.bottom + 4}px`;\n    this.portalContainer.style.width = `${rect.width}px`;\n    this.portalContainer.style.pointerEvents = 'auto';\n  }\n\n  private setupAutoUpdate(): void {\n    if (!this.portalContainer) return;\n\n    this.cleanupAutoUpdate = autoUpdate(\n      this.contentHandler.getReferenceElement(),\n      this.portalContainer,\n      () => this.positionPortal(),\n      {\n        ancestorScroll: true,\n        ancestorResize: true,\n        elementResize: true,\n        layoutShift: true\n      }\n    );\n  }\n\n  private injectStyles(): void {\n    const styles = this.contentHandler.getComponentStyles();\n    if (!styles) return;\n\n    // Extract and inject styles into document\n    const styleId = `nile-portal-styles-${Date.now()}`;\n    \n    if (document.getElementById(styleId)) return;\n\n    const styleElement = document.createElement('style');\n    styleElement.id = styleId;\n    styleElement.textContent = this.extractStylesAsCSS(styles);\n    \n    document.head.appendChild(styleElement);\n    \n    if (this.portalContainer) {\n      (this.portalContainer as any).__injectedStyleId = styleId;\n    }\n  }\n\n  private extractStylesAsCSS(styles: CSSResultGroup): string {\n    if (Array.isArray(styles)) {\n      return styles.map(style => {\n        if ('cssText' in style) {\n          return style.cssText;\n        }\n        return style.toString();\n      }).join('\\n');\n    }\n    \n    if ('cssText' in styles) {\n      return styles.cssText;\n    }\n    return styles.toString();\n  }\n\n  get portalElement(): HTMLElement | null {\n    return this.portalContainer;\n  }\n\n  getCurrentPlacement(): Placement {\n    return this.currentPlacement;\n  }\n\n  getCurrentMiddlewareData(): MiddlewareData | null {\n    return this.currentMiddlewareData;\n  }\n\n  isActive(): boolean {\n    return this.portalContainer !== null;\n  }\n}\n"]}

package/dist/src/internal/portal.d.ts

@@ -1,60 +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.
- */
-import type { LitElement } from 'lit';
-export declare class PortalManager {
-    private component;
-    private portalContainer;
-    private originalListboxParent;
-    private measuredPopupHeight;
-    private listboxSelector;
-    private portalClassName;
-    constructor(component: LitElement, listboxSelector?: string, portalClassName?: string);
-    /**
-     * Creates a portal container with proper styling
-     */
-    private createPortalContainer;
-    /**
-     * Positions the portal container relative to the component
-     */
-    private positionPortal;
-    /**
-     * Updates portal position (called on window resize/scroll)
-     */
-    updatePortalPosition(): void;
-    /**
-     * Updates portal content (called when content changes)
-     */
-    updatePortalContent(): void;
-    /**
-     * Injects component styles into document head for portal containers
-     */
-    private injectStylesToDocument;
-    /**
-     * Extracts styles as CSS string from various style formats
-     */
-    private extractStylesAsCSS;
-    /**
-     * Sets up the portal by moving the listbox to document body
-     */
-    setupPortal(): void;
-    /**
-     * Cleans up the portal by restoring the listbox to its original position
-     */
-    cleanupPortal(): void;
-    /**
-     * Resets the measured height (call when content changes)
-     */
-    resetMeasuredHeight(): void;
-    /**
-     * Gets the portal container element
-     */
-    getPortalContainer(): HTMLElement | null;
-    /**
-     * Checks if portal is currently active
-     */
-    isPortalActive(): boolean;
-}

package/dist/src/internal/portal.js

@@ -1,199 +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.
- */
-export class PortalManager {
-    constructor(component, listboxSelector = '#listbox', portalClassName = 'nile-portal-append') {
-        this.portalContainer = null;
-        this.originalListboxParent = null;
-        this.measuredPopupHeight = null;
-        this.component = component;
-        this.listboxSelector = listboxSelector;
-        this.portalClassName = portalClassName;
-    }
-    /**
-     * Creates a portal container with proper styling
-     */
-    createPortalContainer() {
-        const container = document.createElement('div');
-        container.style.position = 'absolute';
-        container.style.zIndex = '9999';
-        container.style.pointerEvents = 'none';
-        container.className = this.portalClassName;
-        // 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;
-    }
-    /**
-     * Positions the portal container relative to the component
-     */
-    positionPortal() {
-        if (!this.portalContainer)
-            return;
-        const rect = this.component.getBoundingClientRect();
-        const viewportHeight = window.innerHeight;
-        const estimatedPopupHeight = 300; // Fallback estimate
-        // If this is the first positioning, measure actual height
-        if (!this.measuredPopupHeight && this.portalContainer) {
-            // Temporarily position the container to measure its height
-            this.portalContainer.style.position = 'absolute';
-            this.portalContainer.style.visibility = 'hidden';
-            this.portalContainer.style.top = '0px';
-            this.portalContainer.style.left = '0px';
-            // Force a reflow to ensure the container is rendered
-            this.portalContainer.offsetHeight;
-            // Measure the actual height
-            this.measuredPopupHeight = this.portalContainer.offsetHeight;
-            // Reset visibility
-            this.portalContainer.style.visibility = '';
-        }
-        // Use measured height or fallback to estimate
-        const popupHeight = this.measuredPopupHeight || estimatedPopupHeight;
-        // Calculate available space above and below
-        const spaceBelow = viewportHeight - rect.bottom;
-        const spaceAbove = rect.top;
-        let topPosition;
-        let placementClass;
-        // Smart positioning: flip to top if insufficient space below and more space above
-        if (spaceBelow < popupHeight && spaceAbove > spaceBelow) {
-            // Open upward
-            topPosition = rect.top - popupHeight - 6;
-            placementClass = 'top';
-        }
-        else {
-            // Open downward
-            topPosition = rect.bottom + 6;
-            placementClass = 'bottom';
-        }
-        // Apply positioning
-        this.portalContainer.style.left = `${rect.left}px`;
-        this.portalContainer.style.top = `${topPosition}px`;
-        this.portalContainer.style.width = `${rect.width}px`;
-        this.portalContainer.style.pointerEvents = 'auto';
-        // Update placement class for styling
-        this.portalContainer.className = `${this.portalClassName} select__listbox--${placementClass}`;
-    }
-    /**
-     * Updates portal position (called on window resize/scroll)
-     */
-    updatePortalPosition() {
-        if (this.portalContainer) {
-            this.positionPortal();
-        }
-    }
-    /**
-     * Updates portal content (called when content changes)
-     */
-    updatePortalContent() {
-        if (this.portalContainer) {
-            this.positionPortal();
-        }
-    }
-    /**
-     * Injects component styles into document head for portal containers
-     */
-    injectStylesToDocument() {
-        if (!this.portalContainer)
-            return;
-        // Create a unique identifier for this component instance
-        const styleId = `nile-portal-styles-${Math.random().toString(36).substr(2, 9)}`;
-        // Check if styles are already injected
-        if (document.getElementById(styleId))
-            return;
-        // Get the component's styles
-        const componentStyles = this.component.constructor.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.portalContainer.__injectedStyleId = styleId;
-    }
-    /**
-     * 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 '';
-    }
-    /**
-     * Sets up the portal by moving the listbox to document body
-     */
-    setupPortal() {
-        this.component.updateComplete.then(() => {
-            const listbox = this.component.shadowRoot?.querySelector(this.listboxSelector);
-            if (listbox) {
-                this.originalListboxParent = listbox.parentElement;
-                this.portalContainer = this.createPortalContainer();
-                this.portalContainer.appendChild(listbox);
-                document.body.appendChild(this.portalContainer);
-                // Inject the component's styles to the body append container
-                this.injectStylesToDocument();
-                listbox.style.display = '';
-                this.positionPortal();
-            }
-        });
-    }
-    /**
-     * Cleans up the portal by restoring the listbox to its original position
-     */
-    cleanupPortal() {
-        if (this.portalContainer && this.portalContainer.parentNode) {
-            const listbox = this.portalContainer.querySelector(this.listboxSelector);
-            if (listbox && this.originalListboxParent) {
-                this.originalListboxParent.appendChild(listbox);
-                listbox.style.display = '';
-            }
-            // Clean up injected styles if they exist
-            const injectedStyleId = this.portalContainer.__injectedStyleId;
-            if (injectedStyleId) {
-                const styleElement = document.getElementById(injectedStyleId);
-                if (styleElement) {
-                    styleElement.remove();
-                }
-            }
-            this.portalContainer.parentNode.removeChild(this.portalContainer);
-        }
-        this.portalContainer = null;
-        this.originalListboxParent = null;
-        this.measuredPopupHeight = null;
-    }
-    /**
-     * Resets the measured height (call when content changes)
-     */
-    resetMeasuredHeight() {
-        this.measuredPopupHeight = null;
-    }
-    /**
-     * Gets the portal container element
-     */
-    getPortalContainer() {
-        return this.portalContainer;
-    }
-    /**
-     * Checks if portal is currently active
-     */
-    isPortalActive() {
-        return this.portalContainer !== null;
-    }
-}
-//# sourceMappingURL=portal.js.map

package/dist/src/internal/portal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"portal.js","sourceRoot":"","sources":["../../../src/internal/portal.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,MAAM,OAAO,aAAa;IAQxB,YAAY,SAAqB,EAAE,kBAA0B,UAAU,EAAE,kBAA0B,oBAAoB;QAN/G,oBAAe,GAAuB,IAAI,CAAC;QAC3C,0BAAqB,GAAuB,IAAI,CAAC;QACjD,wBAAmB,GAAkB,IAAI,CAAC;QAKhD,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;IACzC,CAAC;IAED;;OAEG;IACK,qBAAqB;QAC3B,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,IAAI,CAAC,eAAe,CAAC;QAE3C,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;;OAEG;IACK,cAAc;QACpB,IAAI,CAAC,IAAI,CAAC,eAAe;YAAE,OAAO;QAElC,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,qBAAqB,EAAE,CAAC;QACpD,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC;QAC1C,MAAM,oBAAoB,GAAG,GAAG,CAAC,CAAC,oBAAoB;QAEtD,0DAA0D;QAC1D,IAAI,CAAC,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACtD,2DAA2D;YAC3D,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;YACjD,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;YACjD,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC;YACvC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC;YAExC,qDAAqD;YACrD,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC;YAElC,4BAA4B;YAC5B,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC;YAE7D,mBAAmB;YACnB,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,UAAU,GAAG,EAAE,CAAC;QAC7C,CAAC;QAED,8CAA8C;QAC9C,MAAM,WAAW,GAAG,IAAI,CAAC,mBAAmB,IAAI,oBAAoB,CAAC;QAErE,4CAA4C;QAC5C,MAAM,UAAU,GAAG,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC;QAChD,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC;QAE5B,IAAI,WAAmB,CAAC;QACxB,IAAI,cAAsB,CAAC;QAE3B,kFAAkF;QAClF,IAAI,UAAU,GAAG,WAAW,IAAI,UAAU,GAAG,UAAU,EAAE,CAAC;YACxD,cAAc;YACd,WAAW,GAAG,IAAI,CAAC,GAAG,GAAG,WAAW,GAAG,CAAC,CAAC;YACzC,cAAc,GAAG,KAAK,CAAC;QACzB,CAAC;aAAM,CAAC;YACN,gBAAgB;YAChB,WAAW,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;YAC9B,cAAc,GAAG,QAAQ,CAAC;QAC5B,CAAC;QAED,oBAAoB;QACpB,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC;QACnD,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,WAAW,IAAI,CAAC;QACpD,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC;QACrD,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC;QAElD,qCAAqC;QACrC,IAAI,CAAC,eAAe,CAAC,SAAS,GAAG,GAAG,IAAI,CAAC,eAAe,qBAAqB,cAAc,EAAE,CAAC;IAChG,CAAC;IAED;;OAEG;IACH,oBAAoB;QAClB,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC;IACH,CAAC;IAED;;OAEG;IACH,mBAAmB;QACjB,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC;IACH,CAAC;IAED;;OAEG;IACK,sBAAsB;QAC5B,IAAI,CAAC,IAAI,CAAC,eAAe;YAAE,OAAO;QAElC,yDAAyD;QACzD,MAAM,OAAO,GAAG,sBAAsB,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;QAEhF,uCAAuC;QACvC,IAAI,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC;YAAE,OAAO;QAE7C,6BAA6B;QAC7B,MAAM,eAAe,GAAI,IAAI,CAAC,SAAS,CAAC,WAAmB,CAAC,MAAM,CAAC;QACnE,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,eAAuB,CAAC,iBAAiB,GAAG,OAAO,CAAC;IAC5D,CAAC;IAED;;OAEG;IACK,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;IAED;;OAEG;IACH,WAAW;QACT,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;YACtC,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,aAAa,CAAC,IAAI,CAAC,eAAe,CAAgB,CAAC;YAC9F,IAAI,OAAO,EAAE,CAAC;gBACZ,IAAI,CAAC,qBAAqB,GAAG,OAAO,CAAC,aAA4B,CAAC;gBAElE,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;gBACpD,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;gBAC1C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;gBAEhD,6DAA6D;gBAC7D,IAAI,CAAC,sBAAsB,EAAE,CAAC;gBAE9B,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;gBAC3B,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACH,aAAa;QACX,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,CAAC;YAC5D,MAAM,OAAO,GAAG,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,IAAI,CAAC,eAAe,CAAgB,CAAC;YAExF,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,EAAE,CAAC;YAC7B,CAAC;YAED,yCAAyC;YACzC,MAAM,eAAe,GAAI,IAAI,CAAC,eAAuB,CAAC,iBAAiB,CAAC;YACxE,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,eAAe,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACpE,CAAC;QACD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;QAC5B,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC;QAClC,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;IAClC,CAAC;IAED;;OAEG;IACH,mBAAmB;QACjB,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;IAClC,CAAC;IAED;;OAEG;IACH,kBAAkB;QAChB,OAAO,IAAI,CAAC,eAAe,CAAC;IAC9B,CAAC;IAED;;OAEG;IACH,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,KAAK,IAAI,CAAC;IACvC,CAAC;CACF","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 { LitElement } from 'lit';\n\nexport class PortalManager {\n  private component: LitElement;\n  private portalContainer: HTMLElement | null = null;\n  private originalListboxParent: HTMLElement | null = null;\n  private measuredPopupHeight: number | null = null;\n  private listboxSelector: string;\n  private portalClassName: string;\n\n  constructor(component: LitElement, listboxSelector: string = '#listbox', portalClassName: string = 'nile-portal-append') {\n    this.component = component;\n    this.listboxSelector = listboxSelector;\n    this.portalClassName = portalClassName;\n  }\n\n  /**\n   * Creates a portal container with proper styling\n   */\n  private createPortalContainer(): 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 = this.portalClassName;\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  /**\n   * Positions the portal container relative to the component\n   */\n  private positionPortal(): void {\n    if (!this.portalContainer) return;\n\n    const rect = this.component.getBoundingClientRect();\n    const viewportHeight = window.innerHeight;\n    const estimatedPopupHeight = 300; // Fallback estimate\n    \n    // If this is the first positioning, measure actual height\n    if (!this.measuredPopupHeight && this.portalContainer) {\n      // Temporarily position the container to measure its height\n      this.portalContainer.style.position = 'absolute';\n      this.portalContainer.style.visibility = 'hidden';\n      this.portalContainer.style.top = '0px';\n      this.portalContainer.style.left = '0px';\n      \n      // Force a reflow to ensure the container is rendered\n      this.portalContainer.offsetHeight;\n      \n      // Measure the actual height\n      this.measuredPopupHeight = this.portalContainer.offsetHeight;\n      \n      // Reset visibility\n      this.portalContainer.style.visibility = '';\n    }\n    \n    // Use measured height or fallback to estimate\n    const popupHeight = this.measuredPopupHeight || estimatedPopupHeight;\n    \n    // Calculate available space above and below\n    const spaceBelow = viewportHeight - rect.bottom;\n    const spaceAbove = rect.top;\n    \n    let topPosition: number;\n    let placementClass: string;\n    \n    // Smart positioning: flip to top if insufficient space below and more space above\n    if (spaceBelow < popupHeight && spaceAbove > spaceBelow) {\n      // Open upward\n      topPosition = rect.top - popupHeight - 6;\n      placementClass = 'top';\n    } else {\n      // Open downward\n      topPosition = rect.bottom + 6;\n      placementClass = 'bottom';\n    }\n    \n    // Apply positioning\n    this.portalContainer.style.left = `${rect.left}px`;\n    this.portalContainer.style.top = `${topPosition}px`;\n    this.portalContainer.style.width = `${rect.width}px`;\n    this.portalContainer.style.pointerEvents = 'auto';\n    \n    // Update placement class for styling\n    this.portalContainer.className = `${this.portalClassName} select__listbox--${placementClass}`;\n  }\n\n  /**\n   * Updates portal position (called on window resize/scroll)\n   */\n  updatePortalPosition(): void {\n    if (this.portalContainer) {\n      this.positionPortal();\n    }\n  }\n\n  /**\n   * Updates portal content (called when content changes)\n   */\n  updatePortalContent(): void {\n    if (this.portalContainer) {\n      this.positionPortal();\n    }\n  }\n\n  /**\n   * Injects component styles into document head for portal containers\n   */\n  private injectStylesToDocument(): void {\n    if (!this.portalContainer) return;\n\n    // Create a unique identifier for this component instance\n    const styleId = `nile-portal-styles-${Math.random().toString(36).substr(2, 9)}`;\n    \n    // Check if styles are already injected\n    if (document.getElementById(styleId)) return;\n\n    // Get the component's styles\n    const componentStyles = (this.component.constructor as any).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.portalContainer as any).__injectedStyleId = styleId;\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   * Sets up the portal by moving the listbox to document body\n   */\n  setupPortal(): void {\n    this.component.updateComplete.then(() => {\n      const listbox = this.component.shadowRoot?.querySelector(this.listboxSelector) as HTMLElement;\n      if (listbox) {\n        this.originalListboxParent = listbox.parentElement as HTMLElement;\n        \n        this.portalContainer = this.createPortalContainer();\n        this.portalContainer.appendChild(listbox);\n        document.body.appendChild(this.portalContainer);\n        \n        // Inject the component's styles to the body append container\n        this.injectStylesToDocument();\n        \n        listbox.style.display = '';\n        this.positionPortal();\n      }\n    });\n  }\n\n  /**\n   * Cleans up the portal by restoring the listbox to its original position\n   */\n  cleanupPortal(): void {\n    if (this.portalContainer && this.portalContainer.parentNode) {\n      const listbox = this.portalContainer.querySelector(this.listboxSelector) as HTMLElement;\n      \n      if (listbox && this.originalListboxParent) {\n        this.originalListboxParent.appendChild(listbox);\n        listbox.style.display = '';\n      }\n      \n      // Clean up injected styles if they exist\n      const injectedStyleId = (this.portalContainer as any).__injectedStyleId;\n      if (injectedStyleId) {\n        const styleElement = document.getElementById(injectedStyleId);\n        if (styleElement) {\n          styleElement.remove();\n        }\n      }\n      \n      this.portalContainer.parentNode.removeChild(this.portalContainer);\n    }\n    this.portalContainer = null;\n    this.originalListboxParent = null;\n    this.measuredPopupHeight = null;\n  }\n\n  /**\n   * Resets the measured height (call when content changes)\n   */\n  resetMeasuredHeight(): void {\n    this.measuredPopupHeight = null;\n  }\n\n  /**\n   * Gets the portal container element\n   */\n  getPortalContainer(): HTMLElement | null {\n    return this.portalContainer;\n  }\n\n  /**\n   * Checks if portal is currently active\n   */\n  isPortalActive(): boolean {\n    return this.portalContainer !== null;\n  }\n}\n"]}

package/dist/src/internal/resizable-helper.d.ts

@@ -1,59 +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.
- */
-/**
- * Resizable Helper Utility
- * Provides common functionality for resizable table columns
- */
-export interface ResizeOptions {
-    minWidth?: number;
-    startX: number;
-    startWidth: number;
-    element: HTMLElement;
-}
-export interface ColumnResizeData {
-    columnIndex: number;
-    newWidth: number;
-}
-/**
- * Handles the start of a resize operation
- * @param e Mouse event
- * @param options Resize configuration options
- * @returns Cleanup function to remove event listeners
- */
-export declare function handleResizeStart(e: MouseEvent, options: ResizeOptions): () => void;
-/**
- * Gets the column index of an element within its table row
- * @param element The table cell or header element
- * @param selector The CSS selector for the column elements
- * @returns Column index (0-based)
- */
-export declare function getColumnIndex(element: HTMLElement, selector: string): number;
-/**
- * Synchronizes the width of all cells in the same column
- * @param sourceElement The element that was resized
- * @param newWidth The new width to apply
- */
-export declare function synchronizeColumnWidth(sourceElement: HTMLElement, newWidth: number): void;
-/**
- * Checks if an element has the resizable attribute
- * @param element The element to check
- * @returns True if the element is resizable
- */
-export declare function isResizable(element: HTMLElement): boolean;
-/**
- * Creates a resize handler function for use in component event listeners
- * @param element The element to make resizable
- * @param minWidth Minimum width constraint
- * @returns Event handler function
- */
-export declare function createResizeHandler(element: HTMLElement, minWidth?: number): (e: MouseEvent) => void;
-/**
- * Detects if any columns in a table are resizable
- * @param tableBody The table body element
- * @returns True if any columns have resizable attribute
- */
-export declare function hasResizableColumns(tableBody: HTMLElement): boolean;