@aquera/nile-elements 1.5.9 → 1.6.1

package/dist/src/nile-floating-panel/content-manager.js

@@ -1,44 +0,0 @@
-export class ContentManager {
-    static updatePanelContent(panelContainer, slot, dataContent) {
-        panelContainer.innerHTML = '';
-        const slotContent = slot ? slot.assignedNodes({ flatten: true }) : [];
-        const hasSlotContent = slotContent.length > 0 &&
-            slotContent.some(node => {
-                if (node.nodeType === Node.TEXT_NODE) {
-                    return node.textContent?.trim() !== '';
-                }
-                return node instanceof HTMLElement;
-            });
-        if (hasSlotContent) {
-            slotContent.forEach(node => {
-                if (node.nodeType === Node.TEXT_NODE) {
-                    const textNode = document.createTextNode(node.textContent || '');
-                    panelContainer.appendChild(textNode);
-                }
-                else if (node instanceof HTMLElement) {
-                    panelContainer.appendChild(node.cloneNode(true));
-                }
-            });
-        }
-        else if (dataContent) {
-            panelContainer.textContent = dataContent;
-        }
-    }
-    static hasSlotContent(slot) {
-        if (!slot) {
-            return false;
-        }
-        const slotContent = slot.assignedNodes({ flatten: true });
-        return slotContent.length > 0 &&
-            slotContent.some(node => {
-                if (node.nodeType === Node.TEXT_NODE) {
-                    return node.textContent?.trim() !== '';
-                }
-                return node instanceof HTMLElement;
-            });
-    }
-    static getSlotContent(slot) {
-        return slot ? slot.assignedNodes({ flatten: true }) : [];
-    }
-}
-//# sourceMappingURL=content-manager.js.map

package/dist/src/nile-floating-panel/content-manager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"content-manager.js","sourceRoot":"","sources":["../../../src/nile-floating-panel/content-manager.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,cAAc;IACzB,MAAM,CAAC,kBAAkB,CACvB,cAA2B,EAC3B,IAA4B,EAC5B,WAAmB;QAEnB,cAAc,CAAC,SAAS,GAAG,EAAE,CAAC;QAE9B,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAEtE,MAAM,cAAc,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC;YAC3C,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;gBACtB,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC;oBACrC,OAAO,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;gBACzC,CAAC;gBACD,OAAO,IAAI,YAAY,WAAW,CAAC;YACrC,CAAC,CAAC,CAAC;QAEL,IAAI,cAAc,EAAE,CAAC;YACnB,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;gBACzB,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC;oBACrC,MAAM,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC;oBACjE,cAAc,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;gBACvC,CAAC;qBAAM,IAAI,IAAI,YAAY,WAAW,EAAE,CAAC;oBACvC,cAAc,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;gBACnD,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC;aAAM,IAAI,WAAW,EAAE,CAAC;YACvB,cAAc,CAAC,WAAW,GAAG,WAAW,CAAC;QAC3C,CAAC;IACH,CAAC;IAED,MAAM,CAAC,cAAc,CAAC,IAA4B;QAChD,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO,KAAK,CAAC;QACf,CAAC;QAED,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAC1D,OAAO,WAAW,CAAC,MAAM,GAAG,CAAC;YAC3B,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;gBACtB,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC;oBACrC,OAAO,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;gBACzC,CAAC;gBACD,OAAO,IAAI,YAAY,WAAW,CAAC;YACrC,CAAC,CAAC,CAAC;IACP,CAAC;IAED,MAAM,CAAC,cAAc,CAAC,IAA4B;QAChD,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3D,CAAC;CACF","sourcesContent":["import type { FloatingPanelContentConfig } from './types';\n\nexport class ContentManager {\n  static updatePanelContent(\n    panelContainer: HTMLElement,\n    slot: HTMLSlotElement | null,\n    dataContent: string\n  ): void {\n    panelContainer.innerHTML = '';\n\n    const slotContent = slot ? slot.assignedNodes({ flatten: true }) : [];\n\n    const hasSlotContent = slotContent.length > 0 &&\n      slotContent.some(node => {\n        if (node.nodeType === Node.TEXT_NODE) {\n          return node.textContent?.trim() !== '';\n        }\n        return node instanceof HTMLElement;\n      });\n\n    if (hasSlotContent) {\n      slotContent.forEach(node => {\n        if (node.nodeType === Node.TEXT_NODE) {\n          const textNode = document.createTextNode(node.textContent || '');\n          panelContainer.appendChild(textNode);\n        } else if (node instanceof HTMLElement) {\n          panelContainer.appendChild(node.cloneNode(true));\n        }\n      });\n    } else if (dataContent) {\n      panelContainer.textContent = dataContent;\n    }\n  }\n\n  static hasSlotContent(slot: HTMLSlotElement | null): boolean {\n    if (!slot) {\n      return false;\n    }\n\n    const slotContent = slot.assignedNodes({ flatten: true });\n    return slotContent.length > 0 &&\n      slotContent.some(node => {\n        if (node.nodeType === Node.TEXT_NODE) {\n          return node.textContent?.trim() !== '';\n        }\n        return node instanceof HTMLElement;\n      });\n  }\n\n  static getSlotContent(slot: HTMLSlotElement | null): Node[] {\n    return slot ? slot.assignedNodes({ flatten: true }) : [];\n  }\n}\n\n"]}

