@aquera/nile-elements 1.4.8-beta-1.0 → 1.4.8-beta-1.2

package/dist/src/nile-side-bar-action/portal-utils.js

@@ -0,0 +1,212 @@
+export class PortalUtils {
+    static calculateAvailableSpace(referenceElement) {
+        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;
+        return { spaceAbove, spaceBelow, spaceLeft, spaceRight, viewportHeight, viewportWidth };
+    }
+    static getOptimalPlacement(referenceElement) {
+        const { spaceAbove, spaceBelow, spaceLeft, spaceRight } = this.calculateAvailableSpace(referenceElement);
+        if (spaceBelow >= 200 && spaceBelow >= spaceAbove) {
+            return 'bottom';
+        }
+        else if (spaceAbove >= 200 && spaceAbove > spaceBelow) {
+            return 'top';
+        }
+        if (spaceRight >= 200 && spaceRight >= spaceLeft) {
+            return 'right';
+        }
+        else if (spaceLeft >= 200) {
+            return 'left';
+        }
+        return 'bottom';
+    }
+    static findBoundaryElements(component) {
+        const boundaryElements = [];
+        let currentElement = component.parentElement;
+        while (currentElement && currentElement !== document.body) {
+            const computedStyle = window.getComputedStyle(currentElement);
+            const overflow = computedStyle.overflow;
+            const overflowY = computedStyle.overflowY;
+            const overflowX = computedStyle.overflowX;
+            if (overflow === 'auto' || overflow === 'scroll' ||
+                overflowY === 'auto' || overflowY === 'scroll' ||
+                overflowX === 'auto' || overflowX === 'scroll') {
+                boundaryElements.push(currentElement);
+            }
+            if (currentElement.hasAttribute('data-floating-boundary') ||
+                currentElement.classList.contains('floating-boundary') ||
+                currentElement.classList.contains('scroll-container')) {
+                boundaryElements.push(currentElement);
+            }
+            currentElement = currentElement.parentElement;
+        }
+        return boundaryElements.length > 0 ? boundaryElements : undefined;
+    }
+    static calculateOptimalHeight(referenceRect, viewportHeight, placement) {
+        const spaceBelow = viewportHeight - (referenceRect.y + referenceRect.height);
+        const spaceAbove = referenceRect.y;
+        if (placement.startsWith('top')) {
+            return Math.max(spaceAbove - 20, 100);
+        }
+        else if (placement.startsWith('bottom')) {
+            return Math.max(spaceBelow - 20, 100);
+        }
+        else if (placement.startsWith('left') || placement.startsWith('right')) {
+            return Math.max(Math.min(spaceAbove, spaceBelow) - 20, 100);
+        }
+        return Math.max(Math.min(spaceAbove, spaceBelow) - 20, 100);
+    }
+    static extractStylesAsCSS(styles) {
+        if (typeof styles === 'string') {
+            return styles;
+        }
+        if (Array.isArray(styles)) {
+            return styles.map(style => this.extractStylesAsCSS(style)).join('\n');
+        }
+        if (styles && typeof styles === 'object' && styles.cssText) {
+            return styles.cssText;
+        }
+        return '';
+    }
+    static generateStyleId() {
+        return `nile-dropdown-styles-${Math.random().toString(36).substring(2, 11)}`;
+    }
+    static isPositioningOptimal(placement, referenceElement) {
+        const { spaceAbove, spaceBelow, spaceLeft, spaceRight } = this.calculateAvailableSpace(referenceElement);
+        const isAbove = placement.startsWith('top');
+        const isBelow = placement.startsWith('bottom');
+        const isLeft = placement.startsWith('left');
+        const isRight = placement.startsWith('right');
+        if (isAbove && spaceBelow > spaceAbove)
+            return false;
+        if (isBelow && spaceAbove > spaceBelow)
+            return false;
+        if (isLeft && spaceRight > spaceLeft)
+            return false;
+        if (isRight && spaceLeft > spaceRight)
+            return false;
+        return true;
+    }
+    static applyCollisionData(element, middlewareData, placement) {
+        if (middlewareData.flip) {
+            const { overflows } = middlewareData.flip;
+            element.setAttribute('data-placement', placement);
+            if (overflows && overflows.length > 0) {
+                const overflowPlacements = overflows.map(overflow => overflow.placement).join(',');
+                element.setAttribute('data-overflow', overflowPlacements);
+            }
+            else {
+                element.removeAttribute('data-overflow');
+            }
+        }
+        if (middlewareData.shift) {
+            const { x, y } = middlewareData.shift;
+            if (x !== undefined && y !== undefined && (x !== 0 || y !== 0)) {
+                element.setAttribute('data-shift', `${x},${y}`);
+            }
+            else {
+                element.removeAttribute('data-shift');
+            }
+        }
+        if (middlewareData.size) {
+            const { availableWidth, availableHeight } = middlewareData.size;
+            if (availableWidth !== undefined) {
+                element.setAttribute('data-available-width', availableWidth.toString());
+            }
+            if (availableHeight !== undefined) {
+                element.setAttribute('data-available-height', availableHeight.toString());
+            }
+        }
+    }
+}
+export class PortalContentUtils {
+    static createPortalPanel(component) {
+        // Find the panel slot content (typically a nile-menu)
+        const panelSlot = component.shadowRoot?.querySelector('.dropdown__panel');
+        if (!panelSlot) {
+            // Fallback: try to find in light DOM
+            const slot = component.querySelector('[slot]');
+            if (!slot || slot.getAttribute('slot') === 'trigger') {
+                return document.createElement('div');
+            }
+        }
+        // Get assigned elements from the slot
+        let assignedElements = panelSlot?.assignedElements({ flatten: true }) || [];
+        // If no assigned elements, try direct children that aren't in trigger slot
+        if (assignedElements.length === 0) {
+            const children = Array.from(component.children);
+            assignedElements = children.filter(child => {
+                const slot = child.getAttribute('slot');
+                return !slot || slot !== 'trigger';
+            });
+        }
+        // Create a container for the cloned panel
+        const panelContainer = document.createElement('div');
+        panelContainer.className = 'dropdown__panel';
+        panelContainer.setAttribute('part', 'panel');
+        panelContainer.setAttribute('aria-hidden', 'false');
+        panelContainer.setAttribute('aria-labelledby', 'dropdown');
+        // Clone all assigned elements
+        assignedElements.forEach((element) => {
+            const clonedElement = element.cloneNode(true);
+            panelContainer.appendChild(clonedElement);
+        });
+        return panelContainer;
+    }
+    static updatePortalPanel(clonedPanel, component) {
+        if (!clonedPanel)
+            return;
+        // Clear existing content
+        clonedPanel.innerHTML = '';
+        // Re-clone the panel content
+        const panelSlot = component.shadowRoot?.querySelector('.dropdown__panel');
+        let assignedElements = panelSlot?.assignedElements({ flatten: true }) || [];
+        if (assignedElements.length === 0) {
+            const children = Array.from(component.children);
+            assignedElements = children.filter(child => {
+                const slot = child.getAttribute('slot');
+                return !slot || slot !== 'trigger';
+            });
+        }
+        assignedElements.forEach((element) => {
+            const clonedElement = element.cloneNode(true);
+            clonedPanel.appendChild(clonedElement);
+        });
+    }
+}
+export class PortalEventUtils {
+    static setupPortalEventListeners(clonedPanel, component) {
+        if (!clonedPanel)
+            return;
+        this.setupMenuSelectListeners(clonedPanel, component);
+        this.setupKeyDownListeners(clonedPanel, component);
+    }
+    static setupMenuSelectListeners(clonedPanel, component) {
+        if (!clonedPanel)
+            return;
+        // Listen for nile-select events from menu items
+        clonedPanel.addEventListener('nile-select', (event) => {
+            const customEvent = event;
+            // Forward the event to the original component
+            if (component.handlePanelSelect) {
+                component.handlePanelSelect(customEvent);
+            }
+        });
+    }
+    static setupKeyDownListeners(clonedPanel, component) {
+        if (!clonedPanel)
+            return;
+        // Listen for keydown events (like Escape)
+        clonedPanel.addEventListener('keydown', (event) => {
+            if (component.handleKeyDown) {
+                component.handleKeyDown(event);
+            }
+        });
+    }
+}
+//# sourceMappingURL=portal-utils.js.map

