@helixui/library 3.3.1 → 3.4.0-next.121

package/dist/shared/hx-overflow-menu-BQ4fiMYu.js

@@ -0,0 +1,492 @@
+import { css as x, html as d, nothing as m } from "lit";
+import { property as h, state as g, query as v, customElement as _ } from "lit/decorators.js";
+import { classMap as y } from "lit/directives/class-map.js";
+import { f as w } from "./forced-colors-CTEDFRGa.js";
+import { f as k } from "./aria-flatten-DY6v2vah.js";
+import { f as p, g as I } from "./menu-tree-BNM0SYYq.js";
+import { w as f } from "./menu-roving-DmMnzJhn.js";
+import { i as T, r as C } from "./aria-idref-CxvyzfQS.js";
+import { H as E } from "./helix-element-BNEYeiys.js";
+import { c as z } from "./id-counter-DuX8vsui.js";
+const M = x`
+  :host {
+    display: inline-block;
+    position: relative;
+  }
+
+  :host([disabled]) {
+    pointer-events: none;
+    opacity: var(--hx-opacity-disabled, 0.5);
+  }
+
+  /* ─── Trigger Button ─── */
+
+  .trigger {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border: var(--hx-border-width-thin, 1px) solid transparent;
+    border-radius: var(--hx-border-radius-md, 0.375rem);
+    background-color: transparent;
+    color: var(--hx-overflow-menu-button-color, var(--hx-color-text-secondary, #313e4b));
+    cursor: pointer;
+    transition:
+      background-color var(--hx-transition-fast, 150ms ease),
+      color var(--hx-transition-fast, 150ms ease);
+    flex-shrink: 0;
+    padding: 0;
+    line-height: 1;
+  }
+
+  .trigger:focus-visible {
+    outline: var(--hx-focus-ring-width, 2px) solid
+      var(--hx-overflow-menu-focus-ring-color, var(--hx-focus-ring-color, #0f7078));
+    outline-offset: var(--hx-focus-ring-offset, 2px);
+  }
+
+  .trigger:hover:not([disabled]) {
+    background-color: var(
+      --hx-overflow-menu-trigger-hover-bg,
+      var(--hx-color-surface-sunken, #ebeee9)
+    );
+  }
+
+  .trigger--open {
+    background-color: var(
+      --hx-overflow-menu-trigger-open-bg,
+      var(--hx-color-surface-sunken, #ebeee9)
+    );
+  }
+
+  /* ─── Size Variants ─── */
+
+  .trigger--sm {
+    width: var(--hx-size-8, 2rem);
+    height: var(--hx-size-8, 2rem);
+    min-width: var(--hx-size-touch-target, 2.75rem);
+    min-height: var(--hx-size-touch-target, 2.75rem);
+    font-size: var(--hx-font-size-sm, 0.875rem);
+  }
+
+  .trigger--md {
+    width: var(--hx-size-10, 2.5rem);
+    height: var(--hx-size-10, 2.5rem);
+    min-width: var(--hx-size-touch-target, 2.75rem);
+    min-height: var(--hx-size-touch-target, 2.75rem);
+    font-size: var(--hx-font-size-md, 1rem);
+  }
+
+  .trigger--lg {
+    width: var(--hx-size-12, 3rem);
+    height: var(--hx-size-12, 3rem);
+    font-size: var(--hx-font-size-lg, 1.125rem);
+  }
+
+  /* ─── Panel ─── */
+
+  .panel {
+    position: fixed;
+    z-index: var(--hx-overflow-menu-panel-z-index, 1000);
+    min-width: var(--hx-overflow-menu-panel-min-width, 160px);
+    background: var(--hx-overflow-menu-panel-bg, var(--hx-color-surface-default, #ffffff));
+    border: var(--hx-overflow-menu-panel-border, 1px solid var(--hx-color-border-default, #d6dbd5));
+    border-radius: var(
+      --hx-overflow-menu-panel-border-radius,
+      var(--hx-border-radius-md, 0.375rem)
+    );
+    box-shadow: var(
+      --hx-overflow-menu-panel-shadow,
+      0 4px 16px var(--hx-overlay-black-12, rgba(0, 0, 0, 0.12))
+    );
+    padding: var(--hx-space-1, 0.25rem) 0;
+    outline: none;
+  }
+
+  /* ─── Slot: menu items ─── */
+
+  ::slotted([role='menuitem']),
+  ::slotted([role='menuitemcheckbox']),
+  ::slotted([role='menuitemradio']) {
+    display: block;
+    width: 100%;
+    padding: var(--hx-space-2, 0.5rem) var(--hx-space-3, 0.75rem);
+    background: none;
+    border: none;
+    text-align: start;
+    font-size: var(--hx-font-size-sm, 0.875rem);
+    color: var(--hx-overflow-menu-item-color, var(--hx-color-text-primary, #0d1825));
+    cursor: pointer;
+    white-space: nowrap;
+    box-sizing: border-box;
+  }
+
+  ::slotted([role='menuitem']:hover),
+  ::slotted([role='menuitemcheckbox']:hover),
+  ::slotted([role='menuitemradio']:hover) {
+    background-color: var(
+      --hx-overflow-menu-item-hover-bg,
+      var(--hx-color-surface-raised, #f5f8f3)
+    );
+  }
+
+  ::slotted([role='menuitem']:focus-visible),
+  ::slotted([role='menuitemcheckbox']:focus-visible),
+  ::slotted([role='menuitemradio']:focus-visible) {
+    outline: var(--hx-focus-ring-width, 2px) solid
+      var(--hx-overflow-menu-focus-ring-color, var(--hx-focus-ring-color, #0f7078));
+    outline-offset: 0;
+  }
+
+  /* ─── Reduced Motion ─── */
+
+  @media (prefers-reduced-motion: reduce) {
+    .trigger {
+      transition: none;
+    }
+  }
+
+  /* ─── High Contrast Mode (forced-colors) ─── */
+
+  @media (forced-colors: active) {
+    .trigger {
+      forced-color-adjust: none;
+      background-color: ButtonFace;
+      color: ButtonText;
+      border: 2px solid ButtonText;
+    }
+
+    .trigger:focus-visible {
+      outline: 3px solid Highlight;
+      outline-offset: 2px;
+    }
+
+    .trigger[disabled] {
+      color: GrayText;
+      border-color: GrayText;
+      opacity: 1;
+    }
+
+    :host([disabled]) {
+      opacity: 1;
+    }
+
+    .panel {
+      background-color: Canvas;
+      border: 2px solid CanvasText;
+    }
+  }
+`;
+var S = Object.defineProperty, L = Object.getOwnPropertyDescriptor, l = (e, t, r, i) => {
+  for (var o = i > 1 ? void 0 : i ? L(t, r) : t, n = e.length - 1, s; n >= 0; n--)
+    (s = e[n]) && (o = (i ? s(t, r, o) : s(o)) || o);
+  return i && o && S(t, r, o), o;
+};
+const $ = z("hx-overflow-menu");
+let a = class extends E {
+  constructor() {
+    super(...arguments), this.placement = "bottom-end", this.size = "md", this.disabled = !1, this.icon = "vertical", this.label = "More actions", this.labelMenu = "Actions", this._open = !1, this._resolvedTriggerLabel = "", this._rovingIndex = -1, this._typeaheadBuffer = "", this._typeaheadTimer = null, this._ariaMirror = null, this._panelId = `${$()}-panel`, this._handleTriggerClick = (e) => {
+      e.stopPropagation(), this._toggle();
+    }, this._handleDocumentClick = (e) => {
+      if (!this._open) return;
+      e.composedPath().includes(this) || this._hide();
+    }, this._handleKeydown = (e) => {
+      var t, r;
+      if (this._open) {
+        if (e.key === "Escape") {
+          e.stopPropagation(), this._hide(), (t = this._buttonEl) == null || t.focus();
+          return;
+        }
+        if (e.key === "Tab") {
+          this._hide();
+          return;
+        }
+        if (e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Home" || e.key === "End") {
+          e.preventDefault(), e.stopPropagation();
+          const i = this._getMenuItems();
+          if (i.length === 0) return;
+          const o = i.indexOf(document.activeElement);
+          let n;
+          e.key === "ArrowDown" ? n = o < 0 || o >= i.length - 1 ? 0 : o + 1 : e.key === "ArrowUp" ? n = o <= 0 ? i.length - 1 : o - 1 : e.key === "Home" ? n = 0 : n = i.length - 1, this._rovingIndex = n, this._applyRovingTabIndex(), (r = i[n]) == null || r.focus();
+          return;
+        }
+        e.key.length === 1 && e.key !== " " && !e.ctrlKey && !e.metaKey && !e.altKey && this._handleTypeahead(e.key);
+      }
+    }, this._handleSlotClick = (e) => {
+      var o;
+      const t = e.target;
+      if (t.closest("hx-menu-item")) return;
+      const r = t.closest(
+        '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]'
+      );
+      if (!r || r.hasAttribute("disabled") || r.disabled) return;
+      const i = r.getAttribute("data-value") ?? ((o = r.textContent) == null ? void 0 : o.trim()) ?? "";
+      this.dispatchEvent(
+        new CustomEvent("hx-select", {
+          bubbles: !0,
+          composed: !0,
+          detail: { value: i }
+        })
+      ), this._hide();
+    }, this._handleSlotItemSelect = (e) => {
+      const t = e.detail, r = (t == null ? void 0 : t.value) ?? "";
+      this.dispatchEvent(
+        new CustomEvent("hx-select", {
+          bubbles: !0,
+          composed: !0,
+          detail: { value: r }
+        })
+      ), this._hide();
+    }, this._handleSlotSubmenuOpen = (e) => {
+      if (!(e instanceof CustomEvent)) return;
+      const t = e.detail, r = t == null ? void 0 : t.item;
+      r && p(r) === null && queueMicrotask(() => {
+        if (e.defaultPrevented) return;
+        const i = r.setSubmenuOpen;
+        if (typeof i != "function") return;
+        i.call(r, !0);
+        const o = r.updateComplete;
+        o && o.then(() => {
+          var c, u;
+          const n = (c = r.shadowRoot) == null ? void 0 : c.querySelector('slot[name="submenu"]'), s = n == null ? void 0 : n.assignedElements({ flatten: !0 }).find((b) => b.tagName.toLowerCase() === "hx-menu");
+          (u = s == null ? void 0 : s.focusFirst) == null || u.call(s);
+        }).catch(() => {
+        });
+      });
+    }, this._handleSlotSubmenuClose = (e) => {
+      var i;
+      if (!(e instanceof CustomEvent)) return;
+      const t = e.detail, r = t == null ? void 0 : t.item;
+      r && p(r) === null && (e.defaultPrevented || (this._hide(), (i = this._buttonEl) == null || i.focus()));
+    }, this._handleSlotChange = () => {
+      this._open && this._initRovingTabIndex();
+    };
+  }
+  // ─── Lifecycle ───
+  connectedCallback() {
+    super.connectedCallback(), document.addEventListener("click", this._handleDocumentClick, !0), this.addEventListener("keydown", this._handleKeydown), this._syncResolvedTriggerLabel(), this._ariaMirror = T(this, () => {
+      this._syncResolvedTriggerLabel();
+    });
+  }
+  disconnectedCallback() {
+    var e;
+    super.disconnectedCallback(), document.removeEventListener("click", this._handleDocumentClick, !0), this.removeEventListener("keydown", this._handleKeydown), this._typeaheadTimer !== null && (clearTimeout(this._typeaheadTimer), this._typeaheadTimer = null), (e = this._ariaMirror) == null || e.disconnect(), this._ariaMirror = null;
+  }
+  willUpdate(e) {
+    super.willUpdate(e), e.has("label") && this._syncResolvedTriggerLabel();
+  }
+  // ─── Open / Close ───
+  /** @internal */
+  async _show() {
+    this._open || this.disabled || (this._open = !0, await this.updateComplete, await this._updatePosition(), this._initRovingTabIndex(), this._focusFirstItem(), this.dispatchEvent(new CustomEvent("hx-show", { bubbles: !0, composed: !0 })));
+  }
+  /** @internal */
+  _hide() {
+    this._open && (this._open = !1, this._rovingIndex = -1, this.dispatchEvent(new CustomEvent("hx-hide", { bubbles: !0, composed: !0 })));
+  }
+  /** @internal */
+  _toggle() {
+    this._open ? this._hide() : this._show();
+  }
+  // ─── Positioning (Floating UI) ───
+  /** @internal */
+  async _updatePosition() {
+    const e = this._buttonEl, t = this._panelEl;
+    if (!e || !t) return;
+    const { computePosition: r, flip: i, shift: o, offset: n } = await import("@floating-ui/dom"), { x: s, y: c } = await r(e, t, {
+      placement: this.placement,
+      strategy: "fixed",
+      middleware: [n(4), i(), o({ padding: 8 })]
+    });
+    Object.assign(t.style, {
+      left: `${s}px`,
+      top: `${c}px`
+    });
+  }
+  // ─── Focus management ───
+  /** @internal */
+  _focusFirstItem() {
+    var t;
+    const e = this._getMenuItems();
+    e.length !== 0 && (this._rovingIndex = 0, this._applyRovingTabIndex(), (t = e[0]) == null || t.focus());
+  }
+  /**
+   * Codex push-gate round-2 finding 3: write the roving tabindex through
+   * the right surface for each item shape. Implementation moved to the
+   * shared `writeMenuItemRovingTabIndex` util (round-8 finding 2) so
+   * `hx-dropdown` and any future host-canonical menu shape route through
+   * one source of truth instead of duplicating the host-vs-inner-element
+   * branch per component.
+   *
+   * - `hx-menu-item` is host-canonical: on the modern path the roving
+   *   tabindex must land on the host (it carries the announced role +
+   *   IDL ARIA), and on the fallback path it must land on the inner
+   *   `.menu-item` (the host is forced to `tabindex=-1` so there is
+   *   exactly one focusable surface per item). The util's
+   *   `setRovingTabIndex(value)` route handles both paths internally.
+   * - Plain slotted `[role="menuitem"]` elements (legacy `<button>`-style
+   *   children) keep the direct `item.tabIndex = value` write.
+   *
+   * Without this routing, host-canonical items on the fallback path stay
+   * at `tabindex=-1` because the host write never reaches the inner
+   * focusable surface — Tab would land on a non-focusable host and arrow
+   * navigation would fail to advance the announced item.
+   * @internal
+   */
+  /**
+   * Initialize roving tabindex on all enabled menu items: only the first
+   * receives tabindex=0; the rest are tabindex=-1. Maintains the closing-
+   * Tab semantics required by APG (tabbing past the menu closes it via
+   * the keydown handler below).
+   * @internal
+   */
+  _initRovingTabIndex() {
+    const e = this._getMenuItems();
+    e.forEach((t, r) => {
+      f(t, r === 0 ? 0 : -1);
+    }), this._rovingIndex = e.length > 0 ? 0 : -1;
+  }
+  /** @internal */
+  _applyRovingTabIndex() {
+    this._getMenuItems().forEach((t, r) => {
+      f(t, r === this._rovingIndex ? 0 : -1);
+    });
+  }
+  /** @internal */
+  _getMenuItems() {
+    var r;
+    const e = (r = this.shadowRoot) == null ? void 0 : r.querySelector("slot"), t = (i) => i.localName === "hx-menu-item";
+    return (e == null ? void 0 : e.assignedElements({ flatten: !0 }).filter(
+      (i) => i instanceof HTMLElement && !i.hasAttribute("disabled") && !i.disabled && (i.getAttribute("role") === "menuitem" || i.getAttribute("role") === "menuitemcheckbox" || i.getAttribute("role") === "menuitemradio" || t(i))
+    )) ?? [];
+  }
+  /** @internal */
+  _handleTypeahead(e) {
+    var i;
+    this._typeaheadTimer !== null && clearTimeout(this._typeaheadTimer), this._typeaheadBuffer += e.toLowerCase(), this._typeaheadTimer = setTimeout(() => {
+      this._typeaheadBuffer = "", this._typeaheadTimer = null;
+    }, 500);
+    const t = this._getMenuItems(), r = t.findIndex((o) => I(o).toLowerCase().startsWith(this._typeaheadBuffer));
+    r !== -1 && (this._rovingIndex = r, this._applyRovingTabIndex(), (i = t[r]) == null || i.focus());
+  }
+  // ─── Host-attribute trigger label mirror ───
+  /**
+   * Resolves the trigger button's accessible name from host attributes and
+   * the `label` property. AccName 1.2 §4.3.1 precedence:
+   *   1. Host `aria-labelledby` (resolved IDREFs, flattened)
+   *   2. Host `aria-label`
+   *   3. `label` property
+   * @internal
+   */
+  _syncResolvedTriggerLabel() {
+    const e = this.getAttribute("aria-labelledby"), r = C(this, e).map((s) => k(s)).filter((s) => s.length > 0).join(" ").replace(/\s+/g, " ").trim(), i = this.getAttribute("aria-label"), o = i !== null ? i.trim() : "";
+    let n = "";
+    r ? n = r : o ? n = o : n = this.label, this._resolvedTriggerLabel = n;
+  }
+  // ─── SVG Icons ───
+  /** @internal */
+  _renderIcon() {
+    return this.icon === "horizontal" ? d`
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="1em"
+          height="1em"
+          viewBox="0 0 24 24"
+          fill="currentColor"
+          aria-hidden="true"
+        >
+          <circle cx="5" cy="12" r="2" />
+          <circle cx="12" cy="12" r="2" />
+          <circle cx="19" cy="12" r="2" />
+        </svg>
+      ` : d`
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="1em"
+        height="1em"
+        viewBox="0 0 24 24"
+        fill="currentColor"
+        aria-hidden="true"
+      >
+        <circle cx="12" cy="5" r="2" />
+        <circle cx="12" cy="12" r="2" />
+        <circle cx="12" cy="19" r="2" />
+      </svg>
+    `;
+  }
+  // ─── Render ───
+  render() {
+    const e = {
+      trigger: !0,
+      [`trigger--${this.size}`]: !0,
+      "trigger--open": this._open
+    };
+    return d`
+      <button
+        part="button trigger"
+        class=${y(e)}
+        type="button"
+        aria-label=${this._resolvedTriggerLabel}
+        aria-haspopup="menu"
+        aria-expanded=${String(this._open)}
+        aria-controls=${this._open ? this._panelId : m}
+        ?disabled=${this.disabled}
+        @click=${this._handleTriggerClick}
+      >
+        ${this._renderIcon()}
+      </button>
+      ${this._open ? d`
+            <div
+              id=${this._panelId}
+              part="panel menu"
+              role="menu"
+              aria-label=${this.labelMenu}
+              class="panel"
+              @click=${this._handleSlotClick}
+              @hx-item-select=${this._handleSlotItemSelect}
+              @hx-item-submenu-open=${this._handleSlotSubmenuOpen}
+              @hx-item-submenu-close=${this._handleSlotSubmenuClose}
+            >
+              <slot @slotchange=${this._handleSlotChange}></slot>
+            </div>
+          ` : m}
+    `;
+  }
+};
+a.styles = [M, w];
+l([
+  h({ type: String, reflect: !0 })
+], a.prototype, "placement", 2);
+l([
+  h({ type: String, reflect: !0, attribute: "hx-size" })
+], a.prototype, "size", 2);
+l([
+  h({ type: Boolean, reflect: !0 })
+], a.prototype, "disabled", 2);
+l([
+  h({ type: String, reflect: !0 })
+], a.prototype, "icon", 2);
+l([
+  h({ type: String, reflect: !0 })
+], a.prototype, "label", 2);
+l([
+  h({ type: String, reflect: !0, attribute: "label-menu" })
+], a.prototype, "labelMenu", 2);
+l([
+  g()
+], a.prototype, "_open", 2);
+l([
+  g()
+], a.prototype, "_resolvedTriggerLabel", 2);
+l([
+  v('[part~="button"]')
+], a.prototype, "_buttonEl", 2);
+l([
+  v('[part~="panel"]')
+], a.prototype, "_panelEl", 2);
+a = l([
+  _("hx-overflow-menu")
+], a);
+export {
+  a as H
+};
+//# sourceMappingURL=hx-overflow-menu-BQ4fiMYu.js.map