package/dist/src/nile-floating-panel/event-manager.d.ts

@@ -1,14 +0,0 @@
-export declare class EventManager {
-    private component;
-    private panelContainer;
-    private closeOnOutsideClick;
-    private isOpen;
-    private boundHandleDocumentClick;
-    private onCloseCallback;
-    constructor(component: HTMLElement);
-    setupOutsideClickHandler(panelContainer: HTMLElement, closeOnOutsideClick: boolean, isOpen: boolean, onClose: () => void): void;
-    updateOutsideClickHandler(panelContainer: HTMLElement | null, closeOnOutsideClick: boolean, isOpen: boolean): void;
-    cleanupOutsideClickHandler(): void;
-    private handleDocumentClick;
-    destroy(): void;
-}

package/dist/src/nile-floating-panel/event-manager.js

@@ -1,52 +0,0 @@
-export class EventManager {
-    constructor(component) {
-        this.panelContainer = null;
-        this.closeOnOutsideClick = true;
-        this.isOpen = false;
-        this.boundHandleDocumentClick = null;
-        this.onCloseCallback = null;
-        this.component = component;
-    }
-    setupOutsideClickHandler(panelContainer, closeOnOutsideClick, isOpen, onClose) {
-        this.panelContainer = panelContainer;
-        this.closeOnOutsideClick = closeOnOutsideClick;
-        this.isOpen = isOpen;
-        this.onCloseCallback = onClose;
-        if (!this.closeOnOutsideClick || this.boundHandleDocumentClick) {
-            return;
-        }
-        this.boundHandleDocumentClick = this.handleDocumentClick.bind(this);
-        document.addEventListener('mousedown', this.boundHandleDocumentClick, true);
-    }
-    updateOutsideClickHandler(panelContainer, closeOnOutsideClick, isOpen) {
-        this.panelContainer = panelContainer;
-        this.closeOnOutsideClick = closeOnOutsideClick;
-        this.isOpen = isOpen;
-        this.cleanupOutsideClickHandler();
-        if (isOpen && closeOnOutsideClick && panelContainer) {
-            this.boundHandleDocumentClick = this.handleDocumentClick.bind(this);
-            document.addEventListener('mousedown', this.boundHandleDocumentClick, true);
-        }
-    }
-    cleanupOutsideClickHandler() {
-        if (this.boundHandleDocumentClick) {
-            document.removeEventListener('mousedown', this.boundHandleDocumentClick, true);
-            this.boundHandleDocumentClick = null;
-        }
-    }
-    handleDocumentClick(event) {
-        if (!this.isOpen || !this.closeOnOutsideClick || !this.panelContainer || !this.onCloseCallback) {
-            return;
-        }
-        const target = event.target;
-        if (!this.panelContainer.contains(target) && !this.component.contains(target)) {
-            this.onCloseCallback();
-        }
-    }
-    destroy() {
-        this.cleanupOutsideClickHandler();
-        this.panelContainer = null;
-        this.onCloseCallback = null;
-    }
-}
-//# sourceMappingURL=event-manager.js.map

