@helixui/library 3.8.0 → 3.9.0-next.149

package/dist/shared/{hx-tree-item-CXyspGxI.js → hx-tree-item-D8hwKd5m.js}

@@ -81,9 +81,9 @@ function R(e) {
   return null;
 }
 var H = Object.defineProperty, T = Object.getOwnPropertyDescriptor, b = (e, t, s, i) => {
-  for (var r = i > 1 ? void 0 : i ? T(t, s) : t, n = e.length - 1, l; n >= 0; n--)
-    (l = e[n]) && (r = (i ? l(t, s, r) : l(r)) || r);
-  return i && r && H(t, s, r), r;
+  for (var a = i > 1 ? void 0 : i ? T(t, s) : t, n = e.length - 1, l; n >= 0; n--)
+    (l = e[n]) && (a = (i ? l(t, s, a) : l(a)) || a);
+  return i && a && H(t, s, a), a;
 };
 let d = class extends A {
   constructor() {
@@ -154,8 +154,8 @@ let d = class extends A {
     if (this.selection !== "none") {
       if (this.selection === "single") {
         const i = s.selected;
-        this._getSelectedItems().forEach((r) => {
-          r.selected = !1;
+        this._getSelectedItems().forEach((a) => {
+          a.selected = !1;
         }), s.selected = !i;
       } else this.selection === "multiple" && (s.selected = !s.selected);
       this.dispatchEvent(
@@ -169,37 +169,37 @@ let d = class extends A {
   }
   /** @internal */
   _handleKeyDown(e) {
-    var r, n, l;
+    var a, n, l;
     const t = this._getVisibleItems();
     if (t.length === 0) return;
     let s = this._currentIndex;
     const i = document.activeElement;
-    for (let a = 0; a < t.length; a++)
-      if (t[a] === i || (n = (r = t[a]) == null ? void 0 : r.shadowRoot) != null && n.activeElement) {
-        s = a;
+    for (let r = 0; r < t.length; r++)
+      if (t[r] === i || (n = (a = t[r]) == null ? void 0 : a.shadowRoot) != null && n.activeElement) {
+        s = r;
         break;
       }
     switch (e.key) {
       case "ArrowDown": {
         e.preventDefault();
-        const a = s < t.length - 1 ? s + 1 : 0;
-        this._focusItem(a);
+        const r = s < t.length - 1 ? s + 1 : 0;
+        this._focusItem(r);
         break;
       }
       case "ArrowUp": {
         e.preventDefault();
-        const a = s > 0 ? s - 1 : t.length - 1;
-        this._focusItem(a);
+        const r = s > 0 ? s - 1 : t.length - 1;
+        this._focusItem(r);
         break;
       }
       case "ArrowLeft": {
         e.preventDefault();
-        const a = t[s];
-        if (!a || a.disabled) break;
-        if (a.expanded && a.hasChildItems)
-          a.expanded = !1, this._invalidateVisibleItemsCache();
+        const r = t[s];
+        if (!r || r.disabled) break;
+        if (r.expanded && r.hasChildItems)
+          r.expanded = !1, this._invalidateVisibleItemsCache();
         else {
-          const p = (l = a.parentElement) == null ? void 0 : l.closest("hx-tree-item");
+          const p = (l = r.parentElement) == null ? void 0 : l.closest("hx-tree-item");
           if (p) {
             const _ = t.indexOf(p);
             _ >= 0 && this._focusItem(_);
@@ -209,9 +209,9 @@ let d = class extends A {
       }
       case "ArrowRight": {
         e.preventDefault();
-        const a = t[s];
-        if (!a || a.disabled) break;
-        a.hasChildItems && (a.expanded ? this._focusItem(s + 1) : (a.expanded = !0, this._invalidateVisibleItemsCache()));
+        const r = t[s];
+        if (!r || r.disabled) break;
+        r.hasChildItems && (r.expanded ? this._focusItem(s + 1) : (r.expanded = !0, this._invalidateVisibleItemsCache()));
         break;
       }
       case "Home": {
@@ -225,8 +225,8 @@ let d = class extends A {
       default: {
         if (e.key.length === 1) {
           e.preventDefault();
-          const a = this._findTypeaheadMatch(e.key.toLowerCase(), s);
-          a !== -1 && this._focusItem(a);
+          const r = this._findTypeaheadMatch(e.key.toLowerCase(), s);
+          r !== -1 && this._focusItem(r);
         }
         break;
       }
@@ -241,9 +241,9 @@ let d = class extends A {
     const s = this._getVisibleItems();
     if (s.length === 0) return -1;
     for (let i = 1; i <= s.length; i++) {
-      const r = (t + i) % s.length, n = s[r];
+      const a = (t + i) % s.length, n = s[a];
       if (n && n.labelText.toLowerCase().startsWith(e))
-        return r;
+        return a;
     }
     return -1;
   }
@@ -260,9 +260,9 @@ let d = class extends A {
   _updateAriaMetadataForContainer(e, t) {
     const s = this.selection === "single" || this.selection === "multiple", i = Array.from(e.children).filter(
       (n) => n.tagName.toLowerCase() === "hx-tree-item"
-    ), r = i.length;
+    ), a = i.length;
     i.forEach((n, l) => {
-      n.setAriaMetadata(t, l + 1, r, s), this._updateAriaMetadataForContainer(n, t + 1);
+      n.setAriaMetadata(t, l + 1, a, s), this._updateAriaMetadataForContainer(n, t + 1);
     });
   }
   /**
@@ -318,13 +318,13 @@ let d = class extends A {
     var l;
     const e = this._internals;
     this._supportsIdrefRefs ? (e.role = "tree", e.ariaMultiSelectable = this.selection === "none" ? null : this.selection === "multiple" ? "true" : "false") : (e.role = null, e.ariaLabel = null, e.ariaMultiSelectable = null);
-    const t = ((l = this.getAttribute("aria-label")) == null ? void 0 : l.trim()) || "", s = this.getAttribute("aria-labelledby"), i = S(this, s), r = i.length > 0;
+    const t = ((l = this.getAttribute("aria-label")) == null ? void 0 : l.trim()) || "", s = this.getAttribute("aria-labelledby"), i = S(this, s), a = i.length > 0;
     if (this._supportsIdrefRefs) {
-      const a = e;
-      a.ariaLabelledByElements = r ? i : null;
+      const r = e;
+      r.ariaLabelledByElements = a ? i : null;
     }
     let n = "";
-    r ? (n = i.map((p) => C(p)).filter(Boolean).join(" ") || t || this.label || "Tree", this._supportsIdrefRefs && (e.ariaLabel = null)) : t ? (n = t, this._supportsIdrefRefs && (e.ariaLabel = t)) : (n = this.label || "Tree", this._supportsIdrefRefs && (e.ariaLabel = n)), this._resolvedAccessibleName !== n && (this._resolvedAccessibleName = n, this._supportsIdrefRefs || this.requestUpdate());
+    a ? (n = i.map((p) => C(p)).filter(Boolean).join(" ") || t || this.label || "Tree", this._supportsIdrefRefs && (e.ariaLabel = null)) : t ? (n = t, this._supportsIdrefRefs && (e.ariaLabel = t)) : (n = this.label || "Tree", this._supportsIdrefRefs && (e.ariaLabel = n)), this._resolvedAccessibleName !== n && (this._resolvedAccessibleName = n, this._supportsIdrefRefs || this.requestUpdate());
   }
   // ─── Render ───
   render() {
@@ -477,18 +477,12 @@ const $ = x`
     outline-offset: var(--hx-focus-ring-offset, 2px);
   }
 
-  .expand-btn svg {
-    width: var(--hx-space-3, 0.75rem);
-    height: var(--hx-space-3, 0.75rem);
-    stroke: currentColor;
-    fill: none;
-    stroke-width: 2;
-    stroke-linecap: round;
-    stroke-linejoin: round;
+  .expand-btn .expand-glyph {
+    --hx-icon-size: var(--hx-space-3, 0.75rem);
     transition: transform var(--hx-transition-fast, 150ms ease);
   }
 
-  :host([expanded]) .expand-btn svg {
+  :host([expanded]) .expand-btn .expand-glyph {
     transform: rotate(90deg);
   }
 
@@ -566,9 +560,9 @@ const $ = x`
   }
 `;
 var M = Object.defineProperty, D = Object.getOwnPropertyDescriptor, h = (e, t, s, i) => {
-  for (var r = i > 1 ? void 0 : i ? D(t, s) : t, n = e.length - 1, l; n >= 0; n--)
-    (l = e[n]) && (r = (i ? l(t, s, r) : l(r)) || r);
-  return i && r && M(t, s, r), r;
+  for (var a = i > 1 ? void 0 : i ? D(t, s) : t, n = e.length - 1, l; n >= 0; n--)
+    (l = e[n]) && (a = (i ? l(t, s, a) : l(a)) || a);
+  return i && a && M(t, s, a), a;
 };
 let o = class extends A {
   constructor() {
@@ -628,16 +622,16 @@ let o = class extends A {
     this._level = e;
     const s = this.parentElement;
     if (s) {
-      const r = Array.from(s.children).filter(
+      const a = Array.from(s.children).filter(
         (n) => n.tagName.toLowerCase() === "hx-tree-item"
       );
-      this._posInSet = r.indexOf(this) + 1, this._setSize = r.length;
+      this._posInSet = a.indexOf(this) + 1, this._setSize = a.length;
     } else
       this._posInSet = 1, this._setSize = 1;
     const i = this.closest("hx-tree-view");
     if (i) {
-      const r = i.getAttribute("selection");
-      this._selectable = r === "single" || r === "multiple";
+      const a = i.getAttribute("selection");
+      this._selectable = a === "single" || a === "multiple";
     } else
       this._selectable = !1;
   }
@@ -700,15 +694,15 @@ let o = class extends A {
     var l;
     const e = this._internals;
     this._supportsIdrefRefs ? (e.role = "treeitem", e.ariaDisabled = this.disabled ? "true" : null, e.ariaSelected = this._selectable ? this.selected ? "true" : "false" : null, e.ariaExpanded = this._hasChildren ? this.expanded ? "true" : "false" : null, e.ariaLevel = String(this._level), e.ariaPosInSet = String(this._posInSet), e.ariaSetSize = String(this._setSize)) : (e.role = null, e.ariaLabel = null, e.ariaDisabled = null, e.ariaSelected = null, e.ariaExpanded = null, e.ariaLevel = null, e.ariaPosInSet = null, e.ariaSetSize = null);
-    const t = ((l = this.getAttribute("aria-label")) == null ? void 0 : l.trim()) || "", s = this.getAttribute("aria-labelledby"), i = S(this, s), r = i.length > 0;
+    const t = ((l = this.getAttribute("aria-label")) == null ? void 0 : l.trim()) || "", s = this.getAttribute("aria-labelledby"), i = S(this, s), a = i.length > 0;
     if (this._supportsIdrefRefs) {
-      const a = e;
-      a.ariaLabelledByElements = r ? i : null;
+      const r = e;
+      r.ariaLabelledByElements = a ? i : null;
     }
     let n = "";
-    if (r) {
-      const a = i.map((p) => C(p)).filter(Boolean).join(" ") || t || "";
-      n = a, this._supportsIdrefRefs ? e.ariaLabel = null : e.ariaLabel = a || null;
+    if (a) {
+      const r = i.map((p) => C(p)).filter(Boolean).join(" ") || t || "";
+      n = r, this._supportsIdrefRefs ? e.ariaLabel = null : e.ariaLabel = r || null;
     } else t ? (n = t, e.ariaLabel = t) : e.ariaLabel = null;
     this._resolvedAccessibleName !== n && (this._resolvedAccessibleName = n, this._supportsIdrefRefs || this.requestUpdate());
   }
@@ -816,9 +810,12 @@ let o = class extends A {
         aria-label="${this.expanded ? "Collapse" : "Expand"}"
         @click=${this._handleExpandClick}
       >
-        <svg viewBox="0 0 16 16" aria-hidden="true">
-          <polyline points="6 4 10 8 6 12" />
-        </svg>
+        <hx-icon
+          class="expand-glyph"
+          library="helix"
+          name="chevron-right"
+          aria-hidden="true"
+        ></hx-icon>
       </button>
     ` : f`<span class="expand-placeholder" aria-hidden="true"></span>`;
   }
@@ -922,4 +919,4 @@ export {
   o as H,
   d as a
 };
-//# sourceMappingURL=hx-tree-item-CXyspGxI.js.map
+//# sourceMappingURL=hx-tree-item-D8hwKd5m.js.map

package/dist/shared/hx-tree-item-D8hwKd5m.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-tree-item-D8hwKd5m.js","sources":["../../src/components/hx-tree-view/hx-tree-view.styles.ts","../../src/utils/tree-walk.ts","../../src/components/hx-tree-view/hx-tree-view.ts","../../src/components/hx-tree-view/hx-tree-item.styles.ts","../../src/components/hx-tree-view/hx-tree-item.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const helixTreeViewStyles = css`\n  :host {\n    display: block;\n    contain: layout style;\n    font-family: var(--hx-tree-font-family, var(--hx-font-family-sans, sans-serif));\n  }\n\n  * {\n    box-sizing: border-box;\n  }\n\n  .tree {\n    display: block;\n    outline: none;\n  }\n\n  .tree:focus-visible {\n    outline: var(--hx-focus-ring-width, 2px) solid var(--hx-focus-ring-color, #0f7078);\n    outline-offset: var(--hx-focus-ring-offset, 2px);\n    border-radius: var(--hx-border-radius-sm, 0.25rem);\n  }\n\n  /* ─── High Contrast Mode (forced-colors) ─── */\n\n  @media (forced-colors: active) {\n    .tree:focus-visible {\n      outline: 3px solid Highlight;\n      outline-offset: 2px;\n    }\n  }\n`;\n","/**\n * Composed-tree walkers for the `hx-tree-view` family.\n *\n * Mirrors the `menu-tree.ts` utilities (codex push-gate round-9 extraction\n * for the menu family), but specialized for `hx-tree-view` / `hx-tree-item`\n * where nesting is structural rather than slot-based — child items live in a\n * named `slot=\"children\"` projected into the parent item's shadow root,\n * and any number of nesting levels are legal.\n *\n * Group 5c (codex push-gate round-1 lift): `hx-tree-view`'s host-bound\n * keydown / select handlers receive bubbled events from EVERY descendant\n * tree-item, including ones that legitimately belong to an inner\n * `hx-tree-view`. The same guard pattern that `hx-menu` uses (act only when\n * THIS host is the closest enclosing surface of the dispatching item) is\n * required for trees too. `hx-tree-item._handleClick` /\n * `_handleKeyDown` need to ignore bubbled events from a CHILD `hx-tree-item`\n * — otherwise selecting Child also activates Parent and Enter on Child\n * re-fires Parent's handler.\n *\n * @module\n */\n\n/**\n * Walks the composed tree from `start` outward and returns the closest\n * enclosing `<hx-tree-view>` element, or `null` if none exists. Crosses\n * shadow boundaries (`getRootNode().host`) and slot boundaries\n * (`assignedSlot`) so that an item nested inside a child tree-item — which\n * lives in the parent item's `slot=\"children\"`, projected into the parent's\n * shadow root — resolves to the correct enclosing tree.\n *\n * Returned as `Element` to avoid a circular import between `hx-tree-view`\n * and this util; callers narrow with `instanceof HelixTreeView` if needed.\n *\n * @internal\n */\nexport function findClosestTreeView(start: Element): Element | null {\n  let node: Node | null = start;\n  while (node) {\n    if (node instanceof Element && node.tagName.toLowerCase() === 'hx-tree-view') {\n      return node;\n    }\n    if (node instanceof Element && node.assignedSlot) {\n      node = node.assignedSlot;\n      continue;\n    }\n    const parentNode: Node | null = node.parentNode;\n    if (parentNode) {\n      node = parentNode;\n      continue;\n    }\n    if (node instanceof ShadowRoot) {\n      node = node.host;\n      continue;\n    }\n    break;\n  }\n  return null;\n}\n\n/**\n * Walks the composed tree from `start` outward and returns the closest\n * enclosing `<hx-tree-item>` element, or `null` if none exists. Includes\n * `start` itself when it is an `hx-tree-item`.\n *\n * Used by `hx-tree-item`'s `_isOwnEvent` origin guard: a click or keydown\n * is \"ours\" iff the closest `hx-tree-item` ancestor of the original event\n * target is THIS item (not a child item slotted into our `children` slot).\n * The walk crosses shadow + slot boundaries so a deeply nested child item\n * resolves correctly.\n *\n * Returned as `Element` to avoid a circular import; callers narrow with\n * `instanceof HelixTreeItem` if needed.\n *\n * @internal\n */\nexport function findClosestTreeItem(start: Element): Element | null {\n  let node: Node | null = start;\n  while (node) {\n    if (node instanceof Element && node.tagName.toLowerCase() === 'hx-tree-item') {\n      return node;\n    }\n    if (node instanceof Element && node.assignedSlot) {\n      node = node.assignedSlot;\n      continue;\n    }\n    const parentNode: Node | null = node.parentNode;\n    if (parentNode) {\n      node = parentNode;\n      continue;\n    }\n    if (node instanceof ShadowRoot) {\n      node = node.host;\n      continue;\n    }\n    break;\n  }\n  return null;\n}\n","import { html, nothing, type PropertyValues } from 'lit';\nimport '../../utilities/document-token-adoption.js';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { HelixElement } from '../../base/index.js';\nimport { helixTreeViewStyles } from './hx-tree-view.styles.js';\nimport { forcedColorsSurface } from '../../styles/forced-colors.js';\nimport type { HelixTreeItem, HxTreeItemSelectDetail } from './hx-tree-item.js';\nimport { devWarn } from '../../utils/dev-warn.js';\nimport {\n  installAriaIdrefMirror,\n  resolveIdrefTokens,\n  supportsIdrefElementReferences,\n  type AriaIdrefMirrorHandle,\n} from '../../utils/aria-idref.js';\nimport { flattenAccName } from '../../utils/aria-flatten.js';\nimport { findClosestTreeView } from '../../utils/tree-walk.js';\n\n/** Selection mode for the tree. */\nexport type TreeSelection = 'none' | 'single' | 'multiple';\n\n/** Detail type for the `hx-select` event. */\nexport interface HxSelectDetail {\n  /** The tree item that was selected or deselected. */\n  item: HelixTreeItem;\n  /** Whether the item is now selected. */\n  selected: boolean;\n}\n\n/**\n * A hierarchical tree component for navigating nested data structures.\n * Used in healthcare applications for org charts, ICD-10 code hierarchies, and department navigation.\n *\n * Group 5c host-canonical: `role=\"tree\"` lives on the **host** via\n * `_internals.role` on the modern path. The host carries the announced\n * surface so AT walks `<hx-tree-view>` (role=tree) → slotted\n * `<hx-tree-item>` (role=treeitem on host) directly without two layers of\n * indirection. Consumer-supplied `aria-label` / `aria-labelledby` on the\n * host are resolved via the shared IDREF mirror; cross-shadow naming uses\n * `ariaLabelledByElements` (modern) with a flattened-string fallback\n * (legacy). On the legacy fallback path the inner `[role=\"tree\"]` carries\n * the role + accessible name and the host role is suppressed so AT only\n * sees one tree per logical surface (mirrors `hx-menu` round-8).\n *\n * Full keyboard navigation: Arrow keys for movement, Enter/Space for\n * selection, Home/End for first/last item, ArrowRight/Left for\n * expand/collapse + parent/child traversal, typeahead.\n *\n * ## Scale Limits\n *\n * This component renders all tree items simultaneously in the DOM. It is suitable for\n * trees with up to ~500 visible items. For large taxonomies (e.g., ICD-10 with 70,000+\n * codes), use async/lazy loading: only render top-level nodes initially and populate\n * child nodes on `hx-select` or expand events. The component exposes the `expanded`\n * property on `hx-tree-item` for programmatic control of subtrees, enabling consumer-level\n * virtualization strategies without requiring changes to this component.\n *\n * @summary Hierarchical tree view with expand/collapse and keyboard navigation.\n *\n * @tag hx-tree-view\n *\n * @slot - Default slot for hx-tree-item elements.\n *\n * @fires {CustomEvent<HxSelectDetail>} hx-select - Dispatched when a tree item is selected or deselected.\n *\n * @csspart tree - The tree container element with role=\"tree\" (legacy fallback path) or the inner shadow surface (modern path; role lives on the host).\n *\n * @cssprop [--hx-tree-font-family=var(--hx-font-family-sans)] - Tree font family.\n * @cssprop [--hx-font-family-sans] - Font family.\n * @cssprop [--hx-focus-ring-width] - Width.\n * @cssprop [--hx-focus-ring-color] - Color.\n * @cssprop [--hx-color-primary-400] - Color.\n * @cssprop [--hx-focus-ring-offset] - CSS custom property.\n * @cssprop [--hx-border-radius-sm] - CSS custom property.\n */\n@customElement('hx-tree-view')\nexport class HelixTreeView extends HelixElement {\n  static override styles = [helixTreeViewStyles, forcedColorsSurface];\n\n  // ─── Properties ───\n\n  /**\n   * Accessible label for the tree. Used as a fallback when no\n   * consumer-supplied `aria-label` / `aria-labelledby` is present on the\n   * host. On the modern host-canonical path this projects onto\n   * `internals.ariaLabel`; on the legacy fallback path it appears as\n   * `aria-label` on the inner `[role=\"tree\"]` element.\n   * @attr label\n   */\n  @property({ type: String, reflect: true })\n  label = '';\n\n  /**\n   * Selection mode for the tree.\n   * - `none` — items cannot be selected\n   * - `single` — only one item can be selected at a time\n   * - `multiple` — multiple items can be selected\n   * @attr selection\n   */\n  @property({ type: String, reflect: true })\n  selection: 'none' | 'single' | 'multiple' = 'none';\n\n  // ─── Internal State ───\n\n  /** @internal */\n  @state() private _currentIndex = 0;\n\n  /** Tracks whether the tree has any visible items, to decide the container tabindex. */\n  /** @internal */\n  @state() private _hasVisibleItems = false;\n\n  // ─── Host-canonical ARIA bookkeeping ───\n\n  /**\n   * Test seam (codex push-gate round-1 lift from group 5b): when set to\n   * `true` or `false`, overrides the platform `supportsIdrefElementReferences`\n   * probe before `connectedCallback` seeds `_supportsIdrefRefs`. Mirrors the\n   * hx-menu / hx-menu-item / hx-select seam — required so tests can\n   * deterministically exercise the legacy fallback render branch.\n   *\n   * Production code MUST NOT touch this field. It is `static` so the test\n   * stub cleanup is global and obvious.\n   * @internal\n   */\n  static __testSupportsIdrefRefsOverride: boolean | null = null;\n\n  /** @internal */\n  private _supportsIdrefRefs = true;\n\n  /** @internal */\n  private _ariaMirror: AriaIdrefMirrorHandle | null = null;\n\n  /**\n   * Resolved accessible name for the tree — the single source of truth read\n   * by `_syncHostAriaSemantics()` (modern path: writes to\n   * `internals.ariaLabel`) and the fallback `render()` branch (legacy path:\n   * writes to inner `div[role=\"tree\"]` `aria-label`). AccName 1.2 §4.3.1\n   * precedence: consumer host `aria-labelledby` (resolved + flattened) >\n   * consumer host `aria-label` > `label` property > literal \"Tree\".\n   * @internal\n   */\n  private _resolvedAccessibleName = '';\n\n  // ─── Visible items cache ───\n\n  /**\n   * Cached flat list of visible items (depth-first, respects collapsed nodes).\n   * Set to null to invalidate; rebuilt on next access.\n   * @internal\n   */\n  private _cachedVisibleItems: HelixTreeItem[] | null = null;\n\n  /**\n   * Invalidate the visible-items cache. Call after any expand/collapse or structural change.\n   * @internal\n   */\n  private _invalidateVisibleItemsCache(): void {\n    this._cachedVisibleItems = null;\n  }\n\n  // ─── Internal Helpers ───\n\n  /**\n   * Returns a flat ordered list of all visible (not inside a collapsed item) hx-tree-items\n   * in depth-first order. Result is cached; invalidated on expand/collapse/slotchange.\n   */\n  /** @internal */\n  private _getVisibleItems(): HelixTreeItem[] {\n    if (!this._cachedVisibleItems) {\n      this._cachedVisibleItems = this._collectVisibleItems(this);\n    }\n    return this._cachedVisibleItems;\n  }\n\n  /** @internal */\n  private _collectVisibleItems(container: Element): HelixTreeItem[] {\n    const items: HelixTreeItem[] = [];\n    for (const child of Array.from(container.children)) {\n      if (child.tagName.toLowerCase() === 'hx-tree-item') {\n        const item = child as HelixTreeItem;\n        items.push(item);\n        if (item.expanded) {\n          items.push(...this._collectVisibleItems(item));\n        }\n      } else {\n        items.push(...this._collectVisibleItems(child));\n      }\n    }\n    return items;\n  }\n\n  /** @internal */\n  private _getSelectedItems(): HelixTreeItem[] {\n    return Array.from(this.querySelectorAll<HelixTreeItem>('hx-tree-item[selected]'));\n  }\n\n  /**\n   * Updates the roving tabindex across all visible items so that only the\n   * item at `activeIndex` has `tabindex=\"0\"`. All others receive `tabindex=\"-1\"`.\n   * This is called whenever the active item changes (navigation, initial render).\n   */\n  /** @internal */\n  private _updateRovingTabindex(items: HelixTreeItem[], activeIndex: number): void {\n    items.forEach((item, i) => {\n      item.setRovingActive(i === activeIndex);\n    });\n  }\n\n  /** @internal */\n  private _focusItem(index: number): void {\n    const items = this._getVisibleItems();\n    if (items.length === 0) return;\n    const clamped = Math.max(0, Math.min(index, items.length - 1));\n    this._currentIndex = clamped;\n    this._updateRovingTabindex(items, clamped);\n    items[clamped]?.focus();\n  }\n\n  // ─── Event Handling ───\n\n  /** @internal */\n  private _handleTreeItemSelect(e: Event): void {\n    if (!(e instanceof CustomEvent)) return;\n    const event = e as CustomEvent<HxTreeItemSelectDetail>;\n    const item = event.detail.item;\n\n    if (this.selection === 'none') return;\n\n    if (this.selection === 'single') {\n      const wasSelected = item.selected;\n      this._getSelectedItems().forEach((i) => {\n        i.selected = false;\n      });\n      item.selected = !wasSelected;\n    } else if (this.selection === 'multiple') {\n      item.selected = !item.selected;\n    }\n\n    this.dispatchEvent(\n      new CustomEvent<HxSelectDetail>('hx-select', {\n        bubbles: true,\n        composed: true,\n        detail: { item, selected: item.selected },\n      }),\n    );\n  }\n\n  /**\n   * Codex push-gate round-1 lift (mirrors hx-menu round-7 finding 2):\n   * `hx-tree-item-select` bubbles composed through every enclosing\n   * `hx-tree-view`. The outer tree would otherwise corrupt `_currentIndex`\n   * to `-1` (the bubbled item is not in its top-level list) and re-emit a\n   * duplicate `hx-select`. Only act when THIS tree is the closest\n   * enclosing tree of the dispatching item.\n   * @internal\n   */\n  private _handleItemSelectHost = (e: Event): void => {\n    if (!(e instanceof CustomEvent)) return;\n    const detail = (e as CustomEvent<HxTreeItemSelectDetail>).detail;\n    const item = detail?.item;\n    if (item && findClosestTreeView(item) !== this) {\n      return;\n    }\n    this._handleTreeItemSelect(e);\n  };\n\n  /** @internal */\n  private _handleKeyDown(e: KeyboardEvent): void {\n    const items = this._getVisibleItems();\n    if (items.length === 0) return;\n\n    let currentIndex = this._currentIndex;\n    const focused = document.activeElement;\n\n    for (let i = 0; i < items.length; i++) {\n      if (items[i] === focused || items[i]?.shadowRoot?.activeElement) {\n        currentIndex = i;\n        break;\n      }\n    }\n\n    switch (e.key) {\n      case 'ArrowDown': {\n        e.preventDefault();\n        // Intentional design: wrap-around from last to first item provides\n        // a continuous navigation loop, consistent with the component's\n        // circular keyboard navigation model.\n        const next = currentIndex < items.length - 1 ? currentIndex + 1 : 0;\n        this._focusItem(next);\n        break;\n      }\n      case 'ArrowUp': {\n        e.preventDefault();\n        // Intentional design: wrap-around from first to last item (see ArrowDown note).\n        const prev = currentIndex > 0 ? currentIndex - 1 : items.length - 1;\n        this._focusItem(prev);\n        break;\n      }\n      case 'ArrowLeft': {\n        e.preventDefault();\n        const currentItem = items[currentIndex];\n        if (!currentItem) break;\n        if (currentItem.disabled) break;\n        if (currentItem.expanded && currentItem.hasChildItems) {\n          currentItem.expanded = false;\n          this._invalidateVisibleItemsCache();\n        } else {\n          const parentItem = currentItem.parentElement?.closest('hx-tree-item') as\n            | HelixTreeItem\n            | undefined;\n          if (parentItem) {\n            const parentIndex = items.indexOf(parentItem);\n            if (parentIndex >= 0) {\n              this._focusItem(parentIndex);\n            }\n          }\n        }\n        break;\n      }\n      case 'ArrowRight': {\n        e.preventDefault();\n        const currentItem = items[currentIndex];\n        if (!currentItem) break;\n        if (currentItem.disabled) break;\n        if (currentItem.hasChildItems) {\n          if (!currentItem.expanded) {\n            currentItem.expanded = true;\n            this._invalidateVisibleItemsCache();\n          } else {\n            this._focusItem(currentIndex + 1);\n          }\n        }\n        break;\n      }\n      case 'Home': {\n        e.preventDefault();\n        this._focusItem(0);\n        break;\n      }\n      case 'End': {\n        e.preventDefault();\n        this._focusItem(items.length - 1);\n        break;\n      }\n      default: {\n        // WAI-ARIA APG typeahead: a printable character moves focus to the next visible\n        // item whose label starts with that character (case-insensitive).\n        if (e.key.length === 1) {\n          e.preventDefault();\n          const matchIndex = this._findTypeaheadMatch(e.key.toLowerCase(), currentIndex);\n          if (matchIndex !== -1) {\n            this._focusItem(matchIndex);\n          }\n        }\n        break;\n      }\n    }\n  }\n\n  /**\n   * Codex push-gate round-1 lift (mirrors hx-menu round-7 finding 1):\n   * keydown bound on the host receives events bubbled out of nested\n   * tree-views. Without this guard the outer tree would run `_focusItem`\n   * over its own top-level items and steal focus back out of the inner\n   * tree. Only act when THIS tree is the closest enclosing tree of the\n   * keydown target.\n   * @internal\n   */\n  private _handleHostKeyDown = (e: KeyboardEvent): void => {\n    const target = e.target;\n    if (target instanceof Element && findClosestTreeView(target) !== this) {\n      return;\n    }\n    this._handleKeyDown(e);\n  };\n\n  /**\n   * Finds the next visible item (starting after `currentIndex`, wrapping around) whose\n   * label text begins with the given lowercase character. Returns -1 if no match.\n   * @internal\n   */\n  private _findTypeaheadMatch(char: string, currentIndex: number): number {\n    const items = this._getVisibleItems();\n    if (items.length === 0) return -1;\n    for (let i = 1; i <= items.length; i++) {\n      const index = (currentIndex + i) % items.length;\n      const item = items[index];\n      if (item && item.labelText.toLowerCase().startsWith(char)) {\n        return index;\n      }\n    }\n    return -1;\n  }\n\n  /** @internal */\n  private _handleFocusIn(e: FocusEvent): void {\n    // With roving tabindex, the tree container (tabindex=\"-1\") should only receive\n    // focus when the tree is empty. If focus does land on the container (e.g. the\n    // tree is empty or programmatic focus), redirect to the active item if present.\n    if (e.target === e.currentTarget) {\n      const items = this._getVisibleItems();\n      if (items.length > 0) {\n        this._focusItem(this._currentIndex);\n      }\n    }\n  }\n\n  /**\n   * Compute and push ARIA position metadata (level, posInSet, setSize, selectable) to all\n   * direct hx-tree-item children of a container in a single O(n) pass.\n   * Each item also recurses for its own children, building the full tree in O(total-items) total.\n   * @internal\n   */\n  private _updateAriaMetadataForContainer(container: Element, level: number): void {\n    const selectable = this.selection === 'single' || this.selection === 'multiple';\n    const children = Array.from(container.children).filter(\n      (c) => c.tagName.toLowerCase() === 'hx-tree-item',\n    ) as HelixTreeItem[];\n    const setSize = children.length;\n    children.forEach((item, index) => {\n      item.setAriaMetadata(level, index + 1, setSize, selectable);\n      // Recurse into child items so the full tree is updated in one traversal\n      this._updateAriaMetadataForContainer(item, level + 1);\n    });\n  }\n\n  /**\n   * Initializes the roving tabindex after items are first slotted in.\n   * Ensures the active item (index 0 by default) has tabindex=\"0\" from the start,\n   * so a Tab into the tree lands directly on the first item without a redirect.\n   * Also updates `_hasVisibleItems` so the container tabindex re-renders correctly.\n   * Pushes O(n) ARIA metadata to all items to replace the O(n^2) per-item ancestor walk.\n   */\n  /** @internal */\n  private _handleSlotChange(): void {\n    this._invalidateVisibleItemsCache();\n    // Push ARIA metadata from parent in a single O(n) traversal\n    this._updateAriaMetadataForContainer(this, 1);\n    const items = this._getVisibleItems();\n    this._hasVisibleItems = items.length > 0;\n    if (items.length === 0) return;\n    // Clamp _currentIndex in case items were removed.\n    const clamped = Math.min(this._currentIndex, items.length - 1);\n    this._currentIndex = clamped;\n    this._updateRovingTabindex(items, clamped);\n  }\n\n  // ─── Lifecycle ───\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    // Honour the static test override so synthetic environments choose the\n    // path BEFORE connect runs — the fallback render branch needs to be\n    // selected at first paint so the inner `[role=\"tree\"]` carries the\n    // resolved accessible name without a mid-life flag flip.\n    const ctor = this.constructor as typeof HelixTreeView;\n    this._supportsIdrefRefs =\n      ctor.__testSupportsIdrefRefsOverride !== null\n        ? ctor.__testSupportsIdrefRefsOverride\n        : supportsIdrefElementReferences(this._internals);\n    // Keydown + select are bound on the HOST so events from focused\n    // host-canonical tree-items (which keep keydown out of this tree's\n    // shadow DOM on the modern path) still reach the navigation handler.\n    // Both handlers carry composed-tree origin guards that ignore events\n    // bubbled out of a NESTED `<hx-tree-view>`.\n    this.addEventListener('keydown', this._handleHostKeyDown);\n    this.addEventListener('hx-tree-item-select', this._handleItemSelectHost);\n    // Seed host-canonical semantics so role/label appear before first paint.\n    this._syncHostAriaSemantics();\n    this._ariaMirror = installAriaIdrefMirror(this, () => {\n      this._syncHostAriaSemantics();\n    });\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('keydown', this._handleHostKeyDown);\n    this.removeEventListener('hx-tree-item-select', this._handleItemSelectHost);\n    this._ariaMirror?.disconnect();\n    this._ariaMirror = null;\n  }\n\n  override updated(changedProperties: PropertyValues<this>): void {\n    super.updated(changedProperties);\n    // CodeRabbit MUST-FIX: `selection` change must re-sync host\n    // semantics so `aria-multiselectable` reflects the new mode\n    // (single → false, multiple → true, none → unset). Previously only\n    // `label` triggered the resync, leaving stale aria-multiselectable.\n    if (changedProperties.has('label') || changedProperties.has('selection')) {\n      this._syncHostAriaSemantics();\n    }\n    if (changedProperties.has('selection')) {\n      // Per-item _selectable flag also depends on the parent's selection\n      // mode — recompute the descendants so each hx-tree-item host's\n      // `aria-selected` matches the new container contract.\n      this._updateAriaMetadataForContainer(this, 1);\n    }\n  }\n\n  override firstUpdated(): void {\n    const hasEffectiveLabel =\n      this.hasAttribute('aria-label') ||\n      this.hasAttribute('aria-labelledby') ||\n      Boolean(this.label);\n    if (!hasEffectiveLabel) {\n      devWarn(\n        'hx-tree-view',\n        'No accessible label provided. Set the `label` attribute, or supply `aria-label` / `aria-labelledby` on hx-tree-view so screen readers can identify this tree (WCAG 4.1.2).',\n      );\n    }\n  }\n\n  /**\n   * Mirror tree semantics onto the host via ElementInternals so consumer-\n   * supplied `aria-label`, `aria-labelledby`, and the `label` property all\n   * reach the announced control. Falls back to a flattened-string label on\n   * engines that do not implement `ariaLabelledByElements`.\n   *\n   * Codex push-gate round-1 lift (mirrors hx-menu round-8 finding 1): on\n   * the legacy fallback path the inner `<div role=\"tree\" aria-label=\"…\">`\n   * is the announced surface. If we ALSO write `internals.role = 'tree'`\n   * onto the host, AT sees TWO trees for one logical surface — the\n   * duplicate-surface problem host-canonical migration is meant to\n   * eliminate. Suppress host role + label writes on the fallback path; the\n   * inner element is the canonical announced surface there. Modern path\n   * keeps the host as the canonical surface and clears the inner role.\n   * @internal\n   */\n  private _syncHostAriaSemantics(): void {\n    const internals = this._internals;\n\n    if (!this._supportsIdrefRefs) {\n      internals.role = null;\n      internals.ariaLabel = null;\n      internals.ariaMultiSelectable = null;\n    } else {\n      internals.role = 'tree';\n      internals.ariaMultiSelectable =\n        this.selection === 'none' ? null : this.selection === 'multiple' ? 'true' : 'false';\n    }\n\n    const hostAriaLabel = this.getAttribute('aria-label')?.trim() || '';\n    const consumerLabelledBy = this.getAttribute('aria-labelledby');\n    const labelEls = resolveIdrefTokens(this, consumerLabelledBy);\n    const hasEffectiveLabelledBy = labelEls.length > 0;\n\n    type InternalsWithRefs = ElementInternals & {\n      ariaLabelledByElements: Element[] | null;\n    };\n\n    if (this._supportsIdrefRefs) {\n      const refsInternals = internals as InternalsWithRefs;\n      refsInternals.ariaLabelledByElements = hasEffectiveLabelledBy ? labelEls : null;\n    }\n\n    // AccName 1.2 §4.3.1 precedence: consumer aria-labelledby (resolved) >\n    // consumer aria-label > `label` property > literal \"Tree\" (last-resort).\n    let resolved = '';\n    if (hasEffectiveLabelledBy) {\n      const flattened =\n        labelEls\n          .map((el) => flattenAccName(el))\n          .filter(Boolean)\n          .join(' ') ||\n        hostAriaLabel ||\n        this.label ||\n        'Tree';\n      resolved = flattened;\n      if (this._supportsIdrefRefs) {\n        // Modern path: element refs win; clear ariaLabel so they aren't\n        // shadowed by a stale string. Fallback branch reads\n        // `_resolvedAccessibleName` for its inner-div mirror — host\n        // ariaLabel is already cleared above on the fallback path.\n        internals.ariaLabel = null;\n      }\n    } else if (hostAriaLabel) {\n      resolved = hostAriaLabel;\n      if (this._supportsIdrefRefs) {\n        internals.ariaLabel = hostAriaLabel;\n      }\n    } else {\n      resolved = this.label || 'Tree';\n      if (this._supportsIdrefRefs) {\n        internals.ariaLabel = resolved;\n      }\n    }\n\n    if (this._resolvedAccessibleName !== resolved) {\n      this._resolvedAccessibleName = resolved;\n      if (!this._supportsIdrefRefs) {\n        this.requestUpdate();\n      }\n    }\n  }\n\n  // ─── Render ───\n\n  override render() {\n    // Roving tabindex pattern (WCAG 2.4.3 Fix):\n    // The tree container is NOT a Tab stop (tabindex=\"-1\"). Tab focus goes\n    // directly to the active item, which carries tabindex=\"0\". The container\n    // is only a landing target (tabindex=\"0\") when the tree is empty.\n    const containerTabindex = this._hasVisibleItems ? '-1' : '0';\n\n    // Modern host-canonical path: role + aria-label live on the host via\n    // `_internals`. The inner div is roleless on the modern path so AT\n    // does not see a duplicated container role nested inside the host.\n    if (this._supportsIdrefRefs) {\n      return html`\n        <div part=\"tree\" class=\"tree\" tabindex=${containerTabindex} @focusin=${this._handleFocusIn}>\n          <slot @slotchange=${this._handleSlotChange}></slot>\n        </div>\n      `;\n    }\n\n    // Legacy fallback: keep role + aria-label on inner div for AT without\n    // IDL element-references on ElementInternals. Mirror the resolved\n    // accessible name (consumer aria-label / aria-labelledby flatten /\n    // `label` property cascade) so menus named via the new host API still\n    // announce on legacy engines.\n    const fallbackLabel = this._resolvedAccessibleName || this.label || 'Tree';\n    return html`\n      <div\n        part=\"tree\"\n        class=\"tree\"\n        role=\"tree\"\n        tabindex=${containerTabindex}\n        aria-label=${fallbackLabel}\n        aria-multiselectable=${this.selection === 'none'\n          ? nothing\n          : this.selection === 'multiple'\n            ? 'true'\n            : 'false'}\n        @focusin=${this._handleFocusIn}\n      >\n        <slot @slotchange=${this._handleSlotChange}></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-tree-view': HelixTreeView;\n  }\n}\n\n/** Canonical type alias for HelixTreeView. Use this when typing hx-tree-view element references. */\nexport type HxTreeView = HelixTreeView;\n","import { css } from 'lit';\n\nexport const helixTreeItemStyles = css`\n  :host {\n    display: block;\n    contain: layout style;\n  }\n\n  * {\n    box-sizing: border-box;\n  }\n\n  /* ─── Item Container ─── */\n\n  .item {\n    display: block;\n  }\n\n  /* ─── Item Row ─── */\n\n  .item-row {\n    display: flex;\n    align-items: center;\n    min-height: var(--hx-touch-target-min, 44px);\n    gap: var(--hx-tree-item-gap, var(--hx-space-2, 0.5rem));\n    padding: var(--hx-tree-item-padding-y, var(--hx-space-2, 0.5rem))\n      var(--hx-tree-item-padding-x, var(--hx-space-2, 0.5rem));\n    padding-inline-start: calc(\n      var(--hx-tree-item-padding-x, var(--hx-space-2, 0.5rem)) + var(--_indent-level, 0) *\n        var(--hx-tree-indent-size, 1.5rem)\n    );\n    border-radius: var(--hx-tree-item-border-radius, var(--hx-border-radius-sm, 0.25rem));\n    cursor: pointer;\n    outline: none;\n    color: var(--hx-tree-item-color, var(--hx-color-neutral-900, #0d1825));\n    font-family: var(--hx-tree-item-font-family, var(--hx-font-family-sans, sans-serif));\n    font-size: var(--hx-tree-item-font-size, var(--hx-font-size-sm, 0.875rem));\n    line-height: var(--hx-line-height-normal, 1.5);\n    transition: background-color var(--hx-transition-fast, 150ms ease);\n    user-select: none;\n  }\n\n  .item-row:hover {\n    background-color: var(--hx-tree-item-hover-bg, var(--hx-color-neutral-100, #ebeee9));\n  }\n\n  .item-row:focus-visible {\n    outline: var(--hx-focus-ring-width, 2px) solid\n      var(--hx-tree-item-focus-ring-color, var(--hx-focus-ring-color, #0f7078));\n    outline-offset: var(--hx-focus-ring-offset, -2px);\n  }\n\n  /* ─── Selected State ─── */\n\n  :host([selected]) .item-row {\n    background-color: var(--hx-tree-item-selected-bg, var(--hx-color-primary-100, #dbf0f0));\n    color: var(--hx-tree-item-selected-color, var(--hx-color-primary-800, #07494a));\n  }\n\n  :host([selected]) .item-row:hover {\n    background-color: var(--hx-tree-item-selected-hover-bg, var(--hx-color-primary-200, #bce1e1));\n  }\n\n  /* ─── Disabled State ─── */\n\n  :host([disabled]) .item-row {\n    opacity: var(--hx-opacity-disabled, 0.5);\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  /* ─── Expand Icon ─── */\n\n  .expand-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: var(--hx-space-4, 1rem);\n    height: var(--hx-space-4, 1rem);\n  }\n\n  .expand-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--hx-space-4, 1rem);\n    height: var(--hx-space-4, 1rem);\n    padding: 0;\n    border: none;\n    background: transparent;\n    color: var(--hx-tree-item-expand-icon-color, var(--hx-color-neutral-500, #66787b));\n    cursor: pointer;\n    border-radius: var(--hx-border-radius-sm, 0.25rem);\n    transition: transform var(--hx-transition-fast, 150ms ease);\n    pointer-events: auto;\n  }\n\n  .expand-btn:hover {\n    background-color: var(\n      --hx-tree-item-expand-hover-bg,\n      var(--hx-overlay-black-6, rgba(0, 0, 0, 0.06))\n    );\n  }\n\n  .expand-btn:focus-visible {\n    outline: var(--hx-focus-ring-width, 2px) solid\n      var(--hx-tree-item-focus-ring-color, var(--hx-focus-ring-color, #0f7078));\n    outline-offset: var(--hx-focus-ring-offset, 2px);\n  }\n\n  .expand-btn .expand-glyph {\n    --hx-icon-size: var(--hx-space-3, 0.75rem);\n    transition: transform var(--hx-transition-fast, 150ms ease);\n  }\n\n  :host([expanded]) .expand-btn .expand-glyph {\n    transform: rotate(90deg);\n  }\n\n  .expand-placeholder {\n    display: block;\n    width: var(--hx-space-4, 1rem);\n    flex-shrink: 0;\n  }\n\n  /* ─── Icon Slot ─── */\n\n  .item-icon {\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n    color: var(--hx-tree-item-icon-color, var(--hx-color-neutral-500, #66787b));\n  }\n\n  .item-icon:empty {\n    display: none;\n  }\n\n  /* ─── Label ─── */\n\n  .item-label {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  /* ─── Children (animated) ─── */\n\n  .children {\n    display: grid;\n    grid-template-rows: 0fr;\n    transition: grid-template-rows var(--hx-transition-base, 200ms ease);\n    --_indent-level: calc(var(--_indent-level, 0) + 1);\n  }\n\n  .children--expanded {\n    grid-template-rows: 1fr;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .item-row,\n    .expand-btn,\n    .expand-btn svg,\n    .children {\n      transition: none;\n    }\n  }\n\n  /* ─── Forced Colors (Windows High Contrast) ─── */\n\n  @media (forced-colors: active) {\n    .item-row:focus-visible {\n      outline: 3px solid Highlight;\n      outline-offset: -2px;\n    }\n\n    .expand-btn:focus-visible {\n      outline: 3px solid Highlight;\n      outline-offset: 2px;\n    }\n\n    :host([selected]) .item-row {\n      outline: 2px solid Highlight;\n    }\n  }\n\n  .children-inner {\n    overflow: hidden;\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';\nimport '../hx-icon/hx-icon.js';\nimport { HelixElement } from '../../base/index.js';\nimport { helixTreeItemStyles } from './hx-tree-item.styles.js';\nimport { forcedColorsSurface } from '../../styles/forced-colors.js';\nimport {\n  installAriaIdrefMirror,\n  resolveIdrefTokens,\n  supportsIdrefElementReferences,\n  type AriaIdrefMirrorHandle,\n} from '../../utils/aria-idref.js';\nimport { flattenAccName } from '../../utils/aria-flatten.js';\nimport { findClosestTreeItem } from '../../utils/tree-walk.js';\n\n/** Detail type for the `hx-tree-item-select` event. */\nexport interface HxTreeItemSelectDetail {\n  /** The tree item that was selected or activated. */\n  item: HelixTreeItem;\n}\n\n/**\n * A tree item used within an hx-tree-view component.\n * Supports expand/collapse, selection, keyboard navigation, and icon/children slots.\n *\n * Group 5c host-canonical: `role=\"treeitem\"` lives on the **host** via\n * `_internals.role`. The roving tabindex is written to the host on the\n * modern path so the host is the focusable surface and lands directly\n * under the parent `<hx-tree-view>` (which carries `role=\"tree\"`) in the\n * AT-walked tree. The inner `.item-row` is presentational on the modern\n * path — no role, no aria-* attributes — and carries only click/keyboard\n * event handlers. Keyboard activation (Enter/Space) and expand/collapse\n * (ArrowLeft/Right at the leaf level) are owned by the host's `keydown`\n * handler; ArrowUp/Down/Home/End and typeahead bubble to the parent\n * `<hx-tree-view>` for navigation.\n *\n * The nested `[role=\"group\"]` element that wraps the `slot=\"children\"`\n * stays in the inner shadow DOM regardless of path — that group is a\n * separate sub-surface for the children, not a duplicate of the\n * treeitem role.\n *\n * On the legacy fallback path the inner `.item-row` carries\n * `role=\"treeitem\"` + aria-* state, the host role is suppressed, and the\n * roving tabindex is written to the inner element so there is only ONE\n * focusable surface per item (mirrors hx-menu-item round-8).\n *\n * @summary Individual item within an hx-tree-view hierarchical tree.\n *\n * @tag hx-tree-item\n *\n * @slot - Default slot for the item label content. This text is also used to label the children group.\n * @slot icon - Custom icon shown before the label.\n * @slot children - Nested hx-tree-item elements for sub-tree.\n *\n * @csspart item - The outer item container.\n * @csspart row - The interactive item row (presentational on the modern path; carries role=\"treeitem\" + aria-* on the legacy fallback).\n * @csspart expand-icon - The expand/collapse toggle button.\n * @csspart label - The label text content area.\n * @csspart children - The children container (always carries role=\"group\").\n *\n * @cssprop [--hx-tree-item-color=var(--hx-color-neutral-900)] - Item text color.\n * @cssprop [--hx-tree-item-hover-bg=var(--hx-color-neutral-100)] - Hover background color.\n * @cssprop [--hx-tree-item-selected-bg=var(--hx-color-primary-100)] - Selected background color.\n * @cssprop [--hx-tree-item-selected-color=var(--hx-color-primary-800)] - Selected text color.\n * @cssprop [--hx-tree-item-padding-x=var(--hx-space-2)] - Horizontal padding.\n * @cssprop [--hx-tree-item-padding-y=var(--hx-space-1)] - Vertical padding.\n * @cssprop [--hx-tree-indent-size=1.5rem] - Indentation size per level.\n *\n * @fires {CustomEvent<HxTreeItemSelectDetail>} hx-tree-item-select - Dispatched when this item is clicked or activated via keyboard.\n */\n@customElement('hx-tree-item')\nexport class HelixTreeItem extends HelixElement {\n  static override styles = [helixTreeItemStyles, forcedColorsSurface];\n\n  /**\n   * Test seam (codex push-gate round-1 lift from group 5b): when set to\n   * `true` or `false`, overrides the platform `supportsIdrefElementReferences`\n   * probe before `connectedCallback` seeds `_supportsIdrefRefs`. Mirrors the\n   * hx-menu-item / hx-select seam — required so tests can deterministically\n   * exercise the legacy fallback render branch.\n   *\n   * Production code MUST NOT touch this field. It is `static` so the test\n   * stub cleanup is global and obvious.\n   * @internal\n   */\n  static __testSupportsIdrefRefsOverride: boolean | null = null;\n\n  // ─── Properties ───\n\n  /**\n   * Whether the item is expanded (showing children).\n   * @attr expanded\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  /**\n   * Whether the item is selected.\n   * @attr selected\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * Whether the item is disabled (non-interactive).\n   * @attr disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  // ─── Internal State ───\n\n  /**\n   * Tracks whether any elements are assigned to the children slot, controlling expand icon visibility.\n   * @internal\n   */\n  @state() private _hasChildren = false;\n\n  /**\n   * Whether this item is the roving-tabindex active item in the tree.\n   * @internal\n   */\n  @state() private _rovingActive = false;\n\n  /**\n   * Text content from the default slot, used to label the children group for screen readers.\n   * @internal\n   */\n  @state() private _labelText = '';\n\n  /**\n   * Cached ARIA position metadata. Computed once on connect and on slotchange\n   * of the parent container, avoiding repeated DOM traversal on every render.\n   * @internal\n   */\n  @state() private _level = 1;\n  /**\n   * One-based position of this item within its sibling set, set as aria-posinset.\n   * @internal\n   */\n  @state() private _posInSet = 1;\n  /**\n   * Total count of sibling hx-tree-item elements at the same level, set as aria-setsize.\n   * @internal\n   */\n  @state() private _setSize = 1;\n  /**\n   * Whether the owning hx-tree-view supports item selection (single or multiple mode).\n   * @internal\n   */\n  @state() private _selectable = false;\n\n  /** @internal */\n  @query('.item-row') private _itemRowEl!: HTMLElement | null;\n\n  // ─── Host-canonical ARIA bookkeeping ───\n\n  /** @internal */\n  private _supportsIdrefRefs = true;\n\n  /** @internal */\n  private _ariaMirror: AriaIdrefMirrorHandle | null = null;\n\n  /**\n   * Resolved accessible name override for the tree item — read by both\n   * `_syncHostAriaSemantics()` (modern path: host `internals.ariaLabel`)\n   * and the fallback `render()` branch (legacy path: inner\n   * `div[role=\"treeitem\"]` `aria-label`). Empty string means \"no override\"\n   * — slotted text content provides the implicit name through the\n   * announced surface (host on modern; inner row on fallback). AccName 1.2\n   * §4.3.1 precedence: consumer host `aria-labelledby` (flattened) >\n   * consumer host `aria-label` > implicit slotted text.\n   * @internal\n   */\n  private _resolvedAccessibleName = '';\n\n  // ─── Computed ARIA ───\n\n  /**\n   * Whether this item has slotted children.\n   * @returns True if one or more elements are assigned to the children slot.\n   */\n  get hasChildItems(): boolean {\n    return this._hasChildren;\n  }\n\n  /**\n   * The text content of the item's label slot, used for typeahead keyboard navigation.\n   * Returns an empty string until the label slot has been assigned.\n   */\n  get labelText(): string {\n    return this._labelText;\n  }\n\n  /**\n   * Recompute all cached ARIA metadata in a single DOM pass.\n   * Called on connect, slotchange, and whenever structural context may change.\n   * @internal\n   */\n  private _updateAriaMetadata(): void {\n    // Compute nesting level by counting ancestor hx-tree-item elements.\n    let level = 1;\n    let el: Element | null = this.parentElement;\n    while (el) {\n      if (el.tagName.toLowerCase() === 'hx-tree-item') level++;\n      el = el.parentElement;\n    }\n    this._level = level;\n\n    // Compute position-in-set and set-size from sibling hx-tree-item elements.\n    const parent = this.parentElement;\n    if (parent) {\n      const siblings = Array.from(parent.children).filter(\n        (c) => c.tagName.toLowerCase() === 'hx-tree-item',\n      );\n      this._posInSet = siblings.indexOf(this) + 1;\n      this._setSize = siblings.length;\n    } else {\n      this._posInSet = 1;\n      this._setSize = 1;\n    }\n\n    // Determine if the owning tree supports selection.\n    const tree = this.closest('hx-tree-view');\n    if (tree) {\n      const selection = tree.getAttribute('selection');\n      this._selectable = selection === 'single' || selection === 'multiple';\n    } else {\n      this._selectable = false;\n    }\n  }\n\n  /**\n   * Set ARIA position metadata from the parent hx-tree-view in a single O(n) pass.\n   * Calling this avoids the O(n^2) ancestor-walk + sibling-iteration in _updateAriaMetadata\n   * when the parent already knows the layout.\n   * @internal\n   */\n  setAriaMetadata(level: number, posInSet: number, setSize: number, selectable: boolean): void {\n    this._level = level;\n    this._posInSet = posInSet;\n    this._setSize = setSize;\n    this._selectable = selectable;\n  }\n\n  // ─── Lifecycle ───\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    // Honour the static test override so synthetic environments choose the\n    // path BEFORE connect runs — the fallback render branch needs to be\n    // selected at first paint so role + roving tabindex placement matches a\n    // legacy engine for the entire lifecycle.\n    const ctor = this.constructor as typeof HelixTreeItem;\n    this._supportsIdrefRefs =\n      ctor.__testSupportsIdrefRefsOverride !== null\n        ? ctor.__testSupportsIdrefRefsOverride\n        : supportsIdrefElementReferences(this._internals);\n    this._updateAriaMetadata();\n    // Click + keydown live on the HOST so the active surface (the host on\n    // the modern path; either the host or the inner div in delegating\n    // engines) receives events. Origin guards (`_isOwnEvent`) reject events\n    // bubbled from a CHILD `hx-tree-item` slotted into our `children`\n    // slot — without that, selecting Child also activates Parent.\n    this.addEventListener('click', this._handleClick);\n    this.addEventListener('keydown', this._handleKeyDown);\n    this._syncHostAriaSemantics();\n    this._applyHostTabIndex();\n    this._ariaMirror = installAriaIdrefMirror(this, () => {\n      this._syncHostAriaSemantics();\n    });\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this._handleClick);\n    this.removeEventListener('keydown', this._handleKeyDown);\n    this._ariaMirror?.disconnect();\n    this._ariaMirror = null;\n  }\n\n  override updated(changedProperties: PropertyValues<this>): void {\n    super.updated(changedProperties);\n    if (\n      changedProperties.has('disabled') ||\n      changedProperties.has('selected') ||\n      changedProperties.has('expanded') ||\n      (changedProperties as Map<PropertyKey, unknown>).has('_hasChildren') ||\n      (changedProperties as Map<PropertyKey, unknown>).has('_selectable') ||\n      (changedProperties as Map<PropertyKey, unknown>).has('_level') ||\n      (changedProperties as Map<PropertyKey, unknown>).has('_posInSet') ||\n      (changedProperties as Map<PropertyKey, unknown>).has('_setSize')\n    ) {\n      this._syncHostAriaSemantics();\n    }\n    if (\n      (changedProperties as Map<PropertyKey, unknown>).has('_rovingActive') ||\n      changedProperties.has('disabled')\n    ) {\n      this._applyHostTabIndex();\n    }\n  }\n\n  /**\n   * Apply the roving tabindex through the right surface for the active\n   * path. On the modern host-canonical path the host carries the role +\n   * tabindex; on the legacy fallback path the inner `.item-row` carries\n   * both via the template, so the host MUST stay out of the tab order to\n   * avoid a double-focusable per item (mirrors hx-menu-item round-1\n   * finding 3).\n   * @internal\n   */\n  private _applyHostTabIndex(): void {\n    if (!this._supportsIdrefRefs) {\n      // Fallback path: inner `.item-row` is the focusable surface. Keep\n      // the host out of the sequential focus order entirely.\n      this.tabIndex = -1;\n      return;\n    }\n    if (this.disabled) {\n      this.tabIndex = -1;\n    } else {\n      this.tabIndex = this._rovingActive ? 0 : -1;\n    }\n  }\n\n  /**\n   * Mirror treeitem semantics onto the host via ElementInternals so\n   * consumer-supplied `aria-label`, `aria-labelledby`, expand/select state,\n   * and tree position all reach the announced control.\n   *\n   * Codex push-gate round-1 lift (mirrors hx-menu-item round-6 finding 2):\n   * on the legacy fallback path the inner `.item-row` already exposes\n   * role=\"treeitem\" + aria-* via the template. If we ALSO write those onto\n   * the host's ElementInternals, AT sees TWO treeitems for one logical\n   * option — the duplicate-surface problem host-canonical migration is\n   * meant to eliminate. Suppress all of these state writes on the host\n   * when the fallback path is in effect; the inner element is the\n   * canonical announced surface.\n   * @internal\n   */\n  private _syncHostAriaSemantics(): void {\n    const internals = this._internals;\n\n    if (!this._supportsIdrefRefs) {\n      internals.role = null;\n      internals.ariaLabel = null;\n      internals.ariaDisabled = null;\n      internals.ariaSelected = null;\n      internals.ariaExpanded = null;\n      internals.ariaLevel = null;\n      internals.ariaPosInSet = null;\n      internals.ariaSetSize = null;\n    } else {\n      internals.role = 'treeitem';\n      internals.ariaDisabled = this.disabled ? 'true' : null;\n      internals.ariaSelected = this._selectable ? (this.selected ? 'true' : 'false') : null;\n      internals.ariaExpanded = this._hasChildren ? (this.expanded ? 'true' : 'false') : null;\n      internals.ariaLevel = String(this._level);\n      internals.ariaPosInSet = String(this._posInSet);\n      internals.ariaSetSize = String(this._setSize);\n    }\n\n    const hostAriaLabel = this.getAttribute('aria-label')?.trim() || '';\n    const consumerLabelledBy = this.getAttribute('aria-labelledby');\n    const labelEls = resolveIdrefTokens(this, consumerLabelledBy);\n    const hasEffectiveLabelledBy = labelEls.length > 0;\n\n    type InternalsWithRefs = ElementInternals & {\n      ariaLabelledByElements: Element[] | null;\n    };\n\n    if (this._supportsIdrefRefs) {\n      const refsInternals = internals as InternalsWithRefs;\n      refsInternals.ariaLabelledByElements = hasEffectiveLabelledBy ? labelEls : null;\n    }\n\n    // AccName 1.2 §4.3.1 precedence: consumer aria-labelledby (resolved) >\n    // consumer aria-label > implicit slotted text (left to AccName\n    // computation through the host's role). When neither override is\n    // supplied, ariaLabel is cleared so AT walks slotted children for the\n    // accessible name.\n    let resolved = '';\n    if (hasEffectiveLabelledBy) {\n      const flattened =\n        labelEls\n          .map((el) => flattenAccName(el))\n          .filter(Boolean)\n          .join(' ') ||\n        hostAriaLabel ||\n        '';\n      resolved = flattened;\n      if (this._supportsIdrefRefs) {\n        // Modern path: element refs win; clear ariaLabel so they aren't\n        // shadowed by a stale string.\n        internals.ariaLabel = null;\n      } else {\n        internals.ariaLabel = flattened || null;\n      }\n    } else if (hostAriaLabel) {\n      resolved = hostAriaLabel;\n      internals.ariaLabel = hostAriaLabel;\n    } else {\n      internals.ariaLabel = null;\n    }\n\n    if (this._resolvedAccessibleName !== resolved) {\n      this._resolvedAccessibleName = resolved;\n      if (!this._supportsIdrefRefs) {\n        this.requestUpdate();\n      }\n    }\n  }\n\n  // ─── Children Detection ───\n\n  /**\n   * Updates _hasChildren and recomputes ARIA metadata when the children slot assignment changes.\n   * @internal\n   */\n  private _handleChildrenSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    this._hasChildren = slot.assignedElements().length > 0;\n    this._updateAriaMetadata();\n    this._syncHostAriaSemantics();\n  }\n\n  /**\n   * Captures the text content from the default (label) slot for use on the children group label.\n   * @internal\n   */\n  private _handleLabelSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    const nodes = slot.assignedNodes({ flatten: true });\n    this._labelText = nodes\n      .map((n) => n.textContent ?? '')\n      .join('')\n      .trim();\n  }\n\n  // ─── Event Handlers ───\n\n  /**\n   * Origin guard for host-bound click/keydown handlers. Returns `true` only\n   * when the event originated on THIS host's surface (its shadow tree or\n   * itself) and not on a nested `hx-tree-item` projected into the\n   * `children` slot.\n   *\n   * Codex push-gate round-1 lift (mirrors hx-menu-item round-5 P1):\n   * children are slotted descendants in the parent's light DOM. Click/\n   * keydown events from a Child item bubble through the parent host's\n   * listeners — without this guard, selecting Child also activates\n   * Parent (double `hx-tree-item-select`) and Enter/Space on Child\n   * re-trigger Parent's handlers.\n   *\n   * Uses the shared `findClosestTreeItem` walker (composed-tree, crosses\n   * shadow + slot boundaries) so the test bed is reused across the\n   * tree family. The event is \"ours\" iff the closest `hx-tree-item`\n   * ancestor of the original target is `this`.\n   * @internal\n   */\n  private _isOwnEvent(e: Event): boolean {\n    const path = e.composedPath();\n    for (const node of path) {\n      if (!(node instanceof Element)) continue;\n      const closest = findClosestTreeItem(node);\n      if (closest) {\n        return closest === this;\n      }\n    }\n    return false;\n  }\n\n  /**\n   * Toggles the expanded state when the expand/collapse button is clicked, stopping event propagation.\n   * @internal\n   */\n  private _handleExpandClick(e: Event): void {\n    e.stopPropagation();\n    if (this.disabled) return;\n    this.expanded = !this.expanded;\n  }\n\n  /**\n   * Dispatches the hx-tree-item-select event when the item is activated via\n   * click or keyboard. The host listens for click; this method is also\n   * invoked from the Enter/Space keydown branch.\n   * @internal\n   */\n  private _activate(): void {\n    if (this.disabled) return;\n    this.dispatchEvent(\n      new CustomEvent<HxTreeItemSelectDetail>('hx-tree-item-select', {\n        bubbles: true,\n        composed: true,\n        detail: { item: this },\n      }),\n    );\n  }\n\n  /** @internal */\n  private _handleClick = (e: MouseEvent): void => {\n    // Codex push-gate round-1 lift (mirrors hx-menu-item round-5 P1):\n    // clicks on a nested CHILD tree-item bubble through this host. Without\n    // an origin guard, both Child and Parent activate.\n    if (!this._isOwnEvent(e)) return;\n    // CodeRabbit MUST-FIX: a click landing inside our own children\n    // container (the `[role=\"group\"]` wrapper around `<slot name=\"children\">`)\n    // — i.e. on padding, between child items, on the group itself — also\n    // walks back up to THIS host through `_isOwnEvent`. Treat any click\n    // sourced from the children group as NOT a row activation.\n    const path = e.composedPath();\n    for (const node of path) {\n      if (!(node instanceof Element)) continue;\n      if (node === this) break;\n      if (node.getAttribute && node.getAttribute('part') === 'children') return;\n    }\n    if (this.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n    this._activate();\n  };\n\n  /** @internal */\n  private _handleKeyDown = (e: KeyboardEvent): void => {\n    // Codex push-gate round-1 lift (mirrors hx-menu-item round-5 P1):\n    // Enter / Space / ArrowLeft / ArrowRight at a focused CHILD bubble\n    // through this host. Without an origin guard, Parent treats them as\n    // its own — double activation, wrong-level expand/collapse.\n    if (!this._isOwnEvent(e)) return;\n    if (this.disabled) return;\n\n    switch (e.key) {\n      case 'ArrowRight':\n        e.preventDefault();\n        if (this._hasChildren && !this.expanded) {\n          this.expanded = true;\n        }\n        break;\n      case 'ArrowLeft':\n        e.preventDefault();\n        if (this._hasChildren && this.expanded) {\n          this.expanded = false;\n        }\n        break;\n      case 'Enter':\n      case ' ':\n        e.preventDefault();\n        this._activate();\n        break;\n      case 'ArrowDown':\n      case 'ArrowUp':\n      case 'Home':\n      case 'End':\n        // Bubble up to hx-tree-view for navigation\n        break;\n    }\n  };\n\n  // ─── Public API ───\n\n  /**\n   * Sets the roving tabindex state for this item.\n   * When `active` is true, the host (modern) or inner row (fallback) gets\n   * `tabindex=\"0\"` making it the Tab-reachable surface in the tree. All\n   * other items should be set to false. Called by the parent hx-tree-view\n   * to manage the roving tabindex pattern.\n   */\n  setRovingActive(active: boolean): void {\n    this._rovingActive = active;\n    this._applyHostTabIndex();\n  }\n\n  /**\n   * Focus this item. On the modern host-canonical path, focus lands on the\n   * host (which carries the roving tabindex and announced role). On the\n   * legacy fallback path, focus delegates to the inner `.item-row` which\n   * still carries the role.\n   */\n  override focus(options?: FocusOptions): void {\n    if (this._supportsIdrefRefs) {\n      HTMLElement.prototype.focus.call(this, options);\n    } else {\n      this._itemRowEl?.focus(options);\n    }\n  }\n\n  // ─── Render ───\n\n  /**\n   * Renders the expand/collapse chevron button, or a placeholder span when the item has no children.\n   * @internal\n   */\n  private _renderExpandIcon() {\n    if (!this._hasChildren) {\n      return html`<span class=\"expand-placeholder\" aria-hidden=\"true\"></span>`;\n    }\n    return html`\n      <button\n        part=\"expand-icon\"\n        class=\"expand-btn\"\n        tabindex=\"-1\"\n        aria-label=\"${this.expanded ? 'Collapse' : 'Expand'}\"\n        @click=${this._handleExpandClick}\n      >\n        <hx-icon\n          class=\"expand-glyph\"\n          library=\"helix\"\n          name=\"chevron-right\"\n          aria-hidden=\"true\"\n        ></hx-icon>\n      </button>\n    `;\n  }\n\n  override render() {\n    // The nested children container always carries role=\"group\" — that is\n    // a separate sub-surface for the children, not a duplicate of the\n    // treeitem role, and is correct on both the modern and fallback paths.\n    const childrenGroup = html`\n      <div\n        part=\"children\"\n        class=${classMap({ children: true, 'children--expanded': this.expanded })}\n        role=\"group\"\n        aria-label=${this._labelText ? `${this._labelText} children` : 'children'}\n        aria-hidden=${!this.expanded || nothing}\n      >\n        <div class=\"children-inner\">\n          <slot name=\"children\" @slotchange=${this._handleChildrenSlotChange}></slot>\n        </div>\n      </div>\n    `;\n\n    // Modern host-canonical path: role/aria-* and tabindex live on the\n    // host via `_internals` and the `_applyHostTabIndex()` helper. The\n    // inner `.item-row` is presentational (no role, no aria-*) and carries\n    // only the visual treatment + slot composition. Click + keydown\n    // handlers stay on the host (see connectedCallback) so keyboard\n    // activation works regardless of which surface is focused.\n    if (this._supportsIdrefRefs) {\n      return html`\n        <div part=\"item\" class=\"item\">\n          <div part=\"row\" class=\"item-row\">\n            ${this._renderExpandIcon()}\n            <span class=\"item-icon\">\n              <slot name=\"icon\"></slot>\n            </span>\n            <span part=\"label\" class=\"item-label\">\n              <slot @slotchange=${this._handleLabelSlotChange}></slot>\n            </span>\n          </div>\n          ${childrenGroup}\n        </div>\n      `;\n    }\n\n    // Legacy fallback: keep role/aria-* on the inner `.item-row` for AT\n    // without IDL element-references on ElementInternals. Click + keydown\n    // still listen on the host (see connectedCallback) so behaviour is\n    // uniform across paths. The inner element MUST mirror the same\n    // accessible name resolved by `_syncHostAriaSemantics()`.\n    const fallbackAriaLabel = this._resolvedAccessibleName || nothing;\n    const ariaExpanded = this._hasChildren ? String(this.expanded) : nothing;\n    const ariaSelected = this._selectable ? String(this.selected) : nothing;\n\n    return html`\n      <div part=\"item\" class=\"item\">\n        <div\n          part=\"row\"\n          class=\"item-row\"\n          role=\"treeitem\"\n          tabindex=${this._rovingActive ? '0' : '-1'}\n          aria-label=${fallbackAriaLabel}\n          aria-expanded=${ariaExpanded}\n          aria-selected=${ariaSelected}\n          aria-disabled=${this.disabled ? 'true' : nothing}\n          aria-level=${this._level}\n          aria-posinset=${this._posInSet}\n          aria-setsize=${this._setSize}\n        >\n          ${this._renderExpandIcon()}\n          <span class=\"item-icon\">\n            <slot name=\"icon\"></slot>\n          </span>\n          <span part=\"label\" class=\"item-label\">\n            <slot @slotchange=${this._handleLabelSlotChange}></slot>\n          </span>\n        </div>\n        ${childrenGroup}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-tree-item': HelixTreeItem;\n  }\n}\n\n/** Canonical type alias for HelixTreeItem. Use this when typing hx-tree-item element references. */\nexport type HxTreeItem = HelixTreeItem;\n"],"names":["helixTreeViewStyles","css","findClosestTreeView","start","node","parentNode","findClosestTreeItem","HelixTreeView","HelixElement","detail","item","target","container","items","child","activeIndex","index","clamped","_a","wasSelected","i","currentIndex","focused","_b","next","prev","currentItem","parentItem","_c","parentIndex","matchIndex","char","level","selectable","children","c","setSize","ctor","supportsIdrefElementReferences","installAriaIdrefMirror","changedProperties","internals","hostAriaLabel","consumerLabelledBy","labelEls","resolveIdrefTokens","hasEffectiveLabelledBy","refsInternals","resolved","el","flattenAccName","containerTabindex","html","fallbackLabel","nothing","forcedColorsSurface","__decorateClass","property","state","customElement","helixTreeItemStyles","HelixTreeItem","path","parent","siblings","tree","selection","posInSet","flattened","slot","nodes","n","closest","active","options","childrenGroup","classMap","fallbackAriaLabel","ariaExpanded","ariaSelected","query"],"mappings":"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"}