package/dist/shared/hx-overflow-menu-BQ4fiMYu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-overflow-menu-BQ4fiMYu.js","sources":["../../src/components/hx-overflow-menu/hx-overflow-menu.styles.ts","../../src/components/hx-overflow-menu/hx-overflow-menu.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const helixOverflowMenuStyles = css`\n  :host {\n    display: inline-block;\n    position: relative;\n  }\n\n  :host([disabled]) {\n    pointer-events: none;\n    opacity: var(--hx-opacity-disabled, 0.5);\n  }\n\n  /* ─── Trigger Button ─── */\n\n  .trigger {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: var(--hx-border-width-thin, 1px) solid transparent;\n    border-radius: var(--hx-border-radius-md, 0.375rem);\n    background-color: transparent;\n    color: var(--hx-overflow-menu-button-color, var(--hx-color-text-secondary, #313e4b));\n    cursor: pointer;\n    transition:\n      background-color var(--hx-transition-fast, 150ms ease),\n      color var(--hx-transition-fast, 150ms ease);\n    flex-shrink: 0;\n    padding: 0;\n    line-height: 1;\n  }\n\n  .trigger:focus-visible {\n    outline: var(--hx-focus-ring-width, 2px) solid\n      var(--hx-overflow-menu-focus-ring-color, var(--hx-focus-ring-color, #0f7078));\n    outline-offset: var(--hx-focus-ring-offset, 2px);\n  }\n\n  .trigger:hover:not([disabled]) {\n    background-color: var(\n      --hx-overflow-menu-trigger-hover-bg,\n      var(--hx-color-surface-sunken, #ebeee9)\n    );\n  }\n\n  .trigger--open {\n    background-color: var(\n      --hx-overflow-menu-trigger-open-bg,\n      var(--hx-color-surface-sunken, #ebeee9)\n    );\n  }\n\n  /* ─── Size Variants ─── */\n\n  .trigger--sm {\n    width: var(--hx-size-8, 2rem);\n    height: var(--hx-size-8, 2rem);\n    min-width: var(--hx-size-touch-target, 2.75rem);\n    min-height: var(--hx-size-touch-target, 2.75rem);\n    font-size: var(--hx-font-size-sm, 0.875rem);\n  }\n\n  .trigger--md {\n    width: var(--hx-size-10, 2.5rem);\n    height: var(--hx-size-10, 2.5rem);\n    min-width: var(--hx-size-touch-target, 2.75rem);\n    min-height: var(--hx-size-touch-target, 2.75rem);\n    font-size: var(--hx-font-size-md, 1rem);\n  }\n\n  .trigger--lg {\n    width: var(--hx-size-12, 3rem);\n    height: var(--hx-size-12, 3rem);\n    font-size: var(--hx-font-size-lg, 1.125rem);\n  }\n\n  /* ─── Panel ─── */\n\n  .panel {\n    position: fixed;\n    z-index: var(--hx-overflow-menu-panel-z-index, 1000);\n    min-width: var(--hx-overflow-menu-panel-min-width, 160px);\n    background: var(--hx-overflow-menu-panel-bg, var(--hx-color-surface-default, #ffffff));\n    border: var(--hx-overflow-menu-panel-border, 1px solid var(--hx-color-border-default, #d6dbd5));\n    border-radius: var(\n      --hx-overflow-menu-panel-border-radius,\n      var(--hx-border-radius-md, 0.375rem)\n    );\n    box-shadow: var(\n      --hx-overflow-menu-panel-shadow,\n      0 4px 16px var(--hx-overlay-black-12, rgba(0, 0, 0, 0.12))\n    );\n    padding: var(--hx-space-1, 0.25rem) 0;\n    outline: none;\n  }\n\n  /* ─── Slot: menu items ─── */\n\n  ::slotted([role='menuitem']),\n  ::slotted([role='menuitemcheckbox']),\n  ::slotted([role='menuitemradio']) {\n    display: block;\n    width: 100%;\n    padding: var(--hx-space-2, 0.5rem) var(--hx-space-3, 0.75rem);\n    background: none;\n    border: none;\n    text-align: start;\n    font-size: var(--hx-font-size-sm, 0.875rem);\n    color: var(--hx-overflow-menu-item-color, var(--hx-color-text-primary, #0d1825));\n    cursor: pointer;\n    white-space: nowrap;\n    box-sizing: border-box;\n  }\n\n  ::slotted([role='menuitem']:hover),\n  ::slotted([role='menuitemcheckbox']:hover),\n  ::slotted([role='menuitemradio']:hover) {\n    background-color: var(\n      --hx-overflow-menu-item-hover-bg,\n      var(--hx-color-surface-raised, #f5f8f3)\n    );\n  }\n\n  ::slotted([role='menuitem']:focus-visible),\n  ::slotted([role='menuitemcheckbox']:focus-visible),\n  ::slotted([role='menuitemradio']:focus-visible) {\n    outline: var(--hx-focus-ring-width, 2px) solid\n      var(--hx-overflow-menu-focus-ring-color, var(--hx-focus-ring-color, #0f7078));\n    outline-offset: 0;\n  }\n\n  /* ─── Reduced Motion ─── */\n\n  @media (prefers-reduced-motion: reduce) {\n    .trigger {\n      transition: none;\n    }\n  }\n\n  /* ─── High Contrast Mode (forced-colors) ─── */\n\n  @media (forced-colors: active) {\n    .trigger {\n      forced-color-adjust: none;\n      background-color: ButtonFace;\n      color: ButtonText;\n      border: 2px solid ButtonText;\n    }\n\n    .trigger:focus-visible {\n      outline: 3px solid Highlight;\n      outline-offset: 2px;\n    }\n\n    .trigger[disabled] {\n      color: GrayText;\n      border-color: GrayText;\n      opacity: 1;\n    }\n\n    :host([disabled]) {\n      opacity: 1;\n    }\n\n    .panel {\n      background-color: Canvas;\n      border: 2px solid CanvasText;\n    }\n  }\n`;\n","import { html, nothing, type PropertyValues } from 'lit';\nimport '../../utilities/document-token-adoption.js';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { HelixElement, createIdCounter } from '../../base/index.js';\nimport { forcedColorsInteractive } from '../../styles/forced-colors.js';\nimport { helixOverflowMenuStyles } from './hx-overflow-menu.styles.js';\nimport { flattenAccName } from '../../utils/aria-flatten.js';\nimport { getMenuItemTypeaheadLabel } from '../../utils/menu-label.js';\nimport { writeMenuItemRovingTabIndex } from '../../utils/menu-roving.js';\nimport { findClosestMenuAncestor } from '../../utils/menu-tree.js';\nimport {\n  installAriaIdrefMirror,\n  resolveIdrefTokens,\n  type AriaIdrefMirrorHandle,\n} from '../../utils/aria-idref.js';\n\nconst _nextOverflowMenuId = createIdCounter('hx-overflow-menu');\n\n/**\n * An overflow menu (kebab/meatball menu) that reveals hidden actions via a\n * floating panel. Composed from a trigger button and a slotted menu panel.\n *\n * ## Architecture Note: Host-Attribute Trigger Label Mirror (group-5b)\n *\n * The composite has TWO ARIA-bearing surfaces inside its shadow DOM: the\n * trigger button (`role` defaulted from `<button>`, with `aria-haspopup`,\n * `aria-expanded`, `aria-controls`) and the panel (`role=\"menu\"` on the\n * inner div). The host wraps both — it cannot carry either canonical role\n * itself, so role placement remains on the inner elements.\n *\n * What Group 5b adds:\n * - **Roving tabindex** on slotted menu items (only the focused item has\n *   tabindex=0; arrow keys move focus and rewrite tabindex). Closing-Tab\n *   path is preserved (Tab moves focus past the menu and closes it).\n * - **First-character typeahead** with 500ms timeout matching `hx-menu`.\n * - **Host-attribute label mirror**: consumer-supplied `aria-label` /\n *   `aria-labelledby` on the host flow to the trigger button's\n *   `aria-label` (the trigger is the announced surface of the disclosure\n *   pattern; consumer override wins over the `label` property). The panel\n *   continues to use `labelMenu` for its own slot label.\n *\n * @summary \"...\" or kebab icon button that reveals hidden actions.\n *\n * @tag hx-overflow-menu\n *\n * @slot - Menu items (e.g. `<button role=\"menuitem\">` or `<hx-menu-item>` elements).\n *\n * @fires {CustomEvent<{value: string}>} hx-select - Dispatched when a menu item is selected.\n * @fires {CustomEvent<void>} hx-show - Dispatched when the panel opens.\n * @fires {CustomEvent<void>} hx-hide - Dispatched when the panel closes.\n *\n * @csspart button - The trigger icon button element.\n * @csspart trigger - Alias for button — the trigger icon button element.\n * @csspart panel - The floating menu panel container.\n * @csspart menu - Alias for panel — the floating menu panel container.\n *\n * @cssprop [--hx-overflow-menu-panel-bg=var(--hx-color-neutral-0,#fff)] - Panel background color.\n * @cssprop [--hx-overflow-menu-panel-border=1px solid var(--hx-color-neutral-200,#e5e7eb)] - Panel border.\n * @cssprop [--hx-overflow-menu-panel-border-radius=var(--hx-border-radius-md)] - Panel border radius.\n * @cssprop [--hx-overflow-menu-panel-shadow=0 4px 16px rgba(0,0,0,0.12)] - Panel box shadow.\n * @cssprop [--hx-overflow-menu-panel-min-width=160px] - Minimum panel width.\n * @cssprop [--hx-overflow-menu-panel-z-index=1000] - Panel z-index.\n * @cssprop [--hx-overflow-menu-button-color=var(--hx-color-neutral-600)] - Trigger icon color.\n *\n * @example\n * ```html\n * <hx-overflow-menu>\n *   <button role=\"menuitem\">Edit</button>\n *   <button role=\"menuitem\">Delete</button>\n * </hx-overflow-menu>\n * ```\n * @cssprop [--hx-opacity-disabled] - Opacity.\n * @cssprop [--hx-border-width-thin] - Width.\n * @cssprop [--hx-border-radius-md] - CSS custom property.\n * @cssprop [--hx-color-neutral-600] - Color.\n * @cssprop [--hx-transition-fast] - Transition timing.\n * @cssprop [--hx-focus-ring-width] - Width.\n * @cssprop [--hx-overflow-menu-focus-ring-color] - Color.\n * @cssprop [--hx-focus-ring-color] - Color.\n * @cssprop [--hx-color-primary-500] - Color.\n * @cssprop [--hx-focus-ring-offset] - CSS custom property.\n * @cssprop [--hx-color-neutral-100] - Color.\n * @cssprop [--hx-size-8] - Size token.\n * @cssprop [--hx-size-touch-target] - Size token.\n * @cssprop [--hx-font-size-sm] - Font size.\n * @cssprop [--hx-size-10] - Size token.\n * @cssprop [--hx-font-size-md] - Font size.\n * @cssprop [--hx-size-12] - Size token.\n * @cssprop [--hx-font-size-lg] - Font size.\n * @cssprop [--hx-color-neutral-0] - Color.\n * @cssprop [--hx-color-neutral-200] - Color.\n * @cssprop [--hx-overlay-black-12] - Overlay color.\n * @cssprop [--hx-space-1] - Spacing token.\n * @cssprop [--hx-space-2] - Spacing token.\n * @cssprop [--hx-space-3] - Spacing token.\n * @cssprop [--hx-color-neutral-900] - Color.\n * @cssprop [--hx-color-neutral-50] - Color.\n */\n@customElement('hx-overflow-menu')\nexport class HelixOverflowMenu extends HelixElement {\n  static override styles = [helixOverflowMenuStyles, forcedColorsInteractive];\n\n  /**\n   * Preferred placement of the floating panel relative to the trigger.\n   * @attr placement\n   */\n  @property({ type: String, reflect: true })\n  placement:\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end' = 'bottom-end';\n\n  /**\n   * Size of the trigger button.\n   * @attr hx-size\n   */\n  @property({ type: String, reflect: true, attribute: 'hx-size' })\n  size: 'sm' | 'md' | 'lg' = 'md';\n\n  /**\n   * Whether the trigger button is disabled.\n   * @attr disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Icon orientation: vertical (kebab ⋮) or horizontal (meatball ···).\n   * @attr icon\n   */\n  @property({ type: String, reflect: true })\n  icon: 'vertical' | 'horizontal' = 'vertical';\n\n  /**\n   * Accessible label for the trigger button. Used as a fallback when no\n   * consumer-supplied `aria-label` / `aria-labelledby` is present on the\n   * host. Consumer host attributes win in the AccName 1.2 §4.3.1 cascade.\n   * @attr label\n   */\n  @property({ type: String, reflect: true })\n  label = 'More actions';\n\n  /**\n   * Accessible label for the menu panel. Reflected as `label-menu`.\n   * @attr label-menu\n   */\n  @property({ type: String, reflect: true, attribute: 'label-menu' })\n  labelMenu = 'Actions';\n\n  /**\n   * Tracks whether the overflow menu panel is currently open and visible.\n   * @internal\n   */\n  @state() private _open = false;\n\n  /**\n   * Resolved accessible name for the trigger button — written to the inner\n   * button's `aria-label`. Recomputed via the host-attribute mirror on\n   * every aria-* mutation. AccName 1.2 §4.3.1 precedence: host\n   * `aria-labelledby` (flattened) > host `aria-label` > `label` property.\n   * @internal\n   */\n  @state() private _resolvedTriggerLabel = '';\n\n  /**\n   * Index within `_getMenuItems()` of the item currently holding the\n   * roving tabindex (and thus visual focus). −1 means the panel has not\n   * been keyboard-focused yet (first key press lands on item 0).\n   * @internal\n   */\n  private _rovingIndex = -1;\n\n  /**\n   * Accumulated character buffer for typeahead search within menu items.\n   * @internal\n   */\n  private _typeaheadBuffer = '';\n\n  /**\n   * Timer handle that clears the typeahead buffer after a period of inactivity.\n   * @internal\n   */\n  private _typeaheadTimer: ReturnType<typeof setTimeout> | null = null;\n\n  /**\n   * Handle for the shared host attribute / root id observer.\n   * @internal\n   */\n  private _ariaMirror: AriaIdrefMirrorHandle | null = null;\n\n  /**\n   * Unique ID for the floating panel element, used to wire aria-controls on the trigger button.\n   * @internal\n   */\n  private readonly _panelId = `${_nextOverflowMenuId()}-panel`;\n\n  /** @internal */\n  @query('[part~=\"button\"]') private _buttonEl!: HTMLButtonElement | null;\n\n  /** @internal */\n  @query('[part~=\"panel\"]') private _panelEl!: HTMLElement | null;\n\n  // ─── Lifecycle ───\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    document.addEventListener('click', this._handleDocumentClick, true);\n    this.addEventListener('keydown', this._handleKeydown);\n    this._syncResolvedTriggerLabel();\n    this._ariaMirror = installAriaIdrefMirror(this, () => {\n      this._syncResolvedTriggerLabel();\n    });\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    document.removeEventListener('click', this._handleDocumentClick, true);\n    this.removeEventListener('keydown', this._handleKeydown);\n    if (this._typeaheadTimer !== null) {\n      clearTimeout(this._typeaheadTimer);\n      this._typeaheadTimer = null;\n    }\n    this._ariaMirror?.disconnect();\n    this._ariaMirror = null;\n  }\n\n  override willUpdate(changedProperties: PropertyValues<this>): void {\n    super.willUpdate(changedProperties);\n    if (changedProperties.has('label')) {\n      this._syncResolvedTriggerLabel();\n    }\n  }\n\n  // ─── Open / Close ───\n\n  /** @internal */\n  private async _show(): Promise<void> {\n    if (this._open || this.disabled) return;\n    this._open = true;\n    await this.updateComplete;\n    await this._updatePosition();\n    this._initRovingTabIndex();\n    this._focusFirstItem();\n    this.dispatchEvent(new CustomEvent<void>('hx-show', { bubbles: true, composed: true }));\n  }\n\n  /** @internal */\n  private _hide(): void {\n    if (!this._open) return;\n    this._open = false;\n    this._rovingIndex = -1;\n    this.dispatchEvent(new CustomEvent<void>('hx-hide', { bubbles: true, composed: true }));\n  }\n\n  /** @internal */\n  private _toggle(): void {\n    if (this._open) {\n      this._hide();\n    } else {\n      void this._show();\n    }\n  }\n\n  // ─── Positioning (Floating UI) ───\n\n  /** @internal */\n  private async _updatePosition(): Promise<void> {\n    const trigger = this._buttonEl as HTMLElement | null;\n    const panel = this._panelEl;\n    if (!trigger || !panel) return;\n\n    const { computePosition, flip, shift, offset } = await import('@floating-ui/dom');\n    const { x, y } = await computePosition(trigger, panel, {\n      placement: this.placement,\n      strategy: 'fixed',\n      middleware: [offset(4), flip(), shift({ padding: 8 })],\n    });\n\n    Object.assign(panel.style, {\n      left: `${x}px`,\n      top: `${y}px`,\n    });\n  }\n\n  // ─── Focus management ───\n\n  /** @internal */\n  private _focusFirstItem(): void {\n    const items = this._getMenuItems();\n    if (items.length === 0) return;\n    this._rovingIndex = 0;\n    this._applyRovingTabIndex();\n    items[0]?.focus();\n  }\n\n  /**\n   * Codex push-gate round-2 finding 3: write the roving tabindex through\n   * the right surface for each item shape. Implementation moved to the\n   * shared `writeMenuItemRovingTabIndex` util (round-8 finding 2) so\n   * `hx-dropdown` and any future host-canonical menu shape route through\n   * one source of truth instead of duplicating the host-vs-inner-element\n   * branch per component.\n   *\n   * - `hx-menu-item` is host-canonical: on the modern path the roving\n   *   tabindex must land on the host (it carries the announced role +\n   *   IDL ARIA), and on the fallback path it must land on the inner\n   *   `.menu-item` (the host is forced to `tabindex=-1` so there is\n   *   exactly one focusable surface per item). The util's\n   *   `setRovingTabIndex(value)` route handles both paths internally.\n   * - Plain slotted `[role=\"menuitem\"]` elements (legacy `<button>`-style\n   *   children) keep the direct `item.tabIndex = value` write.\n   *\n   * Without this routing, host-canonical items on the fallback path stay\n   * at `tabindex=-1` because the host write never reaches the inner\n   * focusable surface — Tab would land on a non-focusable host and arrow\n   * navigation would fail to advance the announced item.\n   * @internal\n   */\n\n  /**\n   * Initialize roving tabindex on all enabled menu items: only the first\n   * receives tabindex=0; the rest are tabindex=-1. Maintains the closing-\n   * Tab semantics required by APG (tabbing past the menu closes it via\n   * the keydown handler below).\n   * @internal\n   */\n  private _initRovingTabIndex(): void {\n    const items = this._getMenuItems();\n    items.forEach((item, i) => {\n      writeMenuItemRovingTabIndex(item, i === 0 ? 0 : -1);\n    });\n    this._rovingIndex = items.length > 0 ? 0 : -1;\n  }\n\n  /** @internal */\n  private _applyRovingTabIndex(): void {\n    const items = this._getMenuItems();\n    items.forEach((item, i) => {\n      writeMenuItemRovingTabIndex(item, i === this._rovingIndex ? 0 : -1);\n    });\n  }\n\n  /** @internal */\n  private _getMenuItems(): HTMLElement[] {\n    const slot = this.shadowRoot?.querySelector('slot') as HTMLSlotElement | null;\n    // Allow-list of host-canonical menu-item shapes — `hx-menu-item` carries\n    // its `role` via `_internals.role` (AT-only, no DOM attribute), so the\n    // role-attribute checks below would miss it. Restrict the wc allow-list\n    // to known menu-item hosts so siblings like `hx-menu-divider`\n    // (`role=\"separator\"`) and decorative `hx-text` / `hx-icon` slotted into\n    // the panel are NOT treated as focus / typeahead targets — APG mandates\n    // separators stay non-focusable.\n    const isHostCanonicalMenuItem = (el: Element): boolean => el.localName === 'hx-menu-item';\n    return (\n      (slot\n        ?.assignedElements({ flatten: true })\n        .filter(\n          (el) =>\n            el instanceof HTMLElement &&\n            !el.hasAttribute('disabled') &&\n            !(el as HTMLButtonElement).disabled &&\n            (el.getAttribute('role') === 'menuitem' ||\n              el.getAttribute('role') === 'menuitemcheckbox' ||\n              el.getAttribute('role') === 'menuitemradio' ||\n              isHostCanonicalMenuItem(el)),\n        ) as HTMLElement[]) ?? []\n    );\n  }\n\n  // ─── Event Handlers (arrow function class fields — stable reference, no bind needed) ───\n\n  /** @internal */\n  private readonly _handleTriggerClick = (e: MouseEvent): void => {\n    e.stopPropagation();\n    this._toggle();\n  };\n\n  /** @internal */\n  private readonly _handleDocumentClick = (e: MouseEvent): void => {\n    if (!this._open) return;\n    const path = e.composedPath();\n    if (!path.includes(this)) {\n      this._hide();\n    }\n  };\n\n  /** @internal */\n  private readonly _handleKeydown = (e: KeyboardEvent): void => {\n    if (!this._open) return;\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      this._hide();\n      this._buttonEl?.focus();\n      return;\n    }\n    if (e.key === 'Tab') {\n      // APG: Tab moves focus past the menu and closes it. Do not\n      // preventDefault; let focus advance naturally.\n      this._hide();\n      return;\n    }\n    if (e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'Home' || e.key === 'End') {\n      e.preventDefault();\n      e.stopPropagation();\n      const items = this._getMenuItems();\n      if (items.length === 0) return;\n      const focused = items.indexOf(document.activeElement as HTMLElement);\n      let next: number;\n      if (e.key === 'ArrowDown') {\n        next = focused < 0 || focused >= items.length - 1 ? 0 : focused + 1;\n      } else if (e.key === 'ArrowUp') {\n        next = focused <= 0 ? items.length - 1 : focused - 1;\n      } else if (e.key === 'Home') {\n        next = 0;\n      } else {\n        next = items.length - 1;\n      }\n      this._rovingIndex = next;\n      this._applyRovingTabIndex();\n      items[next]?.focus();\n      return;\n    }\n    // First-character typeahead — letters only, no modifier keys, ignore Space.\n    if (e.key.length === 1 && e.key !== ' ' && !e.ctrlKey && !e.metaKey && !e.altKey) {\n      this._handleTypeahead(e.key);\n    }\n  };\n\n  /** @internal */\n  private _handleTypeahead(char: string): void {\n    if (this._typeaheadTimer !== null) {\n      clearTimeout(this._typeaheadTimer);\n    }\n    this._typeaheadBuffer += char.toLowerCase();\n    this._typeaheadTimer = setTimeout(() => {\n      this._typeaheadBuffer = '';\n      this._typeaheadTimer = null;\n    }, 500);\n\n    const items = this._getMenuItems();\n    // Codex push-gate round-7 finding 3: shared submenu-aware label\n    // extractor — see hx-menu / hx-dropdown for rationale.\n    const match = items.findIndex((item) => {\n      const text = getMenuItemTypeaheadLabel(item).toLowerCase();\n      return text.startsWith(this._typeaheadBuffer);\n    });\n\n    if (match !== -1) {\n      this._rovingIndex = match;\n      this._applyRovingTabIndex();\n      items[match]?.focus();\n    }\n  }\n\n  /** @internal */\n  private readonly _handleSlotClick = (e: Event): void => {\n    const target = e.target as HTMLElement;\n    // Group 5b round-3 (codex): bail FIRST on host-canonical `hx-menu-item`,\n    // independently of what `closest()` resolves with the legacy selectors.\n    // If a consumer slots a `[role=\"menuitem*\"]` descendant inside an\n    // `hx-menu-item`, `closest()` would resolve to the descendant first\n    // (nearest match) and the legacy localName guard would miss, double-firing\n    // `hx-select` (once here, once from `_handleSlotItemSelect`). The host\n    // owns its own dispatch path; descendants of the host must defer.\n    if (target.closest('hx-menu-item')) return;\n    const menuItem = target.closest(\n      '[role=\"menuitem\"], [role=\"menuitemcheckbox\"], [role=\"menuitemradio\"]',\n    ) as HTMLElement | null;\n    if (!menuItem) return;\n    if (menuItem.hasAttribute('disabled') || (menuItem as HTMLButtonElement).disabled) return;\n    const value = menuItem.getAttribute('data-value') ?? menuItem.textContent?.trim() ?? '';\n    this.dispatchEvent(\n      new CustomEvent<{ value: string }>('hx-select', {\n        bubbles: true,\n        composed: true,\n        detail: { value },\n      }),\n    );\n    this._hide();\n  };\n\n  /**\n   * Handle `hx-item-select` bubbling from slotted `hx-menu-item` children.\n   * The host-canonical shape owns its own activation (click + Enter/Space),\n   * so route its event through to the composite's `hx-select` contract and\n   * close the panel. Disabled items never emit `hx-item-select`, so no\n   * disabled-guard is needed here.\n   * @internal\n   */\n  private readonly _handleSlotItemSelect = (e: Event): void => {\n    const detail = (e as CustomEvent<{ item: HTMLElement; value: string }>).detail;\n    const value = detail?.value ?? '';\n    this.dispatchEvent(\n      new CustomEvent<{ value: string }>('hx-select', {\n        bubbles: true,\n        composed: true,\n        detail: { value },\n      }),\n    );\n    this._hide();\n  };\n\n  /**\n   * Bubbled `hx-item-submenu-open` from a slotted `hx-menu-item` host.\n   * Codex push-gate round-9 P1: when slotted `hx-menu-item`s open / close\n   * a nested submenu inside this panel (no enclosing `hx-menu`), the\n   * events fly past with no handler. Match the round-4\n   * `hx-menu._handleSubmenuOpen` shape so APG behaviour holds. Defer to\n   * an inner `hx-menu` when present (it owns the toggle). Otherwise this\n   * panel is the enclosing menu surface — call `setSubmenuOpen(true)` on\n   * the dispatching item and focus its first nested child.\n   * @internal\n   */\n  private readonly _handleSlotSubmenuOpen = (e: Event): void => {\n    if (!(e instanceof CustomEvent)) return;\n    const detail = (e as CustomEvent<{ item: HTMLElement }>).detail;\n    const item = detail?.item;\n    if (!item) return;\n    if (findClosestMenuAncestor(item) !== null) return;\n    queueMicrotask(() => {\n      if (e.defaultPrevented) return;\n      const setter = (item as HTMLElement & { setSubmenuOpen?: (v: boolean) => void })\n        .setSubmenuOpen;\n      if (typeof setter !== 'function') return;\n      setter.call(item, true);\n      const updateComplete = (item as HTMLElement & { updateComplete?: Promise<unknown> })\n        .updateComplete;\n      if (updateComplete) {\n        void updateComplete\n          .then(() => {\n            const submenuSlot = (\n              item as HTMLElement & { shadowRoot?: ShadowRoot | null }\n            ).shadowRoot?.querySelector<HTMLSlotElement>('slot[name=\"submenu\"]');\n            const nested = submenuSlot\n              ?.assignedElements({ flatten: true })\n              .find((el) => el.tagName.toLowerCase() === 'hx-menu') as\n              | (HTMLElement & { focusFirst?: () => void })\n              | undefined;\n            nested?.focusFirst?.();\n          })\n          .catch(() => undefined);\n      }\n    });\n  };\n\n  /**\n   * Bubbled `hx-item-submenu-close` from a slotted `hx-menu-item` host.\n   * Codex push-gate round-9 P1: when an inner `hx-menu` (a nested\n   * submenu) handles its own close, the event still bubbles through this\n   * panel — defer in that case so the panel stays open. When the\n   * dispatching item is top-level inside this panel (no enclosing\n   * `hx-menu`), there is no parent submenu to collapse, so close the\n   * composite's panel and return focus to the trigger.\n   * @internal\n   */\n  private readonly _handleSlotSubmenuClose = (e: Event): void => {\n    if (!(e instanceof CustomEvent)) return;\n    const detail = (e as CustomEvent<{ item: HTMLElement }>).detail;\n    const item = detail?.item;\n    if (!item) return;\n    if (findClosestMenuAncestor(item) !== null) return;\n    if (e.defaultPrevented) return;\n    this._hide();\n    // CodeRabbit MUST-FIX (WCAG 2.1.1 / 2.4.3): ArrowLeft close from a\n    // top-level slotted item dropped focus to <body>. Mirror the Escape\n    // branch and restore focus to the trigger so keyboard continuity is\n    // preserved.\n    this._buttonEl?.focus();\n  };\n\n  /** @internal */\n  private readonly _handleSlotChange = (): void => {\n    if (this._open) {\n      this._initRovingTabIndex();\n    }\n  };\n\n  // ─── Host-attribute trigger label mirror ───\n\n  /**\n   * Resolves the trigger button's accessible name from host attributes and\n   * the `label` property. AccName 1.2 §4.3.1 precedence:\n   *   1. Host `aria-labelledby` (resolved IDREFs, flattened)\n   *   2. Host `aria-label`\n   *   3. `label` property\n   * @internal\n   */\n  private _syncResolvedTriggerLabel(): void {\n    const liveLabelledBy = this.getAttribute('aria-labelledby');\n    const consumerLabelEls = resolveIdrefTokens(this, liveLabelledBy);\n\n    // CodeRabbit MUST-FIX: AccName 1.2 §4.3.2 — `aria-labelledby` references\n    // their target text content REGARDLESS of visibility. The previous\n    // outer visibility filter dropped legitimate accessible names from\n    // visually-hidden labels. `flattenAccName` already handles aria-hidden\n    // subtree pruning per §4.3.10.\n    const flattenedFromIdrefs = consumerLabelEls\n      .map((el) => flattenAccName(el))\n      .filter((t) => t.length > 0)\n      .join(' ')\n      .replace(/\\s+/g, ' ')\n      .trim();\n\n    const liveAriaLabel = this.getAttribute('aria-label');\n    const hostAriaLabel = liveAriaLabel !== null ? liveAriaLabel.trim() : '';\n\n    let resolved = '';\n    if (flattenedFromIdrefs) {\n      resolved = flattenedFromIdrefs;\n    } else if (hostAriaLabel) {\n      resolved = hostAriaLabel;\n    } else {\n      resolved = this.label;\n    }\n\n    this._resolvedTriggerLabel = resolved;\n  }\n\n  // ─── SVG Icons ───\n\n  /** @internal */\n  private _renderIcon() {\n    if (this.icon === 'horizontal') {\n      return html`\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"1em\"\n          height=\"1em\"\n          viewBox=\"0 0 24 24\"\n          fill=\"currentColor\"\n          aria-hidden=\"true\"\n        >\n          <circle cx=\"5\" cy=\"12\" r=\"2\" />\n          <circle cx=\"12\" cy=\"12\" r=\"2\" />\n          <circle cx=\"19\" cy=\"12\" r=\"2\" />\n        </svg>\n      `;\n    }\n    return html`\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"1em\"\n        height=\"1em\"\n        viewBox=\"0 0 24 24\"\n        fill=\"currentColor\"\n        aria-hidden=\"true\"\n      >\n        <circle cx=\"12\" cy=\"5\" r=\"2\" />\n        <circle cx=\"12\" cy=\"12\" r=\"2\" />\n        <circle cx=\"12\" cy=\"19\" r=\"2\" />\n      </svg>\n    `;\n  }\n\n  // ─── Render ───\n\n  override render() {\n    const btnClasses = {\n      trigger: true,\n      [`trigger--${this.size}`]: true,\n      'trigger--open': this._open,\n    };\n\n    return html`\n      <button\n        part=\"button trigger\"\n        class=${classMap(btnClasses)}\n        type=\"button\"\n        aria-label=${this._resolvedTriggerLabel}\n        aria-haspopup=\"menu\"\n        aria-expanded=${String(this._open)}\n        aria-controls=${this._open ? this._panelId : nothing}\n        ?disabled=${this.disabled}\n        @click=${this._handleTriggerClick}\n      >\n        ${this._renderIcon()}\n      </button>\n      ${this._open\n        ? html`\n            <div\n              id=${this._panelId}\n              part=\"panel menu\"\n              role=\"menu\"\n              aria-label=${this.labelMenu}\n              class=\"panel\"\n              @click=${this._handleSlotClick}\n              @hx-item-select=${this._handleSlotItemSelect}\n              @hx-item-submenu-open=${this._handleSlotSubmenuOpen}\n              @hx-item-submenu-close=${this._handleSlotSubmenuClose}\n            >\n              <slot @slotchange=${this._handleSlotChange}></slot>\n            </div>\n          `\n        : nothing}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-overflow-menu': HelixOverflowMenu;\n  }\n}\n"],"names":["helixOverflowMenuStyles","css","_nextOverflowMenuId","createIdCounter","HelixOverflowMenu","HelixElement","_a","items","focused","next","_b","target","menuItem","value","detail","item","findClosestMenuAncestor","setter","updateComplete","submenuSlot","nested","el","installAriaIdrefMirror","changedProperties","trigger","panel","computePosition","flip","shift","offset","x","y","i","writeMenuItemRovingTabIndex","slot","isHostCanonicalMenuItem","char","match","getMenuItemTypeaheadLabel","liveLabelledBy","flattenedFromIdrefs","resolveIdrefTokens","flattenAccName","t","liveAriaLabel","hostAriaLabel","resolved","html","btnClasses","classMap","nothing","forcedColorsInteractive","__decorateClass","property","state","query","customElement"],"mappings":"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"}