package/dist/src/nile-floating-panel/event-manager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"event-manager.js","sourceRoot":"","sources":["../../../src/nile-floating-panel/event-manager.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,YAAY;IAQvB,YAAY,SAAsB;QAN1B,mBAAc,GAAuB,IAAI,CAAC;QAC1C,wBAAmB,GAAY,IAAI,CAAC;QACpC,WAAM,GAAY,KAAK,CAAC;QACxB,6BAAwB,GAAyC,IAAI,CAAC;QACtE,oBAAe,GAAwB,IAAI,CAAC;QAGlD,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC7B,CAAC;IAED,wBAAwB,CACtB,cAA2B,EAC3B,mBAA4B,EAC5B,MAAe,EACf,OAAmB;QAEnB,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;QACrC,IAAI,CAAC,mBAAmB,GAAG,mBAAmB,CAAC;QAC/C,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,eAAe,GAAG,OAAO,CAAC;QAE/B,IAAI,CAAC,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAC,wBAAwB,EAAE,CAAC;YAC/D,OAAO;QACT,CAAC;QAED,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACpE,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,wBAAwB,EAAE,IAAI,CAAC,CAAC;IAC9E,CAAC;IAED,yBAAyB,CACvB,cAAkC,EAClC,mBAA4B,EAC5B,MAAe;QAEf,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;QACrC,IAAI,CAAC,mBAAmB,GAAG,mBAAmB,CAAC;QAC/C,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QAErB,IAAI,CAAC,0BAA0B,EAAE,CAAC;QAElC,IAAI,MAAM,IAAI,mBAAmB,IAAI,cAAc,EAAE,CAAC;YACpD,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACpE,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,wBAAwB,EAAE,IAAI,CAAC,CAAC;QAC9E,CAAC;IACH,CAAC;IAED,0BAA0B;QACxB,IAAI,IAAI,CAAC,wBAAwB,EAAE,CAAC;YAClC,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,wBAAwB,EAAE,IAAI,CAAC,CAAC;YAC/E,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC;QACvC,CAAC;IACH,CAAC;IAEO,mBAAmB,CAAC,KAAiB;QAC3C,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,mBAAmB,IAAI,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;YAC/F,OAAO;QACT,CAAC;QAED,MAAM,MAAM,GAAG,KAAK,CAAC,MAAc,CAAC;QAEpC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YAC9E,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC;IACH,CAAC;IAED,OAAO;QACL,IAAI,CAAC,0BAA0B,EAAE,CAAC;QAClC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;IAC9B,CAAC;CACF","sourcesContent":["export class EventManager {\n  private component: HTMLElement;\n  private panelContainer: HTMLElement | null = null;\n  private closeOnOutsideClick: boolean = true;\n  private isOpen: boolean = false;\n  private boundHandleDocumentClick: ((event: MouseEvent) => void) | null = null;\n  private onCloseCallback: (() => void) | null = null;\n\n  constructor(component: HTMLElement) {\n    this.component = component;\n  }\n\n  setupOutsideClickHandler(\n    panelContainer: HTMLElement,\n    closeOnOutsideClick: boolean,\n    isOpen: boolean,\n    onClose: () => void\n  ): void {\n    this.panelContainer = panelContainer;\n    this.closeOnOutsideClick = closeOnOutsideClick;\n    this.isOpen = isOpen;\n    this.onCloseCallback = onClose;\n\n    if (!this.closeOnOutsideClick || this.boundHandleDocumentClick) {\n      return;\n    }\n\n    this.boundHandleDocumentClick = this.handleDocumentClick.bind(this);\n    document.addEventListener('mousedown', this.boundHandleDocumentClick, true);\n  }\n\n  updateOutsideClickHandler(\n    panelContainer: HTMLElement | null,\n    closeOnOutsideClick: boolean,\n    isOpen: boolean\n  ): void {\n    this.panelContainer = panelContainer;\n    this.closeOnOutsideClick = closeOnOutsideClick;\n    this.isOpen = isOpen;\n\n    this.cleanupOutsideClickHandler();\n\n    if (isOpen && closeOnOutsideClick && panelContainer) {\n      this.boundHandleDocumentClick = this.handleDocumentClick.bind(this);\n      document.addEventListener('mousedown', this.boundHandleDocumentClick, true);\n    }\n  }\n\n  cleanupOutsideClickHandler(): void {\n    if (this.boundHandleDocumentClick) {\n      document.removeEventListener('mousedown', this.boundHandleDocumentClick, true);\n      this.boundHandleDocumentClick = null;\n    }\n  }\n\n  private handleDocumentClick(event: MouseEvent): void {\n    if (!this.isOpen || !this.closeOnOutsideClick || !this.panelContainer || !this.onCloseCallback) {\n      return;\n    }\n\n    const target = event.target as Node;\n\n    if (!this.panelContainer.contains(target) && !this.component.contains(target)) {\n      this.onCloseCallback();\n    }\n  }\n\n  destroy(): void {\n    this.cleanupOutsideClickHandler();\n    this.panelContainer = null;\n    this.onCloseCallback = null;\n  }\n}\n\n"]}

package/dist/src/nile-floating-panel/position-manager.d.ts

@@ -1,17 +0,0 @@
-import type { FloatingPanelPosition } from './types';
-export declare class PositionManager {
-    private cleanup;
-    private referenceElement;
-    private floatingElement;
-    private position;
-    private offsetValue;
-    private shiftPadding;
-    constructor(referenceElement: HTMLElement, floatingElement: HTMLElement, position: FloatingPanelPosition, offsetValue?: number, shiftPadding?: number);
-    setupAutoUpdate(): void;
-    cleanupAutoUpdate(): void;
-    reposition(): void;
-    updatePosition(position: FloatingPanelPosition): void;
-    updateOffset(offset: number): void;
-    updateShiftPadding(padding: number): void;
-    destroy(): void;
-}

package/dist/src/nile-floating-panel/position-manager.js

