@aquera/nile-elements 1.7.9 → 1.8.1

package/dist/src/nile-context-submenu/nile-context-submenu.js

@@ -0,0 +1,408 @@
+/**
+ * Copyright Aquera Inc 2026
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var NileContextSubmenu_1;
+import { __decorate } from "tslib";
+import { html, css } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import NileElement from '../internal/nile-element';
+import '../nile-floating-panel';
+const ITEM_TAG = 'nile-context-menu-item';
+const SUBMENU_TAG = 'nile-context-submenu';
+const HOVER_OPEN_DELAY = 100;
+const HOVER_CLOSE_DELAY = 300;
+let submenuIdSeq = 0;
+/**
+ * Nested submenu inside a `nile-context-menu-item`.
+ * @tag nile-context-submenu
+ */
+let NileContextSubmenu = NileContextSubmenu_1 = class NileContextSubmenu extends NileElement {
+    constructor() {
+        super(...arguments);
+        this.zIndex = 9999;
+        this._open = false;
+        this._parentItem = null;
+        this._proxyId = `nile-context-submenu-anchor-${++submenuIdSeq}`;
+        this._menuContainerRef = null;
+        this._setupDone = false;
+        this._repositionQueued = false;
+        this._onParentEnter = () => {
+            if (this._parentItem?.disabled)
+                return;
+            this._clearTimers();
+            if (this._open)
+                return;
+            this._openTimer = window.setTimeout(() => this.openSubmenu(), HOVER_OPEN_DELAY);
+        };
+        this._onParentLeave = () => {
+            if (this._openTimer != null) {
+                clearTimeout(this._openTimer);
+                this._openTimer = undefined;
+            }
+            if (this._pinnedOpen)
+                return;
+            if (this._open) {
+                this._closeTimer = window.setTimeout(() => this.closeSubmenu(), HOVER_CLOSE_DELAY);
+            }
+        };
+        this._onParentClick = (e) => {
+            e.stopPropagation();
+            if (this._parentItem?.disabled)
+                return;
+            this._clearTimers();
+            if (this._open) {
+                if (!this._pinnedOpen)
+                    this.closeSubmenu();
+            }
+            else {
+                this.openSubmenu();
+            }
+        };
+        this._onPanelEnter = () => {
+            this._clearTimers();
+        };
+        //Re-anchor to the parent item after scroll/resize
+        this._onReposition = () => {
+            if (this._repositionQueued || !this._open)
+                return;
+            this._repositionQueued = true;
+            requestAnimationFrame(() => {
+                this._repositionQueued = false;
+                if (!this._open)
+                    return;
+                this._syncProxyToParent();
+                this._floatingPanelEl?.reposition();
+            });
+        };
+        this._onPanelLeave = () => {
+            if (this._pinnedOpen)
+                return;
+            if (this._open) {
+                this._closeTimer = window.setTimeout(() => {
+                    const hasOpenDescendant = NileContextSubmenu_1.openStack.some(sub => sub !== this && this._menuContainerRef?.contains(sub));
+                    if (hasOpenDescendant)
+                        return;
+                    this.closeSubmenu();
+                }, HOVER_CLOSE_DELAY);
+            }
+        };
+        this._onMenuMouseOver = (e) => {
+            const item = e.composedPath().find(n => n instanceof HTMLElement && n.tagName.toLowerCase() === ITEM_TAG);
+            if (!item || item.disabled)
+                return;
+            item.focus();
+        };
+        this._onNestedSelect = (e) => {
+            if (e.target === this)
+                return;
+            if (e.detail?.type !== 'click')
+                return;
+            this.emit('nile-change', e.detail);
+        };
+        this._onMenuClick = (e) => {
+            const item = e.composedPath().find(n => n instanceof HTMLElement && n.tagName.toLowerCase() === ITEM_TAG);
+            if (!item || item.disabled)
+                return;
+            if (item.querySelector(`:scope > ${SUBMENU_TAG}`))
+                return;
+            const detail = {
+                id: item.id,
+                value: item.value,
+                name: (item.textContent ?? '').trim(),
+                target: null,
+                originalEvent: e,
+            };
+            try {
+                item.onSelect?.(detail);
+            }
+            catch (err) {
+                console.error('[nile-context-submenu] onSelect callback threw:', err);
+            }
+            this.emit('nile-change', { type: 'click', ...detail });
+        };
+    }
+    static get styles() {
+        return [
+            css `
+        :host { display: contents; }
+      `,
+        ];
+    }
+    get _pinnedOpen() {
+        return !!(this._parentItem?.open && !this._parentItem.disabled);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        let p = this.parentElement;
+        while (p && p.tagName.toLowerCase() !== ITEM_TAG)
+            p = p.parentElement;
+        this._parentItem = p;
+        this._ensureProxy();
+        if (this._parentItem) {
+            this._parentItem.setSubmenuExpanded?.(false);
+            this._parentItem.addEventListener('mouseenter', this._onParentEnter);
+            this._parentItem.addEventListener('mouseleave', this._onParentLeave);
+            this._parentItem.addEventListener('click', this._onParentClick, true);
+            // Open/close the submenu when the parent item's `open` attribute changes.
+            this._parentObserver = new MutationObserver(() => {
+                if (this._pinnedOpen) {
+                    if (this._isParentVisible())
+                        this.openSubmenu();
+                }
+                else if (this._open) {
+                    this.closeSubmenu();
+                }
+            });
+            this._parentObserver.observe(this._parentItem, {
+                attributes: true,
+                attributeFilter: ['open'],
+            });
+        }
+        this._ensureBodyPanel();
+    }
+    _isParentVisible() {
+        const rect = this._parentItem?.getBoundingClientRect();
+        return !!rect && rect.width > 0 && rect.height > 0;
+    }
+    _ensureProxy() {
+        if (this._proxyEl)
+            return;
+        const el = document.createElement('div');
+        el.id = this._proxyId;
+        el.setAttribute('aria-hidden', 'true');
+        el.style.cssText =
+            'position: fixed; top: 0; left: 0; width: 0; height: 0; pointer-events: none;';
+        document.body.appendChild(el);
+        this._proxyEl = el;
+    }
+    _syncProxyToParent() {
+        if (!this._proxyEl || !this._parentItem)
+            return;
+        const rect = this._parentItem.getBoundingClientRect();
+        if (this._pinnedOpen) {
+            // Pinned submenus anchor in document coordinates.
+            this._proxyEl.style.position = 'absolute';
+            this._proxyEl.style.left = `${rect.left + window.scrollX}px`;
+            this._proxyEl.style.top = `${rect.top + window.scrollY}px`;
+        }
+        else {
+            this._proxyEl.style.position = 'fixed';
+            this._proxyEl.style.left = `${rect.left}px`;
+            this._proxyEl.style.top = `${rect.top}px`;
+        }
+        this._proxyEl.style.width = `${rect.width}px`;
+        this._proxyEl.style.height = `${rect.height}px`;
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this._parentItem) {
+            this._parentItem.removeEventListener('mouseenter', this._onParentEnter);
+            this._parentItem.removeEventListener('mouseleave', this._onParentLeave);
+            this._parentItem.removeEventListener('click', this._onParentClick, true);
+        }
+        this._parentObserver?.disconnect();
+        this._parentObserver = undefined;
+        this._clearTimers();
+        if (this._open)
+            this.closeSubmenu();
+        this._teardownBodyArtifacts();
+        NileContextSubmenu_1.openStack = NileContextSubmenu_1.openStack.filter(s => s !== this);
+    }
+    _teardownBodyArtifacts() {
+        const menu = this._menuContainerRef;
+        if (menu) {
+            menu.removeEventListener('click', this._onMenuClick);
+            menu.removeEventListener('mouseover', this._onMenuMouseOver);
+            menu.removeEventListener('mouseenter', this._onPanelEnter);
+            menu.removeEventListener('mouseleave', this._onPanelLeave);
+            menu.removeEventListener('nile-change', this._onNestedSelect);
+            while (menu.firstChild)
+                this.appendChild(menu.firstChild);
+        }
+        this._floatingPanelEl?.remove();
+        this._floatingPanelEl = undefined;
+        this._menuContainerRef = null;
+        this._setupDone = false;
+        this._proxyEl?.remove();
+        this._proxyEl = undefined;
+    }
+    _ensureBodyPanel() {
+        if (this._setupDone)
+            return;
+        const fp = document.createElement('nile-floating-panel');
+        fp.setAttribute('for', this._proxyId);
+        fp.setAttribute('trigger', 'manual');
+        fp.setAttribute('placement', 'right-start');
+        fp.panelClass = 'nile-context-menu-panel';
+        fp.zIndex = this.zIndex;
+        fp.interactive = true;
+        fp.hideOnClick = false;
+        fp.closeOnEscape = false;
+        fp.arrow = 'none';
+        fp.distance = 0;
+        const menu = document.createElement('div');
+        menu.className = 'nile-context-menu__menu';
+        menu.setAttribute('role', 'menu');
+        fp.appendChild(menu);
+        document.body.appendChild(fp);
+        this._floatingPanelEl = fp;
+        this._menuContainerRef = menu;
+        menu.addEventListener('click', this._onMenuClick);
+        menu.addEventListener('mouseover', this._onMenuMouseOver);
+        menu.addEventListener('mouseenter', this._onPanelEnter);
+        menu.addEventListener('mouseleave', this._onPanelLeave);
+        menu.addEventListener('nile-change', this._onNestedSelect);
+        this._relocateLightChildren();
+        this._setupDone = true;
+    }
+    firstUpdated() {
+        this._relocateLightChildren();
+    }
+    _relocateLightChildren() {
+        if (!this._menuContainerRef)
+            return;
+        for (const kid of Array.from(this.children)) {
+            this._menuContainerRef.appendChild(kid);
+        }
+    }
+    _clearTimers() {
+        if (this._openTimer != null) {
+            clearTimeout(this._openTimer);
+            this._openTimer = undefined;
+        }
+        if (this._closeTimer != null) {
+            clearTimeout(this._closeTimer);
+            this._closeTimer = undefined;
+        }
+    }
+    openSubmenu() {
+        if (this._open)
+            return;
+        if (this._parentItem?.disabled)
+            return;
+        this._closeSiblingSubmenus();
+        this._ensureProxy();
+        this._ensureBodyPanel();
+        this._syncProxyToParent();
+        this._open = true;
+        if (this._floatingPanelEl) {
+            // open pinned descendants only once this panel is fully shown
+            this._floatingPanelEl.addEventListener('nile-after-show', () => {
+                if (this._open)
+                    this._openPinnedDescendants();
+            }, { once: true });
+            this._floatingPanelEl.open = true;
+        }
+        NileContextSubmenu_1.openStack.push(this);
+        window.addEventListener('scroll', this._onReposition, true);
+        window.addEventListener('resize', this._onReposition);
+        requestAnimationFrame(() => requestAnimationFrame(() => {
+            if (this._open)
+                this._openPinnedDescendants();
+        }));
+        this._parentItem?.setSubmenuExpanded?.(true);
+    }
+    /** Open the submenu of every direct child item carrying the `open` attribute. */
+    _openPinnedDescendants() {
+        if (!this._menuContainerRef)
+            return;
+        const items = Array.from(this._menuContainerRef.querySelectorAll(ITEM_TAG));
+        for (const item of items) {
+            if (!this._isDirectChildItem(item))
+                continue;
+            if (!item.open || item.disabled)
+                continue;
+            const sub = item.querySelector(`:scope > ${SUBMENU_TAG}`);
+            sub?.openSubmenu();
+        }
+    }
+    /** True if `item` sits at this submenu's own level (not inside a deeper submenu). */
+    _isDirectChildItem(item) {
+        let cur = item.parentElement;
+        while (cur && cur !== this._menuContainerRef) {
+            if (cur.tagName.toLowerCase() === SUBMENU_TAG)
+                return false;
+            cur = cur.parentElement;
+        }
+        return true;
+    }
+    closeSubmenu() {
+        if (!this._open)
+            return;
+        for (const sub of [...NileContextSubmenu_1.openStack]) {
+            if (sub !== this && this._menuContainerRef?.contains(sub)) {
+                sub.closeSubmenu();
+            }
+        }
+        this._open = false;
+        if (this._floatingPanelEl)
+            this._floatingPanelEl.open = false;
+        window.removeEventListener('scroll', this._onReposition, true);
+        window.removeEventListener('resize', this._onReposition);
+        NileContextSubmenu_1.openStack = NileContextSubmenu_1.openStack.filter(s => s !== this);
+        this._clearTimers();
+        this._parentItem?.setSubmenuExpanded?.(false);
+    }
+    get isOpen() {
+        return this._open;
+    }
+    static findByContainer(container) {
+        for (const sub of NileContextSubmenu_1.openStack) {
+            if (sub._menuContainerRef === container)
+                return sub;
+        }
+        return null;
+    }
+    get parentItem() {
+        return this._parentItem;
+    }
+    focusFirstItem() {
+        if (!this._menuContainerRef)
+            return;
+        const items = Array.from(this._menuContainerRef.querySelectorAll(ITEM_TAG));
+        for (const item of items) {
+            if (!this._isDirectChildItem(item))
+                continue;
+            if (!item.disabled) {
+                item.focus();
+                return;
+            }
+        }
+    }
+    _closeSiblingSubmenus() {
+        const myLevel = this._parentLevel();
+        for (const sub of [...NileContextSubmenu_1.openStack]) {
+            if (sub === this)
+                continue;
+            if (sub._pinnedOpen)
+                continue;
+            if (sub._parentLevel() === myLevel)
+                sub.closeSubmenu();
+        }
+    }
+    _parentLevel() {
+        const item = this._parentItem;
+        if (!item)
+            return null;
+        return item.parentElement?.closest('.nile-context-menu__menu') ?? null;
+    }
+    render() {
+        return html ``;
+    }
+};
+NileContextSubmenu.openStack = [];
+__decorate([
+    property({ attribute: true, type: Number, reflect: true })
+], NileContextSubmenu.prototype, "zIndex", void 0);
+__decorate([
+    state()
+], NileContextSubmenu.prototype, "_open", void 0);
+NileContextSubmenu = NileContextSubmenu_1 = __decorate([
+    customElement('nile-context-submenu')
+], NileContextSubmenu);
+export { NileContextSubmenu };
+export default NileContextSubmenu;
+//# sourceMappingURL=nile-context-submenu.js.map

