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

package/dist/src/nile-icon/__snapshots__/nile-icon.test.snap.js

@@ -1,16 +0,0 @@
-/* @web/test-runner snapshot v1 */
-export const snapshots = {};
-
-snapshots["NileIcon should render the icon with the correct name"] = 
-`<nile-icon
-  description=""
-  method="fill"
-  name="info"
-  set="local"
-  size="16"
-  style="--nile-svg-fill: var(--nile-colors-dark-500); --nile-svg-height: 16px; --nile-svg-width: 16px;"
->
-</nile-icon>
-`;
-/* end snapshot NileIcon should render the icon with the correct name */
-

package/dist/src/nile-inline-edit/nile-inline-edit-utils.d.ts

@@ -1,20 +0,0 @@
-/**
- * Copyright Aquera Inc 2025
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-export declare function getSlottedElement(shadowRoot: ShadowRoot | null | undefined): HTMLElement | null;
-export declare function getValueFromSlottedElement(shadowRoot: ShadowRoot | null | undefined): string;
-export declare function getDisplayValue(value: string, maxPlaceholderLength: number): string;
-export declare function setSlottedElementValue(shadowRoot: ShadowRoot | null | undefined, value: string): void;
-export declare function updateSlottedElementValue(updateComplete: Promise<boolean> | Promise<void>, shadowRoot: ShadowRoot | null | undefined, value: string): void;
-export declare function updateValueFromSlottedElement(shadowRoot: ShadowRoot | null | undefined, currentValue: string): string;
-export declare function handleDocumentFocusIn(event: FocusEvent, component: HTMLElement, isOpen: boolean): {
-    shouldClose: boolean;
-    newValue: string | null;
-};
-export declare function handleDocumentMouseDown(event: MouseEvent, component: HTMLElement, isOpen: boolean): {
-    shouldClose: boolean;
-    newValue: string | null;
-};

package/dist/src/nile-inline-edit/nile-inline-edit-utils.js

@@ -1,70 +0,0 @@
-/**
- * Copyright Aquera Inc 2025
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-export function getSlottedElement(shadowRoot) {
-    if (!shadowRoot)
-        return null;
-    const slot = shadowRoot.querySelector('slot');
-    if (!slot)
-        return null;
-    const assignedElements = slot.assignedElements({ flatten: true });
-    return assignedElements[0] || null;
-}
-export function getValueFromSlottedElement(shadowRoot) {
-    const slottedElement = getSlottedElement(shadowRoot);
-    if (!slottedElement)
-        return '';
-    const value = slottedElement.value;
-    return value != null ? String(value) : '';
-}
-export function getDisplayValue(value, maxPlaceholderLength) {
-    if (value && maxPlaceholderLength > 0 && value.length > maxPlaceholderLength) {
-        return value.substring(0, maxPlaceholderLength) + '...';
-    }
-    return value;
-}
-export function setSlottedElementValue(shadowRoot, value) {
-    const slottedElement = getSlottedElement(shadowRoot);
-    if (slottedElement && value) {
-        slottedElement.value = value;
-    }
-}
-export function updateSlottedElementValue(updateComplete, shadowRoot, value) {
-    updateComplete.then(() => {
-        setSlottedElementValue(shadowRoot, value);
-    });
-}
-export function updateValueFromSlottedElement(shadowRoot, currentValue) {
-    const newValue = getValueFromSlottedElement(shadowRoot);
-    return newValue !== currentValue ? newValue : currentValue;
-}
-export function handleDocumentFocusIn(event, component, isOpen) {
-    if (!isOpen)
-        return { shouldClose: false, newValue: null };
-    const path = event.composedPath();
-    const isWithinComponent = path.includes(component);
-    if (!isWithinComponent) {
-        const shadowRoot = component.shadowRoot;
-        const currentValue = component.value || '';
-        const newValue = updateValueFromSlottedElement(shadowRoot, currentValue);
-        return { shouldClose: true, newValue };
-    }
-    return { shouldClose: false, newValue: null };
-}
-export function handleDocumentMouseDown(event, component, isOpen) {
-    if (!isOpen)
-        return { shouldClose: false, newValue: null };
-    const path = event.composedPath();
-    const isWithinComponent = path.includes(component);
-    if (!isWithinComponent) {
-        const shadowRoot = component.shadowRoot;
-        const currentValue = component.value || '';
-        const newValue = updateValueFromSlottedElement(shadowRoot, currentValue);
-        return { shouldClose: true, newValue };
-    }
-    return { shouldClose: false, newValue: null };
-}
-//# sourceMappingURL=nile-inline-edit-utils.js.map

package/dist/src/nile-inline-edit/nile-inline-edit-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-inline-edit-utils.js","sourceRoot":"","sources":["../../../src/nile-inline-edit/nile-inline-edit-utils.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport function getSlottedElement(shadowRoot: ShadowRoot | null | undefined): HTMLElement | null {\n  if (!shadowRoot) return null;\n  const slot = shadowRoot.querySelector('slot');\n  if (!slot) return null;\n  const assignedElements = slot.assignedElements({ flatten: true });\n  return (assignedElements[0] as HTMLElement) || null;\n}\n\nexport function getValueFromSlottedElement(shadowRoot: ShadowRoot | null | undefined): string {\n  const slottedElement = getSlottedElement(shadowRoot);\n  if (!slottedElement) return '';\n  const value = (slottedElement as any).value;\n  return value != null ? String(value) : '';\n}\n\nexport function getDisplayValue(value: string, maxPlaceholderLength: number): string {\n  if (value && maxPlaceholderLength > 0 && value.length > maxPlaceholderLength) {\n    return value.substring(0, maxPlaceholderLength) + '...';\n  }\n  return value;\n}\n\nexport function setSlottedElementValue(shadowRoot: ShadowRoot | null | undefined, value: string): void {\n  const slottedElement = getSlottedElement(shadowRoot);\n  if (slottedElement && value) {\n    (slottedElement as any).value = value;\n  }\n}\n\nexport function updateSlottedElementValue(\n  updateComplete: Promise<boolean> | Promise<void>,\n  shadowRoot: ShadowRoot | null | undefined,\n  value: string\n): void {\n  updateComplete.then(() => {\n    setSlottedElementValue(shadowRoot, value);\n  });\n}\n\nexport function updateValueFromSlottedElement(\n  shadowRoot: ShadowRoot | null | undefined,\n  currentValue: string\n): string {\n  const newValue = getValueFromSlottedElement(shadowRoot);\n  return newValue !== currentValue ? newValue : currentValue;\n}\n\nexport function handleDocumentFocusIn(\n  event: FocusEvent,\n  component: HTMLElement,\n  isOpen: boolean\n): { shouldClose: boolean; newValue: string | null } {\n  if (!isOpen) return { shouldClose: false, newValue: null };\n  \n  const path = event.composedPath();\n  const isWithinComponent = path.includes(component);\n  \n  if (!isWithinComponent) {\n    const shadowRoot = (component as any).shadowRoot;\n    const currentValue = (component as any).value || '';\n    const newValue = updateValueFromSlottedElement(shadowRoot, currentValue);\n    return { shouldClose: true, newValue };\n  }\n  \n  return { shouldClose: false, newValue: null };\n}\n\nexport function handleDocumentMouseDown(\n  event: MouseEvent,\n  component: HTMLElement,\n  isOpen: boolean\n): { shouldClose: boolean; newValue: string | null } {\n  if (!isOpen) return { shouldClose: false, newValue: null };\n  \n  const path = event.composedPath();\n  const isWithinComponent = path.includes(component);\n  \n  if (!isWithinComponent) {\n    const shadowRoot = (component as any).shadowRoot;\n    const currentValue = (component as any).value || '';\n    const newValue = updateValueFromSlottedElement(shadowRoot, currentValue);\n    return { shouldClose: true, newValue };\n  }\n  \n  return { shouldClose: false, newValue: null };\n}\n\n"]}

package/dist/src/nile-input/__snapshots__/nile-input.test.snap.js

@@ -1,75 +0,0 @@
-/* @web/test-runner snapshot v1 */
-export const snapshots = {};
-
-snapshots["nile-input renders correctly"] = 
-`<div
-  class="form-control form-control--has-label form-control--medium"
-  part="form-control"
->
-  <label
-    aria-hidden="false"
-    class="form-control__label"
-    for="input"
-    part="form-control-label"
-  >
-    <slot name="label">
-      Test Label
-    </slot>
-  </label>
-  <div
-    class="form-control-input"
-    part="form-control-input"
-  >
-    <nile-popup
-      distance="5"
-      exportparts="input"
-      placement="bottom-start"
-      strategy="fixed"
-    >
-      <div
-        class="input input--empty input--medium input--standard"
-        part="base"
-        slot="anchor"
-      >
-        <slot
-          class="input__prefix"
-          name="prefix"
-          part="prefix"
-        >
-        </slot>
-        <input
-          aria-describedby="help-text"
-          autocomplete="off"
-          class="input__control"
-          id="input"
-          name=""
-          part="input"
-          placeholder=""
-          spellcheck="true"
-          title=""
-          type="text"
-        >
-        <slot
-          class="input__suffix"
-          name="suffix"
-          part="suffix"
-        >
-        </slot>
-      </div>
-      <div class="input__non-printable">
-        Non-printable character detected.
-        <nile-badge
-          class="input__remove-non-printable"
-          variant="error"
-        >
-          Remove All
-        </nile-badge>
-        <div class="input__srtiked-text-container">
-        </div>
-      </div>
-    </nile-popup>
-  </div>
-</div>
-`;
-/* end snapshot nile-input renders correctly */
-