@@ -1,72 +0,0 @@
-import { autoUpdate, computePosition, offset, shift, flip } from '@floating-ui/dom';
-export class PositionManager {
-    constructor(referenceElement, floatingElement, position, offsetValue = 8, shiftPadding = 8) {
-        this.cleanup = null;
-        this.referenceElement = referenceElement;
-        this.floatingElement = floatingElement;
-        this.position = position;
-        this.offsetValue = offsetValue;
-        this.shiftPadding = shiftPadding;
-    }
-    setupAutoUpdate() {
-        this.cleanupAutoUpdate();
-        this.cleanup = autoUpdate(this.referenceElement, this.floatingElement, () => {
-            this.reposition();
-        }, {
-            ancestorScroll: true,
-            ancestorResize: true,
-            elementResize: true,
-            layoutShift: true,
-            animationFrame: false,
-        });
-    }
-    cleanupAutoUpdate() {
-        if (this.cleanup) {
-            this.cleanup();
-            this.cleanup = null;
-        }
-    }
-    reposition() {
-        const placement = this.position;
-        computePosition(this.referenceElement, this.floatingElement, {
-            placement,
-            strategy: 'fixed',
-            middleware: [
-                offset(this.offsetValue),
-                flip(),
-                shift({
-                    padding: this.shiftPadding,
-                }),
-            ],
-        }).then(({ x, y, placement: finalPlacement }) => {
-            let adjustedY = y;
-            if (finalPlacement.startsWith('bottom')) {
-                adjustedY = y + 10;
-            }
-            else if (finalPlacement.startsWith('top')) {
-                adjustedY = y - 20;
-            }
-            Object.assign(this.floatingElement.style, {
-                left: `${x}px`,
-                top: `${adjustedY}px`,
-                position: 'fixed',
-            });
-        });
-    }
-    updatePosition(position) {
-        this.position = position;
-        this.reposition();
-    }
-    updateOffset(offset) {
-        this.offsetValue = offset;
-        this.reposition();
-    }
-    updateShiftPadding(padding) {
-        this.shiftPadding = padding;
-        this.reposition();
-    }
-    destroy() {
-        this.cleanupAutoUpdate();
-    }
-}
-//# sourceMappingURL=position-manager.js.map

package/dist/src/nile-floating-panel/position-manager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"position-manager.js","sourceRoot":"","sources":["../../../src/nile-floating-panel/position-manager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIpF,MAAM,OAAO,eAAe;IAQ1B,YACE,gBAA6B,EAC7B,eAA4B,EAC5B,QAA+B,EAC/B,cAAsB,CAAC,EACvB,eAAuB,CAAC;QAZlB,YAAO,GAAwB,IAAI,CAAC;QAc1C,IAAI,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;IACnC,CAAC;IAED,eAAe;QACb,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAEzB,IAAI,CAAC,OAAO,GAAG,UAAU,CACvB,IAAI,CAAC,gBAAgB,EACrB,IAAI,CAAC,eAAe,EACpB,GAAG,EAAE;YACH,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC,EACD;YACE,cAAc,EAAE,IAAI;YACpB,cAAc,EAAE,IAAI;YACpB,aAAa,EAAE,IAAI;YACnB,WAAW,EAAE,IAAI;YACjB,cAAc,EAAE,KAAK;SACtB,CACF,CAAC;IACJ,CAAC;IAED,iBAAiB;QACf,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,OAAO,EAAE,CAAC;YACf,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACtB,CAAC;IACH,CAAC;IAED,UAAU;QACR,MAAM,SAAS,GAAc,IAAI,CAAC,QAAQ,CAAC;QAE3C,eAAe,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,eAAe,EAAE;YAC3D,SAAS;YACT,QAAQ,EAAE,OAAO;YACjB,UAAU,EAAE;gBACV,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;gBACxB,IAAI,EAAE;gBACN,KAAK,CAAC;oBACJ,OAAO,EAAE,IAAI,CAAC,YAAY;iBAC3B,CAAC;aACH;SACF,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,EAAE;YAC9C,IAAI,SAAS,GAAG,CAAC,CAAC;YAElB,IAAI,cAAc,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;gBACxC,SAAS,GAAG,CAAC,GAAG,EAAE,CAAC;YACrB,CAAC;iBAAM,IAAI,cAAc,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC5C,SAAS,GAAG,CAAC,GAAG,EAAE,CAAC;YACrB,CAAC;YAED,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE;gBACxC,IAAI,EAAE,GAAG,CAAC,IAAI;gBACd,GAAG,EAAE,GAAG,SAAS,IAAI;gBACrB,QAAQ,EAAE,OAAO;aAClB,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAED,cAAc,CAAC,QAA+B;QAC5C,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED,YAAY,CAAC,MAAc;QACzB,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;QAC1B,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED,kBAAkB,CAAC,OAAe;QAChC,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC;QAC5B,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED,OAAO;QACL,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;CACF","sourcesContent":["import { autoUpdate, computePosition, offset, shift, flip } from '@floating-ui/dom';\nimport type { Placement } from '@floating-ui/dom';\nimport type { FloatingPanelPosition } from './types';\n\nexport class PositionManager {\n  private cleanup: (() => void) | null = null;\n  private referenceElement: HTMLElement;\n  private floatingElement: HTMLElement;\n  private position: FloatingPanelPosition;\n  private offsetValue: number;\n  private shiftPadding: number;\n\n  constructor(\n    referenceElement: HTMLElement,\n    floatingElement: HTMLElement,\n    position: FloatingPanelPosition,\n    offsetValue: number = 8,\n    shiftPadding: number = 8\n  ) {\n    this.referenceElement = referenceElement;\n    this.floatingElement = floatingElement;\n    this.position = position;\n    this.offsetValue = offsetValue;\n    this.shiftPadding = shiftPadding;\n  }\n\n  setupAutoUpdate(): void {\n    this.cleanupAutoUpdate();\n\n    this.cleanup = autoUpdate(\n      this.referenceElement,\n      this.floatingElement,\n      () => {\n        this.reposition();\n      },\n      {\n        ancestorScroll: true,\n        ancestorResize: true,\n        elementResize: true,\n        layoutShift: true,\n        animationFrame: false,\n      }\n    );\n  }\n\n  cleanupAutoUpdate(): void {\n    if (this.cleanup) {\n      this.cleanup();\n      this.cleanup = null;\n    }\n  }\n\n  reposition(): void {\n    const placement: Placement = this.position;\n\n    computePosition(this.referenceElement, this.floatingElement, {\n      placement,\n      strategy: 'fixed',\n      middleware: [\n        offset(this.offsetValue),\n        flip(),\n        shift({\n          padding: this.shiftPadding,\n        }),\n      ],\n    }).then(({ x, y, placement: finalPlacement }) => {\n      let adjustedY = y;\n      \n      if (finalPlacement.startsWith('bottom')) {\n        adjustedY = y + 10;\n      } else if (finalPlacement.startsWith('top')) {\n        adjustedY = y - 20;\n      }\n      \n      Object.assign(this.floatingElement.style, {\n        left: `${x}px`,\n        top: `${adjustedY}px`,\n        position: 'fixed',\n      });\n    });\n  }\n\n  updatePosition(position: FloatingPanelPosition): void {\n    this.position = position;\n    this.reposition();\n  }\n\n  updateOffset(offset: number): void {\n    this.offsetValue = offset;\n    this.reposition();\n  }\n\n  updateShiftPadding(padding: number): void {\n    this.shiftPadding = padding;\n    this.reposition();\n  }\n\n  destroy(): void {\n    this.cleanupAutoUpdate();\n  }\n}\n\n"]}

