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

package/dist/src/nile-lite-tooltip/nile-lite-tooltip.js

@@ -0,0 +1,383 @@
+import { __decorate } from "tslib";
+import { customElement, property } from 'lit/decorators.js';
+import { styles } from './nile-lite-tooltip.css';
+import NileElement from '../internal/nile-element';
+import tippy, { followCursor, roundArrow, createSingleton, } from 'tippy.js';
+import { parseFollowCursor, parseDuration, } from './utils';
+import { VisibilityManager } from '../utilities/visibility-manager.js';
+/**
+ * Nile lite-tooltip component.
+ *
+ * Supports wrapper, sibling (for), and singleton modes.
+ * Aligns with Tippy.js props and Nile design system.
+ *
+ * @tag nile-lite-tooltip
+ */
+let NileliteTooltip = class NileliteTooltip extends NileElement {
+    static get styles() {
+        return [styles];
+    }
+    createRenderRoot() {
+        return this; // lite DOM
+    }
+    constructor() {
+        super();
+        // ───────────── Props ─────────────
+        /** ID of the target element (for sibling mode) */
+        this.for = null;
+        /** Tooltip content text or HTML */
+        this.content = '';
+        /** Tooltip size (applies CSS class) */
+        this.size = 'small';
+        /** Animation duration for show/hide (ms). Can be a single value or [show, hide]. */
+        this.duration = 200;
+        /** Interactive mode */
+        this.interactive = false;
+        /** Placement of the tooltip */
+        this.placement = 'top';
+        this.disabled = false;
+        this.distance = 8;
+        this.skidding = 0;
+        this.open = false;
+        this.trigger = 'mouseenter focus';
+        this.allowHTML = false;
+        this.followCursor = false;
+        this.arrow = 'default';
+        this.singleton = false;
+        this.enableRecursiveMode = false;
+        /** Not added in Doc */
+        this.delay = 0;
+        this.maxWidth = 'auto';
+        this.zIndex = 9999;
+        this.hideOnClick = true;
+        this.inertia = false;
+        this.interactiveBorder = 2;
+        this.enableVisibilityEffect = false;
+        this.enableTabClose = false;
+    }
+    firstUpdated() {
+        this.attachTooltip();
+        const targetEl = (this.for && document.getElementById(this.for)) ||
+            this.firstElementChild;
+        this.visibilityManager = new VisibilityManager({
+            host: this,
+            target: targetEl,
+            enableVisibilityEffect: this.enableVisibilityEffect,
+            enableTabClose: this.enableTabClose,
+            isOpen: () => this.open,
+            onAnchorOutOfView: () => {
+                this.open = false;
+                this.hideAllTooltips();
+                this.emit('nile-visibility-change', {
+                    visible: false,
+                    reason: 'anchor-out-of-view',
+                });
+            },
+            onDocumentHidden: () => {
+                this.open = false;
+                this.hideAllTooltips();
+                this.emit('nile-visibility-change', {
+                    visible: false,
+                    reason: 'document-hidden',
+                });
+            },
+            emit: (event, detail) => this.emit(`nile-${event}`, detail),
+        });
+    }
+    refresh() {
+        this.attachTooltip();
+    }
+    attachTooltip() {
+        this.destroyTooltips();
+        if (this.disabled)
+            return;
+        const options = {
+            content: this.content || this.getAttribute('data-tippy-content') || undefined,
+            placement: this.placement,
+            trigger: this.trigger,
+            offset: [this.skidding, this.distance],
+            theme: 'lite',
+            animation: 'fade',
+            interactive: this.interactive,
+            arrow: roundArrow,
+            duration: parseDuration(this.duration),
+            allowHTML: this.allowHTML,
+            delay: this.delay,
+            maxWidth: this.maxWidth,
+            zIndex: this.zIndex,
+            hideOnClick: false,
+            inertia: this.inertia,
+            interactiveBorder: this.interactiveBorder,
+            appendTo: document.body,
+            followCursor: parseFollowCursor(this.followCursor),
+            plugins: parseFollowCursor(this.followCursor) ? [followCursor] : [],
+            onShow: instance => {
+                this.open = true;
+                this.dispatchEvent(new CustomEvent('nile-show', {
+                    detail: { instance, target: instance.reference },
+                }));
+                this.dispatchEvent(new CustomEvent('nile-toggle', {
+                    detail: { open: true, instance, target: instance.reference },
+                }));
+                return undefined;
+            },
+            onHide: instance => {
+                this.open = false;
+                this.dispatchEvent(new CustomEvent('nile-hide', {
+                    detail: { instance, target: instance.reference },
+                }));
+                this.dispatchEvent(new CustomEvent('nile-toggle', {
+                    detail: { open: false, instance, target: instance.reference },
+                }));
+                return undefined;
+            },
+        };
+        if (this.for) {
+            if (this.singleton && !this.for.startsWith('#') && !document.getElementById(this.for)) {
+                const targetEls = Array.from(document.querySelectorAll(`.${this.for}`));
+                if (targetEls.length > 0) {
+                    this.tooltipInstances = targetEls.map(el => {
+                        const instance = tippy(el, {
+                            ...options,
+                            content: el.getAttribute('content') || this.content,
+                        });
+                        instance.popper.querySelector('.tippy-box')?.classList.add(this.size);
+                        return instance;
+                    });
+                    this.singletonInstance = createSingleton(this.tooltipInstances, {
+                        delay: [75, 0],
+                        arrow: roundArrow,
+                        moveTransition: 'transform 0.15s ease-out',
+                    });
+                    if (this.open)
+                        queueMicrotask(() => this.singletonInstance?.show());
+                    return;
+                }
+            }
+            const containerEl = document.getElementById(this.for);
+            if (this.singleton && containerEl) {
+                const childEls = Array.from(containerEl.querySelectorAll('[content]'));
+                if (childEls.length > 0) {
+                    this.tooltipInstances = childEls.map(el => {
+                        const instance = tippy(el, {
+                            ...options,
+                            content: el.getAttribute('content') || this.content,
+                        });
+                        instance.popper.querySelector('.tippy-box')?.classList.add(this.size);
+                        return instance;
+                    });
+                    this.singletonInstance = createSingleton(this.tooltipInstances, {
+                        delay: [75, 0],
+                        arrow: roundArrow,
+                        moveTransition: 'transform 0.15s ease-out',
+                    });
+                    if (this.open)
+                        queueMicrotask(() => this.singletonInstance?.show());
+                    return;
+                }
+            }
+            this.targetEl = document.getElementById(this.for);
+            if (!this.targetEl)
+                return;
+            if (!this.id) {
+                this.generatedId = `nile-tooltip-${Math.random()
+                    .toString(36)
+                    .slice(2, 9)}`;
+                this.id = this.generatedId;
+            }
+            this.prevDescribedby = this.targetEl.getAttribute('aria-describedby');
+            const describedby = this.prevDescribedby
+                ? `${this.prevDescribedby} ${this.id}`
+                : this.id;
+            this.targetEl.setAttribute('aria-describedby', describedby);
+            this.singleInstance = tippy(this.targetEl, options);
+            if (this.size)
+                this.singleInstance.popper
+                    .querySelector('.tippy-box')
+                    ?.classList.add(this.size);
+            if (this.open) {
+                queueMicrotask(() => this.singleInstance?.show());
+            }
+            return;
+        }
+        if (this.enableRecursiveMode) {
+            const children = Array.from(this.querySelectorAll('*'));
+            if (children.length > 0) {
+                this.tooltipInstances = children.map(child => {
+                    const el = child;
+                    const localContent = el.getAttribute('content') || this.content;
+                    const instance = tippy(el, { ...options, content: localContent });
+                    instance.popper.querySelector('.tippy-box')?.classList.add(this.size);
+                    return instance;
+                });
+                if (this.singleton && this.tooltipInstances.length > 1) {
+                    this.singletonInstance = createSingleton(this.tooltipInstances, {
+                        delay: [75, 0],
+                        arrow: roundArrow,
+                        moveTransition: 'transform 0.15s ease-out',
+                    });
+                }
+                if (this.open) {
+                    if (this.singletonInstance)
+                        this.singletonInstance.show();
+                    else
+                        this.tooltipInstances.forEach(t => t.show());
+                }
+            }
+        }
+        else {
+            const firstChild = this.firstElementChild;
+            if (firstChild) {
+                const localContent = firstChild.getAttribute('content') || this.content;
+                const instance = tippy(firstChild, { ...options, content: localContent });
+                instance.popper.querySelector('.tippy-box')?.classList.add(this.size);
+                this.tooltipInstances = [instance];
+                if (this.open) {
+                    instance.show();
+                }
+            }
+        }
+    }
+    destroyTooltips() {
+        this.tooltipInstances?.forEach(t => t.destroy());
+        this.singleInstance?.destroy();
+        this.singletonInstance?.destroy();
+        this.tooltipInstances = undefined;
+        this.singleInstance = undefined;
+        this.singletonInstance = undefined;
+        if (this.targetEl && this.id) {
+            const current = this.targetEl
+                .getAttribute('aria-describedby')
+                ?.split(' ')
+                .filter(id => id !== this.id)
+                .join(' ')
+                .trim();
+            if (current) {
+                this.targetEl.setAttribute('aria-describedby', current);
+            }
+            else {
+                this.targetEl.removeAttribute('aria-describedby');
+            }
+        }
+    }
+    hideAllTooltips() {
+        this.singleInstance?.hide();
+        this.singletonInstance?.hide();
+        this.tooltipInstances?.forEach(t => t.hide());
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.visibilityManager?.cleanup();
+        this.destroyTooltips();
+    }
+    updated(changed) {
+        super.updated(changed);
+        if ([
+            'for',
+            'content',
+            'placement',
+            'distance',
+            'skidding',
+            'trigger',
+            'disabled',
+            'hoist',
+            'size',
+            'arrow',
+            'singleton',
+        ].some(p => changed.has(p))) {
+            this.attachTooltip();
+        }
+        if (changed.has('open')) {
+            if (this.open) {
+                this.visibilityManager?.setup();
+                this.singleInstance?.show();
+                this.singletonInstance?.show();
+                this.tooltipInstances?.forEach(t => t.show());
+            }
+            else {
+                this.visibilityManager?.cleanup();
+                this.singleInstance?.hide();
+                this.singletonInstance?.hide();
+                this.tooltipInstances?.forEach(t => t.hide());
+            }
+        }
+    }
+};
+__decorate([
+    property({ type: String, attribute: 'for' })
+], NileliteTooltip.prototype, "for", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NileliteTooltip.prototype, "content", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NileliteTooltip.prototype, "size", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NileliteTooltip.prototype, "duration", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileliteTooltip.prototype, "interactive", void 0);
+__decorate([
+    property({ type: String })
+], NileliteTooltip.prototype, "placement", void 0);
+__decorate([
+    property({ type: Boolean })
+], NileliteTooltip.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Number })
+], NileliteTooltip.prototype, "distance", void 0);
+__decorate([
+    property({ type: Number })
+], NileliteTooltip.prototype, "skidding", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileliteTooltip.prototype, "open", void 0);
+__decorate([
+    property({ type: String })
+], NileliteTooltip.prototype, "trigger", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileliteTooltip.prototype, "allowHTML", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: true })
+], NileliteTooltip.prototype, "followCursor", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: true })
+], NileliteTooltip.prototype, "arrow", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileliteTooltip.prototype, "singleton", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileliteTooltip.prototype, "enableRecursiveMode", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NileliteTooltip.prototype, "delay", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NileliteTooltip.prototype, "maxWidth", void 0);
+__decorate([
+    property({ type: Number })
+], NileliteTooltip.prototype, "zIndex", void 0);
+__decorate([
+    property({ type: [Boolean, String], reflect: true })
+], NileliteTooltip.prototype, "hideOnClick", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileliteTooltip.prototype, "inertia", void 0);
+__decorate([
+    property({ type: Number })
+], NileliteTooltip.prototype, "interactiveBorder", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileliteTooltip.prototype, "enableVisibilityEffect", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileliteTooltip.prototype, "enableTabClose", void 0);
+NileliteTooltip = __decorate([
+    customElement('nile-lite-tooltip')
+], NileliteTooltip);
+export { NileliteTooltip };
+export default NileliteTooltip;
+//# sourceMappingURL=nile-lite-tooltip.js.map