package/dist/src/nile-menu/portal-manager.d.ts

@@ -1,39 +0,0 @@
-import { type Placement, type MiddlewareData } from '@floating-ui/dom';
-export declare class MenuPortalManager {
-    private portalContainer;
-    private originalMenuParent;
-    private measuredMenuHeight;
-    private component;
-    private clonedMenu;
-    private cleanupAutoUpdate;
-    private currentPlacement;
-    private currentMiddlewareData;
-    constructor(component: any);
-    private createPortalAppendContainer;
-    positionPortalAppend(): void;
-    private measureMenuHeight;
-    private computeFloatingUIPosition;
-    private calculateFloatingUIPosition;
-    private createFloatingUIMiddleware;
-    private handleSizeMiddleware;
-    private createCustomPlatform;
-    private applyFloatingUIPosition;
-    private fallbackPositioning;
-    private calculateAndSetAutoSizeProperties;
-    updatePortalAppendPosition(): void;
-    handleWindowResize(): void;
-    private setupAutoUpdatePositioning;
-    private cleanupAutoUpdatePositioning;
-    private injectStylesToDocument;
-    private adoptStylesToPortalAppend;
-    setupPortalAppend(): void;
-    private findParentContainer;
-    private setupPortalEventListeners;
-    cleanupPortalAppend(): void;
-    get portalContainerElement(): HTMLElement | null;
-    resetMeasuredHeight(): void;
-    forceReposition(): void;
-    getCurrentPlacement(): Placement;
-    getCurrentMiddlewareData(): MiddlewareData | null;
-    isUsingFloatingUI(): boolean;
-}

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