package/dist/src/nile-floating-panel/style-manager.d.ts

@@ -1,9 +0,0 @@
-import type { CSSResultArray } from 'lit';
-export declare class StyleManager {
-    private injectedStyleId;
-    private static injectedStyleIds;
-    injectStyles(componentStyles: CSSResultArray): void;
-    private extractCSSFromStyles;
-    cleanupStyles(): void;
-    getInjectedStyleId(): string | null;
-}

package/dist/src/nile-floating-panel/style-manager.js

@@ -1,44 +0,0 @@
-import { panelContainerStyles } from './nile-floating-panel.css';
-export class StyleManager {
-    constructor() {
-        this.injectedStyleId = null;
-    }
-    injectStyles(componentStyles) {
-        const globalStyleId = 'nile-floating-panel-styles-global';
-        if (StyleManager.injectedStyleIds.has(globalStyleId)) {
-            return;
-        }
-        if (this.injectedStyleId && document.getElementById(this.injectedStyleId)) {
-            return;
-        }
-        this.injectedStyleId = globalStyleId;
-        StyleManager.injectedStyleIds.add(globalStyleId);
-        const cssText = this.extractCSSFromStyles(componentStyles);
-        const styleElement = document.createElement('style');
-        styleElement.id = globalStyleId;
-        styleElement.textContent = cssText;
-        document.head.appendChild(styleElement);
-    }
-    extractCSSFromStyles(styles) {
-        const containerStyles = panelContainerStyles.cssText || '';
-        const componentStyles = styles
-            .map(style => {
-            if (typeof style === 'string') {
-                return style;
-            }
-            if (style && 'cssText' in style) {
-                return style.cssText;
-            }
-            return '';
-        })
-            .join('\n');
-        return containerStyles + '\n' + componentStyles;
-    }
-    cleanupStyles() {
-    }
-    getInjectedStyleId() {
-        return this.injectedStyleId;
-    }
-}
-StyleManager.injectedStyleIds = new Set();
-//# sourceMappingURL=style-manager.js.map

