@aquera/nile-elements 1.3.3-beta-1.3 → 1.3.3-beta-1.5

package/dist/src/nile-dropdown/nile-dropdown.test.js

@@ -0,0 +1,152 @@
+import { fixture, html, expect, oneEvent, elementUpdated } from '@open-wc/testing';
+import './nile-dropdown';
+import { NileDropdown } from './nile-dropdown';
+const wait = (ms = 50000) => new Promise(resolve => setTimeout(resolve, ms));
+describe('NileDropdown', () => {
+    it('should render correctly', async () => {
+        const el = await fixture(html `<nile-dropdown></nile-dropdown>`);
+        expect(el).to.be.instanceOf(NileDropdown);
+        expect(el.shadowRoot).not.to.be.null;
+    });
+    it('should be closed by default', async () => {
+        const el = await fixture(html `<nile-dropdown></nile-dropdown>`);
+        expect(el.open).to.be.false;
+        const panel = el.shadowRoot?.querySelector('.dropdown__panel');
+        expect(panel?.getAttribute('aria-hidden')).to.equal('true');
+    });
+    it('should open the dropdown when "open" property is set to true', async () => {
+        const el = await fixture(html `<nile-dropdown></nile-dropdown>`);
+        el.open = true;
+        await elementUpdated(el);
+        const panel = el.shadowRoot?.querySelector('.dropdown__panel');
+        expect(el.open).to.be.true;
+        expect(panel?.getAttribute('aria-hidden')).to.equal('false');
+    });
+    it('should close the dropdown when "open" property is set to false', async () => {
+        const el = await fixture(html `<nile-dropdown open></nile-dropdown>`);
+        el.open = false;
+        await elementUpdated(el);
+        const panel = el.shadowRoot?.querySelector('.dropdown__panel');
+        expect(el.open).to.be.false;
+        expect(panel?.getAttribute('aria-hidden')).to.equal('true');
+    });
+    it('should emit "nile-show" and "nile-after-show" when opening the dropdown', async () => {
+        const el = await fixture(html `<nile-dropdown></nile-dropdown>`);
+        const showPromise = oneEvent(el, 'nile-show');
+        const afterShowPromise = oneEvent(el, 'nile-after-show');
+        el.open = true;
+        await showPromise;
+        await afterShowPromise;
+        expect(el.open).to.be.true;
+    });
+    it('should emit "nile-hide" and "nile-after-hide" when closing the dropdown', async () => {
+        const el = await fixture(html `<nile-dropdown open></nile-dropdown>`);
+        const hidePromise = oneEvent(el, 'nile-hide');
+        const afterHidePromise = oneEvent(el, 'nile-after-hide');
+        el.open = false;
+        await hidePromise;
+        await afterHidePromise;
+        expect(el.open).to.be.false;
+    });
+    it('should not open the dropdown if "disabled" is true', async () => {
+        const el = await fixture(html `<nile-dropdown disabled></nile-dropdown>`);
+        el.open = true;
+        await elementUpdated(el);
+        const panel = el.shadowRoot?.querySelector('.dropdown__panel');
+        expect(el.open).to.be.false;
+        expect(panel?.getAttribute('aria-hidden')).to.equal('true');
+    });
+    it('should toggle the dropdown when clicking the trigger', async () => {
+        const el = await fixture(html `
+      <nile-dropdown>
+        <button slot="trigger">Toggle</button>
+      </nile-dropdown>
+    `);
+        const trigger = el.querySelector('button');
+        trigger?.click();
+        await elementUpdated(el);
+        expect(el.open).to.be.true;
+        trigger?.click();
+        await elementUpdated(el);
+        expect(el.open).to.be.false;
+    });
+    it('should close the dropdown when "Escape" is pressed', async () => {
+        const el = await fixture(html `
+      <nile-dropdown open>
+        <button slot="trigger">Toggle</button>
+      </nile-dropdown>
+    `);
+        const event = new KeyboardEvent('keydown', { key: 'Escape' });
+        document.dispatchEvent(event);
+        await elementUpdated(el);
+        expect(el.open).to.be.false;
+    });
+    it('should keep the dropdown open when "stayOpenOnSelect" is true', async () => {
+        const el = await fixture(html `
+      <nile-dropdown stay-open-on-select>
+        <button slot="trigger">Toggle</button>
+        <nile-menu>
+          <nile-menu-item>Item 1</nile-menu-item>
+          <nile-menu-item>Item 2</nile-menu-item>
+        </nile-menu>
+      </nile-dropdown>
+    `);
+        const trigger = el.querySelector('button');
+        trigger?.click();
+        await elementUpdated(el);
+        const menuItem = el.querySelector('nile-menu-item');
+        menuItem?.click();
+        await elementUpdated(el);
+        expect(el.open).to.be.true; // Should stay open after selecting
+    });
+    it('should apply the correct placement class when setting "placement"', async () => {
+        const el = await fixture(html `<nile-dropdown placement="top"></nile-dropdown>`);
+        el.open = true;
+        await elementUpdated(el);
+        const popup = el.shadowRoot?.querySelector('nile-popup');
+        expect(popup?.getAttribute('placement')).to.equal('top');
+    });
+    it('should reposition the dropdown when calling "reposition()"', async () => {
+        const el = await fixture(html `
+      <nile-dropdown open>
+        <button slot="trigger">Toggle</button>
+        <nile-menu>
+          <nile-menu-item>Item 1</nile-menu-item>
+        </nile-menu>
+      </nile-dropdown>
+    `);
+        el.reposition();
+        await elementUpdated(el);
+        // No direct DOM check needed, the call to reposition should not throw any errors
+        expect(el).to.be.ok;
+    });
+    it('should not open the dropdown if "noOpenOnClick" is true', async () => {
+        const el = await fixture(html `
+      <nile-dropdown noOpenOnClick>
+        <button slot="trigger">Toggle</button>
+      </nile-dropdown>
+    `);
+        const trigger = el.querySelector('button');
+        trigger?.click();
+        await elementUpdated(el);
+        expect(el.open).to.be.false;
+    });
+    it('should hoist the dropdown when "hoist" is true', async () => {
+        const el = await fixture(html `<nile-dropdown hoist></nile-dropdown>`);
+        el.open = true;
+        await elementUpdated(el);
+        const popup = el.shadowRoot?.querySelector('nile-popup');
+        expect(popup?.getAttribute('strategy')).to.equal('fixed');
+    });
+    it('should apply animations when opening and closing', async () => {
+        const el = await fixture(html `<nile-dropdown></nile-dropdown>`);
+        const showPromise = oneEvent(el, 'nile-after-show');
+        el.open = true;
+        await showPromise;
+        const hidePromise = oneEvent(el, 'nile-after-hide');
+        el.open = false;
+        await hidePromise;
+        expect(el.open).to.be.false;
+    });
+});
+//# sourceMappingURL=nile-dropdown.test.js.map