@@ -1,340 +0,0 @@
-import { autoUpdate, computePosition, flip, offset, shift, size, platform } from '@floating-ui/dom';
-import { PortalUtils } from './portal-utils';
-export class MenuPortalManager {
-    constructor(component) {
-        this.portalContainer = null;
-        this.originalMenuParent = null;
-        this.measuredMenuHeight = null;
-        this.clonedMenu = null;
-        this.cleanupAutoUpdate = null;
-        this.currentPlacement = 'bottom';
-        this.currentMiddlewareData = null;
-        this.component = component;
-    }
-    createPortalAppendContainer() {
-        const container = document.createElement('div');
-        container.style.position = 'absolute';
-        container.style.zIndex = '9999';
-        container.style.pointerEvents = 'none';
-        container.className = 'nile-menu-portal-append';
-        return container;
-    }
-    positionPortalAppend() {
-        if (!this.portalContainer)
-            return;
-        this.measureMenuHeight();
-        this.computeFloatingUIPosition();
-    }
-    measureMenuHeight() {
-        if (this.measuredMenuHeight || !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.measuredMenuHeight = this.portalContainer.offsetHeight;
-        this.portalContainer.style.visibility = '';
-    }
-    async computeFloatingUIPosition() {
-        if (!this.portalContainer)
-            return;
-        const referenceElement = PortalUtils.findReferenceElement(this.component);
-        if (!referenceElement) {
-            console.warn('Reference element not found for menu portal positioning');
-            return;
-        }
-        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 basePlacement = PortalUtils.getOptimalPlacement(referenceElement);
-        const initialPlacement = basePlacement === 'top' ? 'top-start' : 'bottom-start';
-        const middleware = this.createFloatingUIMiddleware(boundary);
-        return await computePosition(referenceElement, floatingElement, {
-            placement: initialPlacement,
-            strategy: 'fixed',
-            middleware,
-            platform: this.createCustomPlatform()
-        });
-    }
-    createFloatingUIMiddleware(boundary) {
-        return [
-            offset(4),
-            size({
-                apply: this.handleSizeMiddleware.bind(this),
-                padding: 10,
-                boundary: boundary
-            }),
-            flip({
-                fallbackPlacements: ['bottom-start', 'top-start', 'bottom', 'top', 'bottom-end', 'top-end'],
-                fallbackStrategy: 'bestFit',
-                padding: 10,
-                boundary: boundary
-            }),
-            shift({
-                padding: 10,
-                crossAxis: true,
-                boundary: boundary
-            })
-        ];
-    }
-    handleSizeMiddleware({ availableWidth, availableHeight, elements, rects }) {
-        const maxHeight = PortalUtils.calculateOptimalHeight(rects.reference, window.innerHeight, this.currentPlacement);
-        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`);
-    }
-    createCustomPlatform() {
-        return platform;
-    }
-    applyFloatingUIPosition(floatingElement, referenceElement, x, y, placement, middlewareData) {
-        // Align left edge with reference element
-        const referenceRect = referenceElement.getBoundingClientRect();
-        Object.assign(floatingElement.style, {
-            left: `${referenceRect.left}px`,
-            top: `${y}px`,
-            position: 'fixed',
-            pointerEvents: 'auto',
-            width: 'auto',
-            minWidth: 'auto'
-        });
-        this.currentPlacement = placement;
-        this.currentMiddlewareData = middlewareData;
-        PortalUtils.applyCollisionData(floatingElement, middlewareData, placement);
-        const placementClass = placement.split('-')[0];
-        floatingElement.className = `nile-menu-portal-append menu__listbox--${placementClass}`;
-    }
-    fallbackPositioning() {
-        if (!this.portalContainer)
-            return;
-        const referenceElement = PortalUtils.findReferenceElement(this.component);
-        if (!referenceElement)
-            return;
-        const rect = referenceElement.getBoundingClientRect();
-        const viewportHeight = window.innerHeight;
-        const menuHeight = this.measuredMenuHeight || 200;
-        const spaceBelow = viewportHeight - rect.bottom;
-        const spaceAbove = rect.top;
-        let topPosition;
-        let placementClass;
-        let maxHeight;
-        if (spaceAbove > spaceBelow) {
-            maxHeight = Math.max(spaceAbove - 20, 100);
-            topPosition = Math.max(rect.top - maxHeight - 4, 10);
-            placementClass = 'top';
-        }
-        else {
-            maxHeight = Math.max(spaceBelow - 20, 100);
-            topPosition = rect.bottom + 4;
-            placementClass = 'bottom';
-        }
-        this.portalContainer.style.left = `${rect.left}px`;
-        this.portalContainer.style.top = `${topPosition}px`;
-        this.portalContainer.style.width = 'auto';
-        this.portalContainer.style.minWidth = 'auto';
-        this.portalContainer.style.maxHeight = `${maxHeight}px`;
-        this.portalContainer.style.pointerEvents = 'auto';
-        this.portalContainer.className = `nile-menu-portal-append menu__listbox--${placementClass}`;
-        this.calculateAndSetAutoSizeProperties(rect, topPosition, placementClass);
-    }
-    calculateAndSetAutoSizeProperties(rect, topPosition, placementClass) {
-        if (!this.portalContainer)
-            return;
-        const viewportHeight = window.innerHeight;
-        const viewportWidth = window.innerWidth;
-        let availableHeight;
-        if (placementClass === 'top') {
-            availableHeight = rect.top - 10;
-        }
-        else {
-            availableHeight = viewportHeight - rect.bottom - 10;
-        }
-        const availableWidth = Math.min(rect.width, viewportWidth - rect.left - 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 = PortalUtils.findReferenceElement(this.component);
-        if (!referenceElement)
-            return;
-        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;
-        // If portal already exists, don't recreate it
-        if (this.portalContainer && this.portalContainer.parentNode) {
-            return;
-        }
-        this.component.updateComplete.then(() => {
-            setTimeout(() => {
-                // Check if menu is inside a parent container (e.g., nile-dropdown) and if it's open
-                const parentContainer = this.findParentContainer();
-                const isParentOpen = parentContainer ? parentContainer.open : true;
-                // Portal the menu if parent is open or if no parent found (standalone menu)
-                if (isParentOpen || !parentContainer) {
-                    this.originalMenuParent = this.component.parentElement;
-                    // Clone the menu element with all its children and attributes
-                    this.clonedMenu = this.component.cloneNode(true);
-                    // Copy all attributes from original to cloned menu
-                    Array.from(this.component.attributes).forEach((attr) => {
-                        this.clonedMenu.setAttribute(attr.name, attr.value);
-                    });
-                    this.portalContainer = this.createPortalAppendContainer();
-                    this.portalContainer.appendChild(this.clonedMenu);
-                    document.body.appendChild(this.portalContainer);
-                    this.adoptStylesToPortalAppend();
-                    this.clonedMenu.style.display = '';
-                    this.positionPortalAppend();
-                    this.setupPortalEventListeners();
-                    this.setupAutoUpdatePositioning();
-                    window.addEventListener('resize', this.handleWindowResize.bind(this));
-                }
-            }, 50);
-        });
-    }
-    findParentContainer() {
-        // First, check if we're in a slot and find the dropdown through the slot
-        const root = this.component.getRootNode();
-        if (root instanceof ShadowRoot) {
-            // We're in a shadow root, find the dropdown host
-            const host = root.host;
-            if (host && host.tagName.toLowerCase() === 'nile-dropdown') {
-                return host;
-            }
-        }
-        // Also check parent element chain
-        let current = this.component.parentElement;
-        while (current && current !== document.body) {
-            // Check for nile-dropdown or other containers that might have open/close behavior
-            if (current.tagName.toLowerCase() === 'nile-dropdown') {
-                return current;
-            }
-            // If we hit a shadow root, check the host
-            if (current instanceof ShadowRoot) {
-                const host = current.host;
-                if (host && host.tagName.toLowerCase() === 'nile-dropdown') {
-                    return host;
-                }
-            }
-            current = current.parentElement;
-        }
-        // Try to find dropdown through assigned slot
-        if (this.component.assignedSlot) {
-            const slotRoot = this.component.assignedSlot.getRootNode();
-            if (slotRoot instanceof ShadowRoot) {
-                const host = slotRoot.host;
-                if (host && host.tagName.toLowerCase() === 'nile-dropdown') {
-                    return host;
-                }
-            }
-        }
-        return null;
-    }
-    setupPortalEventListeners() {
-        if (!this.clonedMenu)
-            return;
-        // Forward events from cloned menu to original component
-        this.clonedMenu.addEventListener('nile-select', (event) => {
-            const customEvent = event;
-            this.component.dispatchEvent(new CustomEvent('nile-select', { detail: customEvent.detail, bubbles: true }));
-        });
-    }
-    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);
-        }
-        window.removeEventListener('resize', this.handleWindowResize.bind(this));
-        this.portalContainer = null;
-        this.originalMenuParent = null;
-        this.clonedMenu = null;
-        this.measuredMenuHeight = null;
-        this.currentPlacement = 'bottom';
-        this.currentMiddlewareData = null;
-    }
-    get portalContainerElement() {
-        return this.portalContainer;
-    }
-    resetMeasuredHeight() {
-        this.measuredMenuHeight = null;
-    }
-    forceReposition() {
-        if (this.portalContainer) {
-            this.computeFloatingUIPosition();
-        }
-    }
-    getCurrentPlacement() {
-        return this.currentPlacement;
-    }
-    getCurrentMiddlewareData() {
-        return this.currentMiddlewareData;
-    }
-    isUsingFloatingUI() {
-        return this.cleanupAutoUpdate !== null;
-    }
-}
-//# sourceMappingURL=portal-manager.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"portal-manager.js","sourceRoot":"","sources":["../../../src/nile-menu/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 } from './portal-utils';\n\nexport class MenuPortalManager {\n  private portalContainer: HTMLElement | null = null;\n  private originalMenuParent: HTMLElement | null = null;\n  private measuredMenuHeight: number | null = null;\n  private component: any;\n  private clonedMenu: HTMLElement | null = null;\n  private cleanupAutoUpdate: (() => void) | null = null;\n  private currentPlacement: Placement = 'bottom';\n  private currentMiddlewareData: MiddlewareData | 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.className = 'nile-menu-portal-append';\n    return container;\n  }\n\n  positionPortalAppend(): void {\n    if (!this.portalContainer) return;\n\n    this.measureMenuHeight();\n    this.computeFloatingUIPosition();\n  }\n\n  private measureMenuHeight(): void {\n    if (this.measuredMenuHeight || !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.measuredMenuHeight = 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 = PortalUtils.findReferenceElement(this.component);\n    if (!referenceElement) {\n      console.warn('Reference element not found for menu portal positioning');\n      return;\n    }\n\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 basePlacement = PortalUtils.getOptimalPlacement(referenceElement);\n    const initialPlacement = basePlacement === 'top' ? 'top-start' : 'bottom-start';\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 createFloatingUIMiddleware(boundary: Element[] | undefined): ComputePositionConfig['middleware'] {\n    return [\n      offset(4),\n      size({\n        apply: this.handleSizeMiddleware.bind(this),\n        padding: 10,\n        boundary: boundary\n      }),\n      flip({\n        fallbackPlacements: ['bottom-start', 'top-start', 'bottom', 'top', 'bottom-end', 'top-end'],\n        fallbackStrategy: 'bestFit',\n        padding: 10,\n        boundary: boundary\n      }),\n      shift({\n        padding: 10,\n        crossAxis: true,\n        boundary: boundary\n      })\n    ];\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    elements.floating.style.maxHeight = `${maxHeight}px`;\n    \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 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    // Align left edge with reference element\n    const referenceRect = referenceElement.getBoundingClientRect();\n    \n    Object.assign(floatingElement.style, {\n      left: `${referenceRect.left}px`,\n      top: `${y}px`,\n      position: 'fixed',\n      pointerEvents: 'auto',\n      width: 'auto',\n      minWidth: 'auto'\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-menu-portal-append menu__listbox--${placementClass}`;\n  }\n\n  private fallbackPositioning(): void {\n    if (!this.portalContainer) return;\n\n    const referenceElement = PortalUtils.findReferenceElement(this.component);\n    if (!referenceElement) return;\n\n    const rect = referenceElement.getBoundingClientRect();\n    const viewportHeight = window.innerHeight;\n    const menuHeight = this.measuredMenuHeight || 200;\n    \n    const spaceBelow = viewportHeight - rect.bottom;\n    const spaceAbove = rect.top;\n    \n    let topPosition: number;\n    let placementClass: string;\n    let maxHeight: number;\n    \n    if (spaceAbove > spaceBelow) {\n      maxHeight = Math.max(spaceAbove - 20, 100);\n      topPosition = Math.max(rect.top - maxHeight - 4, 10);\n      placementClass = 'top';\n    } else {\n      maxHeight = Math.max(spaceBelow - 20, 100);\n      topPosition = rect.bottom + 4;\n      placementClass = 'bottom';\n    }\n\n    this.portalContainer.style.left = `${rect.left}px`;\n    this.portalContainer.style.top = `${topPosition}px`;\n    this.portalContainer.style.width = 'auto';\n    this.portalContainer.style.minWidth = 'auto';\n    this.portalContainer.style.maxHeight = `${maxHeight}px`;\n    this.portalContainer.style.pointerEvents = 'auto';\n    this.portalContainer.className = `nile-menu-portal-append menu__listbox--${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    if (placementClass === 'top') {\n      availableHeight = rect.top - 10;\n    } else {\n      availableHeight = viewportHeight - rect.bottom - 10;\n    }\n    \n    const availableWidth = Math.min(rect.width, viewportWidth - rect.left - 10);\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 = PortalUtils.findReferenceElement(this.component);\n    if (!referenceElement) return;\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    // If portal already exists, don't recreate it\n    if (this.portalContainer && this.portalContainer.parentNode) {\n      return;\n    }\n\n    this.component.updateComplete.then(() => {\n      setTimeout(() => {\n        // Check if menu is inside a parent container (e.g., nile-dropdown) and if it's open\n        const parentContainer = this.findParentContainer();\n        const isParentOpen = parentContainer ? parentContainer.open : true;\n        \n        // Portal the menu if parent is open or if no parent found (standalone menu)\n        if (isParentOpen || !parentContainer) {\n          this.originalMenuParent = this.component.parentElement as HTMLElement;\n          \n          // Clone the menu element with all its children and attributes\n          this.clonedMenu = this.component.cloneNode(true) as HTMLElement;\n          \n          // Copy all attributes from original to cloned menu\n          Array.from(this.component.attributes).forEach((attr: Attr) => {\n            this.clonedMenu!.setAttribute(attr.name, attr.value);\n          });\n          \n          this.portalContainer = this.createPortalAppendContainer();\n          this.portalContainer.appendChild(this.clonedMenu);\n          document.body.appendChild(this.portalContainer);\n          \n          this.adoptStylesToPortalAppend();\n          \n          this.clonedMenu.style.display = '';\n          this.positionPortalAppend();\n          \n          this.setupPortalEventListeners();\n          \n          this.setupAutoUpdatePositioning();\n          \n          window.addEventListener('resize', this.handleWindowResize.bind(this));\n        }\n      }, 50);\n    });\n  }\n\n  private findParentContainer(): any {\n    // First, check if we're in a slot and find the dropdown through the slot\n    const root = this.component.getRootNode();\n    if (root instanceof ShadowRoot) {\n      // We're in a shadow root, find the dropdown host\n      const host = root.host;\n      if (host && host.tagName.toLowerCase() === 'nile-dropdown') {\n        return host;\n      }\n    }\n    \n    // Also check parent element chain\n    let current = this.component.parentElement;\n    while (current && current !== document.body) {\n      // Check for nile-dropdown or other containers that might have open/close behavior\n      if (current.tagName.toLowerCase() === 'nile-dropdown') {\n        return current;\n      }\n      \n      // If we hit a shadow root, check the host\n      if (current instanceof ShadowRoot) {\n        const host = current.host;\n        if (host && host.tagName.toLowerCase() === 'nile-dropdown') {\n          return host;\n        }\n      }\n      \n      current = current.parentElement;\n    }\n    \n    // Try to find dropdown through assigned slot\n    if (this.component.assignedSlot) {\n      const slotRoot = this.component.assignedSlot.getRootNode();\n      if (slotRoot instanceof ShadowRoot) {\n        const host = slotRoot.host;\n        if (host && host.tagName.toLowerCase() === 'nile-dropdown') {\n          return host;\n        }\n      }\n    }\n    \n    return null;\n  }\n\n  private setupPortalEventListeners(): void {\n    if (!this.clonedMenu) return;\n\n    // Forward events from cloned menu to original component\n    this.clonedMenu.addEventListener('nile-select', (event: Event) => {\n      const customEvent = event as CustomEvent;\n      this.component.dispatchEvent(new CustomEvent('nile-select', { detail: customEvent.detail, bubbles: true }));\n    });\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    window.removeEventListener('resize', this.handleWindowResize.bind(this));\n    \n    this.portalContainer = null;\n    this.originalMenuParent = null;\n    this.clonedMenu = null;\n    this.measuredMenuHeight = null;\n    this.currentPlacement = 'bottom';\n    this.currentMiddlewareData = null;\n  }\n\n  get portalContainerElement(): HTMLElement | null {\n    return this.portalContainer;\n  }\n\n  resetMeasuredHeight(): void {\n    this.measuredMenuHeight = 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\n"]}

package/dist/src/nile-menu/portal-utils.d.ts

@@ -1,21 +0,0 @@
-import { type Placement, type MiddlewareData } from '@floating-ui/dom';
-export declare class PortalUtils {
-    static calculateAvailableSpace(referenceElement: HTMLElement): {
-        spaceAbove: number;
-        spaceBelow: number;
-        viewportHeight: number;
-    };
-    static getOptimalPlacement(referenceElement: HTMLElement): Placement;
-    static findBoundaryElements(component: HTMLElement): Element[] | undefined;
-    static calculateOptimalHeight(referenceRect: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    }, viewportHeight: number, placement: Placement): number;
-    static extractStylesAsCSS(styles: any): string;
-    static generateStyleId(): string;
-    static isPositioningOptimal(placement: Placement, referenceElement: HTMLElement): boolean;
-    static applyCollisionData(element: HTMLElement, middlewareData: MiddlewareData, placement: Placement): void;
-    static findReferenceElement(menu: HTMLElement): HTMLElement | null;
-}