package/dist/src/nile-floating-panel/style-manager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-manager.js","sourceRoot":"","sources":["../../../src/nile-floating-panel/style-manager.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,OAAO,YAAY;IAAzB;QACU,oBAAe,GAAkB,IAAI,CAAC;IAgDhD,CAAC;IA7CC,YAAY,CAAC,eAA+B;QAC1C,MAAM,aAAa,GAAG,mCAAmC,CAAC;QAC1D,IAAI,YAAY,CAAC,gBAAgB,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CAAC;YACrD,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,eAAe,IAAI,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;YAC1E,OAAO;QACT,CAAC;QAED,IAAI,CAAC,eAAe,GAAG,aAAa,CAAC;QACrC,YAAY,CAAC,gBAAgB,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QAEjD,MAAM,OAAO,GAAG,IAAI,CAAC,oBAAoB,CAAC,eAAe,CAAC,CAAC;QAE3D,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACrD,YAAY,CAAC,EAAE,GAAG,aAAa,CAAC;QAChC,YAAY,CAAC,WAAW,GAAG,OAAO,CAAC;QACnC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IAC1C,CAAC;IAEO,oBAAoB,CAAC,MAAsB;QACjD,MAAM,eAAe,GAAG,oBAAoB,CAAC,OAAO,IAAI,EAAE,CAAC;QAE3D,MAAM,eAAe,GAAG,MAAM;aAC3B,GAAG,CAAC,KAAK,CAAC,EAAE;YACX,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;gBAC9B,OAAO,KAAK,CAAC;YACf,CAAC;YACD,IAAI,KAAK,IAAI,SAAS,IAAI,KAAK,EAAE,CAAC;gBAChC,OAAQ,KAAa,CAAC,OAAO,CAAC;YAChC,CAAC;YACD,OAAO,EAAE,CAAC;QACZ,CAAC,CAAC;aACD,IAAI,CAAC,IAAI,CAAC,CAAC;QAEd,OAAO,eAAe,GAAG,IAAI,GAAG,eAAe,CAAC;IAClD,CAAC;IAED,aAAa;IACb,CAAC;IAED,kBAAkB;QAChB,OAAO,IAAI,CAAC,eAAe,CAAC;IAC9B,CAAC;;AA9Cc,6BAAgB,GAAgB,IAAI,GAAG,EAAE,AAAzB,CAA0B","sourcesContent":["import type { CSSResultArray } from 'lit';\nimport { panelContainerStyles } from './nile-floating-panel.css';\n\nexport class StyleManager {\n  private injectedStyleId: string | null = null;\n  private static injectedStyleIds: Set<string> = new Set();\n\n  injectStyles(componentStyles: CSSResultArray): void {\n    const globalStyleId = 'nile-floating-panel-styles-global';\n    if (StyleManager.injectedStyleIds.has(globalStyleId)) {\n      return;\n    }\n\n    if (this.injectedStyleId && document.getElementById(this.injectedStyleId)) {\n      return;\n    }\n\n    this.injectedStyleId = globalStyleId;\n    StyleManager.injectedStyleIds.add(globalStyleId);\n\n    const cssText = this.extractCSSFromStyles(componentStyles);\n\n    const styleElement = document.createElement('style');\n    styleElement.id = globalStyleId;\n    styleElement.textContent = cssText;\n    document.head.appendChild(styleElement);\n  }\n\n  private extractCSSFromStyles(styles: CSSResultArray): string {\n    const containerStyles = panelContainerStyles.cssText || '';\n\n    const componentStyles = styles\n      .map(style => {\n        if (typeof style === 'string') {\n          return style;\n        }\n        if (style && 'cssText' in style) {\n          return (style as any).cssText;\n        }\n        return '';\n      })\n      .join('\\n');\n\n    return containerStyles + '\\n' + componentStyles;\n  }\n\n  cleanupStyles(): void {\n  }\n\n  getInjectedStyleId(): string | null {\n    return this.injectedStyleId;\n  }\n}\n\n"]}

package/dist/src/nile-floating-panel/types.d.ts

@@ -1,11 +0,0 @@
-export type FloatingPanelPosition = 'top' | 'bottom' | 'left' | 'right';
-export type FloatingPanelAnchor = HTMLElement | string | null;
-export interface FloatingPanelPositionConfig {
-    position: FloatingPanelPosition;
-    offset?: number;
-    shiftPadding?: number;
-}
-export interface FloatingPanelContentConfig {
-    slotContent: Node[];
-    dataContent: string;
-}

package/dist/src/nile-floating-panel/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/src/nile-floating-panel/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/nile-floating-panel/types.ts"],"names":[],"mappings":"","sourcesContent":["export type FloatingPanelPosition = 'top' | 'bottom' | 'left' | 'right';\n\nexport type FloatingPanelAnchor = HTMLElement | string | null;\n\nexport interface FloatingPanelPositionConfig {\n  position: FloatingPanelPosition;\n  offset?: number;\n  shiftPadding?: number;\n}\n\nexport interface FloatingPanelContentConfig {\n  slotContent: Node[];\n  dataContent: string;\n}\n\n"]}

package/src/nile-floating-panel/anchor-manager.ts

@@ -1,33 +0,0 @@
-import type { FloatingPanelAnchor } from './types';
-
-export class AnchorManager {
-  static resolveAnchor(anchor: FloatingPanelAnchor): HTMLElement {
-    if (anchor instanceof HTMLElement) {
-      return anchor;
-    }
-
-    if (typeof anchor === 'string') {
-      const element = document.querySelector(anchor) as HTMLElement;
-      if (element) {
-        return element;
-      }
-      const byId = document.getElementById(anchor);
-      if (byId) {
-        return byId;
-      }
-    }
-
-    return document.body;
-  }
-
-  static appendToAnchor(anchor: HTMLElement, panelContainer: HTMLElement): void {
-    anchor.appendChild(panelContainer);
-  }
-
-  static removeFromAnchor(panelContainer: HTMLElement): void {
-    if (panelContainer.parentNode) {
-      panelContainer.parentNode.removeChild(panelContainer);
-    }
-  }
-}
-