package/dist/src/nile-lite-tooltip/nile-lite-tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-lite-tooltip.js","sourceRoot":"","sources":["../../../src/nile-lite-tooltip/nile-lite-tooltip.ts"],"names":[],"mappings":"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","sourcesContent":["import { customElement, property } from 'lit/decorators.js';\nimport { CSSResultArray, PropertyValues } from 'lit';\nimport { styles } from './nile-lite-tooltip.css';\nimport NileElement from '../internal/nile-element';\nimport tippy, {\n  Instance,\n  Props,\n  followCursor,\n  roundArrow,\n  createSingleton,\n} from 'tippy.js';\nimport { parseFollowCursor, parseDuration,  } from './utils';\nimport { VisibilityManager } from '../utilities/visibility-manager.js';\n\n/**\n * Nile lite-tooltip component.\n *\n * Supports wrapper, sibling (for), and singleton modes.\n * Aligns with Tippy.js props and Nile design system.\n *\n * @tag nile-lite-tooltip\n */\n@customElement('nile-lite-tooltip')\nexport class NileliteTooltip extends NileElement {\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  protected createRenderRoot() {\n    return this; // lite DOM\n  }\n\n  // ───────────── Props ─────────────\n  /** ID of the target element (for sibling mode) */\n  @property({ type: String, attribute: 'for' }) for: string | null = null;\n\n  /** Tooltip content text or HTML */\n  @property({ type: String, reflect: true }) content = '';\n\n  /** Tooltip size (applies CSS class) */\n  @property({ type: String, reflect: true }) size: 'small' | 'large' = 'small';\n\n  /** Animation duration for show/hide (ms). Can be a single value or [show, hide]. */\n  @property({ type: String, reflect: true }) duration:\n    | string\n    | number\n    | [number, number] = 200;\n\n  /** Interactive mode */\n  @property({ type: Boolean, reflect: true }) interactive = false;\n\n  /** Placement of the tooltip */\n  @property({ type: String })\n  placement:\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'\n    | 'auto'\n    | 'auto-start'\n    | 'auto-end' = 'top';\n\n  @property({ type: Boolean }) disabled = false;\n\n  @property({ type: Number }) distance = 8;\n\n  @property({ type: Number }) skidding = 0;\n\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  @property({ type: String }) trigger: Props['trigger'] = 'mouseenter focus';\n\n  @property({ type: Boolean, reflect: true }) allowHTML = false;\n\n  @property({ type: String, reflect: true, attribute: true })\n  followCursor:\n    | boolean\n    | 'initial'\n    | 'horizontal'\n    | 'vertical'\n    | 'true'\n    | 'false' = false;\n\n  @property({ type: String, reflect: true, attribute: true })\n  arrow: 'default' | 'round' | 'large' | 'small' | 'wide' | 'narrow' | 'none' =\n    'default';\n\n  @property({ type: Boolean, reflect: true }) singleton = false;\n\n  @property({ type: Boolean, reflect: true }) enableRecursiveMode = false;\n\n\n  /** Not added in Doc */\n\n  @property({ type: String, reflect: true }) delay:\n    | number\n    | [number, number] = 0;\n\n  @property({ type: String, reflect: true }) maxWidth: string | number = 'auto';\n\n  @property({ type: Number }) zIndex = 9999;\n\n  @property({ type: [Boolean, String], reflect: true }) hideOnClick:\n    | boolean\n    | 'toggle' = true;\n\n  @property({ type: Boolean, reflect: true }) inertia = false;\n\n  @property({ type: Number }) interactiveBorder = 2;\n\n  private visibilityManager?: VisibilityManager;\n\n  @property({ type: Boolean, reflect: true }) enableVisibilityEffect = false;\n  \n  @property({ type: Boolean, reflect: true }) enableTabClose = false;\n\n  private tooltipInstances?: Instance[];\n  private singleInstance?: Instance;\n  private singletonInstance?: Instance;\n  private targetEl?: HTMLElement | null;\n  private generatedId?: string;\n  private prevDescribedby?: string | null;\n\n  constructor() {\n    super();\n  }\n\n  protected firstUpdated(): void {\n    this.attachTooltip();\n    const targetEl =\n      (this.for && document.getElementById(this.for)) ||\n      (this.firstElementChild as HTMLElement | null);\n  \n    this.visibilityManager = new VisibilityManager({\n      host: this,\n      target: targetEl,\n      enableVisibilityEffect: this.enableVisibilityEffect,\n      enableTabClose: this.enableTabClose,\n      isOpen: () => this.open,\n      onAnchorOutOfView: () => {\n        this.open = false;\n        this.hideAllTooltips();\n        this.emit('nile-visibility-change', {\n          visible: false,\n          reason: 'anchor-out-of-view',\n        });\n      },\n      onDocumentHidden: () => {\n        this.open = false;\n        this.hideAllTooltips();\n        this.emit('nile-visibility-change', {\n          visible: false,\n          reason: 'document-hidden',\n        });\n      },\n      emit: (event, detail) => this.emit(`nile-${event}`, detail),\n    });\n  }\n  \n\n  public refresh() {\n    this.attachTooltip();\n  }\n  \n\n  private attachTooltip(): void {\n    this.destroyTooltips();\n    if (this.disabled) return;\n\n    const options: Partial<Props> = {\n      content:\n        this.content || this.getAttribute('data-tippy-content') || undefined,\n      placement: this.placement,\n      trigger: this.trigger,\n      offset: [this.skidding, this.distance],\n      theme: 'lite',\n      animation: 'fade',\n      interactive: this.interactive,\n      arrow: roundArrow,\n      duration: parseDuration(this.duration),\n      allowHTML: this.allowHTML,\n      delay: this.delay,\n      maxWidth: this.maxWidth,\n      zIndex: this.zIndex,\n      hideOnClick: false,\n      inertia: this.inertia,\n      interactiveBorder: this.interactiveBorder,\n      appendTo: document.body,\n      followCursor: parseFollowCursor(this.followCursor),\n      plugins: parseFollowCursor(this.followCursor) ? [followCursor] : [],\n      onShow: instance => {\n        this.open = true;\n        this.dispatchEvent(\n          new CustomEvent('nile-show', {\n            detail: { instance, target: instance.reference },\n          })\n        );\n        this.dispatchEvent(\n          new CustomEvent('nile-toggle', {\n            detail: { open: true, instance, target: instance.reference },\n          })\n        );\n        return undefined;\n      },\n      onHide: instance => {\n        this.open = false;\n        this.dispatchEvent(\n          new CustomEvent('nile-hide', {\n            detail: { instance, target: instance.reference },\n          })\n        );\n        this.dispatchEvent(\n          new CustomEvent('nile-toggle', {\n            detail: { open: false, instance, target: instance.reference },\n          })\n        );\n        return undefined;\n      },\n    };\n    if (this.for) {\n      if (this.singleton && !this.for.startsWith('#') && !document.getElementById(this.for)) {\n        const targetEls = Array.from(document.querySelectorAll(`.${this.for}`));\n        if (targetEls.length > 0) {\n          this.tooltipInstances = targetEls.map(el => {\n            const instance = tippy(el as HTMLElement, {\n              ...options,\n              content: el.getAttribute('content') || this.content,\n            });\n            instance.popper.querySelector('.tippy-box')?.classList.add(this.size);\n            return instance;\n          });\n    \n          this.singletonInstance = createSingleton(this.tooltipInstances, {\n            delay: [75, 0],\n            arrow: roundArrow,\n            moveTransition: 'transform 0.15s ease-out',\n          });\n    \n          if (this.open) queueMicrotask(() => this.singletonInstance?.show());\n          return;\n        }\n      }\n    \n      const containerEl = document.getElementById(this.for);\n      if (this.singleton && containerEl) {\n        const childEls = Array.from(containerEl.querySelectorAll('[content]'));\n        if (childEls.length > 0) {\n          this.tooltipInstances = childEls.map(el => {\n            const instance = tippy(el as HTMLElement, {\n              ...options,\n              content: el.getAttribute('content') || this.content,\n            });\n            instance.popper.querySelector('.tippy-box')?.classList.add(this.size);\n            return instance;\n          });\n    \n          this.singletonInstance = createSingleton(this.tooltipInstances, {\n            delay: [75, 0],\n            arrow: roundArrow,\n            moveTransition: 'transform 0.15s ease-out',\n          });\n    \n          if (this.open) queueMicrotask(() => this.singletonInstance?.show());\n          return;\n        }\n      }\n    \n      this.targetEl = document.getElementById(this.for);\n      if (!this.targetEl) return;\n\n      if (!this.id) {\n        this.generatedId = `nile-tooltip-${Math.random()\n          .toString(36)\n          .slice(2, 9)}`;\n        this.id = this.generatedId;\n      }\n\n      this.prevDescribedby = this.targetEl.getAttribute('aria-describedby');\n      const describedby = this.prevDescribedby\n        ? `${this.prevDescribedby} ${this.id}`\n        : this.id;\n      this.targetEl.setAttribute('aria-describedby', describedby);\n\n      this.singleInstance = tippy(this.targetEl, options);\n      if (this.size)\n        this.singleInstance.popper\n          .querySelector('.tippy-box')\n          ?.classList.add(this.size);\n      if (this.open) {\n        queueMicrotask(() => this.singleInstance?.show());\n      }\n      return;\n    }\n  \n\nif (this.enableRecursiveMode) {\n  const children = Array.from(this.querySelectorAll('*'));\n  if (children.length > 0) {\n    this.tooltipInstances = children.map(child => {\n      const el = child as HTMLElement;\n      const localContent = el.getAttribute('content') || this.content;\n      const instance = tippy(el, { ...options, content: localContent });\n      instance.popper.querySelector('.tippy-box')?.classList.add(this.size);\n      return instance;\n    });\n\n    if (this.singleton && this.tooltipInstances.length > 1) {\n      this.singletonInstance = createSingleton(this.tooltipInstances, {\n        delay: [75, 0],\n        arrow: roundArrow,\n        moveTransition: 'transform 0.15s ease-out',\n      });\n    }\n\n    if (this.open) {\n      if (this.singletonInstance) this.singletonInstance.show();\n      else this.tooltipInstances.forEach(t => t.show());\n    }\n  }\n\n} else {\n  const firstChild = this.firstElementChild as HTMLElement | null;\n\n  if (firstChild) {\n    const localContent = firstChild.getAttribute('content') || this.content;\n    const instance = tippy(firstChild, { ...options, content: localContent });\n    instance.popper.querySelector('.tippy-box')?.classList.add(this.size);\n\n    this.tooltipInstances = [instance];\n\n    if (this.open) {\n      instance.show();\n    }\n  }\n}  \n  }\n  \n\n  private destroyTooltips(): void {\n    this.tooltipInstances?.forEach(t => t.destroy());\n    this.singleInstance?.destroy();\n    this.singletonInstance?.destroy();\n\n    this.tooltipInstances = undefined;\n    this.singleInstance = undefined;\n    this.singletonInstance = undefined;\n\n    if (this.targetEl && this.id) {\n      const current = this.targetEl\n        .getAttribute('aria-describedby')\n        ?.split(' ')\n        .filter(id => id !== this.id)\n        .join(' ')\n        .trim();\n      if (current) {\n        this.targetEl.setAttribute('aria-describedby', current);\n      } else {\n        this.targetEl.removeAttribute('aria-describedby');\n      }\n    }\n  }\n\n  private hideAllTooltips(): void {\n    this.singleInstance?.hide();\n    this.singletonInstance?.hide();\n    this.tooltipInstances?.forEach(t => t.hide());\n  }\n\n  \n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.visibilityManager?.cleanup();\n    this.destroyTooltips();\n  }\n\n  updated(changed: PropertyValues): void {\n    super.updated(changed);\n\n    if (\n      [\n        'for',\n        'content',\n        'placement',\n        'distance',\n        'skidding',\n        'trigger',\n        'disabled',\n        'hoist',\n        'size',\n        'arrow',\n        'singleton',\n      ].some(p => changed.has(p))\n    ) {\n      this.attachTooltip();\n    }\n\n    if (changed.has('open')) {\n      if (this.open) {\n        this.visibilityManager?.setup();\n        this.singleInstance?.show();\n        this.singletonInstance?.show();\n        this.tooltipInstances?.forEach(t => t.show());\n      } else {\n        this.visibilityManager?.cleanup();\n        this.singleInstance?.hide();\n        this.singletonInstance?.hide();\n        this.tooltipInstances?.forEach(t => t.hide());\n      }\n    }\n  }\n}\n\nexport default NileliteTooltip;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-lite-tooltip': NileliteTooltip;\n  }\n}\n"]}

package/dist/src/nile-lite-tooltip/utils.js

@@ -0,0 +1,27 @@
+export function parseFollowCursor(value) {
+    if (value === true || value === 'true')
+        return true;
+    if (value === false || value === 'false')
+        return false;
+    if (['initial', 'horizontal', 'vertical'].includes(String(value))) {
+        return value;
+    }
+    return false;
+}
+export function parseDuration(value) {
+    if (Array.isArray(value))
+        return value;
+    if (typeof value === 'number')
+        return value;
+    if (typeof value === 'string') {
+        if (value.includes(',')) {
+            const parts = value.split(',').map(v => parseInt(v.trim(), 10));
+            return parts;
+        }
+        const num = parseInt(value, 10);
+        if (!isNaN(num))
+            return num;
+    }
+    return 200;
+}
+//# sourceMappingURL=utils.js.map

package/dist/src/nile-lite-tooltip/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/nile-lite-tooltip/utils.ts"],"names":[],"mappings":"AACA,MAAM,UAAU,iBAAiB,CAC/B,KAAyE;IAEzE,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,MAAM;QAAE,OAAO,IAAI,CAAC;IACpD,IAAI,KAAK,KAAK,KAAK,IAAI,KAAK,KAAK,OAAO;QAAE,OAAO,KAAK,CAAC;IACvD,IAAI,CAAC,SAAS,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;QAClE,OAAO,KAA8C,CAAC;IACxD,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,aAAa,CACzB,KAAqD;IAErD,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC;IACvC,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IAE5C,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,IAAI,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YACxB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;YAChE,OAAO,KAAyB,CAAC;QACnC,CAAC;QAGD,MAAM,GAAG,GAAG,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAChC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;YAAE,OAAO,GAAG,CAAC;IAC9B,CAAC;IAED,OAAO,GAAG,CAAC;AACb,CAAC","sourcesContent":[" \nexport function parseFollowCursor(\n  value: boolean | 'initial' | 'horizontal' | 'vertical' | 'true' | 'false'\n): boolean | 'initial' | 'horizontal' | 'vertical' {\n  if (value === true || value === 'true') return true;\n  if (value === false || value === 'false') return false;\n  if (['initial', 'horizontal', 'vertical'].includes(String(value))) {\n    return value as 'initial' | 'horizontal' | 'vertical';\n  }\n  return false;\n}\n\nexport function parseDuration(\n    value: string | number | [number, number] | undefined\n  ): number | [number, number] {\n    if (Array.isArray(value)) return value;\n    if (typeof value === 'number') return value;\n  \n    if (typeof value === 'string') {\n      if (value.includes(',')) {\n        const parts = value.split(',').map(v => parseInt(v.trim(), 10));\n        return parts as [number, number];\n      }\n  \n      \n      const num = parseInt(value, 10);\n      if (!isNaN(num)) return num;\n    }\n  \n    return 200; \n  }"]}

package/dist/src/nile-loader/index.js

@@ -0,0 +1,2 @@
+export { NileLoader } from './nile-loader';
+//# sourceMappingURL=index.js.map

package/dist/src/nile-loader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-loader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAO,eAAe,CAAC","sourcesContent":["export { NileLoader }  from './nile-loader';\n"]}

package/dist/src/nile-loader/nile-loader.css.js

@@ -0,0 +1,81 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    --loader-spacing: var(--nile-spacing-lg, var(--ng-spacing-xl));
+    --loader-label-font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));
+    --loader-label-line-height: var(--nile-line-height-small,var(--ng-line-height-text-sm));
+    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
+    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
+    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
+  }
+
+  .loader__container {
+    display: inline-flex;
+    flex-direction: column;
+    align-items: center;
+    gap: var(--loader-spacing);
+  }
+
+  .loader__container--sm {}
+
+  .loader__container--md {}
+
+  .loader__container--lg {
+    --loader-label-font-size: var(--nile-type-scale-5,var(--ng-font-size-text-lg));
+    --loader-label-line-height: var(--nile-line-height-large,var(--ng-line-height-text-lg));
+  }
+  
+  .loader__container--xl {
+    --loader-spacing: var(--nile-spacing-xl,var(--ng-spacing-xl));
+    --loader-label-font-size: var(--nile-type-scale-5,var(--ng-font-size-text-lg));
+    --loader-label-line-height: var(--nile-line-height-large,var(--ng-line-height-text-lg));
+  }
+
+  .svg__container {
+    display: flex;
+    position: relative;
+    transform: translate(50%, 50%);
+  }
+
+  .loader__label {
+    font-size: var(--loader-label-font-size);
+    line-height: var(--loader-label-line-height); 
+    font-family:var(--nile-font-family-sans-serif,--ng-font-family-body);
+    font-style: normal;
+    font-weight: var(--nile-font-weight-medium,var(--ng-font-weight-medium));
+  }
+
+  .nile-loader__v1 {
+    border-radius: 50%;
+    display: inline-block;
+    border-top: 1px solid currentColor;
+    border-right: 1px solid currentColor;
+    box-shadow: 0 1px 1px -1px currentColor;
+    box-sizing: border-box;
+    animation: rotation 0.5s linear infinite;
+  }
+
+  @keyframes rotation {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+
+  .nile-loader__v2,
+  .nile-loader__v3 {
+    animation: spin 1.5s linear infinite;
+  }
+
+  @keyframes spin {
+    0% {
+      transform: translate(-50%, -50%) rotate(0deg);
+    }
+    100% {
+      transform: translate(-50%, -50%) rotate(360deg);
+    }
+  }
+`;
+//# sourceMappingURL=nile-loader.css.js.map

package/dist/src/nile-loader/nile-loader.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-loader.css.js","sourceRoot":"","sources":["../../../src/nile-loader/nile-loader.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8EjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  :host {\n    --loader-spacing: var(--nile-spacing-lg, var(--ng-spacing-xl));\n    --loader-label-font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));\n    --loader-label-line-height: var(--nile-line-height-small,var(--ng-line-height-text-sm));\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .loader__container {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: center;\n    gap: var(--loader-spacing);\n  }\n\n  .loader__container--sm {}\n\n  .loader__container--md {}\n\n  .loader__container--lg {\n    --loader-label-font-size: var(--nile-type-scale-5,var(--ng-font-size-text-lg));\n    --loader-label-line-height: var(--nile-line-height-large,var(--ng-line-height-text-lg));\n  }\n  \n  .loader__container--xl {\n    --loader-spacing: var(--nile-spacing-xl,var(--ng-spacing-xl));\n    --loader-label-font-size: var(--nile-type-scale-5,var(--ng-font-size-text-lg));\n    --loader-label-line-height: var(--nile-line-height-large,var(--ng-line-height-text-lg));\n  }\n\n  .svg__container {\n    display: flex;\n    position: relative;\n    transform: translate(50%, 50%);\n  }\n\n  .loader__label {\n    font-size: var(--loader-label-font-size);\n    line-height: var(--loader-label-line-height); \n    font-family:var(--nile-font-family-sans-serif,--ng-font-family-body);\n    font-style: normal;\n    font-weight: var(--nile-font-weight-medium,var(--ng-font-weight-medium));\n  }\n\n  .nile-loader__v1 {\n    border-radius: 50%;\n    display: inline-block;\n    border-top: 1px solid currentColor;\n    border-right: 1px solid currentColor;\n    box-shadow: 0 1px 1px -1px currentColor;\n    box-sizing: border-box;\n    animation: rotation 0.5s linear infinite;\n  }\n\n  @keyframes rotation {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  .nile-loader__v2,\n  .nile-loader__v3 {\n    animation: spin 1.5s linear infinite;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: translate(-50%, -50%) rotate(0deg);\n    }\n    100% {\n      transform: translate(-50%, -50%) rotate(360deg);\n    }\n  }\n`;\n"]}