package/dist/src/nile-context-submenu/nile-context-submenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-context-submenu.js","sourceRoot":"","sources":["../../../src/nile-context-submenu/nile-context-submenu.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2026\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, CSSResultArray, TemplateResult, css } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\nimport type { NileContextMenuItem } from '../nile-context-menu-item';\nimport '../nile-floating-panel';\nimport type { NileFloatingPanel } from '../nile-floating-panel';\n\nconst ITEM_TAG = 'nile-context-menu-item';\nconst SUBMENU_TAG = 'nile-context-submenu';\nconst HOVER_OPEN_DELAY = 100;\nconst HOVER_CLOSE_DELAY = 300;\n\nlet submenuIdSeq = 0;\n\n/**\n * Nested submenu inside a `nile-context-menu-item`.\n * @tag nile-context-submenu\n */\n@customElement('nile-context-submenu')\nexport class NileContextSubmenu extends NileElement {\n  public static get styles(): CSSResultArray {\n    return [\n      css`\n        :host { display: contents; }\n      `,\n    ];\n  }\n\n  @property({ attribute: true, type: Number, reflect: true }) zIndex = 9999;\n\n  @state() private _open = false;\n\n  public static openStack: NileContextSubmenu[] = [];\n\n  private _parentItem: NileContextMenuItem | null = null;\n  private _proxyId = `nile-context-submenu-anchor-${++submenuIdSeq}`;\n  private _proxyEl?: HTMLDivElement;\n  private _floatingPanelEl?: NileFloatingPanel;\n  private _menuContainerRef: HTMLDivElement | null = null;\n  private _openTimer?: number;\n  private _closeTimer?: number;\n  private _setupDone = false;\n  private _parentObserver?: MutationObserver;\n  private _repositionQueued = false;\n  private get _pinnedOpen(): boolean {\n    return !!(this._parentItem?.open && !this._parentItem.disabled);\n  }\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    let p: Element | null = this.parentElement;\n    while (p && p.tagName.toLowerCase() !== ITEM_TAG) p = p.parentElement;\n    this._parentItem = p as NileContextMenuItem | null;\n    this._ensureProxy();\n    if (this._parentItem) {\n      this._parentItem.setSubmenuExpanded?.(false);\n      this._parentItem.addEventListener('mouseenter', this._onParentEnter);\n      this._parentItem.addEventListener('mouseleave', this._onParentLeave);\n      this._parentItem.addEventListener('click', this._onParentClick, true);\n      // Open/close the submenu when the parent item's `open` attribute changes.\n      this._parentObserver = new MutationObserver(() => {\n        if (this._pinnedOpen) {\n          if (this._isParentVisible()) this.openSubmenu();\n        } else if (this._open) {\n          this.closeSubmenu();\n        }\n      });\n      this._parentObserver.observe(this._parentItem, {\n        attributes: true,\n        attributeFilter: ['open'],\n      });\n    }\n    this._ensureBodyPanel();\n  }\n\n  private _isParentVisible(): boolean {\n    const rect = this._parentItem?.getBoundingClientRect();\n    return !!rect && rect.width > 0 && rect.height > 0;\n  }\n\n  private _ensureProxy(): void {\n    if (this._proxyEl) return;\n    const el = document.createElement('div');\n    el.id = this._proxyId;\n    el.setAttribute('aria-hidden', 'true');\n    el.style.cssText =\n      'position: fixed; top: 0; left: 0; width: 0; height: 0; pointer-events: none;';\n    document.body.appendChild(el);\n    this._proxyEl = el;\n  }\n\n  private _syncProxyToParent(): void {\n    if (!this._proxyEl || !this._parentItem) return;\n    const rect = this._parentItem.getBoundingClientRect();\n    if (this._pinnedOpen) {\n      // Pinned submenus anchor in document coordinates.\n      this._proxyEl.style.position = 'absolute';\n      this._proxyEl.style.left = `${rect.left + window.scrollX}px`;\n      this._proxyEl.style.top = `${rect.top + window.scrollY}px`;\n    } else {\n      this._proxyEl.style.position = 'fixed';\n      this._proxyEl.style.left = `${rect.left}px`;\n      this._proxyEl.style.top = `${rect.top}px`;\n    }\n    this._proxyEl.style.width = `${rect.width}px`;\n    this._proxyEl.style.height = `${rect.height}px`;\n  }\n\n  public override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this._parentItem) {\n      this._parentItem.removeEventListener('mouseenter', this._onParentEnter);\n      this._parentItem.removeEventListener('mouseleave', this._onParentLeave);\n      this._parentItem.removeEventListener('click', this._onParentClick, true);\n    }\n    this._parentObserver?.disconnect();\n    this._parentObserver = undefined;\n    this._clearTimers();\n    if (this._open) this.closeSubmenu();\n    this._teardownBodyArtifacts();\n    NileContextSubmenu.openStack = NileContextSubmenu.openStack.filter(s => s !== this);\n  }\n\n  private _teardownBodyArtifacts(): void {\n    const menu = this._menuContainerRef;\n    if (menu) {\n      menu.removeEventListener('click', this._onMenuClick);\n      menu.removeEventListener('mouseover', this._onMenuMouseOver);\n      menu.removeEventListener('mouseenter', this._onPanelEnter);\n      menu.removeEventListener('mouseleave', this._onPanelLeave);\n      menu.removeEventListener('nile-change', this._onNestedSelect as EventListener);\n      while (menu.firstChild) this.appendChild(menu.firstChild);\n    }\n    this._floatingPanelEl?.remove();\n    this._floatingPanelEl = undefined;\n    this._menuContainerRef = null;\n    this._setupDone = false;\n    this._proxyEl?.remove();\n    this._proxyEl = undefined;\n  }\n\n  private _ensureBodyPanel(): void {\n    if (this._setupDone) return;\n    const fp = document.createElement('nile-floating-panel') as NileFloatingPanel;\n    fp.setAttribute('for', this._proxyId);\n    fp.setAttribute('trigger', 'manual');\n    fp.setAttribute('placement', 'right-start');\n    fp.panelClass = 'nile-context-menu-panel';\n    fp.zIndex = this.zIndex;\n    fp.interactive = true;\n    fp.hideOnClick = false;\n    fp.closeOnEscape = false;\n    (fp as unknown as { arrow: 'none' }).arrow = 'none';\n    fp.distance = 0;\n\n    const menu = document.createElement('div');\n    menu.className = 'nile-context-menu__menu';\n    menu.setAttribute('role', 'menu');\n    fp.appendChild(menu);\n\n    document.body.appendChild(fp);\n    this._floatingPanelEl = fp;\n    this._menuContainerRef = menu;\n\n    menu.addEventListener('click', this._onMenuClick);\n    menu.addEventListener('mouseover', this._onMenuMouseOver);\n    menu.addEventListener('mouseenter', this._onPanelEnter);\n    menu.addEventListener('mouseleave', this._onPanelLeave);\n    menu.addEventListener('nile-change', this._onNestedSelect as EventListener);\n\n    this._relocateLightChildren();\n    this._setupDone = true;\n  }\n\n  protected override firstUpdated(): void {\n    this._relocateLightChildren();\n  }\n\n  private _relocateLightChildren(): void {\n    if (!this._menuContainerRef) return;\n    for (const kid of Array.from(this.children)) {\n      this._menuContainerRef.appendChild(kid);\n    }\n  }\n\n  private _clearTimers(): void {\n    if (this._openTimer != null) { clearTimeout(this._openTimer); this._openTimer = undefined; }\n    if (this._closeTimer != null) { clearTimeout(this._closeTimer); this._closeTimer = undefined; }\n  }\n\n  private _onParentEnter = (): void => {\n    if (this._parentItem?.disabled) return;\n    this._clearTimers();\n    if (this._open) return;\n    this._openTimer = window.setTimeout(() => this.openSubmenu(), HOVER_OPEN_DELAY);\n  };\n\n  private _onParentLeave = (): void => {\n    if (this._openTimer != null) { clearTimeout(this._openTimer); this._openTimer = undefined; }\n    if (this._pinnedOpen) return;\n    if (this._open) {\n      this._closeTimer = window.setTimeout(() => this.closeSubmenu(), HOVER_CLOSE_DELAY);\n    }\n  };\n\n  private _onParentClick = (e: MouseEvent): void => {\n    e.stopPropagation();\n    if (this._parentItem?.disabled) return;\n    this._clearTimers();\n    if (this._open) {\n      if (!this._pinnedOpen) this.closeSubmenu();\n    } else {\n      this.openSubmenu();\n    }\n  };\n\n  private _onPanelEnter = (): void => {\n    this._clearTimers();\n  };\n\n  //Re-anchor to the parent item after scroll/resize\n  private _onReposition = (): void => {\n    if (this._repositionQueued || !this._open) return;\n    this._repositionQueued = true;\n    requestAnimationFrame(() => {\n      this._repositionQueued = false;\n      if (!this._open) return;\n      this._syncProxyToParent();\n      this._floatingPanelEl?.reposition();\n    });\n  };\n\n  private _onPanelLeave = (): void => {\n    if (this._pinnedOpen) return;\n    if (this._open) {\n      this._closeTimer = window.setTimeout(() => {\n        const hasOpenDescendant = NileContextSubmenu.openStack.some(\n          sub => sub !== this && this._menuContainerRef?.contains(sub),\n        );\n        if (hasOpenDescendant) return;\n        this.closeSubmenu();\n      }, HOVER_CLOSE_DELAY);\n    }\n  };\n\n  public openSubmenu(): void {\n    if (this._open) return;\n    if (this._parentItem?.disabled) return;\n    this._closeSiblingSubmenus();\n    this._ensureProxy();\n    this._ensureBodyPanel();\n    this._syncProxyToParent();\n    this._open = true;\n    if (this._floatingPanelEl) {\n      // open pinned descendants only once this panel is fully shown\n      this._floatingPanelEl.addEventListener(\n        'nile-after-show',\n        () => {\n          if (this._open) this._openPinnedDescendants();\n        },\n        { once: true },\n      );\n      this._floatingPanelEl.open = true;\n    }\n    NileContextSubmenu.openStack.push(this);\n    window.addEventListener('scroll', this._onReposition, true);\n    window.addEventListener('resize', this._onReposition);\n    requestAnimationFrame(() => requestAnimationFrame(() => {\n      if (this._open) this._openPinnedDescendants();\n    }));\n    this._parentItem?.setSubmenuExpanded?.(true);\n  }\n\n  /** Open the submenu of every direct child item carrying the `open` attribute. */\n  private _openPinnedDescendants(): void {\n    if (!this._menuContainerRef) return;\n    const items = Array.from(\n      this._menuContainerRef.querySelectorAll(ITEM_TAG)\n    ) as NileContextMenuItem[];\n    for (const item of items) {\n      if (!this._isDirectChildItem(item)) continue;\n      if (!item.open || item.disabled) continue;\n      const sub = item.querySelector(`:scope > ${SUBMENU_TAG}`) as NileContextSubmenu | null;\n      sub?.openSubmenu();\n    }\n  }\n\n  /** True if `item` sits at this submenu's own level (not inside a deeper submenu). */\n  private _isDirectChildItem(item: Element): boolean {\n    let cur: Element | null = item.parentElement;\n    while (cur && cur !== this._menuContainerRef) {\n      if (cur.tagName.toLowerCase() === SUBMENU_TAG) return false;\n      cur = cur.parentElement;\n    }\n    return true;\n  }\n\n  public closeSubmenu(): void {\n    if (!this._open) return;\n    for (const sub of [...NileContextSubmenu.openStack]) {\n      if (sub !== this && this._menuContainerRef?.contains(sub)) {\n        sub.closeSubmenu();\n      }\n    }\n    this._open = false;\n    if (this._floatingPanelEl) this._floatingPanelEl.open = false;\n    window.removeEventListener('scroll', this._onReposition, true);\n    window.removeEventListener('resize', this._onReposition);\n    NileContextSubmenu.openStack = NileContextSubmenu.openStack.filter(s => s !== this);\n    this._clearTimers();\n    this._parentItem?.setSubmenuExpanded?.(false);\n  }\n\n  public get isOpen(): boolean {\n    return this._open;\n  }\n\n  public static findByContainer(container: Element): NileContextSubmenu | null {\n    for (const sub of NileContextSubmenu.openStack) {\n      if (sub._menuContainerRef === container) return sub;\n    }\n    return null;\n  }\n\n  public get parentItem(): NileContextMenuItem | null {\n    return this._parentItem;\n  }\n  public focusFirstItem(): void {\n    if (!this._menuContainerRef) return;\n    const items = Array.from(\n      this._menuContainerRef.querySelectorAll(ITEM_TAG)\n    ) as NileContextMenuItem[];\n    for (const item of items) {\n      if (!this._isDirectChildItem(item)) continue;\n      if (!item.disabled) { item.focus(); return; }\n    }\n  }\n\n  private _closeSiblingSubmenus(): void {\n    const myLevel = this._parentLevel();\n    for (const sub of [...NileContextSubmenu.openStack]) {\n      if (sub === this) continue;\n      if (sub._pinnedOpen) continue;\n      if (sub._parentLevel() === myLevel) sub.closeSubmenu();\n    }\n  }\n\n  private _parentLevel(): Element | null {\n    const item = this._parentItem;\n    if (!item) return null;\n    return item.parentElement?.closest('.nile-context-menu__menu') ?? null;\n  }\n\n  private _onMenuMouseOver = (e: MouseEvent): void => {\n    const item = e.composedPath().find(\n      n => n instanceof HTMLElement && n.tagName.toLowerCase() === ITEM_TAG\n    ) as NileContextMenuItem | undefined;\n    if (!item || item.disabled) return;\n    item.focus();\n  };\n\n  private _onNestedSelect = (e: CustomEvent): void => {\n    if (e.target === this) return;\n    if (e.detail?.type !== 'click') return;\n    this.emit('nile-change', e.detail);\n  };\n\n  private _onMenuClick = (e: MouseEvent): void => {\n    const item = e.composedPath().find(\n      n => n instanceof HTMLElement && n.tagName.toLowerCase() === ITEM_TAG\n    ) as NileContextMenuItem | undefined;\n    if (!item || item.disabled) return;\n    if (item.querySelector(`:scope > ${SUBMENU_TAG}`)) return;\n    const detail = {\n      id: item.id,\n      value: item.value,\n      name: (item.textContent ?? '').trim(),\n      target: null,\n      originalEvent: e,\n    };\n    try {\n      (item as unknown as { onSelect?: (d: typeof detail) => void }).onSelect?.(detail);\n    } catch (err) {\n      console.error('[nile-context-submenu] onSelect callback threw:', err);\n    }\n    this.emit('nile-change', { type: 'click', ...detail });\n  };\n\n  public render(): TemplateResult {\n    return html``;\n  }\n}\n\nexport default NileContextSubmenu;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-context-submenu': NileContextSubmenu;\n  }\n}\n"]}

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

@@ -83,6 +83,8 @@ export declare class NileFloatingPanel extends NileElement {
     private _cleanupPendingHideListener;
     toggle(): void;
     refresh(): void;
+    /** Recomputes the panel position against its anchor (e.g. after the anchor moved). */
+    reposition(): void;
     /** Returns the current resolved placement from Tippy/Popper. */
     getCurrentPlacement(): string;
     /** Returns true if the resolved placement matches the requested placement. */

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

@@ -205,6 +205,10 @@ let NileFloatingPanel = NileFloatingPanel_1 = class NileFloatingPanel extends Ni
     refresh() {
         this._attachTippy();
     }
+    /** Recomputes the panel position against its anchor (e.g. after the anchor moved). */
+    reposition() {
+        this.tippyInstance?.popperInstance?.update();
+    }
     /** Returns the current resolved placement from Tippy/Popper. */
     getCurrentPlacement() {
         const popper = this.tippyInstance?.popper;