package/src/nile-floating-panel/content-manager.ts

@@ -1,54 +0,0 @@
-import type { FloatingPanelContentConfig } from './types';
-
-export class ContentManager {
-  static updatePanelContent(
-    panelContainer: HTMLElement,
-    slot: HTMLSlotElement | null,
-    dataContent: string
-  ): void {
-    panelContainer.innerHTML = '';
-
-    const slotContent = slot ? slot.assignedNodes({ flatten: true }) : [];
-
-    const hasSlotContent = slotContent.length > 0 &&
-      slotContent.some(node => {
-        if (node.nodeType === Node.TEXT_NODE) {
-          return node.textContent?.trim() !== '';
-        }
-        return node instanceof HTMLElement;
-      });
-
-    if (hasSlotContent) {
-      slotContent.forEach(node => {
-        if (node.nodeType === Node.TEXT_NODE) {
-          const textNode = document.createTextNode(node.textContent || '');
-          panelContainer.appendChild(textNode);
-        } else if (node instanceof HTMLElement) {
-          panelContainer.appendChild(node.cloneNode(true));
-        }
-      });
-    } else if (dataContent) {
-      panelContainer.textContent = dataContent;
-    }
-  }
-
-  static hasSlotContent(slot: HTMLSlotElement | null): boolean {
-    if (!slot) {
-      return false;
-    }
-
-    const slotContent = slot.assignedNodes({ flatten: true });
-    return slotContent.length > 0 &&
-      slotContent.some(node => {
-        if (node.nodeType === Node.TEXT_NODE) {
-          return node.textContent?.trim() !== '';
-        }
-        return node instanceof HTMLElement;
-      });
-  }
-
-  static getSlotContent(slot: HTMLSlotElement | null): Node[] {
-    return slot ? slot.assignedNodes({ flatten: true }) : [];
-  }
-}
-

package/src/nile-floating-panel/event-manager.ts

@@ -1,74 +0,0 @@
-export class EventManager {
-  private component: HTMLElement;
-  private panelContainer: HTMLElement | null = null;
-  private closeOnOutsideClick: boolean = true;
-  private isOpen: boolean = false;
-  private boundHandleDocumentClick: ((event: MouseEvent) => void) | null = null;
-  private onCloseCallback: (() => void) | null = null;
-
-  constructor(component: HTMLElement) {
-    this.component = component;
-  }
-
-  setupOutsideClickHandler(
-    panelContainer: HTMLElement,
-    closeOnOutsideClick: boolean,
-    isOpen: boolean,
-    onClose: () => void
-  ): void {
-    this.panelContainer = panelContainer;
-    this.closeOnOutsideClick = closeOnOutsideClick;
-    this.isOpen = isOpen;
-    this.onCloseCallback = onClose;
-
-    if (!this.closeOnOutsideClick || this.boundHandleDocumentClick) {
-      return;
-    }
-
-    this.boundHandleDocumentClick = this.handleDocumentClick.bind(this);
-    document.addEventListener('mousedown', this.boundHandleDocumentClick, true);
-  }
-
-  updateOutsideClickHandler(
-    panelContainer: HTMLElement | null,
-    closeOnOutsideClick: boolean,
-    isOpen: boolean
-  ): void {
-    this.panelContainer = panelContainer;
-    this.closeOnOutsideClick = closeOnOutsideClick;
-    this.isOpen = isOpen;
-
-    this.cleanupOutsideClickHandler();
-
-    if (isOpen && closeOnOutsideClick && panelContainer) {
-      this.boundHandleDocumentClick = this.handleDocumentClick.bind(this);
-      document.addEventListener('mousedown', this.boundHandleDocumentClick, true);
-    }
-  }
-
-  cleanupOutsideClickHandler(): void {
-    if (this.boundHandleDocumentClick) {
-      document.removeEventListener('mousedown', this.boundHandleDocumentClick, true);
-      this.boundHandleDocumentClick = null;
-    }
-  }
-
-  private handleDocumentClick(event: MouseEvent): void {
-    if (!this.isOpen || !this.closeOnOutsideClick || !this.panelContainer || !this.onCloseCallback) {
-      return;
-    }
-
-    const target = event.target as Node;
-
-    if (!this.panelContainer.contains(target) && !this.component.contains(target)) {
-      this.onCloseCallback();
-    }
-  }
-
-  destroy(): void {
-    this.cleanupOutsideClickHandler();
-    this.panelContainer = null;
-    this.onCloseCallback = null;
-  }
-}
-

package/src/nile-floating-panel/position-manager.ts