package/dist/src/nile-side-bar-action/portal-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal-utils.js","sourceRoot":"","sources":["../../../src/nile-side-bar-action/portal-utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { \n    type Placement,\n    type MiddlewareData\n  } from '@floating-ui/dom';\n  \n  export class PortalUtils {\n    static calculateAvailableSpace(referenceElement: HTMLElement): {\n      spaceAbove: number;\n      spaceBelow: number;\n      spaceLeft: number;\n      spaceRight: number;\n      viewportHeight: number;\n      viewportWidth: number;\n    } {\n      const rect = referenceElement.getBoundingClientRect();\n      const viewportHeight = window.innerHeight;\n      const viewportWidth = window.innerWidth;\n      const spaceBelow = viewportHeight - rect.bottom;\n      const spaceAbove = rect.top;\n      const spaceRight = viewportWidth - rect.right;\n      const spaceLeft = rect.left;\n      \n      return { spaceAbove, spaceBelow, spaceLeft, spaceRight, viewportHeight, viewportWidth };\n    }\n  \n    static getOptimalPlacement(referenceElement: HTMLElement): Placement {\n      const { spaceAbove, spaceBelow, spaceLeft, spaceRight } = this.calculateAvailableSpace(referenceElement);\n      \n      if (spaceBelow >= 200 && spaceBelow >= spaceAbove) {\n        return 'bottom';\n      } else if (spaceAbove >= 200 && spaceAbove > spaceBelow) {\n        return 'top';\n      }\n      \n      if (spaceRight >= 200 && spaceRight >= spaceLeft) {\n        return 'right';\n      } else if (spaceLeft >= 200) {\n        return 'left';\n      }\n      \n      return 'bottom';\n    }\n  \n    static findBoundaryElements(component: HTMLElement): Element[] | undefined {\n      const boundaryElements: Element[] = [];\n      \n      let currentElement = component.parentElement;\n      \n      while (currentElement && currentElement !== document.body) {\n        const computedStyle = window.getComputedStyle(currentElement);\n        const overflow = computedStyle.overflow;\n        const overflowY = computedStyle.overflowY;\n        const overflowX = computedStyle.overflowX;\n        \n        if (overflow === 'auto' || overflow === 'scroll' || \n            overflowY === 'auto' || overflowY === 'scroll' ||\n            overflowX === 'auto' || overflowX === 'scroll') {\n          boundaryElements.push(currentElement);\n        }\n        \n        if (currentElement.hasAttribute('data-floating-boundary') ||\n            currentElement.classList.contains('floating-boundary') ||\n            currentElement.classList.contains('scroll-container')) {\n          boundaryElements.push(currentElement);\n        }\n        \n        currentElement = currentElement.parentElement;\n      }\n      \n      return boundaryElements.length > 0 ? boundaryElements : undefined;\n    }\n  \n    static calculateOptimalHeight(\n      referenceRect: { x: number; y: number; width: number; height: number },\n      viewportHeight: number,\n      placement: Placement\n    ): number {\n      const spaceBelow = viewportHeight - (referenceRect.y + referenceRect.height);\n      const spaceAbove = referenceRect.y;\n      \n      if (placement.startsWith('top')) {\n        return Math.max(spaceAbove - 20, 100);\n      } else if (placement.startsWith('bottom')) {\n        return Math.max(spaceBelow - 20, 100);\n      } else if (placement.startsWith('left') || placement.startsWith('right')) {\n        return Math.max(Math.min(spaceAbove, spaceBelow) - 20, 100);\n      }\n      \n      return Math.max(Math.min(spaceAbove, spaceBelow) - 20, 100);\n    }\n  \n    static extractStylesAsCSS(styles: any): string {\n      if (typeof styles === 'string') {\n        return styles;\n      }\n      \n      if (Array.isArray(styles)) {\n        return styles.map(style => this.extractStylesAsCSS(style)).join('\\n');\n      }\n      \n      if (styles && typeof styles === 'object' && styles.cssText) {\n        return styles.cssText;\n      }\n      \n      return '';\n    }\n  \n    static generateStyleId(): string {\n      return `nile-dropdown-styles-${Math.random().toString(36).substring(2, 11)}`;\n    }\n  \n    static isPositioningOptimal(\n      placement: Placement,\n      referenceElement: HTMLElement\n    ): boolean {\n      const { spaceAbove, spaceBelow, spaceLeft, spaceRight } = this.calculateAvailableSpace(referenceElement);\n      \n      const isAbove = placement.startsWith('top');\n      const isBelow = placement.startsWith('bottom');\n      const isLeft = placement.startsWith('left');\n      const isRight = placement.startsWith('right');\n      \n      if (isAbove && spaceBelow > spaceAbove) return false;\n      if (isBelow && spaceAbove > spaceBelow) return false;\n      if (isLeft && spaceRight > spaceLeft) return false;\n      if (isRight && spaceLeft > spaceRight) return false;\n      \n      return true;\n    }\n  \n    static applyCollisionData(\n      element: HTMLElement,\n      middlewareData: MiddlewareData,\n      placement: Placement\n    ): void {\n      if (middlewareData.flip) {\n        const { overflows } = middlewareData.flip;\n        \n        element.setAttribute('data-placement', placement);\n        \n        if (overflows && overflows.length > 0) {\n          const overflowPlacements = overflows.map(overflow => overflow.placement).join(',');\n          element.setAttribute('data-overflow', overflowPlacements);\n        } else {\n          element.removeAttribute('data-overflow');\n        }\n      }\n  \n      if (middlewareData.shift) {\n        const { x, y } = middlewareData.shift;\n        \n        if (x !== undefined && y !== undefined && (x !== 0 || y !== 0)) {\n          element.setAttribute('data-shift', `${x},${y}`);\n        } else {\n          element.removeAttribute('data-shift');\n        }\n      }\n  \n      if (middlewareData.size) {\n        const { availableWidth, availableHeight } = middlewareData.size;\n        \n        if (availableWidth !== undefined) {\n          element.setAttribute('data-available-width', availableWidth.toString());\n        }\n        if (availableHeight !== undefined) {\n          element.setAttribute('data-available-height', availableHeight.toString());\n        }\n      }\n    }\n  }\n  \n  export class PortalContentUtils {\n    static createPortalPanel(component: any): HTMLElement {\n      // Find the panel slot content (typically a nile-menu)\n      const panelSlot = component.shadowRoot?.querySelector('.dropdown__panel') as HTMLSlotElement;\n      if (!panelSlot) {\n        // Fallback: try to find in light DOM\n        const slot = component.querySelector('[slot]');\n        if (!slot || slot.getAttribute('slot') === 'trigger') {\n          return document.createElement('div');\n        }\n      }\n  \n      // Get assigned elements from the slot\n      let assignedElements: Element[] = panelSlot?.assignedElements({ flatten: true }) as Element[] || [];\n      \n      // If no assigned elements, try direct children that aren't in trigger slot\n      if (assignedElements.length === 0) {\n        const children = Array.from(component.children) as Element[];\n        assignedElements = children.filter(child => {\n          const slot = child.getAttribute('slot');\n          return !slot || slot !== 'trigger';\n        });\n      }\n  \n      // Create a container for the cloned panel\n      const panelContainer = document.createElement('div');\n      panelContainer.className = 'dropdown__panel';\n      panelContainer.setAttribute('part', 'panel');\n      panelContainer.setAttribute('aria-hidden', 'false');\n      panelContainer.setAttribute('aria-labelledby', 'dropdown');\n  \n      // Clone all assigned elements\n      assignedElements.forEach((element: Element) => {\n        const clonedElement = element.cloneNode(true) as HTMLElement;\n        panelContainer.appendChild(clonedElement);\n      });\n  \n      return panelContainer;\n    }\n  \n    static updatePortalPanel(clonedPanel: HTMLElement, component: any): void {\n      if (!clonedPanel) return;\n  \n      // Clear existing content\n      clonedPanel.innerHTML = '';\n  \n      // Re-clone the panel content\n      const panelSlot = component.shadowRoot?.querySelector('.dropdown__panel') as HTMLSlotElement;\n      let assignedElements: Element[] = panelSlot?.assignedElements({ flatten: true }) as Element[] || [];\n      \n      if (assignedElements.length === 0) {\n        const children = Array.from(component.children) as Element[];\n        assignedElements = children.filter(child => {\n          const slot = child.getAttribute('slot');\n          return !slot || slot !== 'trigger';\n        });\n      }\n  \n      assignedElements.forEach((element: Element) => {\n        const clonedElement = element.cloneNode(true) as HTMLElement;\n        clonedPanel.appendChild(clonedElement);\n      });\n    }\n  }\n  \n  export class PortalEventUtils {\n    static setupPortalEventListeners(clonedPanel: HTMLElement, component: any): void {\n      if (!clonedPanel) return;\n  \n      this.setupMenuSelectListeners(clonedPanel, component);\n      this.setupKeyDownListeners(clonedPanel, component);\n    }\n  \n    static setupMenuSelectListeners(clonedPanel: HTMLElement, component: any): void {\n      if (!clonedPanel) return;\n  \n      // Listen for nile-select events from menu items\n      clonedPanel.addEventListener('nile-select', (event: Event) => {\n        const customEvent = event as CustomEvent;\n        // Forward the event to the original component\n        if (component.handlePanelSelect) {\n          component.handlePanelSelect(customEvent);\n        }\n      });\n    }\n  \n    static setupKeyDownListeners(clonedPanel: HTMLElement, component: any): void {\n      if (!clonedPanel) return;\n  \n      // Listen for keydown events (like Escape)\n      clonedPanel.addEventListener('keydown', (event: KeyboardEvent) => {\n        if (component.handleKeyDown) {\n          component.handleKeyDown(event);\n        }\n      });\n    }\n  }\n  \n  "]}

package/dist/src/version.js

@@ -1,5 +1,5 @@
 // Version utility - placeholders will be replaced during build
-export const NILE_ELEMENTS_VERSION = '1.4.8-beta-1.0';
+export const NILE_ELEMENTS_VERSION = '1.4.8-beta-1.2';
 export const NILE_VERSION = '1.1.7';
 // Set global versions for runtime access
 if (typeof window !== 'undefined') {

package/dist/src/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,MAAM,CAAC,MAAM,qBAAqB,GAAG,2BAA2B,CAAC;AACjE,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAC;AAE/C,yCAAyC;AACzC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;IACjC,MAAc,CAAC,mBAAmB,GAAG,qBAAqB,CAAC;IAC3D,MAAc,CAAC,WAAW,GAAG,YAAY,CAAC;IAC3C,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,IAAI,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,CAAC;AACzE,CAAC","sourcesContent":["// Version utility - placeholders will be replaced during build\nexport const NILE_ELEMENTS_VERSION = '1.4.8-beta-1.0';\nexport const NILE_VERSION = '1.1.7';\n\n// Set global versions for runtime access\nif (typeof window !== 'undefined') {\n  (window as any).nileElementsVersion = NILE_ELEMENTS_VERSION;\n  (window as any).nileVersion = NILE_VERSION;\n  window.process = window.process || { env: { NODE_ENV: 'production' } };\n}\n"]}
+{"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,MAAM,CAAC,MAAM,qBAAqB,GAAG,2BAA2B,CAAC;AACjE,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAC;AAE/C,yCAAyC;AACzC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;IACjC,MAAc,CAAC,mBAAmB,GAAG,qBAAqB,CAAC;IAC3D,MAAc,CAAC,WAAW,GAAG,YAAY,CAAC;IAC3C,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,IAAI,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,CAAC;AACzE,CAAC","sourcesContent":["// Version utility - placeholders will be replaced during build\nexport const NILE_ELEMENTS_VERSION = '1.4.8-beta-1.2';\nexport const NILE_VERSION = '1.1.7';\n\n// Set global versions for runtime access\nif (typeof window !== 'undefined') {\n  (window as any).nileElementsVersion = NILE_ELEMENTS_VERSION;\n  (window as any).nileVersion = NILE_VERSION;\n  window.process = window.process || { env: { NODE_ENV: 'production' } };\n}\n"]}