package/dist/src/nile-dropdown/nile-dropdown.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-dropdown.test.js","sourceRoot":"","sources":["../../../src/nile-dropdown/nile-dropdown.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, html, expect, oneEvent, elementUpdated } from '@open-wc/testing';\nimport './nile-dropdown';\nimport { NileDropdown } from './nile-dropdown';\nconst wait=(ms:number=50000)=>new Promise(resolve => setTimeout(resolve, ms))\n\ndescribe('NileDropdown', () => {\n\tit('should render correctly', async () => {\n    const el = await fixture<NileDropdown>(html`<nile-dropdown></nile-dropdown>`);\n    expect(el).to.be.instanceOf(NileDropdown);\n    expect(el.shadowRoot).not.to.be.null;\n  });\n\n  it('should be closed by default', async () => {\n    const el = await fixture<NileDropdown>(html`<nile-dropdown></nile-dropdown>`);\n    expect(el.open).to.be.false;\n\n    const panel = el.shadowRoot?.querySelector('.dropdown__panel');\n    expect(panel?.getAttribute('aria-hidden')).to.equal('true');\n  });\n\n  it('should open the dropdown when \"open\" property is set to true', async () => {\n    const el = await fixture<NileDropdown>(html`<nile-dropdown></nile-dropdown>`);\n    el.open = true;\n    await elementUpdated(el);\n\n    const panel = el.shadowRoot?.querySelector('.dropdown__panel');\n    expect(el.open).to.be.true;\n    expect(panel?.getAttribute('aria-hidden')).to.equal('false');\n  });\n\n  it('should close the dropdown when \"open\" property is set to false', async () => {\n    const el = await fixture<NileDropdown>(html`<nile-dropdown open></nile-dropdown>`);\n    el.open = false;\n    await elementUpdated(el);\n\n    const panel = el.shadowRoot?.querySelector('.dropdown__panel');\n    expect(el.open).to.be.false;\n    expect(panel?.getAttribute('aria-hidden')).to.equal('true');\n  });\n\n  it('should emit \"nile-show\" and \"nile-after-show\" when opening the dropdown', async () => {\n    const el = await fixture<NileDropdown>(html`<nile-dropdown></nile-dropdown>`);\n\n    const showPromise = oneEvent(el, 'nile-show');\n    const afterShowPromise = oneEvent(el, 'nile-after-show');\n\n    el.open = true;\n    await showPromise;\n    await afterShowPromise;\n\n    expect(el.open).to.be.true;\n  });\n\n  it('should emit \"nile-hide\" and \"nile-after-hide\" when closing the dropdown', async () => {\n    const el = await fixture<NileDropdown>(html`<nile-dropdown open></nile-dropdown>`);\n\n    const hidePromise = oneEvent(el, 'nile-hide');\n    const afterHidePromise = oneEvent(el, 'nile-after-hide');\n\n    el.open = false;\n    await hidePromise;\n    await afterHidePromise;\n\n    expect(el.open).to.be.false;\n  });\n\n  it('should not open the dropdown if \"disabled\" is true', async () => {\n    const el = await fixture<NileDropdown>(html`<nile-dropdown disabled></nile-dropdown>`);\n    el.open = true;\n    await elementUpdated(el);\n\n    const panel = el.shadowRoot?.querySelector('.dropdown__panel');\n    expect(el.open).to.be.false;\n    expect(panel?.getAttribute('aria-hidden')).to.equal('true');\n  });\n\n  it('should toggle the dropdown when clicking the trigger', async () => {\n    const el = await fixture<NileDropdown>(html`\n      <nile-dropdown>\n        <button slot=\"trigger\">Toggle</button>\n      </nile-dropdown>\n    `);\n\n    const trigger = el.querySelector('button');\n    trigger?.click();\n    await elementUpdated(el);\n\n    expect(el.open).to.be.true;\n\n    trigger?.click();\n    await elementUpdated(el);\n\n    expect(el.open).to.be.false;\n  });\n\n  it('should close the dropdown when \"Escape\" is pressed', async () => {\n    const el = await fixture<NileDropdown>(html`\n      <nile-dropdown open>\n        <button slot=\"trigger\">Toggle</button>\n      </nile-dropdown>\n    `);\n\n    const event = new KeyboardEvent('keydown', { key: 'Escape' });\n    document.dispatchEvent(event);\n    await elementUpdated(el);\n\n    expect(el.open).to.be.false;\n  });\n\n  it('should keep the dropdown open when \"stayOpenOnSelect\" is true', async () => {\n    const el = await fixture<NileDropdown>(html`\n      <nile-dropdown stay-open-on-select>\n        <button slot=\"trigger\">Toggle</button>\n        <nile-menu>\n          <nile-menu-item>Item 1</nile-menu-item>\n          <nile-menu-item>Item 2</nile-menu-item>\n        </nile-menu>\n      </nile-dropdown>\n    `);\n\n    const trigger = el.querySelector('button');\n    trigger?.click();\n    await elementUpdated(el);\n\n    const menuItem = el.querySelector('nile-menu-item');\n    menuItem?.click();\n    await elementUpdated(el);\n\n    expect(el.open).to.be.true; // Should stay open after selecting\n  });\n\n  it('should apply the correct placement class when setting \"placement\"', async () => {\n    const el = await fixture<NileDropdown>(html`<nile-dropdown placement=\"top\"></nile-dropdown>`);\n    el.open = true;\n    await elementUpdated(el);\n\n    const popup = el.shadowRoot?.querySelector('nile-popup');\n    expect(popup?.getAttribute('placement')).to.equal('top');\n  });\n\n  it('should reposition the dropdown when calling \"reposition()\"', async () => {\n    const el = await fixture<NileDropdown>(html`\n      <nile-dropdown open>\n        <button slot=\"trigger\">Toggle</button>\n        <nile-menu>\n          <nile-menu-item>Item 1</nile-menu-item>\n        </nile-menu>\n      </nile-dropdown>\n    `);\n\n    el.reposition();\n    await elementUpdated(el);\n\n    // No direct DOM check needed, the call to reposition should not throw any errors\n    expect(el).to.be.ok;\n  });\n\n  it('should not open the dropdown if \"noOpenOnClick\" is true', async () => {\n    const el = await fixture<NileDropdown>(html`\n      <nile-dropdown noOpenOnClick>\n        <button slot=\"trigger\">Toggle</button>\n      </nile-dropdown>\n    `);\n\n    const trigger = el.querySelector('button');\n    trigger?.click();\n    await elementUpdated(el);\n\n    expect(el.open).to.be.false;\n  });\n\n  it('should hoist the dropdown when \"hoist\" is true', async () => {\n    const el = await fixture<NileDropdown>(html`<nile-dropdown hoist></nile-dropdown>`);\n    el.open = true;\n    await elementUpdated(el);\n\n    const popup = el.shadowRoot?.querySelector('nile-popup');\n    expect(popup?.getAttribute('strategy')).to.equal('fixed');\n  });\n\n  it('should apply animations when opening and closing', async () => {\n    const el = await fixture<NileDropdown>(html`<nile-dropdown></nile-dropdown>`);\n\n    const showPromise = oneEvent(el, 'nile-after-show');\n    el.open = true;\n    await showPromise;\n\n    const hidePromise = oneEvent(el, 'nile-after-hide');\n    el.open = false;\n    await hidePromise;\n\n    expect(el.open).to.be.false;\n  });\n});\n"]}

package/dist/src/nile-dropdown/portal-manager.js

@@ -0,0 +1,374 @@
+import { autoUpdate, computePosition, flip, offset, shift, size, platform } from '@floating-ui/dom';
+import { PortalUtils, PortalContentUtils, PortalEventUtils } from './portal-utils';
+export class DropdownPortalManager {
+    constructor(component) {
+        this.portalContainer = null;
+        this.measuredPanelHeight = null;
+        this.clonedPanel = null;
+        this.cleanupAutoUpdate = null;
+        this.currentPlacement = 'bottom-start';
+        this.currentMiddlewareData = null;
+        this.boundHandleWindowResize = null;
+        this.component = component;
+    }
+    createPortalAppendContainer() {
+        const container = document.createElement('div');
+        container.style.position = 'absolute';
+        container.style.zIndex = '9999';
+        container.style.pointerEvents = 'none';
+        container.style.width = 'auto';
+        container.style.maxWidth = 'none';
+        container.style.minWidth = 'auto';
+        container.className = 'nile-dropdown-portal-append';
+        return container;
+    }
+    positionPortalAppend() {
+        if (!this.portalContainer || !this.component.open)
+            return;
+        this.measurePanelHeight();
+        this.computeFloatingUIPosition();
+    }
+    measurePanelHeight() {
+        if (this.measuredPanelHeight || !this.portalContainer)
+            return;
+        this.portalContainer.style.position = 'absolute';
+        this.portalContainer.style.visibility = 'hidden';
+        this.portalContainer.style.top = '0px';
+        this.portalContainer.style.left = '0px';
+        this.portalContainer.offsetHeight;
+        this.measuredPanelHeight = this.portalContainer.offsetHeight;
+        this.portalContainer.style.visibility = '';
+    }
+    async computeFloatingUIPosition() {
+        if (!this.portalContainer)
+            return;
+        const referenceElement = this.component.shadowRoot?.querySelector('[slot="anchor"]')?.assignedElements({ flatten: true })[0] ||
+            this.component.querySelector('[slot="trigger"]')?.assignedElements({ flatten: true })[0] ||
+            this.component;
+        const floatingElement = this.portalContainer;
+        try {
+            const { x, y, placement, middlewareData } = await this.calculateFloatingUIPosition(referenceElement, floatingElement);
+            this.applyFloatingUIPosition(floatingElement, referenceElement, x, y, placement, middlewareData);
+        }
+        catch (error) {
+            console.warn('Floating UI positioning failed, falling back to simple positioning:', error);
+            this.fallbackPositioning();
+        }
+    }
+    async calculateFloatingUIPosition(referenceElement, floatingElement) {
+        const boundary = PortalUtils.findBoundaryElements(referenceElement);
+        const initialPlacement = this.getInitialPlacement();
+        const middleware = this.createFloatingUIMiddleware(boundary);
+        return await computePosition(referenceElement, floatingElement, {
+            placement: initialPlacement,
+            strategy: 'fixed',
+            middleware,
+            platform: this.createCustomPlatform()
+        });
+    }
+    getInitialPlacement() {
+        return this.component.placement || 'bottom-start';
+    }
+    createFloatingUIMiddleware(boundary) {
+        const middleware = [
+            offset(this.component.distance || 0),
+        ];
+        // Add size middleware if sync is specified
+        if (this.component.sync) {
+            middleware.push(size({
+                apply: this.handleSizeMiddleware.bind(this),
+                padding: 10,
+                boundary: boundary
+            }));
+        }
+        // Add flip middleware
+        middleware.push(flip({
+            fallbackPlacements: this.getFallbackPlacements(),
+            fallbackStrategy: 'bestFit',
+            padding: 10,
+            boundary: boundary
+        }));
+        // Add shift middleware
+        middleware.push(shift({
+            padding: 10,
+            crossAxis: true,
+            boundary: boundary
+        }));
+        return middleware;
+    }
+    handleSizeMiddleware({ availableWidth, availableHeight, elements, rects }) {
+        const maxHeight = PortalUtils.calculateOptimalHeight(rects.reference, window.innerHeight, this.currentPlacement);
+        if (this.component.sync === 'width' || this.component.sync === 'both') {
+            elements.floating.style.width = `${rects.reference.width}px`;
+        }
+        if (this.component.sync === 'height' || this.component.sync === 'both') {
+            elements.floating.style.height = `${rects.reference.height}px`;
+        }
+        elements.floating.style.maxHeight = `${maxHeight}px`;
+        elements.floating.style.setProperty('--auto-size-available-width', `${availableWidth}px`);
+        elements.floating.style.setProperty('--auto-size-available-height', `${maxHeight}px`);
+    }
+    getFallbackPlacements() {
+        const basePlacement = this.component.placement || 'bottom-start';
+        const placements = [];
+        if (basePlacement.startsWith('top')) {
+            placements.push('bottom-start', 'bottom', 'bottom-end', 'top', 'top-end', 'right-start', 'left-start');
+        }
+        else if (basePlacement.startsWith('bottom')) {
+            placements.push('top-start', 'top', 'top-end', 'bottom', 'bottom-end', 'right-start', 'left-start');
+        }
+        else if (basePlacement.startsWith('left')) {
+            placements.push('right-start', 'right', 'right-end', 'left', 'left-end', 'top-start', 'bottom-start');
+        }
+        else if (basePlacement.startsWith('right')) {
+            placements.push('left-start', 'left', 'left-end', 'right', 'right-end', 'top-start', 'bottom-start');
+        }
+        return placements;
+    }
+    createCustomPlatform() {
+        return platform;
+    }
+    applyFloatingUIPosition(floatingElement, referenceElement, x, y, placement, middlewareData) {
+        const referenceRect = referenceElement.getBoundingClientRect();
+        Object.assign(floatingElement.style, {
+            left: `${x}px`,
+            top: `${y}px`,
+            position: 'fixed',
+            pointerEvents: 'auto',
+            width: 'auto',
+            minWidth: 'auto'
+        });
+        // Apply sync width if needed
+        if (this.component.sync === 'width' || this.component.sync === 'both') {
+            floatingElement.style.width = `${referenceRect.width}px`;
+        }
+        this.currentPlacement = placement;
+        this.currentMiddlewareData = middlewareData;
+        PortalUtils.applyCollisionData(floatingElement, middlewareData, placement);
+        const placementClass = placement.split('-')[0];
+        floatingElement.className = `nile-dropdown-portal-append dropdown--open dropdown__panel--${placementClass}`;
+    }
+    fallbackPositioning() {
+        if (!this.portalContainer)
+            return;
+        const referenceElement = this.component.shadowRoot?.querySelector('[slot="anchor"]')?.assignedElements({ flatten: true })[0] ||
+            this.component.querySelector('[slot="trigger"]')?.assignedElements({ flatten: true })[0] ||
+            this.component;
+        const rect = referenceElement.getBoundingClientRect();
+        const viewportHeight = window.innerHeight;
+        const viewportWidth = window.innerWidth;
+        const spaceBelow = viewportHeight - rect.bottom;
+        const spaceAbove = rect.top;
+        const spaceRight = viewportWidth - rect.right;
+        const spaceLeft = rect.left;
+        let topPosition;
+        let leftPosition = rect.left;
+        let placementClass;
+        let maxHeight;
+        const placement = this.component.placement || 'bottom-start';
+        if (placement.startsWith('bottom')) {
+            maxHeight = Math.max(spaceBelow - 20, 100);
+            topPosition = rect.bottom + (this.component.distance || 0);
+            placementClass = 'bottom';
+        }
+        else if (placement.startsWith('top')) {
+            maxHeight = Math.max(spaceAbove - 20, 100);
+            topPosition = Math.max(rect.top - maxHeight - (this.component.distance || 0), 10);
+            placementClass = 'top';
+        }
+        else if (placement.startsWith('right')) {
+            maxHeight = Math.max(Math.min(spaceRight, spaceBelow, spaceAbove) - 20, 100);
+            topPosition = rect.top;
+            leftPosition = rect.right + (this.component.distance || 0);
+            placementClass = 'right';
+        }
+        else {
+            maxHeight = Math.max(Math.min(spaceLeft, spaceBelow, spaceAbove) - 20, 100);
+            topPosition = rect.top;
+            leftPosition = Math.max(rect.left - 200 - (this.component.distance || 0), 10);
+            placementClass = 'left';
+        }
+        this.portalContainer.style.left = `${leftPosition}px`;
+        this.portalContainer.style.top = `${topPosition}px`;
+        this.portalContainer.style.maxHeight = `${maxHeight}px`;
+        this.portalContainer.style.pointerEvents = 'auto';
+        this.portalContainer.style.width = 'auto';
+        this.portalContainer.style.minWidth = 'auto';
+        if (this.component.sync === 'width' || this.component.sync === 'both') {
+            this.portalContainer.style.width = `${rect.width}px`;
+        }
+        this.portalContainer.className = `nile-dropdown-portal-append dropdown__panel--${placementClass}`;
+        this.calculateAndSetAutoSizeProperties(rect, topPosition, placementClass);
+    }
+    calculateAndSetAutoSizeProperties(rect, topPosition, placementClass) {
+        if (!this.portalContainer)
+            return;
+        const viewportHeight = window.innerHeight;
+        const viewportWidth = window.innerWidth;
+        let availableHeight;
+        let availableWidth = viewportWidth - rect.left - 10;
+        if (placementClass === 'top') {
+            availableHeight = rect.top - 10;
+        }
+        else if (placementClass === 'bottom') {
+            availableHeight = viewportHeight - rect.bottom - 10;
+        }
+        else if (placementClass === 'left') {
+            availableHeight = Math.min(viewportHeight - rect.top, rect.bottom);
+            availableWidth = rect.left - 10;
+        }
+        else {
+            availableHeight = Math.min(viewportHeight - rect.top, rect.bottom);
+            availableWidth = viewportWidth - rect.right - 10;
+        }
+        this.portalContainer.style.setProperty('--auto-size-available-height', `${Math.max(availableHeight, 100)}px`);
+        this.portalContainer.style.setProperty('--auto-size-available-width', `${Math.max(availableWidth, 200)}px`);
+    }
+    updatePortalAppendPosition() {
+        if (this.component.portal && this.portalContainer) {
+            this.positionPortalAppend();
+        }
+    }
+    handleWindowResize() {
+        if (this.component.portal && this.portalContainer) {
+            this.positionPortalAppend();
+        }
+    }
+    setupAutoUpdatePositioning() {
+        if (!this.portalContainer || !this.component)
+            return;
+        this.cleanupAutoUpdatePositioning();
+        const referenceElement = this.component.shadowRoot?.querySelector('[slot="anchor"]')?.assignedElements({ flatten: true })[0] ||
+            this.component.querySelector('[slot="trigger"]')?.assignedElements({ flatten: true })[0] ||
+            this.component;
+        this.cleanupAutoUpdate = autoUpdate(referenceElement, this.portalContainer, () => {
+            this.computeFloatingUIPosition();
+        }, {
+            ancestorScroll: true,
+            ancestorResize: true,
+            elementResize: true,
+            layoutShift: true,
+            animationFrame: true
+        });
+    }
+    cleanupAutoUpdatePositioning() {
+        if (this.cleanupAutoUpdate) {
+            this.cleanupAutoUpdate();
+            this.cleanupAutoUpdate = null;
+        }
+    }
+    injectStylesToDocument() {
+        if (!this.portalContainer)
+            return;
+        const styleId = PortalUtils.generateStyleId();
+        if (document.getElementById(styleId))
+            return;
+        const componentStyles = this.component.constructor.styles;
+        if (!componentStyles)
+            return;
+        const styleElement = document.createElement('style');
+        styleElement.id = styleId;
+        styleElement.textContent = PortalUtils.extractStylesAsCSS(componentStyles);
+        document.head.appendChild(styleElement);
+        this.portalContainer.__injectedStyleId = styleId;
+    }
+    adoptStylesToPortalAppend() {
+        if (!this.portalContainer)
+            return;
+        this.injectStylesToDocument();
+    }
+    setupPortalAppend() {
+        if (!this.component.portal)
+            return;
+        this.component.updateComplete.then(() => {
+            setTimeout(() => {
+                if (this.component.open) {
+                    this.clonedPanel = this.createPortalPanel();
+                    this.portalContainer = this.createPortalAppendContainer();
+                    this.portalContainer.appendChild(this.clonedPanel);
+                    document.body.appendChild(this.portalContainer);
+                    this.adoptStylesToPortalAppend();
+                    this.clonedPanel.style.display = '';
+                    this.positionPortalAppend();
+                    this.setupPortalEventListeners();
+                    this.setupAutoUpdatePositioning();
+                    this.boundHandleWindowResize = this.handleWindowResize.bind(this);
+                    window.addEventListener('resize', this.boundHandleWindowResize);
+                }
+            }, 10);
+        });
+    }
+    createPortalPanel() {
+        return PortalContentUtils.createPortalPanel(this.component);
+    }
+    setupPortalEventListeners() {
+        PortalEventUtils.setupPortalEventListeners(this.clonedPanel, this.component);
+    }
+    cleanupPortalAppend() {
+        this.cleanupAutoUpdatePositioning();
+        if (this.portalContainer && this.portalContainer.parentNode) {
+            const injectedStyleId = this.portalContainer.__injectedStyleId;
+            if (injectedStyleId) {
+                const styleElement = document.getElementById(injectedStyleId);
+                if (styleElement) {
+                    styleElement.remove();
+                }
+            }
+            this.portalContainer.parentNode.removeChild(this.portalContainer);
+        }
+        if (this.boundHandleWindowResize) {
+            window.removeEventListener('resize', this.boundHandleWindowResize);
+            this.boundHandleWindowResize = null;
+        }
+        this.portalContainer = null;
+        this.clonedPanel = null;
+        this.measuredPanelHeight = null;
+        this.currentPlacement = 'bottom-start';
+        this.currentMiddlewareData = null;
+    }
+    get portalContainerElement() {
+        return this.portalContainer;
+    }
+    resetMeasuredHeight() {
+        this.measuredPanelHeight = null;
+    }
+    forceReposition() {
+        if (this.portalContainer) {
+            this.computeFloatingUIPosition();
+        }
+    }
+    getCurrentPlacement() {
+        return this.currentPlacement;
+    }
+    getCurrentMiddlewareData() {
+        return this.currentMiddlewareData;
+    }
+    isUsingFloatingUI() {
+        return this.cleanupAutoUpdate !== null;
+    }
+    isPositioningOptimal() {
+        if (!this.portalContainer || !this.currentMiddlewareData)
+            return true;
+        const referenceElement = this.component.shadowRoot?.querySelector('[slot="anchor"]')?.assignedElements({ flatten: true })[0] ||
+            this.component.querySelector('[slot="trigger"]')?.assignedElements({ flatten: true })[0] ||
+            this.component;
+        const rect = referenceElement.getBoundingClientRect();
+        const viewportHeight = window.innerHeight;
+        const spaceBelow = viewportHeight - rect.bottom;
+        const spaceAbove = rect.top;
+        const isAbove = this.currentPlacement.startsWith('top');
+        const isBelow = this.currentPlacement.startsWith('bottom');
+        if (isAbove && spaceBelow > spaceAbove)
+            return false;
+        if (isBelow && spaceAbove > spaceBelow)
+            return false;
+        return true;
+    }
+    updatePortalPanel() {
+        if (this.portalContainer && this.clonedPanel) {
+            PortalContentUtils.updatePortalPanel(this.clonedPanel, this.component);
+            this.forceReposition();
+        }
+    }
+}
+//# sourceMappingURL=portal-manager.js.map

package/dist/src/nile-dropdown/portal-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal-manager.js","sourceRoot":"","sources":["../../../src/nile-dropdown/portal-manager.ts"],"names":[],"mappings":"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","sourcesContent":["import { \n  autoUpdate, \n  computePosition, \n  flip, \n  offset, \n  shift, \n  size,\n  platform,\n  type Placement,\n  type MiddlewareData,\n  type ComputePositionConfig\n} from '@floating-ui/dom';\nimport { PortalUtils, PortalContentUtils, PortalEventUtils } from './portal-utils';\n\nexport class DropdownPortalManager {\n  private portalContainer: HTMLElement | null = null;\n  private measuredPanelHeight: number | null = null;\n  private component: any;\n  private clonedPanel: HTMLElement | null = null;\n  private cleanupAutoUpdate: (() => void) | null = null;\n  private currentPlacement: Placement = 'bottom-start';\n  private currentMiddlewareData: MiddlewareData | null = null;\n  private boundHandleWindowResize: (() => void) | null = null;\n\n  constructor(component: any) {\n    this.component = component;\n  }\n\n  private createPortalAppendContainer(): HTMLElement {\n    const container = document.createElement('div');\n    container.style.position = 'absolute';\n    container.style.zIndex = '9999';\n    container.style.pointerEvents = 'none';\n    container.style.width = 'auto';\n    container.style.maxWidth = 'none';\n    container.style.minWidth = 'auto';\n    container.className = 'nile-dropdown-portal-append';\n    return container;\n  }\n\n  positionPortalAppend(): void {\n    if (!this.portalContainer || !this.component.open) return;\n\n    this.measurePanelHeight();\n    this.computeFloatingUIPosition();\n  }\n\n  private measurePanelHeight(): void {\n    if (this.measuredPanelHeight || !this.portalContainer) return;\n\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    this.portalContainer.offsetHeight;\n    \n    this.measuredPanelHeight = this.portalContainer.offsetHeight;\n    \n    this.portalContainer.style.visibility = '';\n  }\n\n  private async computeFloatingUIPosition(): Promise<void> {\n    if (!this.portalContainer) return;\n\n    const referenceElement = this.component.shadowRoot?.querySelector('[slot=\"anchor\"]')?.assignedElements({ flatten: true })[0] as HTMLElement || \n                           this.component.querySelector('[slot=\"trigger\"]')?.assignedElements({ flatten: true })[0] as HTMLElement ||\n                           this.component;\n    const floatingElement = this.portalContainer;\n\n    try {\n      const { x, y, placement, middlewareData } = await this.calculateFloatingUIPosition(\n        referenceElement,\n        floatingElement\n      );\n\n      this.applyFloatingUIPosition(floatingElement, referenceElement, x, y, placement, middlewareData);\n\n    } catch (error) {\n      console.warn('Floating UI positioning failed, falling back to simple positioning:', error);\n      this.fallbackPositioning();\n    }\n  }\n\n  private async calculateFloatingUIPosition(\n    referenceElement: HTMLElement,\n    floatingElement: HTMLElement\n  ): Promise<{ x: number; y: number; placement: Placement; middlewareData: MiddlewareData }> {\n    const boundary = PortalUtils.findBoundaryElements(referenceElement);\n    const initialPlacement = this.getInitialPlacement();\n    const middleware = this.createFloatingUIMiddleware(boundary);\n\n    return await computePosition(referenceElement, floatingElement, {\n      placement: initialPlacement,\n      strategy: 'fixed',\n      middleware,\n      platform: this.createCustomPlatform()\n    });\n  }\n\n  private getInitialPlacement(): Placement {\n    return this.component.placement || 'bottom-start';\n  }\n\n  private createFloatingUIMiddleware(boundary: Element[] | undefined): ComputePositionConfig['middleware'] {\n    const middleware: ComputePositionConfig['middleware'] = [\n      offset(this.component.distance || 0),\n    ];\n\n    // Add size middleware if sync is specified\n    if (this.component.sync) {\n      middleware.push(\n        size({\n          apply: this.handleSizeMiddleware.bind(this),\n          padding: 10,\n          boundary: boundary\n        })\n      );\n    }\n\n    // Add flip middleware\n    middleware.push(\n      flip({\n        fallbackPlacements: this.getFallbackPlacements(),\n        fallbackStrategy: 'bestFit',\n        padding: 10,\n        boundary: boundary\n      })\n    );\n\n    // Add shift middleware\n    middleware.push(\n      shift({\n        padding: 10,\n        crossAxis: true,\n        boundary: boundary\n      })\n    );\n\n    return middleware;\n  }\n\n  private handleSizeMiddleware({ availableWidth, availableHeight, elements, rects }: {\n    availableWidth: number;\n    availableHeight: number;\n    elements: { floating: HTMLElement };\n    rects: { reference: { x: number; y: number; width: number; height: number } };\n  }): void {\n    const maxHeight = PortalUtils.calculateOptimalHeight(\n      rects.reference,\n      window.innerHeight,\n      this.currentPlacement\n    );\n\n    if (this.component.sync === 'width' || this.component.sync === 'both') {\n      elements.floating.style.width = `${rects.reference.width}px`;\n    }\n    if (this.component.sync === 'height' || this.component.sync === 'both') {\n      elements.floating.style.height = `${rects.reference.height}px`;\n    }\n\n    elements.floating.style.maxHeight = `${maxHeight}px`;\n    elements.floating.style.setProperty('--auto-size-available-width', `${availableWidth}px`);\n    elements.floating.style.setProperty('--auto-size-available-height', `${maxHeight}px`);\n  }\n\n  private getFallbackPlacements(): Placement[] {\n    const basePlacement = this.component.placement || 'bottom-start';\n    const placements: Placement[] = [];\n    \n    if (basePlacement.startsWith('top')) {\n      placements.push('bottom-start', 'bottom', 'bottom-end', 'top', 'top-end', 'right-start', 'left-start');\n    } else if (basePlacement.startsWith('bottom')) {\n      placements.push('top-start', 'top', 'top-end', 'bottom', 'bottom-end', 'right-start', 'left-start');\n    } else if (basePlacement.startsWith('left')) {\n      placements.push('right-start', 'right', 'right-end', 'left', 'left-end', 'top-start', 'bottom-start');\n    } else if (basePlacement.startsWith('right')) {\n      placements.push('left-start', 'left', 'left-end', 'right', 'right-end', 'top-start', 'bottom-start');\n    }\n    \n    return placements;\n  }\n\n  private createCustomPlatform() {\n    return platform;\n  }\n\n  private applyFloatingUIPosition(\n    floatingElement: HTMLElement,\n    referenceElement: HTMLElement,\n    x: number,\n    y: number,\n    placement: Placement,\n    middlewareData: MiddlewareData\n  ): void {\n    const referenceRect = referenceElement.getBoundingClientRect();\n    \n    Object.assign(floatingElement.style, {\n      left: `${x}px`,\n      top: `${y}px`,\n      position: 'fixed',\n      pointerEvents: 'auto',\n      width: 'auto',\n      minWidth: 'auto'\n    });\n\n    // Apply sync width if needed\n    if (this.component.sync === 'width' || this.component.sync === 'both') {\n      floatingElement.style.width = `${referenceRect.width}px`;\n    }\n\n    this.currentPlacement = placement;\n    this.currentMiddlewareData = middlewareData;\n    \n    PortalUtils.applyCollisionData(floatingElement, middlewareData, placement);\n    \n    const placementClass = placement.split('-')[0];\n    floatingElement.className = `nile-dropdown-portal-append dropdown--open dropdown__panel--${placementClass}`;\n  }\n\n  private fallbackPositioning(): void {\n    if (!this.portalContainer) return;\n\n    const referenceElement = this.component.shadowRoot?.querySelector('[slot=\"anchor\"]')?.assignedElements({ flatten: true })[0] as HTMLElement || \n                           this.component.querySelector('[slot=\"trigger\"]')?.assignedElements({ flatten: true })[0] as HTMLElement ||\n                           this.component;\n    const rect = referenceElement.getBoundingClientRect();\n    const viewportHeight = window.innerHeight;\n    const viewportWidth = window.innerWidth;\n    \n    const spaceBelow = viewportHeight - rect.bottom;\n    const spaceAbove = rect.top;\n    const spaceRight = viewportWidth - rect.right;\n    const spaceLeft = rect.left;\n    \n    let topPosition: number;\n    let leftPosition: number = rect.left;\n    let placementClass: string;\n    let maxHeight: number;\n    \n    const placement = this.component.placement || 'bottom-start';\n    \n    if (placement.startsWith('bottom')) {\n      maxHeight = Math.max(spaceBelow - 20, 100);\n      topPosition = rect.bottom + (this.component.distance || 0);\n      placementClass = 'bottom';\n    } else if (placement.startsWith('top')) {\n      maxHeight = Math.max(spaceAbove - 20, 100);\n      topPosition = Math.max(rect.top - maxHeight - (this.component.distance || 0), 10);\n      placementClass = 'top';\n    } else if (placement.startsWith('right')) {\n      maxHeight = Math.max(Math.min(spaceRight, spaceBelow, spaceAbove) - 20, 100);\n      topPosition = rect.top;\n      leftPosition = rect.right + (this.component.distance || 0);\n      placementClass = 'right';\n    } else {\n      maxHeight = Math.max(Math.min(spaceLeft, spaceBelow, spaceAbove) - 20, 100);\n      topPosition = rect.top;\n      leftPosition = Math.max(rect.left - 200 - (this.component.distance || 0), 10);\n      placementClass = 'left';\n    }\n\n    this.portalContainer.style.left = `${leftPosition}px`;\n    this.portalContainer.style.top = `${topPosition}px`;\n    this.portalContainer.style.maxHeight = `${maxHeight}px`;\n    this.portalContainer.style.pointerEvents = 'auto';\n    this.portalContainer.style.width = 'auto';\n    this.portalContainer.style.minWidth = 'auto';\n    \n    if (this.component.sync === 'width' || this.component.sync === 'both') {\n      this.portalContainer.style.width = `${rect.width}px`;\n    }\n    \n    this.portalContainer.className = `nile-dropdown-portal-append dropdown__panel--${placementClass}`;\n    \n    this.calculateAndSetAutoSizeProperties(rect, topPosition, placementClass);\n  }\n\n  private calculateAndSetAutoSizeProperties(rect: DOMRect, topPosition: number, placementClass: string): void {\n    if (!this.portalContainer) return;\n\n    const viewportHeight = window.innerHeight;\n    const viewportWidth = window.innerWidth;\n    \n    let availableHeight: number;\n    let availableWidth: number = viewportWidth - rect.left - 10;\n    \n    if (placementClass === 'top') {\n      availableHeight = rect.top - 10;\n    } else if (placementClass === 'bottom') {\n      availableHeight = viewportHeight - rect.bottom - 10;\n    } else if (placementClass === 'left') {\n      availableHeight = Math.min(viewportHeight - rect.top, rect.bottom);\n      availableWidth = rect.left - 10;\n    } else {\n      availableHeight = Math.min(viewportHeight - rect.top, rect.bottom);\n      availableWidth = viewportWidth - rect.right - 10;\n    }\n    \n    this.portalContainer.style.setProperty('--auto-size-available-height', `${Math.max(availableHeight, 100)}px`);\n    this.portalContainer.style.setProperty('--auto-size-available-width', `${Math.max(availableWidth, 200)}px`);\n  }\n\n  updatePortalAppendPosition(): void {\n    if (this.component.portal && this.portalContainer) {\n      this.positionPortalAppend();\n    }\n  }\n\n  handleWindowResize(): void {\n    if (this.component.portal && this.portalContainer) {\n      this.positionPortalAppend();\n    }\n  }\n\n  private setupAutoUpdatePositioning(): void {\n    if (!this.portalContainer || !this.component) return;\n\n    this.cleanupAutoUpdatePositioning();\n\n    const referenceElement = this.component.shadowRoot?.querySelector('[slot=\"anchor\"]')?.assignedElements({ flatten: true })[0] as HTMLElement || \n                           this.component.querySelector('[slot=\"trigger\"]')?.assignedElements({ flatten: true })[0] as HTMLElement ||\n                           this.component;\n\n    this.cleanupAutoUpdate = autoUpdate(\n      referenceElement,\n      this.portalContainer,\n      () => {\n        this.computeFloatingUIPosition();\n      },\n      {\n        ancestorScroll: true,\n        ancestorResize: true,\n        elementResize: true,\n        layoutShift: true,\n        animationFrame: true\n      }\n    );\n  }\n\n  private cleanupAutoUpdatePositioning(): void {\n    if (this.cleanupAutoUpdate) {\n      this.cleanupAutoUpdate();\n      this.cleanupAutoUpdate = null;\n    }\n  }\n\n  private injectStylesToDocument(): void {\n    if (!this.portalContainer) return;\n\n    const styleId = PortalUtils.generateStyleId();\n    \n    if (document.getElementById(styleId)) return;\n\n    const componentStyles = (this.component.constructor as any).styles;\n    if (!componentStyles) return;\n\n    const styleElement = document.createElement('style');\n    styleElement.id = styleId;\n    styleElement.textContent = PortalUtils.extractStylesAsCSS(componentStyles);\n    \n    document.head.appendChild(styleElement);\n    \n    (this.portalContainer as any).__injectedStyleId = styleId;\n  }\n\n  private adoptStylesToPortalAppend(): void {\n    if (!this.portalContainer) return;\n    this.injectStylesToDocument();\n  }\n\n  setupPortalAppend(): void {\n    if (!this.component.portal) return;\n\n    this.component.updateComplete.then(() => {\n      setTimeout(() => {\n        if (this.component.open) {\n          this.clonedPanel = this.createPortalPanel();\n          \n          this.portalContainer = this.createPortalAppendContainer();\n          this.portalContainer.appendChild(this.clonedPanel);\n          document.body.appendChild(this.portalContainer);\n          \n          this.adoptStylesToPortalAppend();\n          \n          this.clonedPanel.style.display = '';\n          this.positionPortalAppend();\n          \n          this.setupPortalEventListeners();\n          \n          this.setupAutoUpdatePositioning();\n          \n          this.boundHandleWindowResize = this.handleWindowResize.bind(this);\n          window.addEventListener('resize', this.boundHandleWindowResize);\n        }\n      }, 10);\n    });\n  }\n\n  private createPortalPanel(): HTMLElement {\n    return PortalContentUtils.createPortalPanel(this.component);\n  }\n\n  private setupPortalEventListeners(): void {\n    PortalEventUtils.setupPortalEventListeners(this.clonedPanel!, this.component);\n  }\n\n  cleanupPortalAppend(): void {\n    this.cleanupAutoUpdatePositioning();\n    \n    if (this.portalContainer && this.portalContainer.parentNode) {\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    \n    if (this.boundHandleWindowResize) {\n      window.removeEventListener('resize', this.boundHandleWindowResize);\n      this.boundHandleWindowResize = null;\n    }\n    \n    this.portalContainer = null;\n    this.clonedPanel = null;\n    this.measuredPanelHeight = null;\n    this.currentPlacement = 'bottom-start';\n    this.currentMiddlewareData = null;\n  }\n\n  get portalContainerElement(): HTMLElement | null {\n    return this.portalContainer;\n  }\n\n  resetMeasuredHeight(): void {\n    this.measuredPanelHeight = null;\n  }\n\n  forceReposition(): void {\n    if (this.portalContainer) {\n      this.computeFloatingUIPosition();\n    }\n  }\n\n  getCurrentPlacement(): Placement {\n    return this.currentPlacement;\n  }\n\n  getCurrentMiddlewareData(): MiddlewareData | null {\n    return this.currentMiddlewareData;\n  }\n\n  isUsingFloatingUI(): boolean {\n    return this.cleanupAutoUpdate !== null;\n  }\n\n  isPositioningOptimal(): boolean {\n    if (!this.portalContainer || !this.currentMiddlewareData) return true;\n\n    const referenceElement = this.component.shadowRoot?.querySelector('[slot=\"anchor\"]')?.assignedElements({ flatten: true })[0] as HTMLElement || \n                           this.component.querySelector('[slot=\"trigger\"]')?.assignedElements({ flatten: true })[0] as HTMLElement ||\n                           this.component;\n    const rect = referenceElement.getBoundingClientRect();\n    const viewportHeight = window.innerHeight;\n    const spaceBelow = viewportHeight - rect.bottom;\n    const spaceAbove = rect.top;\n    \n    const isAbove = this.currentPlacement.startsWith('top');\n    const isBelow = this.currentPlacement.startsWith('bottom');\n    \n    if (isAbove && spaceBelow > spaceAbove) return false;\n    if (isBelow && spaceAbove > spaceBelow) return false;\n    \n    return true;\n  }\n\n  updatePortalPanel(): void {\n    if (this.portalContainer && this.clonedPanel) {\n      PortalContentUtils.updatePortalPanel(this.clonedPanel, this.component);\n      this.forceReposition();\n    }\n  }\n}\n\n"]}