@@ -1,102 +0,0 @@
-import { autoUpdate, computePosition, offset, shift, flip } from '@floating-ui/dom';
-import type { Placement } from '@floating-ui/dom';
-import type { FloatingPanelPosition } from './types';
-
-export class PositionManager {
-  private cleanup: (() => void) | null = null;
-  private referenceElement: HTMLElement;
-  private floatingElement: HTMLElement;
-  private position: FloatingPanelPosition;
-  private offsetValue: number;
-  private shiftPadding: number;
-
-  constructor(
-    referenceElement: HTMLElement,
-    floatingElement: HTMLElement,
-    position: FloatingPanelPosition,
-    offsetValue: number = 8,
-    shiftPadding: number = 8
-  ) {
-    this.referenceElement = referenceElement;
-    this.floatingElement = floatingElement;
-    this.position = position;
-    this.offsetValue = offsetValue;
-    this.shiftPadding = shiftPadding;
-  }
-
-  setupAutoUpdate(): void {
-    this.cleanupAutoUpdate();
-
-    this.cleanup = autoUpdate(
-      this.referenceElement,
-      this.floatingElement,
-      () => {
-        this.reposition();
-      },
-      {
-        ancestorScroll: true,
-        ancestorResize: true,
-        elementResize: true,
-        layoutShift: true,
-        animationFrame: false,
-      }
-    );
-  }
-
-  cleanupAutoUpdate(): void {
-    if (this.cleanup) {
-      this.cleanup();
-      this.cleanup = null;
-    }
-  }
-
-  reposition(): void {
-    const placement: Placement = this.position;
-
-    computePosition(this.referenceElement, this.floatingElement, {
-      placement,
-      strategy: 'fixed',
-      middleware: [
-        offset(this.offsetValue),
-        flip(),
-        shift({
-          padding: this.shiftPadding,
-        }),
-      ],
-    }).then(({ x, y, placement: finalPlacement }) => {
-      let adjustedY = y;
-      
-      if (finalPlacement.startsWith('bottom')) {
-        adjustedY = y + 10;
-      } else if (finalPlacement.startsWith('top')) {
-        adjustedY = y - 20;
-      }
-      
-      Object.assign(this.floatingElement.style, {
-        left: `${x}px`,
-        top: `${adjustedY}px`,
-        position: 'fixed',
-      });
-    });
-  }
-
-  updatePosition(position: FloatingPanelPosition): void {
-    this.position = position;
-    this.reposition();
-  }
-
-  updateOffset(offset: number): void {
-    this.offsetValue = offset;
-    this.reposition();
-  }
-
-  updateShiftPadding(padding: number): void {
-    this.shiftPadding = padding;
-    this.reposition();
-  }
-
-  destroy(): void {
-    this.cleanupAutoUpdate();
-  }
-}
-

package/src/nile-floating-panel/style-manager.ts

@@ -1,54 +0,0 @@
-import type { CSSResultArray } from 'lit';
-import { panelContainerStyles } from './nile-floating-panel.css';
-
-export class StyleManager {
-  private injectedStyleId: string | null = null;
-  private static injectedStyleIds: Set<string> = new Set();
-
-  injectStyles(componentStyles: CSSResultArray): void {
-    const globalStyleId = 'nile-floating-panel-styles-global';
-    if (StyleManager.injectedStyleIds.has(globalStyleId)) {
-      return;
-    }
-
-    if (this.injectedStyleId && document.getElementById(this.injectedStyleId)) {
-      return;
-    }
-
-    this.injectedStyleId = globalStyleId;
-    StyleManager.injectedStyleIds.add(globalStyleId);
-
-    const cssText = this.extractCSSFromStyles(componentStyles);
-
-    const styleElement = document.createElement('style');
-    styleElement.id = globalStyleId;
-    styleElement.textContent = cssText;
-    document.head.appendChild(styleElement);
-  }
-
-  private extractCSSFromStyles(styles: CSSResultArray): string {
-    const containerStyles = panelContainerStyles.cssText || '';
-
-    const componentStyles = styles
-      .map(style => {
-        if (typeof style === 'string') {
-          return style;
-        }
-        if (style && 'cssText' in style) {
-          return (style as any).cssText;
-        }
-        return '';
-      })
-      .join('\n');
-
-    return containerStyles + '\n' + componentStyles;
-  }
-
-  cleanupStyles(): void {
-  }
-
-  getInjectedStyleId(): string | null {
-    return this.injectedStyleId;
-  }
-}
-

package/src/nile-floating-panel/types.ts

@@ -1,15 +0,0 @@
-export type FloatingPanelPosition = 'top' | 'bottom' | 'left' | 'right';
-
-export type FloatingPanelAnchor = HTMLElement | string | null;
-
-export interface FloatingPanelPositionConfig {
-  position: FloatingPanelPosition;
-  offset?: number;
-  shiftPadding?: number;
-}
-
-export interface FloatingPanelContentConfig {
-  slotContent: Node[];
-  dataContent: string;
-}
-