@nyx-ds/treeview 0.1.0 → 0.1.1

package/dist/treeview.js

@@ -1,644 +1,1327 @@
-import { LitElement as k, html as l, unsafeCSS as m, nothing as y } from "lit";
-import { property as a, state as f, queryAssignedElements as M } from "lit/decorators.js";
-import { repeat as U } from "lit/directives/repeat.js";
-import { classMap as O } from "lit/directives/class-map.js";
-import { eyeSlash as W, eye as V, xmark as G, check as j, minus as J, spinnerThird as K, magnifyingGlass as Q, chevronRightRegular as X } from "@nyx-ds/core";
-import { classMap as $ } from "lit-html/directives/class-map.js";
+import { LitElement as Z, nothing as w, html as h, unsafeCSS as G } from "lit";
+import { property as K, state as f } from "lit/decorators.js";
+import { repeat as Y } from "lit/directives/repeat.js";
+import { classMap as b } from "lit/directives/class-map.js";
+import { chevronRightRegular as X, magnifyingGlass as J } from "@nyx-ds/core";
+import "@lit-labs/virtualizer";
+import "@nyx-ds/input";
+import "@nyx-ds/checkbox";
 import "@nyx-ds/icon";
-import { unsafeHTML as B } from "lit-html/directives/unsafe-html.js";
-function Y(c, o) {
-  return function(e, n) {
-    const { native: t = !1, ...r } = n || {}, i = t ? new Event(o, r) : new CustomEvent(o, { detail: e, ...r });
-    c.dispatchEvent(i);
+import "@nyx-ds/button";
+function Q(n, e) {
+  return function(t, i) {
+    const { native: s = !1, ...r } = i || {}, o = s ? new Event(e, r) : new CustomEvent(e, { detail: t, ...r });
+    n.dispatchEvent(o);
   };
 }
-function q(c) {
-  return (o, e) => {
-    Object.defineProperty(o, e, {
+function ee(n) {
+  return (e, t) => {
+    Object.defineProperty(e, t, {
       get() {
-        return Y(this, c || e);
+        return Q(this, n);
       },
       enumerable: !0,
       configurable: !0
     });
   };
 }
-const Z = ":host{display:flex;flex-direction:column;width:100%;--treeview-radius: var(--nyx-radii-s);--treeview-search-padding: var(--nyx-sizing-1-25) var(--nyx-sizing-1-75) 0 var(--nyx-sizing-1-75);--treeview-header-padding: var(--nyx-sizing-2) var(--nyx-sizing-2) var(--nyx-sizing-1-75) var(--nyx-sizing-2);--treeview-row-padding: var(--nyx-sizing-1-5, 12px) var(--nyx-sizing-2);--treeview-row-gap: var(--nyx-sizing-2);--treeview-col-gap: var(--nyx-sizing-1);--treeview-node-gap: var(--nyx-sizing-1);--treeview-row-min-height: 56px;--treeview-expander-wrapper-size: var(--nyx-sizing-4);--treeview-expander-padding: var(--nyx-sizing-1-25);--treeview-col-width: var(--treeview-header-icon-size);--treeview-background: var(--nyx-color-neutral-background-primary);--treeview-border-color: var(--nyx-color-neutral-border-tertiary);--treeview-content-color: var(--nyx-color-neutral-content-primary);--treeview-focus-border-color: var(--nyx-color-brand-border-default);--treeview-row-selected-background: var(--nyx-color-brand-background-softer);--treeview-row-selected-hover-background: var( --nyx-color-brand-background-softer-hover );--treeview-row-selected-color: var(--nyx-color-neutral-content-primary);--treeview-font-family: var(--nyx-font-family-font-family);--treeview-title-font-size: var(--nyx-label-medium-font-size);--treeview-title-line-height: var(--nyx-label-medium-line-height);--treeview-text-font-size: var(--nyx-label-medium-font-size);--treeview-text-line-height: var(--nyx-label-medium-line-height);--treeview-header-icon-size: var(--nyx-label-large-font-size);--treeview-node-icon-size: var(--nyx-label-medium-font-size);--treeview-expander-icon-size: var(--nyx-label-large-font-size);--treeview-row-hover-background: var(--nyx-color-brand-background-hover);--treeview-row-hover-color: var(--nyx-color-neutral-content-primary-inverse)}.nyx-treeview{display:flex;flex-direction:column;width:100%;font-family:var(--treeview-font-family);align-items:flex-start;border-radius:var(--treeview-radius);border:1px solid var(--treeview-border-color);background:var(--treeview-background);box-sizing:border-box}.component-subtitle{color:var(--nyx-color-neutral-content-tertiary);font-family:var(--nyx-font-family-font-family);font-size:var(--nyx-paragraph-large-font-size);line-height:var(--nyx-paragraph-large-line-height);display:block;margin-top:-8px;margin-bottom:16px}.search-container{display:flex;padding:var(--treeview-search-padding);flex-direction:column;align-items:flex-start;align-self:stretch}.tree-scroll{width:100%}.tree-header{display:flex;justify-content:space-between;align-items:center;align-self:stretch;padding:var(--treeview-header-padding);border-bottom:.5px solid var(--treeview-border-color);box-sizing:border-box}.tree-title{color:var(--treeview-content-color);font-size:var(--treeview-title-font-size);line-height:var(--treeview-title-line-height);font-weight:600}.header-columns,.node-columns{display:flex;align-items:center;justify-content:flex-end;gap:var(--treeview-col-gap);flex-shrink:0}.col-cell{min-width:var(--treeview-col-width);width:var(--treeview-col-width);flex:0 0 auto}.col-cell,.header-columns ::slotted(*){display:flex;justify-content:center;align-items:center;box-sizing:border-box}.header-columns ::slotted(nyx-icon){--nyx-icon-size: var(--treeview-header-icon-size);color:var(--treeview-content-color)}.tree-body{width:100%;display:flex;flex-direction:column}.node-wrapper{display:flex;flex-direction:column;width:100%}.node-row{display:flex;align-items:center;justify-content:space-between;min-height:var(--treeview-row-min-height);border-bottom:.5px solid var(--treeview-border-color);gap:var(--treeview-row-gap);padding:var(--treeview-row-padding);box-sizing:border-box;background:transparent;color:var(--treeview-content-color);outline:none;cursor:default}.node-row:hover{background:var(--treeview-row-hover-background);color:var(--treeview-row-hover-color)}.node-row:focus-within{background:var(--treeview-row-hover-background)!important;color:var(--treeview-row-hover-color)!important}.node-row:hover .expander nyx-icon,.node-row:hover .node-type-icon-wrapper ::slotted(nyx-icon){color:var(--treeview-row-hover-color)}.node-row:focus-within .expander nyx-icon,.node-row:focus-within .node-type-icon-wrapper ::slotted(nyx-icon){color:var(--treeview-row-hover-color)}.node-row.selectable.selected{background-color:var(--treeview-row-selected-background);color:var(--treeview-row-selected-color)}.node-row.selectable.selected .expander nyx-icon,.node-row.selectable.selected .node-type-icon-wrapper ::slotted(nyx-icon){color:var(--treeview-row-selected-color)}.node-row.selectable.selected:hover{background-color:var(--treeview-row-selected-hover-background);color:var(--treeview-row-selected-color)}.node-row:focus-visible{position:relative;z-index:2;outline:2px solid var(--treeview-content-color);outline-offset:-4px;background:var(--treeview-row-hover-background)!important;color:var(--treeview-row-hover-color)}.row-checkbox{display:flex;align-items:center;margin-right:4px}.node-info{display:flex;align-items:center;gap:var(--treeview-node-gap);flex:1 0 0;overflow:hidden;min-height:32px;padding-left:4px}.expander{--button-icon-color: inherit}.expander nyx-icon{--nyx-icon-size: var(--treeview-expander-icon-size);transition:transform .2s ease;transform-origin:center}.expander nyx-icon.expanded{transform:rotate(90deg)}.expander:hover,.expander:focus-within{--button-icon-color: var(--treeview-content-color) !important}.expander:hover nyx-icon,.expander:focus-within nyx-icon{color:var(--treeview-content-color)!important;--nyx-icon-color: var(--treeview-content-color) !important}.node-type-icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0}.node-type-icon-wrapper ::slotted(nyx-icon){--nyx-icon-size: var(--treeview-node-icon-size)}.node-text{font-size:var(--treeview-text-font-size);line-height:var(--treeview-text-line-height);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-children{width:100%}@media (max-width: 768px){.tree-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.tree-header,.tree-body{min-width:calc(250px + ((var(--treeview-col-width) + var(--treeview-col-gap)) * 4))}.node-text{white-space:normal;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}", oo = ':host{--field-padding: var(--nyx-sizing-1-5);--field-padding-small: var(--nyx-sizing-1) var(--nyx-sizing-1-5);--field-border-radius-sharp: var(--nyx-radii-xs);--field-border-radius-rounded: var(--nyx-radii-100);--field-border: var(--nyx-stroke-number-2) solid var(--nyx-color-neutral-border-tertiary);--field-text-color: var(--nyx-color-neutral-content-primary);--field-font-family: var(--nyx-font-family-font-family);--field-font-size: var(--nyx-label-medium-font-size);--field-line-height: var(--nyx-label-medium-line-height);--placeholder-color: var(--nyx-color-neutral-content-tertiary);--field-hover-border: var(--nyx-stroke-number-3) solid var(--nyx-color-neutral-border-active);--field-focus-outline: var(--nyx-stroke-number-3) solid var(--nyx-color-neutral-border-active);--field-invalid-border: var(--nyx-stroke-number-3) solid var(--nyx-color-danger-border-default);--field-disabled-border: var(--nyx-stroke-number-2) solid var(--nyx-color-neutral-border-disable);--field-disabled-text-color: var(--nyx-color-neutral-content-disabled);--icon-color: var(--nyx-color-neutral-content-tertiary);--icon-disabled-color: var(--nyx-color-neutral-content-disabled);box-sizing:border-box;display:inline-flex;width:100%}*{box-sizing:inherit}.component-subtitle{color:var(--nyx-color-neutral-content-tertiary);font-family:var(--nyx-font-family-font-family);font-size:var(--nyx-paragraph-large-font-size);line-height:var(--nyx-paragraph-large-line-height);display:block;margin-top:-8px;margin-bottom:16px}.container{width:100%;position:relative}.container.small ::slotted([slot="field"]){padding:var(--field-padding-small)}.container.iconLeft ::slotted([slot="field"]){padding-left:36px}.container.iconLeft ::slotted([slot="field"]){padding-right:36px}.password,.clear{display:none;position:absolute;top:0;bottom:0;right:12px;font-size:var(--field-font-size)}::slotted([slot="field"]){width:100%;margin:0;box-sizing:inherit;padding:var(--field-padding);border-radius:var(--field-border-radius-sharp);border:var(--field-border);color:var(--field-text-color);background-color:transparent;font-family:var(--field-font-family);font-size:var(--field-font-size);font-style:normal;font-weight:400;line-height:var(--field-line-height);resize:none}.container.rounded ::slotted([slot="field"]){border-radius:var(--field-border-radius-rounded)}::slotted([slot="field"])::placeholder{color:var(--placeholder-color)}::slotted([slot="field"]:hover:not([disabled])){border:var(--field-hover-border)}::slotted([slot="field"]:focus){outline:var(--field-focus-outline)}::slotted([slot="field"][invalid]){border:var(--field-invalid-border)}::slotted([slot="field"][disabled]){border:var(--field-disabled-border);color:var(--field-disabled-text-color)}::slotted([slot="field"][disabled])::placeholder{color:var(--field-disabled-text-color)}::slotted([slot="iconLeft"]),::slotted([slot="iconRight"]){position:absolute;top:12px;font-size:var(--field-font-size)}.container.small ::slotted([slot="iconLeft"]),.container.small ::slotted([slot="iconRight"]){top:8px}::slotted([slot="iconLeft"]){left:12px}::slotted([slot="iconRight"]){right:12px}::slotted([slot="iconLeft"]:not([action])),::slotted([slot="iconRight"]:not([action])){color:var(--icon-color)}::slotted([slot="iconLeft"][clickable]:not([disabled])),::slotted([slot="iconRight"][clickable]:not([disabled])){cursor:pointer}:host(.disabled) ::slotted([slot="iconLeft"]),:host(.disabled) ::slotted([slot="iconRight"]){color:var(--icon-disabled-color)}.container.passwordToggle ::slotted([slot="iconRight"]),.container.clearable ::slotted([slot="iconRight"]){display:none}.container.passwordToggle .password,.container.clearable .clear{display:flex;cursor:pointer}';
-var to = Object.defineProperty, w = (c, o, e, n) => {
-  for (var t = void 0, r = c.length - 1, i; r >= 0; r--)
-    (i = c[r]) && (t = i(o, e, t) || t);
-  return t && to(o, e, t), t;
-};
-const C = class C extends k {
-  constructor() {
-    super(...arguments), this.size = "medium", this.border = "sharp", this.passwordToggle = !1, this.clearable = !1, this.showPassword = !1;
+const te = ":host{display:flex;flex-direction:column;width:100%;--treeview-radius: var(--nyx-radii-s);--treeview-search-padding: var(--nyx-sizing-1-25) var(--nyx-sizing-1-75) 0 var(--nyx-sizing-1-75);--treeview-header-padding: var(--nyx-sizing-2) var(--nyx-sizing-2) var(--nyx-sizing-1-75) var(--nyx-sizing-2);--treeview-row-padding: var(--nyx-sizing-1) var(--nyx-sizing-2);--treeview-row-gap: var(--nyx-sizing-2);--treeview-col-gap: var(--nyx-sizing-1);--treeview-node-gap: var(--nyx-sizing-1);--treeview-row-min-height: 48px;--treeview-indent-base: 16px;--treeview-indent-step: 24px;--treeview-expander-wrapper-size: var(--nyx-sizing-4);--treeview-expander-padding: var(--nyx-sizing-1-25);--treeview-col-width: var(--treeview-header-icon-size);--treeview-column-count: 0;--treeview-scrollbar-gutter: 15px;--treeview-background: var(--nyx-color-neutral-background-primary);--treeview-border-color: var(--nyx-color-neutral-border-tertiary);--treeview-content-color: var(--nyx-color-neutral-content-primary);--treeview-focus-border-color: var(--nyx-color-brand-border-default);--treeview-row-selected-background: var(--nyx-color-brand-background-softer);--treeview-row-selected-hover-background: var( --nyx-color-brand-background-softer-hover );--treeview-row-selected-color: var(--nyx-color-neutral-content-primary);--treeview-font-family: var(--nyx-font-family-font-family);--treeview-title-font-size: var(--nyx-label-medium-font-size);--treeview-title-line-height: var(--nyx-label-medium-line-height);--treeview-text-font-size: var(--nyx-label-medium-font-size);--treeview-text-line-height: var(--nyx-label-medium-line-height);--treeview-header-icon-size: var(--nyx-label-large-font-size);--treeview-node-icon-size: var(--nyx-label-medium-font-size);--treeview-expander-icon-size: var(--nyx-label-large-font-size);--treeview-row-hover-background: var(--nyx-color-neutral-background-secondary);--treeview-row-hover-color: var(--nyx-color-brand-content-hover)}.nyx-treeview{display:flex;flex-direction:column;width:100%;font-family:var(--treeview-font-family);align-items:flex-start;border-radius:var(--treeview-radius);border:1px solid var(--treeview-border-color);background:var(--treeview-background);box-sizing:border-box}.search-container{display:flex;padding:var(--treeview-search-padding);flex-direction:column;align-items:flex-start;align-self:stretch}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.tree-scroll{width:100%;display:flex;flex-direction:column;min-height:0}.tree-body--virtual{display:flex;flex-direction:column;flex:1 1 auto;min-height:280px;max-height:var(--treeview-max-height, 480px);overflow:hidden}.tree-virtualizer{flex:1 1 auto;width:100%;min-height:280px;scrollbar-gutter:stable}.node-wrapper--flat{width:100%}.tree-header{display:flex;justify-content:space-between;align-items:center;align-self:stretch;padding:var(--treeview-header-padding);border-bottom:.5px solid var(--treeview-border-color);box-sizing:border-box}.tree-title{color:var(--treeview-content-color);font-size:var(--treeview-title-font-size);line-height:var(--treeview-title-line-height);font-weight:600;flex:1 1 auto;min-width:0}.tree-header--no-columns .tree-title{flex:1 1 auto}.nyx-treeview--no-columns .header-columns,.nyx-treeview--no-columns .node-columns{display:none}.nyx-treeview--no-columns .tree-header{padding-inline-end:var(--nyx-sizing-2, 16px)}.header-columns,.node-columns{display:flex;align-items:center;justify-content:flex-end;gap:var(--treeview-col-gap);flex-shrink:0}.header-columns{padding-inline-end:0}.nyx-treeview--virtual .header-columns{padding-inline-end:var(--treeview-scrollbar-gutter)}.col-cell{min-width:var(--treeview-col-width);width:var(--treeview-col-width);flex:0 0 auto;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.header-columns ::slotted(nyx-icon){display:flex;justify-content:center;align-items:center;--nyx-icon-size: var(--treeview-header-icon-size);color:var(--treeview-content-color)}.tree-body{width:100%;display:flex;flex-direction:column}.node-wrapper{display:flex;flex-direction:column;width:100%}.node-row{--treeview-row-level: 0;display:flex;align-items:center;justify-content:space-between;min-height:var(--treeview-row-min-height);border-bottom:.5px solid var(--treeview-border-color);gap:var(--treeview-row-gap);padding:var(--treeview-row-padding);padding-left:calc(var(--treeview-indent-base) + var(--treeview-row-level) * var(--treeview-indent-step));box-sizing:border-box;background:transparent;color:var(--treeview-content-color);outline:none;cursor:default}.node-row:hover{background:var(--treeview-row-hover-background);color:var(--treeview-row-hover-color)}.node-row:focus-within{background:var(--treeview-row-hover-background)!important;color:var(--treeview-row-hover-color)!important}.node-row:hover .expander nyx-icon,.node-row:hover .node-type-icon-wrapper ::slotted(nyx-icon){color:var(--treeview-row-hover-color)}.node-row:focus-within .expander nyx-icon,.node-row:focus-within .node-type-icon-wrapper ::slotted(nyx-icon){color:var(--treeview-row-hover-color)}.node-row.selectable.selected{background-color:var(--treeview-row-selected-background);color:var(--treeview-row-selected-color)}.node-row.selectable.selected .expander nyx-icon,.node-row.selectable.selected .node-type-icon-wrapper ::slotted(nyx-icon){color:var(--treeview-row-selected-color)}.node-row.selectable.selected:hover{background-color:var(--treeview-row-selected-hover-background);color:var(--treeview-row-selected-color)}.node-row.selectable.selected:focus-within{background-color:var(--treeview-row-selected-background)!important;color:var(--treeview-row-selected-color)!important}.node-row.selectable.selected:focus-within .expander nyx-icon,.node-row.selectable.selected:focus-within .node-type-icon-wrapper ::slotted(nyx-icon){color:var(--treeview-row-selected-color)}.node-row.selectable.selected:hover:focus-within{background-color:var(--treeview-row-selected-hover-background)!important}.node-row:focus-visible{position:relative;z-index:2;outline:2px solid var(--treeview-focus-border-color);outline-offset:-3px;background:var(--treeview-row-hover-background)!important;color:var(--treeview-row-hover-color)}.row-checkbox{display:flex;align-items:center;margin-right:4px}.node-info{display:flex;align-items:center;gap:var(--treeview-node-gap);flex:1 0 0;overflow:hidden;min-height:32px;padding-left:4px}.expander{--button-icon-color: inherit;flex-shrink:0;width:var(--treeview-expander-wrapper-size);min-width:var(--treeview-expander-wrapper-size)}.expander-placeholder{display:block;flex-shrink:0;width:var(--treeview-expander-wrapper-size);min-width:var(--treeview-expander-wrapper-size);height:var(--treeview-expander-wrapper-size)}.expander nyx-icon{--nyx-icon-size: var(--treeview-expander-icon-size);transition:transform .2s ease;transform-origin:center}.expander nyx-icon.expanded{transform:rotate(90deg)}.expander:hover,.expander:focus-within{--button-icon-color: var(--treeview-content-color) !important}.expander:hover nyx-icon,.expander:focus-within nyx-icon{color:var(--treeview-content-color)!important;--nyx-icon-color: var(--treeview-content-color) !important}.node-row:hover .expander:hover,.node-row:hover .expander:focus-within{--button-icon-color: var(--treeview-row-hover-color) !important}.node-row:hover .expander:hover nyx-icon,.node-row:hover .expander:focus-within nyx-icon{color:var(--treeview-row-hover-color)!important;--nyx-icon-color: var(--treeview-row-hover-color) !important}.node-type-icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0}.node-type-icon-wrapper ::slotted(nyx-icon){--nyx-icon-size: var(--treeview-node-icon-size)}.node-text{font-size:var(--treeview-text-font-size);line-height:var(--treeview-text-line-height);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-children{width:100%}@media(max-width:768px){.tree-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.tree-header,.tree-body{min-width:calc(250px + ((var(--treeview-col-width) + var(--treeview-col-gap)) * var(--treeview-column-count)))}.node-text{white-space:normal;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}", ie = 200;
+function I(n, e) {
+  const t = e.trim().toLowerCase();
+  return t ? n.toLowerCase().includes(t) : !1;
+}
+function R(n, e) {
+  return n.includes(e);
+}
+function k(n) {
+  var s;
+  const e = /* @__PURE__ */ new Map(), t = [], i = [];
+  for (let r = n.length - 1; r >= 0; r--)
+    i.push({ node: n[r], parentId: null });
+  for (; i.length > 0; ) {
+    const { node: r, parentId: o } = i.pop(), a = ((s = r.children) == null ? void 0 : s.map((d) => d.id)) ?? [];
+    if (e.set(r.id, {
+      id: r.id,
+      parentId: o,
+      normalizedLabel: r.label.toLowerCase(),
+      childIds: a,
+      hasChildren: a.length > 0
+    }), o === null && t.push(r.id), r.children)
+      for (let d = r.children.length - 1; d >= 0; d--)
+        i.push({ node: r.children[d], parentId: r.id });
   }
-  updated(o) {
-    const e = this.querySelector('[slot="field"]'), n = e instanceof HTMLInputElement && e.disabled;
-    this.classList.toggle("disabled", n);
+  return { roots: t, byId: e, size: e.size };
+}
+function se(n) {
+  const e = [], t = [];
+  for (let i = n.roots.length - 1; i >= 0; i--)
+    t.push({ id: n.roots[i], visited: !1 });
+  for (; t.length > 0; ) {
+    const i = t[t.length - 1];
+    if (i.visited)
+      t.pop(), e.push(i.id);
+    else {
+      i.visited = !0;
+      const s = n.byId.get(i.id);
+      if (!s) continue;
+      for (let r = s.childIds.length - 1; r >= 0; r--)
+        t.push({ id: s.childIds[r], visited: !1 });
+    }
   }
-  /** @internal */
-  handleClick() {
-    this.showPassword = !this.showPassword;
-    const e = this.shadowRoot.querySelector("slot[name='field']").assignedElements({ flatten: !0 })[0];
-    e && (e.type = this.showPassword ? "text" : "password");
+  return e;
+}
+function re(n, e, t) {
+  const i = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Map();
+  for (const o of se(n)) {
+    const a = n.byId.get(o);
+    if (!a) continue;
+    const d = R(
+      a.normalizedLabel,
+      e
+    );
+    let l = !1;
+    for (const p of a.childIds)
+      if (r.get(p)) {
+        l = !0;
+        break;
+      }
+    const c = d || l;
+    if (r.set(o, c), !c || (i.add(o), !a.hasChildren || !l)) continue;
+    let m = !1;
+    for (const p of a.childIds) {
+      const v = n.byId.get(p);
+      if (v && R(v.normalizedLabel, e)) {
+        m = !0;
+        break;
+      }
+    }
+    !t.has(o) && (!d || m) && s.add(o);
   }
-  /** @internal */
-  handleClear() {
-    const e = this.shadowRoot.querySelector("slot[name='field']").assignedElements({ flatten: !0 })[0];
-    e && (e.value = "");
+  return { visibleIds: i, expandIds: s };
+}
+function ne(n, e) {
+  const t = e.trim().toLowerCase();
+  if (!t) return 0;
+  const i = Array.isArray(n) ? k(n) : n;
+  let s = 0;
+  for (const r of i.byId.values())
+    R(r.normalizedLabel, t) && s++;
+  return s;
+}
+function oe(n, e, t = /* @__PURE__ */ new Set()) {
+  const i = e.trim().toLowerCase();
+  if (!i)
+    return { visibleIds: /* @__PURE__ */ new Set(), expandIds: /* @__PURE__ */ new Set() };
+  const s = Array.isArray(n) ? k(n) : n;
+  return re(s, i, t);
+}
+function U(n, e, t = "") {
+  const i = n.children ?? [], s = t.trim().toLowerCase();
+  return s ? i.filter(
+    (r) => e.has(r.id) || I(r.label, s)
+  ) : i.filter((r) => e.has(r.id));
+}
+function ae(n, e, t) {
+  const i = e.trim().toLowerCase();
+  if (!i) return !1;
+  const s = [n];
+  for (; s.length > 0; ) {
+    const r = s.pop();
+    for (const o of t(r) ?? []) {
+      if (I(o.label, i)) return !0;
+      s.push(o.id);
+    }
   }
-  render() {
-    const o = !!this.querySelector('[slot="iconLeft"]'), e = !!this.querySelector('[slot="iconRight"]'), n = {
-      container: !0,
-      small: this.size === "small",
-      iconLeft: o,
-      iconRight: e,
-      passwordToggle: this.passwordToggle,
-      clearable: this.clearable,
-      rounded: this.border === "rounded"
-    };
-    return l`
-      <div class=${$(n)}>
-        <slot name="field"></slot>
-        <slot name="iconLeft"></slot>
-        <slot name="iconRight"></slot>
-        <div class="password">
-          <nyx-icon @click=${this.handleClick} svg=${this.showPassword ? W : V}></nyx-icon>
-        </div>
-        <div class="clear">
-          <nyx-icon @click=${this.handleClear} svg=${G}></nyx-icon>
-        </div>
-      </div>
-    `;
+  return !1;
+}
+function le(n, e, t) {
+  const i = [n];
+  for (; i.length > 0; ) {
+    const s = i.pop();
+    for (const r of t(s) ?? []) {
+      if (e.has(r.id)) return !0;
+      i.push(r.id);
+    }
   }
-};
-C.styles = m(oo);
-let h = C;
-w([
-  a({ type: String, reflect: !0 })
-], h.prototype, "size");
-w([
-  a({ type: String, reflect: !0 })
-], h.prototype, "border");
-w([
-  a({ type: Boolean, reflect: !0 })
-], h.prototype, "passwordToggle");
-w([
-  a({ type: Boolean, reflect: !0 })
-], h.prototype, "clearable");
-w([
-  f()
-], h.prototype, "showPassword");
-customElements.get("nyx-input") || customElements.define("nyx-input", h);
-const eo = ':host{--checkbox-container-gap: var(--nyx-sizing-1);--checkbox-container-color: var(--nyx-color-neutral-content-primary);--checkbox-container-font-family: var(--nyx-font-family-font-family);--checkbox-container-font-size: var(--nyx-label-medium-font-size);--checkbox-container-line-height: var(--nyx-label-medium-line-height);--checkbox-container-disabled-color: var(--nyx-color-neutral-content-disabled);--checkbox-background: var(--nyx-color-neutral-background-primary);--checkbox-border: 1px solid var(--nyx-color-neutral-border-primary);--checkbox-disabled-border: 1px solid var(--nyx-color-neutral-border-disable);--checkbox-hover-border: 1px solid var(--nyx-color-brand-border-hover);--checkbox-checked-background: var(--nyx-color-brand-background-default);--checkbox-background-hover: var(--nyx-color-neutral-content-primary-inverse);--checkbox-checked-color: var(--nyx-color-neutral-content-primary-inverse);--checkbox-checked-disabled-background: var(--nyx-color-neutral-background-disable);--checkbox-checked-disabled-color: var(--nyx-color-neutral-content-disabled);--checkbox-checked-hover-background: var(--nyx-color-brand-background-hover);box-sizing:border-box;display:inline-flex}*{box-sizing:inherit}::slotted(input[type="checkbox"]){position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.container{display:inline-flex;justify-content:center;align-items:center;gap:var(--checkbox-container-gap);color:var(--checkbox-container-color);font-family:var(--checkbox-container-font-family);font-size:var(--checkbox-container-font-size);font-style:normal;font-weight:400;line-height:var(--checkbox-container-line-height);cursor:pointer}.component-subtitle{color:var(--nyx-color-neutral-content-tertiary);font-family:var(--nyx-font-family-font-family);font-size:var(--nyx-paragraph-large-font-size);line-height:var(--nyx-paragraph-large-line-height);display:block;margin-top:-8px;margin-bottom:16px}.container[disabled]{color:var(--checkbox-container-disabled-color)}.container:focus-visible:not([disabled]),.container:focus-within:not([disabled]){outline:2px solid var(--checkbox-container-color);outline-offset:2px;border-radius:1px}.container:focus-visible .checkbox:not([disabled]),.container:focus-within .checkbox:not([disabled]){border:var(--checkbox-hover-border);background-color:var(--checkbox-background-hover)}.container:focus-visible .checkbox.checked:not([disabled]),.container:focus-visible .checkbox.indeterminate:not([disabled]),.container:focus-within .checkbox.checked:not([disabled]),.container:focus-within .checkbox.indeterminate:not([disabled]){background-color:var(--checkbox-checked-hover-background);border-color:transparent}.checkbox{display:inline-flex;gap:var(--checkbox-container-gap);padding:1px;justify-content:center;align-items:center;cursor:pointer;border-radius:4px;background-color:var(--checkbox-background);border:var(--checkbox-border)}.checkbox nyx-icon{opacity:0;--nyx-icon-size: var(--checkbox-container-font-size)}.checkbox.checked nyx-icon,.checkbox.indeterminate nyx-icon{opacity:1}.checkbox[disabled]{border:var(--checkbox-disabled-border);background-color:var(--checkbox-checked-disabled-background);color:var(--checkbox-checked-disabled-color);cursor:default}.container:hover .checkbox:not([disabled]){border:var(--checkbox-hover-border);background-color:var(--checkbox-background-hover)}.checkbox.checked,.checkbox.indeterminate{background-color:var(--checkbox-checked-background);color:var(--checkbox-checked-color);border:1px solid transparent}.checkbox[disabled].checked,.checkbox[disabled].indeterminate{border:var(--checkbox-disabled-border);background-color:var(--checkbox-checked-disabled-background);color:var(--checkbox-checked-disabled-color)}.container:hover .checkbox.checked:not([disabled]),.container:hover .checkbox.indeterminate:not([disabled]){background-color:var(--checkbox-checked-hover-background);border-color:transparent}';
-var no = Object.defineProperty, S = (c, o, e, n) => {
-  for (var t = void 0, r = c.length - 1, i; r >= 0; r--)
-    (i = c[r]) && (t = i(o, e, t) || t);
-  return t && no(o, e, t), t;
-};
-const A = class A extends k {
-  constructor() {
-    super(...arguments), this.checked = !1, this.indeterminate = !1, this.disabled = !1;
+  return !1;
+}
+function z(n, e, t, i, s, r) {
+  return q(n, e, t) && !le(i, s, r) && !ae(i, e, r);
+}
+function q(n, e, t) {
+  return I(n, e) && !t;
+}
+function H(n, e, t, i) {
+  return t || q(n, e, i);
+}
+function E(n, e) {
+  var t, i;
+  if (e) {
+    if (n.selected) return !0;
+  } else if ((((t = n.selectedColumns) == null ? void 0 : t.length) ?? 0) > 0)
+    return !0;
+  return ((i = n.children) == null ? void 0 : i.some(
+    (s) => E(s, e)
+  )) ?? !1;
+}
+function O(n, e) {
+  const t = n.map((i, s) => ({ node: i, index: s }));
+  return t.sort((i, s) => {
+    const r = E(i.node, e), o = E(s.node, e);
+    return r !== o ? r ? -1 : 1 : i.index - s.index;
+  }), t.map(({ node: i }) => {
+    var s;
+    return (s = i.children) != null && s.length ? {
+      ...i,
+      children: O(i.children, e)
+    } : i;
+  });
+}
+const x = 50, de = 2;
+function ce(n) {
+  const e = [], t = n.map((s) => ({ node: s, depth: 0, parentId: null }));
+  let i = 0;
+  for (; i < t.length; ) {
+    const s = t[i++], { node: r, depth: o, parentId: a } = s, d = !!(r.children && r.children.length > 0);
+    if (e.push({
+      id: r.id,
+      depth: o,
+      parentId: a,
+      hasChildrenInSource: d
+    }), d)
+      for (const l of r.children)
+        t.push({ node: l, depth: o + 1, parentId: r.id });
   }
-  updated(o) {
-    super.updated(o);
-    const e = this._slottedInputs[0];
-    e && (o.has("checked") && e.checked !== this.checked && (e.checked = this.checked), o.has("disabled") && (e.disabled = this.disabled, this.disabled ? e.setAttribute("tabindex", "-1") : e.removeAttribute("tabindex")));
+  return e;
+}
+function he(n, e = x, t = de) {
+  const i = /* @__PURE__ */ new Set();
+  for (const s of n)
+    if (!(s.depth > t) && (i.add(s.id), i.size >= e))
+      break;
+  return i;
+}
+function ue(n, e = x) {
+  const t = /* @__PURE__ */ new Set();
+  for (const i of n)
+    if (i.depth === 0 && (t.add(i.id), t.size >= e))
+      break;
+  return t;
+}
+function _e(n, e, t) {
+  const i = [];
+  for (const s of n)
+    if (s.depth === 0 && !e.has(s.id) && (i.push(s.id), i.length >= t))
+      break;
+  return i;
+}
+function fe(n, e) {
+  return n.some((t) => t.depth === 0 && !e.has(t.id));
+}
+function L(n, e, t) {
+  return T(e, n).some((i) => !t.has(i));
+}
+function V(n, e) {
+  if (!n) return;
+  let t = n.node.id, i = e.get(t);
+  for (; (i == null ? void 0 : i.parentId) != null; )
+    t = i.parentId, i = e.get(t);
+  return t;
+}
+function pe(n, e, t, i, s, r) {
+  const o = Math.min(
+    Math.max(0, e),
+    Math.max(0, n.length - 1)
+  );
+  for (let a = o; a >= 0; a--) {
+    const d = n[a];
+    if (t.has(d.node.id) && L(d.node.id, i, s))
+      return V(d, r);
   }
-  _toggleCheck() {
-    if (this.disabled) return;
-    this.checked = !this.checked, this.indeterminate = !1;
-    const o = this._slottedInputs[0];
-    o && (o.checked = this.checked, o.dispatchEvent(new Event("change", { bubbles: !0 })));
+  return V(n[o], r);
+}
+function we(n, e) {
+  const t = [];
+  let i = e.get(n);
+  for (; (i == null ? void 0 : i.parentId) != null; )
+    t.push(i.parentId), i = e.get(i.parentId);
+  return t;
+}
+function P(n, e, t, i) {
+  const s = [], r = (o) => {
+    s.length >= t || !e.has(o) && !s.includes(o) && s.push(o);
+  };
+  if (i != null) {
+    const o = T(n, i);
+    for (const a of o) r(a);
   }
-  render() {
-    const o = {
-      checkbox: !0,
-      checked: this.checked,
-      indeterminate: this.indeterminate,
-      disabled: this.disabled
-    };
-    return l`
-      <div class="container" ?disabled=${this.disabled} @click=${this._toggleCheck}>
-        <div class=${$(o)} ?disabled=${this.disabled}>
-          <nyx-icon svg=${this.checked ? j : this.indeterminate ? J : j}></nyx-icon>
-        </div>
-        <slot name="input"></slot>
-        <slot></slot>
-      </div>
-    `;
+  for (const o of n)
+    if (r(o.id), s.length >= t) break;
+  return s;
+}
+function T(n, e) {
+  const t = /* @__PURE__ */ new Map();
+  for (const r of n) {
+    const o = r.parentId;
+    t.has(o) || t.set(o, []), t.get(o).push(r.id);
   }
+  const i = [], s = [e];
+  for (; s.length > 0; ) {
+    const r = s.pop();
+    i.push(r);
+    const o = t.get(r);
+    if (o != null && o.length)
+      for (let a = o.length - 1; a >= 0; a--)
+        s.push(o[a]);
+  }
+  return i;
+}
+function me(n, e, t) {
+  return T(n, e).filter((i) => !t.has(i));
+}
+function ve(n, e, t, i = x) {
+  return me(n, e, t).slice(0, i);
+}
+function A(n) {
+  var e;
+  return {
+    ...n,
+    selectedColumns: n.selectedColumns ? [...n.selectedColumns] : void 0,
+    disabledColumns: n.disabledColumns ? [...n.disabledColumns] : void 0,
+    children: (e = n.children) == null ? void 0 : e.map((t) => A(t)),
+    data: n.data
+  };
+}
+function xe(n) {
+  const e = /* @__PURE__ */ new Map(), t = (i) => {
+    var s;
+    e.set(i.id, i), (s = i.children) == null || s.forEach(t);
+  };
+  return n.forEach(t), e;
+}
+function be(n, e, t) {
+  const i = (s) => {
+    if (!e.has(s.id)) return null;
+    const r = t.get(s.id) ?? s, o = (r.children ?? []).map((d) => i(d)).filter((d) => d !== null), a = A(r);
+    return a.children = o.length > 0 ? o : void 0, a;
+  };
+  return n.map((s) => i(s)).filter((s) => s !== null);
+}
+function F(n) {
+  const e = [], t = n.searchTerm.trim().toLowerCase(), i = (s, r, o, a, d = !1) => {
+    const l = n.hasSearch && !d ? s.filter((c) => n.searchVisibleIds.has(c.id)) : s;
+    for (const c of l) {
+      const m = n.hasSearch && !!t && c.label.toLowerCase().includes(t), p = H(
+        c.label,
+        t,
+        o,
+        a
+      ), v = a || !!m;
+      if (e.push({
+        node: c,
+        level: r,
+        revealSubtree: p,
+        parentLabelMatched: v,
+        hasChildrenInSource: n.sourceHasChildren(c.id)
+      }), !n.expandedIds.has(c.id)) continue;
+      const M = n.getSourceChildren ?? ((C) => {
+        var D;
+        return (D = n.items.find((W) => W.id === C)) == null ? void 0 : D.children;
+      }), g = !n.hasSearch || p && z(
+        c.label,
+        t,
+        a,
+        c.id,
+        n.searchVisibleIds,
+        M
+      ) ? c.children ?? [] : U(
+        c,
+        n.searchVisibleIds,
+        n.searchTerm
+      );
+      g.length > 0 && i(g, r + 1, p, v, !0);
+    }
+  };
+  return i(n.items, 0, !1, !1), e;
+}
+function y(n, e) {
+  for (const t of n)
+    if (!e.has(t)) return !0;
+  return !1;
+}
+function j(n, e, t, i = x) {
+  const s = [], r = (o) => {
+    s.length >= i || !e.has(o) && !s.includes(o) && s.push(o);
+  };
+  for (const o of n)
+    if (!e.has(o)) {
+      r(o);
+      for (const a of we(o, t))
+        r(a);
+      if (s.length >= i) break;
+    }
+  return s;
+}
+function B(n, e, t, i = x) {
+  const s = j(
+    n,
+    e,
+    t,
+    i
+  );
+  return s.length === 0 ? !1 : (s.forEach((r) => e.add(r)), !0);
+}
+function ge(n, e) {
+  return e ? `Collapse ${n}` : `Expand ${n}`;
+}
+function ye(n) {
+  return `Select ${n}`;
+}
+function Ie(n, e) {
+  return `${n}, ${e}`;
+}
+function Se(n) {
+  return n === 0 ? "No results found" : n === 1 ? "1 result found" : `${n} results found`;
+}
+var Ce = Object.defineProperty, Re = Object.getOwnPropertyDescriptor, _ = (n, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? Re(e, t) : e, r = n.length - 1, o; r >= 0; r--)
+    (o = n[r]) && (s = (i ? o(e, t, s) : o(s)) || s);
+  return i && s && Ce(e, t, s), s;
 };
-A.styles = m(eo);
-let x = A;
-S([
-  a({ type: Boolean, reflect: !0 })
-], x.prototype, "checked");
-S([
-  a({ type: Boolean, reflect: !0 })
-], x.prototype, "indeterminate");
-S([
-  a({ type: Boolean, reflect: !0 })
-], x.prototype, "disabled");
-S([
-  M({ slot: "input" })
-], x.prototype, "_slottedInputs");
-customElements.get("nyx-checkbox") || customElements.define("nyx-checkbox", x);
-const ro = ":host{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-size:var(--nyx-icon-size, 1rem);color:var(--nyx-icon-color, currentColor)}*{box-sizing:inherit}.component-subtitle{color:var(--nyx-color-neutral-content-tertiary);font-family:var(--nyx-font-family-font-family);font-size:var(--nyx-paragraph-large-font-size);line-height:var(--nyx-paragraph-large-line-height);display:block;margin-top:-8px;margin-bottom:16px}::slotted(svg),svg{width:var(--nyx-icon-size, 1rem);height:var(--nyx-icon-size, 1rem);fill:currentColor}i{font-size:inherit;color:inherit}";
-var io = Object.defineProperty, _ = (c, o, e, n) => {
-  for (var t = void 0, r = c.length - 1, i; r >= 0; r--)
-    (i = c[r]) && (t = i(o, e, t) || t);
-  return t && io(o, e, t), t;
-};
-const E = class E extends k {
+const $ = class $ extends Z {
   constructor() {
-    super(...arguments), this.variant = "solid";
+    super(...arguments), this._items = [], this._expandedIds = /* @__PURE__ */ new Set(), this._searchTerm = "", this._searchStatusMessage = "", this._searchVisibleIds = /* @__PURE__ */ new Set(), this._searchUserCollapsedIds = /* @__PURE__ */ new Set(), this._searchManualExpandedIds = /* @__PURE__ */ new Set(), this._expandedIdsBeforeSearch = null, this._flatRows = [], this._loadedIds = /* @__PURE__ */ new Set(), this._activeRowId = null, this._sourceItems = [], this._lazyItemsSourceRef = null, this._treeIndex = [], this._indexById = /* @__PURE__ */ new Map(), this._sourceById = /* @__PURE__ */ new Map(), this._lazyScrollLoading = !1, this._searchIndex = null, this._searchIndexSourceRef = null, this._searchDebounceTimer = null;
   }
-  /**
-   * Watches for property changes and loads the SVG if `src` changes.
-   * @param changedProperties Properties that have been changed.
-   */
-  async updated(o) {
-    o.has("src") && this.src && await this.loadSvg();
+  get options() {
+    return this._options;
+  }
+  set options(e) {
+    const t = this._options;
+    t !== e && (this._options = e, e && (this._applyOptionsChange(), this._generateLightDomIcons()), this.requestUpdate("options", t));
+  }
+  _isLazyEnabled() {
+    var e;
+    return !!((e = this.options) != null && e.lazyLoad);
+  }
+  _getLazyPageSize() {
+    var t;
+    const e = (t = this.options) == null ? void 0 : t.lazyLoadPageSize;
+    return e == null || !Number.isFinite(e) ? x : Math.max(1, Math.floor(e));
+  }
+  _hasColumnPermissions() {
+    var e, t, i;
+    return ((e = this.options) == null ? void 0 : e.showColumnPermissions) === !1 ? !1 : (((i = (t = this.options) == null ? void 0 : t.columns) == null ? void 0 : i.length) ?? 0) > 0;
+  }
+  _showRowSelection() {
+    var e;
+    return !!((e = this.options) != null && e.showRowSelection);
+  }
+  _showNodeIcons() {
+    var e;
+    return ((e = this.options) == null ? void 0 : e.showNodeIcons) !== !1;
+  }
+  _usesSimpleRowSelection() {
+    return this._showRowSelection() && !this._hasColumnPermissions();
+  }
+  _applyItemsFromOptions(e) {
+    var i;
+    let t = e.map((s) => A(s));
+    return (i = this.options) != null && i.sortSelectedFirst && (t = O(t, this._usesSimpleRowSelection())), t;
+  }
+  _applyOptionsChange() {
+    if (this.options) {
+      if (this._isLazyEnabled()) {
+        this.options.items !== this._lazyItemsSourceRef && (this._initLazyState(), this._resetSearchDerivedState(), this._searchTerm.trim() && this._recomputeSearchFilter());
+        return;
+      }
+      if (this._items = this._applyItemsFromOptions(this.options.items), this._invalidateSearchIndex(), this._activeRowId = null, this._resetSearchDerivedState(), this._searchTerm.trim()) {
+        this._recomputeSearchFilter();
+        return;
+      }
+      this.options.defaultExpandedLevel !== void 0 && this._expandedIds.size === 0 && this._expandToLevel(
+        this._items,
+        0,
+        this.options.defaultExpandedLevel
+      ), this._syncActiveRowWithVisibleRows();
+    }
+  }
+  _initLazyState() {
+    var i;
+    this._lazyItemsSourceRef = this.options.items, this._sourceItems = this._applyItemsFromOptions(this.options.items), this._invalidateSearchIndex(), this._treeIndex = ce(this._sourceItems), this._indexById = new Map(this._treeIndex.map((s) => [s.id, s])), this._sourceById = xe(this._sourceItems);
+    const e = (i = this.options) == null ? void 0 : i.defaultExpandedLevel, t = this._getLazyPageSize();
+    this._loadedIds = e !== void 0 && e > 0 ? he(this._treeIndex, t) : ue(this._treeIndex, t), this._expandedIds = /* @__PURE__ */ new Set(), this._activeRowId = null, this._rebuildMaterializedItems(), e !== void 0 && e > 0 && this._applyLazyInitialExpansion(e), this._commitLazyRows();
   }
   /**
-   * @private
-   * Loads an external SVG file and stores its contents.
+   * Expands only nodes already present in the materialized tree.
+   * Further rows appear as lazy load + scroll bring more ids into `_items`.
    */
-  async loadSvg() {
-    if (this.src)
-      try {
-        const o = await fetch(this.src);
-        if (!o.ok)
-          throw new Error("Error on load SVG.");
-        this._svgContentImported = await o.text();
-      } catch (o) {
-        this.dispatchEvent(new CustomEvent("nyx-icon-load-error", {
-          detail: {
-            src: this.src,
-            message: o instanceof Error ? o.message : String(o)
-          },
-          bubbles: !0,
-          composed: !0
-        }));
-      }
+  _applyLazyInitialExpansion(e) {
+    this._expandToLevel(this._items, 0, e), this._expandedIds = new Set(this._expandedIds);
   }
-  render() {
-    if (this.svg)
-      return l`${B(this.svg)}`;
-    if (this.src)
-      return l`${B(this._svgContentImported)}`;
-    const o = [`fa-${this.name}`];
-    this.variant && o.push(...this.variant.split(" ").map((n) => `fa-${n}`));
-    const e = document.createElement("i");
-    return e.className = o.join(" "), this.shadowRoot.host.innerHTML = "", this.shadowRoot.host.appendChild(e), l`<slot></slot>`;
+  _rebuildMaterializedItems() {
+    this._items = be(
+      this._sourceItems,
+      this._loadedIds,
+      this._sourceById
+    );
   }
-};
-E.styles = m(ro);
-let v = E;
-_([
-  a({ type: String })
-], v.prototype, "name");
-_([
-  a({ type: String })
-], v.prototype, "variant");
-_([
-  a({ type: String })
-], v.prototype, "src");
-_([
-  a({ type: String })
-], v.prototype, "svg");
-_([
-  f()
-], v.prototype, "_svgContentImported");
-customElements.get("nyx-icon") || customElements.define("nyx-icon", v);
-const ao = ":host{--button-padding: var(--nyx-sizing-2);--button-gap: var(--nyx-sizing-1);--button-border-radius: var(--nyx-radii-2xs);--button-color: var(--nyx-color-neutral-content-always-white);--button-font-family: var(--nyx-font-family-font-family);--button-font-size: var(--nyx-label-medium-font-size);--button-line-height: var(--nyx-label-medium-line-height);--button-small-padding: var(--nyx-sizing-1-25);--button-small-font-size: var(--nyx-label-medium-font-size);--button-small-line-height: var(--nyx-label-medium-line-height);--button-medium-padding: var(--nyx-sizing-1-5);--button-brand-background: var(--nyx-color-brand-background-default);--button-warning-background: var(--nyx-color-warning-background-default);--button-danger-background: var(--nyx-color-danger-background-default);--button-info-background: var(--nyx-color-info-background-default);--button-success-background: var(--nyx-color-success-background-default);--button-brand-background-hover: var(--nyx-color-brand-background-hover);--button-warning-background-hover: var(--nyx-color-warning-background-hover);--button-danger-background-hover: var(--nyx-color-danger-background-hover);--button-info-background-hover: var(--nyx-color-info-background-hover);--button-success-background-hover: var(--nyx-color-success-background-hover);--button-neutral-background-hover: var(--nyx-color-neutral-background-hover);--button-brand-background-active: var(--nyx-color-brand-background-strong);--button-warning-background-active: var(--nyx-color-warning-background-strong);--button-danger-background-active: var(--nyx-color-danger-background-strong);--button-info-background-active: var(--nyx-color-info-background-strong);--button-success-background-active: var(--nyx-color-success-background-strong);--button-color-inverse: var(--nyx-color-neutral-content-primary-inverse);--button-disabled-background: var(--nyx-color-neutral-background-disable);--button-disabled-color: var(--nyx-color-neutral-content-disabled);--button-outline-border: 1px solid var(--nyx-color-neutral-border-primary);--button-outline-color: var(--nyx-color-neutral-content-primary);--button-outline-background: var(--nyx-color-neutral-background-primary);--button-outline-danger-border: 1px solid var(--nyx-color-danger-border-default);--button-outline-danger-color: var(--nyx-color-danger-content-default);--button-outline-warning-border: 1px solid var(--nyx-color-warning-border-default);--button-outline-warning-color: var(--nyx-color-warning-content-default);--button-outline-info-border: 1px solid var(--nyx-color-info-border-default);--button-outline-info-color: var(--nyx-color-info-content-default);--button-outline-success-border: 1px solid var(--nyx-color-success-border-default);--button-outline-success-color: var(--nyx-color-success-content-default);--button-outline-background-hover: var(--nyx-color-neutral-background-hover);--button-outline-border-hover: 1px solid var(--nyx-color-neutral-border-primary);--button-outline-color-hover: var(--nyx-color-neutral-content-primary);--button-outline-danger-background-hover: var(--nyx-color-danger-background-softer-hover);--button-outline-danger-border-hover: 1px solid var(--nyx-color-danger-border-softer);--button-outline-danger-color-hover: var(--nyx-color-danger-content-strong);--button-outline-warning-background-hover: var(--nyx-color-warning-background-softer-hover);--button-outline-warning-border-hover: 1px solid var(--nyx-color-warning-border-softer);--button-outline-warning-color-hover: var(--nyx-color-warning-content-strong);--button-outline-info-background-hover: var(--nyx-color-info-background-softer-hover);--button-outline-info-border-hover: 1px solid var(--nyx-color-info-border-softer);--button-outline-info-color-hover: var(--nyx-color-info-content-default);--button-outline-success-background-hover: var(--nyx-color-success-background-softer-hover);--button-outline-success-border-hover: 1px solid var(--nyx-color-success-border-softer);--button-outline-success-color-hover: var(--nyx-color-success-content-strong);--button-outline-background-active: var(--nyx-color-neutral-background-active);--button-outline-color-active: var(--nyx-color-neutral-content-primary);--button-outline-warning-background-active: var(--nyx-color-warning-background-strong);--button-outline-warning-color-active: var(--nyx-color-neutral-content-always-white);--button-outline-danger-background-active: var(--nyx-color-danger-background-strong);--button-outline-danger-color-active: var(--nyx-color-neutral-content-always-white);--button-outline-info-background-active: var(--nyx-color-info-background-strong);--button-outline-info-color-active: var(--nyx-color-neutral-content-always-white);--button-outline-success-background-active: var(--nyx-color-success-background-strong);--button-outline-success-color-active: var(--nyx-color-neutral-content-always-white);--button-outline-disabled-color: var(--nyx-color-neutral-content-disabled);--button-outline-disabled-border: 1px solid var(--nyx-color-neutral-border-disable);--button-ghost-color: var(--nyx-color-neutral-content-primary);--button-ghost-warning-color: var(--nyx-color-warning-content-default);--button-ghost-danger-color: var(--nyx-color-danger-content-default);--button-ghost-info-color: var(--nyx-color-info-content-default);--button-ghost-success-color: var(--nyx-color-success-content-default);--button-ghost-background: transparent;--button-ghost-neutral-color-hover: var(--nyx-color-neutral-content-tertiary);--button-ghost-warning-color-hover: var(--nyx-color-warning-content-hover);--button-ghost-danger-color-hover: var(--nyx-color-danger-content-hover);--button-ghost-info-color-hover: var(--nyx-color-info-content-hover);--button-ghost-success-color-hover: var(--nyx-color-success-content-hover);--button-ghost-neutral-color-active: var(--nyx-color-neutral-content-secondary);--button-ghost-warning-color-active: var(--nyx-color-warning-content-strong);--button-ghost-danger-color-active: var(--nyx-color-danger-content-strong);--button-ghost-info-color-active: var(--nyx-color-info-content-strong);--button-ghost-success-color-active: var(--nyx-color-success-content-strong);--button-loading-line-height: calc(var(--nyx-label-medium-line-height) - 4px);--button-icon-background-hover: var(--nyx-color-brand-background-softer-hover);--button-icon-border-hover: 1px solid var(--nyx-color-brand-border-hover);--button-icon-color-disabled: var(--nyx-color-neutral-content-disabled);--button-icon-border-disabled: 1px solid var(--nyx-color-neutral-border-disable);--button-icon-border-with-border: 1px solid var(--nyx-color-neutral-border-active);--button-icon-border-radius-with-border: var(--nyx-radii-2xs);--button-icon-color: var(--nyx-color-neutral-content-primary);--button-icon-border-radius: var(--nyx-radii-100);--button-icon-small-icon-font-size: var(--nyx-label-small-font-size);--button-icon-medium-icon-font-size: var(--nyx-label-medium-font-size);--button-icon-large-icon-font-size: var(--nyx-heading-h6-font-size);--button-icon-xlarge-icon-font-size: var(--nyx-heading-h4-font-size);box-sizing:border-box;display:inline-flex}:host([block]){width:100%}*{box-sizing:inherit}button.brand:not([disabled]):not(.loading):hover,button.brand:not([disabled]):not(.loading):active,button.warning:not([disabled]):not(.loading):hover,button.warning:not([disabled]):not(.loading):active,button.danger:not([disabled]):not(.loading):hover,button.danger:not([disabled]):not(.loading):active,button.info:not([disabled]):not(.loading):hover,button.info:not([disabled]):not(.loading):active,button.success:not([disabled]):not(.loading):hover,button.success:not([disabled]):not(.loading):active{color:var(--button-color-inverse)}button{display:inline-flex;padding:var(--button-padding);align-items:center;justify-content:center;gap:var(--button-gap);border-radius:var(--button-border-radius);color:var(--button-color);cursor:pointer;border:none;text-align:center;font-family:var(--button-font-family);font-size:var(--button-font-size);font-style:normal;font-weight:600;line-height:var(--button-line-height)}.component-subtitle{color:var(--nyx-color-neutral-content-tertiary);font-family:var(--nyx-font-family-font-family);font-size:var(--nyx-paragraph-large-font-size);line-height:var(--nyx-paragraph-large-line-height);display:block;margin-top:-8px;margin-bottom:16px}button.icon-right{flex-direction:row-reverse}button.small{padding:var(--button-small-padding);font-size:var(--button-small-font-size);line-height:var(--button-small-line-height)}button.medium{padding:var(--button-medium-padding)}button.block{width:100%}button.brand{background-color:var(--button-brand-background)}button.warning{background-color:var(--button-warning-background)}button.danger{background-color:var(--button-danger-background)}button.info{background-color:var(--button-info-background)}button.success{background-color:var(--button-success-background)}button.ghost{color:var(--button-ghost-color);background-color:var(--button-ghost-background)}button.ghost.danger{color:var(--button-ghost-danger-color);background-color:var(--button-ghost-background)}button.ghost.warning{color:var(--button-ghost-warning-color);background-color:var(--button-ghost-background)}button.ghost.info{color:var(--button-ghost-info-color);background-color:var(--button-ghost-background)}button.ghost.success{color:var(--button-ghost-success-color);background-color:var(--button-ghost-background)}button.brand:not([disabled]):not(.loading):hover{background-color:var(--button-brand-background-hover);color:var(--button-color-inverse)}button.warning:not([disabled]):not(.loading):hover{background-color:var(--button-warning-background-hover);color:var(--button-color-inverse)}button.danger:not([disabled]):not(.loading):hover{background-color:var(--button-danger-background-hover);color:var(--button-color-inverse)}button.info:not([disabled]):not(.loading):hover{background-color:var(--button-info-background-hover);color:var(--button-color-inverse)}button.outline:not([disabled]):not(.loading):hover{background-color:var(--button-success-background-hover);color:var(--button-color-inverse)}button.brand:not([disabled]):not(.loading):active{background-color:var(--button-brand-background-active)}button.warning:not([disabled]):not(.loading):active{background-color:var(--button-warning-background-active)}button.danger:not([disabled]):not(.loading):active{background-color:var(--button-danger-background-active)}button.info:not([disabled]):not(.loading):active{background-color:var(--button-info-background-active)}button.success:not([disabled]):not(.loading):active{background-color:var(--button-success-background-active)}button.outline:not([disabled]):not(.loading):active{background-color:var(--button-outline-background-active);color:var(--button-outline-color-active)}button.outline.warning:not([disabled]):not(.loading):active{background-color:var(--button-outline-warning-background-active);color:var(--button-outline-warning-background-active)}button.outline.danger:not([disabled]):not(.loading):active{background-color:var(--button-outline-danger-background-active);color:var(--button-outline-danger-background-active)}button.outline.info:not([disabled]):not(.loading):active{background-color:var(--button-outline-info-background-active);color:var(--button-outline-info-background-active)}button.outline.success:not([disabled]):not(.loading):active{background-color:var(--button-outline-success-background-active);color:var(--button-outline-success-background-active)}button.ghost:not([disabled]):not(.loading):active{background-color:var(--button-ghost-background-active);color:var(--button-ghost-neutral-color-active)}button.ghost.warning:not([disabled]):not(.loading):active{background-color:var(--button-warning-background-active);color:var(--button-ghost-warning-color-active)}button.ghost.danger:not([disabled]):not(.loading):active{background-color:var(--button-danger-background-active);color:var(--button-ghost-danger-color-active)}button.ghost.info:not([disabled]):not(.loading):active{background-color:var(--button-info-background-active);color:var(--button-ghost-info-color-active)}button.ghost.success:not([disabled]):not(.loading):active{background-color:var(--button-success-background-active);color:var(--button-ghost-success-color-active)}button:disabled{background:var(--button-disabled-background);color:var(--button-disabled-color);cursor:default}button.outline{background-color:transparent;border:var(--button-outline-border);color:var(--button-outline-color)}button.outline.danger{color:var(--button-outline-danger-color)}button.outline.warning{color:var(--button-outline-warning-color)}button.outline.info{color:var(--button-outline-info-color)}button.outline.success{color:var(--button-outline-success-color)}button.outline:not([disabled]):not(.loading):hover{background-color:var(--button-outline-background-hover);border:var(--button-outline-border-hover);color:var(--button-outline-color)}button.outline.danger:not([disabled]):not(.loading):hover{background-color:var(--button-outline-danger-background-hover);border:var(--button-outline-danger-border-hover);color:var(--button-outline-danger-color-hover)}button.outline.warning:not([disabled]):not(.loading):hover{background-color:var(--button-outline-warning-background-hover);border:var(--button-outline-warning-border-hover);color:var(--button-outline-warning-color-hover)}button.outline.info:not([disabled]):not(.loading):hover{background-color:var(--button-outline-info-background-hover);border:var(--button-outline-info-border-hover);color:var(--button-outline-info-color-hover)}button.outline.success:not([disabled]):not(.loading):hover{background-color:var(--button-outline-success-background-hover);border:var(--button-outline-success-border-hover);color:var(--button-outline-success-color-hover)}button.outline:disabled{border:1px solid var(--nyx-color-neutral-border-disable);background:var(--nyx-color-neutral-background-primary)}button.ghost{background-color:transparent;border:none;color:var(--button-ghost-color)}button.ghost.info{color:var(--button-ghost-info-color);background-color:transparent}button.ghost.danger{color:var(--button-ghost-danger-color);background-color:transparent}button.ghost.warning{color:var(--button-ghost-warning-color);background-color:transparent}button.ghost.success{color:var(--button-ghost-success-color);background-color:transparent}button.ghost:not([disabled]):not(.loading):hover{background-color:var(--button-ghost-background);color:var(--button-ghost-color)}button.ghost.danger:not([disabled]):not(.loading):hover{background-color:var(--button-ghost-background);color:var(--button-ghost-danger-color-hover)}button.ghost.warning:not([disabled]):not(.loading):hover{background-color:var(--button-ghost-background);color:var(--button-ghost-warning-color-hover)}button.ghost.info:not([disabled]):not(.loading):hover{background-color:var(--button-ghost-background);color:var(--button-ghost-info-color-hover)}button.ghost.success:not([disabled]):not(.loading):hover{background-color:var(--button-ghost-background);color:var(--button-ghost-success-color-hover)}button.ghost:disabled{background-color:var(--button-ghost-background);color:var(--button-disabled-color)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading nyx-icon{animation:spin 1s linear infinite}button.loading{cursor:default;line-height:var(--button-loading-line-height)}button.button-icon{display:flex;justify-content:center;align-items:center;flex-shrink:0;border-radius:var(--button-icon-border-radius);align-self:stretch;border:none;cursor:pointer;background-color:transparent;color:var(--button-icon-color);text-align:center}button.button-icon:not([disabled]):hover{background-color:var(--button-icon-background-hover)!important}button.button-icon.neutral:not([disabled]):hover{background-color:var(--button-neutral-background-hover)!important}button.button-icon[disabled]{color:var(--button-icon-color-disabled);cursor:default}button:focus-visible,button:focus-within{outline:2px solid var(--button-outline-color);outline-offset:2px}button.brand:focus-visible,button.brand:focus-within{background-color:var(--button-brand-background-hover)}button.warning:focus-visible,button.warning:focus-within{background-color:var(--button-warning-background-hover)}button.danger:focus-visible,button.danger:focus-within{background-color:var(--button-danger-background-hover)}button.info:focus-visible,button.info:focus-within{background-color:var(--button-info-background-hover)}button.success:focus-visible,button.success:focus-within{background-color:var(--button-success-background-hover)}button.ghost:focus-visible,button.ghost:focus-within{background-color:var(--button-ghost-background-hover);color:var(--button-ghost-color)}button.ghost.danger:focus-visible,button.ghost.danger:focus-within{background-color:var(--button-ghost-background-hover);color:var(--button-ghost-danger-color-hover)}button.ghost.info:focus-visible,button.ghost.info:focus-within{background-color:var(--button-ghost-background-hover);color:var(--button-ghost-info-color-hover)}button.ghost.success:focus-visible,button.ghost.success:focus-within{background-color:var(--button-ghost-background-hover);color:var(--button-ghost-success-color-hover)}button.ghost.warning:focus-visible,button.ghost.warning:focus-within{background-color:var(--button-ghost-background-hover);color:var(--button-ghost-warning-color-hover)}button.outline:focus-visible,button.outline:focus-within{background-color:var(--button-outline-background-hover)}button.outline.danger:focus-visible,button.outline.danger:focus-within{background-color:var(--button-outline-danger-background-hover)}button.outline.warning:focus-visible,button.outline.warning:focus-within{background-color:var(--button-outline-warning-background-hover)}button.outline.info:focus-visible,button.outline.info:focus-within{background-color:var(--button-outline-info-background-hover)}button.outline.success:focus-visible,button.outline.success:focus-within{background-color:var(--button-outline-success-background-hover)}button.button-icon:focus-visible,button.button-icon:focus-within{background-color:var( --button-icon-background-focus, var(--button-icon-background-hover) )!important}button.button-icon.neutral:focus-visible,button.button-icon.neutral:focus-within{background-color:var( --button-icon-background-focus, var(--button-neutral-background-hover) )!important}:host(.active) button.button-icon:not([disabled]){background-color:var( --button-icon-background-focus, var(--button-icon-background-hover) )!important}button.button-icon.button-icon-with-border{border:var(--button-icon-border-with-border);border-radius:var(--button-icon-border-radius-with-border)}button.button-icon.button-icon-with-border:not([disabled]):hover{border:var(--button-icon-border-hover)}button.button-icon.button-icon-with-border[disabled]{border:var(--button-icon-border-disabled)}button.button-icon nyx-icon{font-style:normal;font-weight:400;line-height:normal}button.button-icon.small{width:var(--button-icon-override-width, 24px);height:var(--button-icon-override-height, 24px)}button.button-icon.small nyx-icon{font-size:var(--button-icon-small-icon-font-size)}button.button-icon.medium{width:var(--button-icon-override-width, 30px);height:var(--button-icon-override-height, 30px)}button.button-icon.medium nyx-icon{font-size:var(--button-icon-medium-icon-font-size)}button.button-icon.large{width:var(--button-icon-override-width, 34px);height:var(--button-icon-override-height, 34px)}button.button-icon.large nyx-icon{font-size:var(--button-icon-large-icon-font-size)}button.button-icon.xlarge{width:var(--button-icon-override-width, 40px);height:var(--button-icon-override-height, 40px)}button.button-icon.xlarge nyx-icon{font-size:var(--button-icon-xlarge-icon-font-size)}";
-var co = Object.defineProperty, u = (c, o, e, n) => {
-  for (var t = void 0, r = c.length - 1, i; r >= 0; r--)
-    (i = c[r]) && (t = i(o, e, t) || t);
-  return t && co(o, e, t), t;
-}, b;
-const d = (b = class extends k {
-  constructor() {
-    super(...arguments), this.variant = "brand", this.size = "large", this.hierarchy = "solid", this.iconPosition = "left", this.disabled = !1, this.loading = !1, this.block = !1, this.buttonIcon = !1, this.buttonIconWithBorder = !1;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this._hostAriaObserver = new MutationObserver(() => {
-      this.requestUpdate();
-    }), this._hostAriaObserver.observe(this, {
-      attributes: !0,
-      attributeFilter: [...b._HOST_ARIA_ATTRS]
-    });
+  _selectionRoots() {
+    return this._isLazyEnabled() ? this._sourceItems : this._items;
   }
-  willUpdate(o) {
-    this._pullHostAriaIntoShadowButton(), super.willUpdate(o);
+  /** Full source node for selection UI/state (lazy materialized nodes may omit children). */
+  _selectionNode(e) {
+    return this._isLazyEnabled() ? this._sourceById.get(e.id) ?? e : e;
+  }
+  _invalidateSearchIndex() {
+    this._searchIndex = null, this._searchIndexSourceRef = null;
+  }
+  /** Clears search-derived sets so a data source swap cannot reuse stale ids. */
+  _resetSearchDerivedState() {
+    this._searchVisibleIds = /* @__PURE__ */ new Set(), this._searchUserCollapsedIds = /* @__PURE__ */ new Set(), this._searchManualExpandedIds = /* @__PURE__ */ new Set(), this._searchStatusMessage = "";
+  }
+  _ensureSearchIndex() {
+    const e = this._selectionRoots();
+    return this._searchIndex && this._searchIndexSourceRef === e ? this._searchIndex : (this._searchIndexSourceRef = e, this._searchIndex = k(e), this._searchIndex);
   }
   disconnectedCallback() {
-    var o;
-    (o = this._hostAriaObserver) == null || o.disconnect(), this._hostAriaObserver = void 0, super.disconnectedCallback();
+    super.disconnectedCallback(), this._searchDebounceTimer !== null && (clearTimeout(this._searchDebounceTimer), this._searchDebounceTimer = null);
   }
-  _pullHostAriaIntoShadowButton() {
-    var o, e;
-    if (this.hasAttribute("aria-label")) {
-      const n = this.getAttribute("aria-label") ?? "", t = n.trim() === "" ? void 0 : n;
-      t !== this._innerAriaLabel && (this._innerAriaLabel = t), this.removeAttribute("aria-label");
+  _findNodeById(e, t) {
+    for (const i of e) {
+      if (i.id === t) return i;
+      if (i.children) {
+        const s = this._findNodeById(i.children, t);
+        if (s) return s;
+      }
     }
-    if (this.hasAttribute("aria-labelledby")) {
-      const n = (o = this.getAttribute("aria-labelledby")) == null ? void 0 : o.trim(), t = n === "" ? void 0 : n;
-      t !== this._innerAriaLabelledby && (this._innerAriaLabelledby = t), this.removeAttribute("aria-labelledby");
+  }
+  _forEachInSubtree(e, t, i) {
+    const s = this._findNodeById(e, t);
+    if (!s) return;
+    const r = (o) => {
+      var a;
+      i(o), (a = o.children) == null || a.forEach(r);
+    };
+    r(s);
+  }
+  _getSourceChildren(e) {
+    const t = this._isLazyEnabled() ? this._sourceById.get(e) : this._findNodeById(this._items, e);
+    return t == null ? void 0 : t.children;
+  }
+  _loadMoreNodes(e) {
+    if (!this._isLazyEnabled()) return;
+    const t = this._getLazyPageSize();
+    let i;
+    if (this._isSearchActive())
+      if (y(this._searchVisibleIds, this._loadedIds))
+        i = j(
+          this._searchVisibleIds,
+          this._loadedIds,
+          this._indexById,
+          t
+        );
+      else if (e != null && this._hasExclusiveSearchFolderWithUnloadedChildren())
+        i = P(
+          this._treeIndex,
+          this._loadedIds,
+          t,
+          e
+        );
+      else
+        return;
+    else e != null ? i = P(
+      this._treeIndex,
+      this._loadedIds,
+      t,
+      e
+    ) : i = _e(this._treeIndex, this._loadedIds, t);
+    i.length !== 0 && (i.forEach((s) => this._loadedIds.add(s)), this._loadedIds = new Set(this._loadedIds), this._rebuildMaterializedItems(), this._commitLazyRows());
+  }
+  _loadSubtreeForExpand(e) {
+    const t = ve(
+      this._treeIndex,
+      e,
+      this._loadedIds,
+      this._getLazyPageSize()
+    );
+    t.length !== 0 && (t.forEach((i) => this._loadedIds.add(i)), this._loadedIds = new Set(this._loadedIds), this._rebuildMaterializedItems());
+  }
+  _sourceHasChildren(e) {
+    var t, i;
+    return !!((i = (t = this._sourceById.get(e)) == null ? void 0 : t.children) != null && i.length);
+  }
+  /** Refresh lazy flat rows after intentional lazy state mutations. */
+  _commitLazyRows() {
+    this._isLazyEnabled() && this._syncFlatRows();
+  }
+  _syncFlatRows() {
+    this._flatRows = F({
+      items: this._items,
+      expandedIds: this._expandedIds,
+      hasSearch: !!this._searchTerm.trim(),
+      searchTerm: this._searchTerm,
+      searchVisibleIds: this._searchVisibleIds,
+      sourceHasChildren: (e) => this._sourceHasChildren(e),
+      getSourceChildren: (e) => this._getSourceChildren(e)
+    }), this._syncActiveRowWithVisibleRows();
+  }
+  _setActiveRow(e) {
+    this._activeRowId !== e && (this._activeRowId = e);
+  }
+  _syncActiveRowWithVisibleRows() {
+    const e = this._getVisibleTreeRows();
+    if (e.length === 0) {
+      this._activeRowId !== null && (this._activeRowId = null);
+      return;
     }
-    if (this.hasAttribute("aria-describedby")) {
-      const n = (e = this.getAttribute("aria-describedby")) == null ? void 0 : e.trim(), t = n === "" ? void 0 : n;
-      t !== this._innerAriaDescribedby && (this._innerAriaDescribedby = t), this.removeAttribute("aria-describedby");
+    const t = e.some((i) => i.node.id === this._activeRowId);
+    (this._activeRowId === null || !t) && (this._activeRowId = e[0].node.id);
+  }
+  _getRowTabIndex(e) {
+    const t = this._getVisibleTreeRows();
+    if (t.length === 0) return -1;
+    const i = this._activeRowId ?? t[0].node.id;
+    return e === i ? 0 : -1;
+  }
+  _rowDomId(e) {
+    return `row-${String(e)}`;
+  }
+  _rowSelector(e) {
+    return `#${CSS.escape(this._rowDomId(e))}`;
+  }
+  _isSearchActive() {
+    return !!this._searchTerm.trim();
+  }
+  /** Index to scroll to after search — deepest hit, or first homonymous child. */
+  _getSearchScrollTargetIndex() {
+    const e = this._searchTerm.trim().toLowerCase();
+    if (!e || this._flatRows.length === 0) return 0;
+    const t = this._flatRows.map((r, o) => ({ row: r, index: o })).filter(({ row: r }) => I(r.node.label, e));
+    if (t.length === 0) return 0;
+    const i = t.reduce(
+      (r, o) => o.row.level >= r.row.level ? o : r
+    ), [s] = t;
+    if (t.length > 1 && s.row.hasChildrenInSource && this._expandedIds.has(s.row.node.id)) {
+      const r = t.find(
+        ({ row: o }) => o.level === s.row.level + 1 && o.node.label.toLowerCase() === s.row.node.label.toLowerCase()
+      );
+      if (r) return r.index;
     }
+    return i.index;
   }
-  /**
-   * @private
-   * Handles the click action performed on the button.
-   */
-  _handleClick(o) {
-    if (this.disabled || this.loading) {
-      o.preventDefault(), o.stopPropagation();
-      return;
+  _loadUntilSearchTargetVisible() {
+    let e = 0;
+    for (; e++ < 100 && !(this._getSearchScrollTargetIndex() < this._flatRows.length || !y(this._searchVisibleIds, this._loadedIds) && !this._hasExpandedUnloadedSubtree()); ) {
+      if (y(this._searchVisibleIds, this._loadedIds)) {
+        if (!B(
+          this._searchVisibleIds,
+          this._loadedIds,
+          this._indexById,
+          this._getLazyPageSize()
+        ))
+          break;
+      } else
+        break;
+      this._loadedIds = new Set(this._loadedIds), this._rebuildMaterializedItems(), this._commitLazyRows();
     }
-    o.stopPropagation(), this.click(void 0, { native: !0, bubbles: !0, composed: !0 });
   }
-  render() {
-    const o = this.buttonIcon || this.buttonIconWithBorder, e = {
-      brand: this.variant === "brand",
-      info: this.variant === "info",
-      warning: this.variant === "warning",
-      danger: this.variant === "danger",
-      neutral: this.variant === "neutral",
-      success: this.variant === "success",
-      small: this.size === "small",
-      medium: this.size === "medium",
-      large: this.size === "large",
-      xlarge: this.size === "xlarge",
-      outline: this.hierarchy === "outline",
-      ghost: this.hierarchy === "ghost",
-      "icon-right": this.iconPosition === "right",
-      loading: this.loading,
-      block: this.block,
-      "button-icon": o,
-      "button-icon-with-border": this.buttonIconWithBorder
-    };
-    return l`
-      <button
-        type="button"
-        ?disabled=${this.disabled}
-        class=${$(e)}
-        aria-label=${this._innerAriaLabel ?? y}
-        aria-labelledby=${this._innerAriaLabelledby ?? y}
-        aria-describedby=${this._innerAriaDescribedby ?? y}
-        @click=${this._handleClick}
+  _scrollToSearchTarget() {
+    !this._isLazyEnabled() || !this._isSearchActive() || this.updateComplete.then(() => {
+      var i;
+      const e = (i = this.shadowRoot) == null ? void 0 : i.querySelector("lit-virtualizer"), t = this._getSearchScrollTargetIndex();
+      !(e != null && e.scrollToIndex) || t < 0 || e.scrollToIndex(t, "start");
+    });
+  }
+  _hasExpandedUnloadedSubtree() {
+    for (const e of this._expandedIds)
+      if (L(e, this._treeIndex, this._loadedIds))
+        return !0;
+    return !1;
+  }
+  /** Expanded folder hit with no deeper visible match — may lazy-load all children. */
+  _hasExclusiveSearchFolderWithUnloadedChildren() {
+    if (!this._isSearchActive()) return !1;
+    const e = this._searchTerm.trim();
+    if (!e) return !1;
+    for (const t of this._expandedIds) {
+      const i = this._sourceById.get(t);
+      if (i && L(t, this._treeIndex, this._loadedIds) && z(
+        i.label,
+        e,
+        !1,
+        t,
+        this._searchVisibleIds,
+        (s) => this._getSourceChildren(s)
+      ))
+        return !0;
+    }
+    return !1;
+  }
+  _shouldLoadMoreOnScroll() {
+    return this._isLazyEnabled() ? this._isSearchActive() ? y(
+      this._searchVisibleIds,
+      this._loadedIds
+    ) || this._hasExclusiveSearchFolderWithUnloadedChildren() : this._hasExpandedUnloadedSubtree() ? this._treeIndex.some(
+      (e) => !this._loadedIds.has(e.id)
+    ) : fe(this._treeIndex, this._loadedIds) : !1;
+  }
+  _getLazyLoadPriorityRootId(e) {
+    if (!(!this._isSearchActive() && !this._hasExpandedUnloadedSubtree()))
+      return pe(
+        this._flatRows,
+        e,
+        this._expandedIds,
+        this._treeIndex,
+        this._loadedIds,
+        this._indexById
+      );
+  }
+  _getScrollPrefetchMargin() {
+    return Math.min(20, Math.max(5, Math.floor(this._getLazyPageSize() / 4)));
+  }
+  _onVirtualizerVisibilityChanged(e) {
+    const i = e.last;
+    if (i == null || !this._shouldLoadMoreOnScroll() || this._lazyScrollLoading)
+      return;
+    const s = Math.max(
+      0,
+      this._flatRows.length - this._getScrollPrefetchMargin()
+    );
+    i < s || (this._lazyScrollLoading = !0, this._loadMoreNodes(this._getLazyLoadPriorityRootId(i)), this.updateComplete.then(() => {
+      this._lazyScrollLoading = !1;
+    }));
+  }
+  _getTreeAriaLabel() {
+    var e, t;
+    return ((t = (e = this.options) == null ? void 0 : e.title) == null ? void 0 : t.trim()) || "Treeview";
+  }
+  _renderTreeRow(e, t, i) {
+    const { isExpanded: s, hasChildren: r, isRowHighlighted: o, isSelectable: a } = i;
+    return h`
+      <div
+        id=${this._rowDomId(e.id)}
+        role="treeitem"
+        aria-level=${t + 1}
+        aria-expanded=${r ? s ? "true" : "false" : w}
+        class=${b({
+      "node-row": !0,
+      selectable: a,
+      selected: o
+    })}
+        style="--treeview-row-level: ${t}"
+        tabindex=${this._getRowTabIndex(e.id)}
+        @mousedown=${(d) => d.preventDefault()}
+        @focus=${() => this._setActiveRow(e.id)}
+        @keydown=${(d) => this._handleRowKeyDown(d, e)}
+        @focusout=${this._handleRowFocusOut}
       >
-        ${this.loading ? "" : l`<slot name="icon"></slot>`}
-        ${this.loading ? l`<div class="loading"><nyx-icon svg=${K}></nyx-icon></div>` : ""}
-        ${o ? "" : l`<slot></slot>`}
-      </button>
+        <div class="node-info">
+          ${this._renderRowSelectionCheckbox(e)}
+          ${this._renderExpanderCell(e, s, r)}
+          ${this._renderNodeIconCell(e)}
+          <span class="node-text" title="${e.label}">${e.label}</span>
+        </div>
+        ${this._renderColumnCheckboxes(e)}
+      </div>
     `;
   }
-}, b._HOST_ARIA_ATTRS = [
-  "aria-label",
-  "aria-labelledby",
-  "aria-describedby"
-], b.styles = m(ao), b);
-u([
-  a({ type: String, reflect: !0 })
-], d.prototype, "variant");
-u([
-  a({ type: String, reflect: !0 })
-], d.prototype, "size");
-u([
-  a({ type: String, reflect: !0 })
-], d.prototype, "hierarchy");
-u([
-  a()
-], d.prototype, "iconPosition");
-u([
-  a({ type: Boolean, reflect: !0 })
-], d.prototype, "disabled");
-u([
-  a({ type: Boolean, reflect: !0 })
-], d.prototype, "loading");
-u([
-  a({ type: Boolean, reflect: !0 })
-], d.prototype, "block");
-u([
-  a({ attribute: "button-icon", type: Boolean, reflect: !0 })
-], d.prototype, "buttonIcon");
-u([
-  a({ attribute: "button-icon-with-border", type: Boolean, reflect: !0 })
-], d.prototype, "buttonIconWithBorder");
-u([
-  q()
-], d.prototype, "click");
-u([
-  f()
-], d.prototype, "_innerAriaLabel");
-u([
-  f()
-], d.prototype, "_innerAriaLabelledby");
-u([
-  f()
-], d.prototype, "_innerAriaDescribedby");
-let lo = d;
-customElements.get("nyx-button") || customElements.define("nyx-button", lo);
-var so = Object.defineProperty, z = (c, o, e, n) => {
-  for (var t = void 0, r = c.length - 1, i; r >= 0; r--)
-    (i = c[r]) && (t = i(o, e, t) || t);
-  return t && so(o, e, t), t;
-};
-const R = class R extends k {
-  constructor() {
-    super(...arguments), this._items = [], this._expandedIds = /* @__PURE__ */ new Set(), this._searchTerm = "";
+  _renderExpanderCell(e, t, i) {
+    return i ? h`
+      <nyx-button
+        class="expander"
+        size="small"
+        button-icon
+        tabindex="-1"
+        hierarchy="ghost"
+        aria-label=${ge(e.label, t)}
+        @click=${() => this._toggleExpand(e, !1)}
+        @keydown=${(s) => {
+      (s.key === "Enter" || s.key === " ") && (s.preventDefault(), s.stopPropagation(), this._toggleExpand(e, !0));
+    }}
+      >
+        <nyx-icon
+          slot="icon"
+          class=${b({ expanded: t })}
+          .svg=${X}
+        ></nyx-icon>
+      </nyx-button>
+    ` : h`<span class="expander-placeholder" aria-hidden="true"></span>`;
   }
-  updated(o) {
-    o.has("options") && this.options && (this._items = JSON.parse(JSON.stringify(this.options.items)), this.options.defaultExpandedLevel !== void 0 && this._expandedIds.size === 0 && this._expandToLevel(
-      this._items,
-      0,
-      this.options.defaultExpandedLevel
-    ), this._generateLightDomIcons());
+  _renderNodeTypeIcon(e) {
+    const t = e.icon;
+    return t ? typeof t == "string" ? h`<nyx-icon name=${t} variant="regular"></nyx-icon>` : h`
+      <nyx-icon
+        name=${t.name ?? w}
+        variant=${t.variant ?? "regular"}
+        src=${t.src ?? w}
+        .svg=${t.svg}
+      ></nyx-icon>
+    ` : w;
   }
   _generateLightDomIcons() {
-    var n;
-    if (this.querySelectorAll("[data-auto-generated]").forEach((t) => t.remove()), !this.options) return;
-    (n = this.options.columns) == null || n.forEach((t, r) => {
-      t.icon && this._createIconElement(t.icon, `generated-header-icon-${r}`);
-    });
-    const e = (t) => {
-      t.icon && this._createIconElement(
-        t.icon,
-        `generated-tree-icon-${t.id}`
-      ), t.children && t.children.forEach(e);
+    var i;
+    if (this.querySelectorAll("[data-auto-generated]").forEach((s) => s.remove()), !this.options || (this._hasColumnPermissions() && ((i = this.options.columns) == null || i.forEach((s, r) => {
+      s.icon && this._createIconElement(s.icon, `generated-header-icon-${r}`);
+    })), this._isLazyEnabled() || !this._showNodeIcons())) return;
+    const t = (s) => {
+      var r;
+      s.icon && this._createIconElement(
+        s.icon,
+        `generated-tree-icon-${s.id}`
+      ), (r = s.children) == null || r.forEach(t);
     };
-    this._items.forEach(e);
+    this._items.forEach(t);
   }
-  _createIconElement(o, e) {
-    const n = document.createElement("nyx-icon");
-    let t = "regular";
-    typeof o == "string" ? n.setAttribute("name", o) : (o.name && n.setAttribute("name", o.name), o.variant && (t = o.variant), o.src && n.setAttribute("src", o.src), o.svg && (n.svg = o.svg)), n.setAttribute("variant", t), n.setAttribute("slot", e), n.setAttribute("data-auto-generated", ""), this.appendChild(n);
+  _createIconElement(e, t) {
+    const i = document.createElement("nyx-icon");
+    let s = "regular";
+    typeof e == "string" ? i.setAttribute("name", e) : (e.name && i.setAttribute("name", e.name), e.variant && (s = e.variant), e.src && i.setAttribute("src", e.src), e.svg && (i.svg = e.svg)), i.setAttribute("variant", s), i.setAttribute("slot", t), i.setAttribute("data-auto-generated", ""), this.appendChild(i);
   }
-  _expandToLevel(o, e, n) {
-    o.forEach((t) => {
-      e < n && (this._expandedIds.add(t.id), t.children && this._expandToLevel(t.children, e + 1, n));
+  _expandToLevel(e, t, i) {
+    e.forEach((s) => {
+      t < i && (this._expandedIds.add(s.id), s.children && this._expandToLevel(s.children, t + 1, i));
     });
   }
-  _isColumnDisabled(o, e) {
-    return !!o.disabledColumns && o.disabledColumns.includes(e);
+  _isColumnDisabled(e, t) {
+    return !!e.disabledColumns && e.disabledColumns.includes(t);
   }
-  _isNodeSelected(o, e) {
-    return this._isColumnDisabled(o, e) ? !1 : (o.selectedColumns || []).includes(e);
+  _isNodeSelected(e, t) {
+    return this._isColumnDisabled(e, t) ? !1 : (e.selectedColumns || []).includes(t);
   }
-  _isIndeterminate(o, e) {
-    if (!o.children || o.children.length === 0) return !1;
-    const n = this._getFlatDescendants(o), t = n.filter(
-      (r) => this._isNodeSelected(r, e)
+  _isIndeterminate(e, t) {
+    if (e = this._selectionNode(e), !e.children || e.children.length === 0) return !1;
+    const i = this._getFlatDescendants(e), s = i.filter(
+      (r) => this._isNodeSelected(r, t)
     ).length;
-    return t > 0 && t < n.length;
-  }
-  _allDescendantsSelected(o, e) {
-    return !o.children || o.children.length === 0 ? this._isNodeSelected(o, e) : this._getFlatDescendants(o).every((t) => this._isNodeSelected(t, e));
-  }
-  _getFlatDescendants(o) {
-    let e = [];
-    return o.children && o.children.forEach((n) => {
-      e.push(n), e = e.concat(this._getFlatDescendants(n));
-    }), e;
-  }
-  _handleCheck(o, e) {
-    const t = !this._isNodeSelected(o, e);
-    this._toggleNodeState(o, e, t), o.children && this._getFlatDescendants(o).forEach((r) => {
-      this._toggleNodeState(r, e, t);
-    }), this._updateParents(this._items, o.id, e), this._triggerChange();
-  }
-  _toggleNodeState(o, e, n) {
-    if (this._isColumnDisabled(o, e)) return;
-    o.selectedColumns || (o.selectedColumns = []);
-    const t = o.selectedColumns.indexOf(e);
-    n && t === -1 ? o.selectedColumns.push(e) : !n && t > -1 && o.selectedColumns.splice(t, 1);
-  }
-  _updateParents(o, e, n) {
-    for (const t of o)
-      if (t.children && t.children.some(
-        (r) => r.id === e || this._updateParents(t.children, e, n)
+    return s > 0 && s < i.length;
+  }
+  _allDescendantsSelected(e, t) {
+    return e = this._selectionNode(e), !e.children || e.children.length === 0 ? this._isNodeSelected(e, t) : this._getFlatDescendants(e).every((s) => this._isNodeSelected(s, t));
+  }
+  _getFlatDescendants(e) {
+    e = this._selectionNode(e);
+    let t = [];
+    return e.children && e.children.forEach((i) => {
+      const s = this._selectionNode(i);
+      t.push(s), t = t.concat(this._getFlatDescendants(s));
+    }), t;
+  }
+  /** Transitive set of prerequisite column ids for `columnId` (excludes itself). */
+  _requiredClosure(e) {
+    var a, d, l;
+    const t = ((a = this.options) == null ? void 0 : a.columns) ?? [], i = new Map(t.map((c) => [c.id, c])), s = [], r = /* @__PURE__ */ new Set([e]), o = [...((d = i.get(e)) == null ? void 0 : d.requires) ?? []];
+    for (; o.length; ) {
+      const c = o.pop();
+      r.has(c) || (r.add(c), s.push(c), o.push(...((l = i.get(c)) == null ? void 0 : l.requires) ?? []));
+    }
+    return s;
+  }
+  /** Transitive set of column ids that depend on `columnId` (excludes itself). */
+  _dependentsClosure(e) {
+    var o;
+    const t = ((o = this.options) == null ? void 0 : o.columns) ?? [], i = [], s = /* @__PURE__ */ new Set([e]), r = [e];
+    for (; r.length; ) {
+      const a = r.pop();
+      for (const d of t)
+        (d.requires ?? []).includes(a) && !s.has(d.id) && (s.add(d.id), i.push(d.id), r.push(d.id));
+    }
+    return i;
+  }
+  _canEnableColumn(e, t) {
+    return this._isColumnDisabled(e, t) ? !1 : this._requiredClosure(t).every(
+      (i) => !this._isColumnDisabled(e, i)
+    );
+  }
+  _handleCheck(e, t) {
+    const i = this._selectionNode(e);
+    if (this._isColumnDisabled(i, t)) return;
+    const r = !this._isNodeSelected(i, t), o = this._requiredClosure(t), a = r ? [t, ...o] : [t, ...this._dependentsClosure(t)];
+    this._forEachInSubtree(this._selectionRoots(), e.id, (d) => {
+      r && o.some(
+        (c) => this._isColumnDisabled(d, c)
+      ) || a.forEach(
+        (l) => this._toggleNodeState(d, l, r)
+      );
+    }), a.forEach(
+      (d) => this._updateParents(this._selectionRoots(), e.id, d)
+    ), this._triggerChange();
+  }
+  _toggleNodeState(e, t, i) {
+    if (this._isColumnDisabled(e, t)) return;
+    e.selectedColumns || (e.selectedColumns = []);
+    const s = e.selectedColumns.indexOf(t);
+    i && s === -1 ? e.selectedColumns.push(t) : !i && s > -1 && e.selectedColumns.splice(s, 1);
+  }
+  _updateParents(e, t, i) {
+    for (const s of e)
+      if (s.children && s.children.some(
+        (r) => r.id === t || this._updateParents(s.children, t, i)
       )) {
-        const r = t.children.every(
-          (i) => this._allDescendantsSelected(i, n)
+        const r = s.children.every(
+          (o) => this._allDescendantsSelected(o, i)
         );
-        return this._toggleNodeState(t, n, r), !0;
+        return this._toggleNodeState(
+          s,
+          i,
+          r && this._canEnableColumn(s, i)
+        ), !0;
       }
     return !1;
   }
-  _isRowAllSelected(o) {
-    var n;
-    if (!((n = this.options) != null && n.columns)) return !1;
-    const e = this.options.columns.every((t) => this._isColumnDisabled(o, t.id) ? !0 : this._isNodeSelected(o, t.id));
-    return o.children && o.children.length > 0 ? e && o.children.every((t) => this._isRowAllSelected(t)) : e;
+  _isRowAllSelected(e) {
+    var i;
+    if (e = this._selectionNode(e), !((i = this.options) != null && i.columns)) return !1;
+    const t = this.options.columns.every((s) => this._isColumnDisabled(e, s.id) ? !0 : this._isNodeSelected(e, s.id));
+    return e.children && e.children.length > 0 ? t && e.children.every((s) => this._isRowAllSelected(s)) : t;
   }
-  _isRowIndeterminate(o) {
-    var t;
-    if (this._isRowAllSelected(o) || !((t = this.options) != null && t.columns)) return !1;
-    const e = this.options.columns.some(
-      (r) => this._isNodeSelected(o, r.id)
-    ), n = o.children ? o.children.some(
+  _isRowIndeterminate(e) {
+    var s;
+    if (e = this._selectionNode(e), this._isRowAllSelected(e) || !((s = this.options) != null && s.columns)) return !1;
+    const t = this.options.columns.some(
+      (r) => this._isNodeSelected(e, r.id)
+    ), i = e.children ? e.children.some(
       (r) => this._isRowAllSelected(r) || this._isRowIndeterminate(r)
     ) : !1;
-    return e || n;
+    return t || i;
   }
-  _handleRowCheck(o) {
+  _isSimpleRowAllSelected(e) {
     var t;
-    const n = !this._isRowAllSelected(o);
-    this._toggleRowRecursively(o, n), (t = this.options) != null && t.columns && this.options.columns.forEach((r) => {
-      this._updateParents(this._items, o.id, r.id);
-    }), this._triggerChange();
+    return e = this._selectionNode(e), (t = e.children) != null && t.length ? e.children.every((i) => this._isSimpleRowAllSelected(i)) : !!e.selected;
+  }
+  _isSimpleRowIndeterminate(e) {
+    var s;
+    return e = this._selectionNode(e), this._isSimpleRowAllSelected(e) || !((s = e.children) != null && s.length) ? !1 : this._getFlatDescendants(e).filter((r) => r.selected).length > 0;
+  }
+  _setSimpleRowSelected(e, t) {
+    this._forEachInSubtree(this._selectionRoots(), e, (i) => {
+      i.selected = t;
+    });
+  }
+  _updateSimpleRowParents(e, t) {
+    var i;
+    for (const s of e)
+      if ((i = s.children) != null && i.some(
+        (r) => r.id === t || this._updateSimpleRowParents(s.children, t)
+      ))
+        return s.selected = s.children.every(
+          (r) => this._isSimpleRowAllSelected(r)
+        ), !0;
+    return !1;
+  }
+  _isRowCheckboxChecked(e) {
+    const t = this._selectionNode(e);
+    return this._usesSimpleRowSelection() ? this._isSimpleRowAllSelected(t) : this._isRowAllSelected(t);
+  }
+  _isRowCheckboxIndeterminate(e) {
+    const t = this._selectionNode(e);
+    return this._usesSimpleRowSelection() ? this._isSimpleRowIndeterminate(t) : this._isRowIndeterminate(t);
   }
-  _toggleRowRecursively(o, e) {
-    var n;
-    (n = this.options) != null && n.columns && (e ? this.options.columns.forEach((t) => {
-      this._isColumnDisabled(o, t.id) || (o.selectedColumns || (o.selectedColumns = []), o.selectedColumns.includes(t.id) || o.selectedColumns.push(t.id));
-    }) : o.selectedColumns = [], o.children && o.children.forEach((t) => this._toggleRowRecursively(t, e)));
+  _handleRowCheck(e) {
+    var s;
+    const i = !this._isRowCheckboxChecked(e);
+    this._usesSimpleRowSelection() ? (this._setSimpleRowSelected(e.id, i), this._updateSimpleRowParents(this._selectionRoots(), e.id)) : (this._toggleRowRecursively(e.id, i), (s = this.options) != null && s.columns && this.options.columns.forEach((r) => {
+      this._updateParents(this._selectionRoots(), e.id, r.id);
+    })), this._triggerChange();
+  }
+  _applyRowColumnsToNode(e, t) {
+    var i;
+    (i = this.options) != null && i.columns && (t ? this.options.columns.forEach((s) => {
+      this._canEnableColumn(e, s.id) && (e.selectedColumns || (e.selectedColumns = []), e.selectedColumns.includes(s.id) || e.selectedColumns.push(s.id));
+    }) : e.selectedColumns = (e.selectedColumns ?? []).filter(
+      (s) => this._isColumnDisabled(e, s)
+    ));
+  }
+  _toggleRowRecursively(e, t) {
+    this._forEachInSubtree(this._selectionRoots(), e, (i) => {
+      this._applyRowColumnsToNode(i, t);
+    });
   }
   _triggerChange() {
-    this._items = [...this._items], this.onChange({ items: this._items }, { bubbles: !0, composed: !0 });
-  }
-  async _toggleExpand(o, e = !1) {
-    var r;
-    if (!(o.children && o.children.length > 0)) return;
-    const t = this._expandedIds.has(o.id);
-    if (t ? this._expandedIds.delete(o.id) : this._expandedIds.add(o.id), this._expandedIds = new Set(this._expandedIds), !t && e && o.children && o.children[0]) {
-      await this.updateComplete;
-      const i = o.children[0].id, p = (r = this.shadowRoot) == null ? void 0 : r.querySelector(
-        `#row-${i}`
+    if (this._isLazyEnabled()) {
+      this._rebuildMaterializedItems(), this._commitLazyRows(), this.onChange(
+        { items: this._sourceItems },
+        { bubbles: !0, composed: !0 }
       );
-      p && p.focus();
+      return;
     }
+    this._items = [...this._items], this._invalidateSearchIndex(), this._searchTerm.trim() && this._recomputeSearchFilter(), this.onChange({ items: this._items }, { bubbles: !0, composed: !0 });
   }
-  _handleRowKeyDown(o, e) {
-    var t;
-    const n = o.currentTarget;
-    if ((o.key === "Enter" || o.key === " ") && o.target === n) {
-      o.preventDefault(), this._enableChildren(n);
-      const r = n.querySelector(
+  _handleSearchInput(e) {
+    const t = e.target.value, i = this._searchTerm, s = t.trim();
+    if (this._searchDebounceTimer !== null && (clearTimeout(this._searchDebounceTimer), this._searchDebounceTimer = null), !s && i.trim()) {
+      this._applySearchTerm(t, i);
+      return;
+    }
+    this._searchDebounceTimer = setTimeout(() => {
+      this._searchDebounceTimer = null, this._applySearchTerm(t, i);
+    }, ie);
+  }
+  _applySearchTerm(e, t) {
+    const i = t.trim(), s = e.trim();
+    !i && s ? (this._expandedIdsBeforeSearch = new Set(this._expandedIds), this._searchManualExpandedIds = /* @__PURE__ */ new Set(), this._searchUserCollapsedIds = /* @__PURE__ */ new Set()) : i && !s ? (this._searchUserCollapsedIds = /* @__PURE__ */ new Set(), this._searchManualExpandedIds = /* @__PURE__ */ new Set()) : i && s && i.toLowerCase() !== s.toLowerCase() && (this._searchUserCollapsedIds = /* @__PURE__ */ new Set(), this._searchManualExpandedIds = /* @__PURE__ */ new Set()), this._searchTerm = e, this._recomputeSearchFilter();
+  }
+  _recomputeSearchFilter() {
+    const e = this._searchTerm.trim();
+    if (!e) {
+      this._searchVisibleIds = /* @__PURE__ */ new Set(), this._expandedIdsBeforeSearch && (this._expandedIds = new Set(this._expandedIdsBeforeSearch), this._expandedIdsBeforeSearch = null), this._isLazyEnabled() ? this._commitLazyRows() : this._syncActiveRowWithVisibleRows(), this._updateSearchStatusMessage();
+      return;
+    }
+    const t = this._ensureSearchIndex(), { visibleIds: i, expandIds: s } = oe(
+      t,
+      e,
+      this._searchUserCollapsedIds
+    ), r = new Set(s);
+    this._searchManualExpandedIds.forEach((o) => {
+      this._searchUserCollapsedIds.has(o) || r.add(o);
+    }), this._searchVisibleIds = i, this._expandedIds = r, this._isLazyEnabled() ? (B(
+      i,
+      this._loadedIds,
+      this._indexById,
+      this._getLazyPageSize()
+    ) && (this._loadedIds = new Set(this._loadedIds), this._rebuildMaterializedItems()), this._commitLazyRows(), this._loadUntilSearchTargetVisible(), this._scrollToSearchTarget()) : this._syncActiveRowWithVisibleRows(), this._updateSearchStatusMessage();
+  }
+  _updateSearchStatusMessage() {
+    const e = this._searchTerm.trim();
+    if (!e) {
+      this._searchStatusMessage = "";
+      return;
+    }
+    const t = this._ensureSearchIndex();
+    this._searchStatusMessage = Se(
+      ne(t, e)
+    );
+  }
+  async _toggleExpand(e, t = !1) {
+    if (!(this._isLazyEnabled() ? this._sourceHasChildren(e.id) : !!(e.children && e.children.length > 0))) return;
+    const s = this._expandedIds.has(e.id);
+    s ? (this._expandedIds.delete(e.id), this._searchTerm.trim() && (this._searchUserCollapsedIds.add(e.id), this._searchUserCollapsedIds = new Set(this._searchUserCollapsedIds), this._searchManualExpandedIds.delete(e.id), this._searchManualExpandedIds = new Set(this._searchManualExpandedIds))) : (this._expandedIds.add(e.id), this._searchTerm.trim() && (this._searchManualExpandedIds.add(e.id), this._searchManualExpandedIds = new Set(this._searchManualExpandedIds), this._searchUserCollapsedIds.delete(e.id), this._searchUserCollapsedIds = new Set(this._searchUserCollapsedIds)), this._isLazyEnabled() && this._loadSubtreeForExpand(e.id)), this._expandedIds = new Set(this._expandedIds), this._isLazyEnabled() ? this._commitLazyRows() : this._syncActiveRowWithVisibleRows(), !s && t && (await this.updateComplete, this._focusFirstVisibleChild(e.id));
+  }
+  _nodeHasChildren(e) {
+    return this._isLazyEnabled() ? this._sourceHasChildren(e.id) : !!(e.children && e.children.length > 0);
+  }
+  _getVisibleTreeRows() {
+    return this._isLazyEnabled() ? this._flatRows : F({
+      items: this._items,
+      expandedIds: this._expandedIds,
+      hasSearch: this._isSearchActive(),
+      searchTerm: this._searchTerm,
+      searchVisibleIds: this._searchVisibleIds,
+      sourceHasChildren: (e) => {
+        var t;
+        return !!((t = this._getSourceChildren(e)) != null && t.length);
+      },
+      getSourceChildren: (e) => this._getSourceChildren(e)
+    });
+  }
+  _getParentId(e) {
+    var s;
+    if (this._isLazyEnabled()) {
+      const r = (s = this._indexById.get(e)) == null ? void 0 : s.parentId;
+      return r ?? void 0;
+    }
+    let t;
+    const i = (r, o) => {
+      for (const a of r) {
+        if (a.id === e)
+          return t = o ?? void 0, !0;
+        if (a.children && i(a.children, a.id))
+          return !0;
+      }
+      return !1;
+    };
+    return i(this._items, null), t;
+  }
+  _focusRowById(e) {
+    this._setActiveRow(e), this.updateComplete.then(() => {
+      var i, s, r;
+      if (this._isLazyEnabled()) {
+        const o = this._flatRows.findIndex((a) => a.node.id === e);
+        if (o >= 0) {
+          const a = (i = this.shadowRoot) == null ? void 0 : i.querySelector(
+            "lit-virtualizer"
+          );
+          (s = a == null ? void 0 : a.scrollToIndex) == null || s.call(a, o, "nearest");
+        }
+      }
+      const t = (r = this.shadowRoot) == null ? void 0 : r.querySelector(
+        this._rowSelector(e)
+      );
+      t == null || t.focus();
+    });
+  }
+  _focusFirstVisibleChild(e) {
+    const t = this._getVisibleTreeRows(), i = t.findIndex((r) => r.node.id === e);
+    if (i < 0) return;
+    const s = t[i].level;
+    for (let r = i + 1; r < t.length && !(t[r].level <= s); r++)
+      if (t[r].level === s + 1) {
+        this._focusRowById(t[r].node.id);
+        return;
+      }
+  }
+  async _handleRowKeyDown(e, t) {
+    var d;
+    const i = e.currentTarget;
+    if (e.target !== i)
+      return;
+    const s = this._getVisibleTreeRows(), r = s.findIndex((l) => l.node.id === t.id), o = this._nodeHasChildren(t), a = this._expandedIds.has(t.id);
+    if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+      const l = e.key === "ArrowDown" ? r + 1 : r - 1;
+      l >= 0 && l < s.length && (e.preventDefault(), this._focusRowById(s[l].node.id));
+      return;
+    }
+    if (e.key === "Home" || e.key === "End") {
+      if (s.length === 0) return;
+      e.preventDefault();
+      const l = e.key === "Home" ? s[0] : s[s.length - 1];
+      this._focusRowById(l.node.id);
+      return;
+    }
+    if (e.key === "ArrowRight") {
+      if (!o) return;
+      if (e.preventDefault(), !a) {
+        await this._toggleExpand(t, !0);
+        return;
+      }
+      this._focusFirstVisibleChild(t.id);
+      return;
+    }
+    if (e.key === "ArrowLeft") {
+      if (e.preventDefault(), o && a) {
+        await this._toggleExpand(t, !1), i.focus();
+        return;
+      }
+      const l = this._getParentId(t.id);
+      l !== void 0 && this._focusRowById(l);
+      return;
+    }
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault(), this._enableChildren(i);
+      const l = i.querySelector(
         "nyx-checkbox input, nyx-button:not([disabled])"
       );
-      if (r)
-        if (r instanceof HTMLInputElement)
-          r.focus();
+      if (l)
+        if (l instanceof HTMLInputElement)
+          l.focus();
         else {
-          const i = (t = r.shadowRoot) == null ? void 0 : t.querySelector("button");
-          i == null || i.focus();
+          const c = (d = l.shadowRoot) == null ? void 0 : d.querySelector("button");
+          c == null || c.focus();
         }
       return;
     }
-    o.key === "Escape" && (o.preventDefault(), o.stopPropagation(), this._disableChildren(n), n.focus());
+    e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), this._disableChildren(i), i.focus());
   }
-  _handleRowFocusOut(o) {
-    const e = o.currentTarget;
-    e.contains(o.relatedTarget) || this._disableChildren(e);
+  _handleRowFocusOut(e) {
+    const t = e.currentTarget;
+    t.contains(e.relatedTarget) || this._disableChildren(t);
   }
-  _enableChildren(o) {
-    const e = o.querySelectorAll('input[slot="input"]'), n = o.querySelectorAll("nyx-button");
-    e.forEach((t) => t.setAttribute("tabindex", "0")), n.forEach((t) => t.removeAttribute("tabindex"));
+  _enableChildren(e) {
+    const t = e.querySelectorAll('input[slot="input"]'), i = e.querySelectorAll("nyx-button");
+    t.forEach((s) => s.setAttribute("tabindex", "0")), i.forEach((s) => s.removeAttribute("tabindex"));
   }
-  _disableChildren(o) {
-    const e = o.querySelectorAll('input[slot="input"]'), n = o.querySelectorAll("nyx-button");
-    e.forEach((t) => t.setAttribute("tabindex", "-1")), n.forEach((t) => t.setAttribute("tabindex", "-1"));
+  _disableChildren(e) {
+    const t = e.querySelectorAll('input[slot="input"]'), i = e.querySelectorAll("nyx-button");
+    t.forEach((s) => s.setAttribute("tabindex", "-1")), i.forEach((s) => s.setAttribute("tabindex", "-1"));
   }
   _clearAllFocus() {
-    var n, t;
-    const o = (n = this.shadowRoot) == null ? void 0 : n.activeElement;
-    o == null || o.blur();
-    const e = (t = this.shadowRoot) == null ? void 0 : t.querySelectorAll(".node-row");
-    e == null || e.forEach((r) => {
+    var i, s;
+    const e = (i = this.shadowRoot) == null ? void 0 : i.activeElement;
+    e == null || e.blur();
+    const t = (s = this.shadowRoot) == null ? void 0 : s.querySelectorAll(".node-row");
+    t == null || t.forEach((r) => {
       this._disableChildren(r);
     });
   }
+  _renderRowSelectionCheckbox(e) {
+    return this._showRowSelection() ? h`
+      <div class="row-checkbox">
+        <nyx-checkbox
+          aria-label=${ye(e.label)}
+          ?checked=${this._isRowCheckboxChecked(e)}
+          ?indeterminate=${this._isRowCheckboxIndeterminate(e)}
+          @click=${(t) => {
+      t.stopPropagation(), this._handleRowCheck(e);
+    }}
+        >
+          <input type="checkbox" slot="input" tabindex="-1" />
+        </nyx-checkbox>
+      </div>
+    ` : w;
+  }
+  _renderNodeIconCell(e) {
+    return this._showNodeIcons() ? h`
+      <div class="node-type-icon-wrapper">
+        ${this._isLazyEnabled() ? this._renderNodeTypeIcon(e) : h`<slot name="generated-tree-icon-${e.id}"></slot>`}
+      </div>
+    ` : w;
+  }
+  _renderColumnCheckboxes(e) {
+    return this._hasColumnPermissions() ? h`
+      <div class="node-columns">
+        ${this.options.columns.map(
+      (t) => h`
+            <div class="col-cell">
+              <nyx-checkbox
+                aria-label=${Ie(
+        t.title || `Column ${t.id}`,
+        e.label
+      )}
+                ?checked=${this._allDescendantsSelected(
+        this._selectionNode(e),
+        t.id
+      )}
+                ?indeterminate=${this._isIndeterminate(
+        this._selectionNode(e),
+        t.id
+      )}
+                ?disabled=${this._isColumnDisabled(
+        this._selectionNode(e),
+        t.id
+      )}
+                @click=${(i) => {
+        if (i.stopPropagation(), this._isColumnDisabled(this._selectionNode(e), t.id)) {
+          i.preventDefault();
+          return;
+        }
+        this._handleCheck(this._selectionNode(e), t.id);
+      }}
+              >
+                <input type="checkbox" slot="input" tabindex="-1" />
+              </nyx-checkbox>
+            </div>
+          `
+    )}
+      </div>
+    ` : w;
+  }
   render() {
-    var o, e, n;
-    return l`
-      <div class="nyx-treeview" @mousedown=${() => this._clearAllFocus()}>
+    var i, s, r;
+    const e = this._hasColumnPermissions(), t = e ? ((s = (i = this.options) == null ? void 0 : i.columns) == null ? void 0 : s.length) ?? 0 : 0;
+    return h`
+      <div
+        class=${b({
+      "nyx-treeview": !0,
+      "nyx-treeview--no-columns": !e,
+      "nyx-treeview--row-selection": this._showRowSelection(),
+      "nyx-treeview--virtual": this._isLazyEnabled()
+    })}
+        style=${`--treeview-column-count: ${t};`}
+        @mousedown=${() => this._clearAllFocus()}
+      >
         <div class="search-container">
           <nyx-input>
-            <nyx-icon .svg=${Q} slot="iconLeft"></nyx-icon>
+            <nyx-icon .svg=${J} slot="iconLeft"></nyx-icon>
             <input
               class="search-input"
               type="text"
               slot="field"
-              placeholder="Search..."
-              @input=${(t) => this._searchTerm = t.target.value}
+              placeholder="Search"
+              aria-label="Search"
+              @input=${this._handleSearchInput}
             />
           </nyx-input>
+          <div
+            class="search-status visually-hidden"
+            role="status"
+            aria-live="polite"
+            aria-atomic="true"
+          >
+            ${this._searchStatusMessage}
+          </div>
         </div>
 
         <div class="tree-scroll">
-          <div class="tree-header">
-            <div class="tree-title">${(o = this.options) == null ? void 0 : o.title}</div>
-            <div class="header-columns">
-              ${(n = (e = this.options) == null ? void 0 : e.columns) == null ? void 0 : n.map(
-      (t, r) => l`
-                  <div class="col-cell" title="${t.title || ""}">
-                    <slot name="generated-header-icon-${r}"></slot>
-                  </div>
-                `
+          <div
+            class=${b({
+      "tree-header": !0,
+      "tree-header--no-columns": !e
+    })}
+          >
+            <div class="tree-title">${(r = this.options) == null ? void 0 : r.title}</div>
+            ${e ? h`
+                  <div class="header-columns">
+                    ${this.options.columns.map(
+      (o, a) => h`
+                        <div class="col-cell" title="${o.title || ""}">
+                          <slot name="generated-header-icon-${a}"></slot>
+                        </div>
+                      `
     )}
-            </div>
+                  </div>
+                ` : w}
           </div>
 
-          <div class="tree-body">${this._renderNodes(this._items, 0)}</div>
+          <div
+            class=${b({
+      "tree-body": !0,
+      "tree-body--virtual": this._isLazyEnabled()
+    })}
+            role="tree"
+            aria-label=${this._getTreeAriaLabel()}
+          >
+            ${this._isLazyEnabled() ? h`
+                  <lit-virtualizer
+                    scroller
+                    class="tree-virtualizer"
+                    .items=${this._flatRows}
+                    .estimateSize=${48}
+                    .renderItem=${(o) => this._renderFlatRow(o)}
+                    @visibilityChanged=${this._onVirtualizerVisibilityChanged}
+                  ></lit-virtualizer>
+                ` : this._renderNodes(this._items, 0)}
+          </div>
         </div>
       </div>
     `;
   }
-  _renderNodes(o, e) {
-    var r;
-    const n = o.filter(
-      (i) => !this._searchTerm || i.label.toLowerCase().includes(this._searchTerm.toLowerCase()) || i.children && i.children.some(
-        (p) => p.label.toLowerCase().includes(this._searchTerm.toLowerCase())
-      )
-    ), t = 16 + e * 24 - ((r = this.options) != null && r.showRowSelection ? 4 : 0);
-    return U(
-      n,
-      (i) => i.id,
-      (i) => {
-        var I, D, P, T;
-        const p = this._expandedIds.has(i.id), L = i.children && i.children.length > 0, N = this._isRowAllSelected(i), F = this._isRowIndeterminate(i), H = !!((I = this.options) != null && I.showRowSelection);
-        return l`
+  _renderFlatRow(e) {
+    const { node: t, level: i, revealSubtree: s, parentLabelMatched: r } = e, o = this._expandedIds.has(t.id), a = e.hasChildrenInSource, d = this._showRowSelection(), l = this._isRowCheckboxChecked(t) || this._isRowCheckboxIndeterminate(t);
+    return h`
+      <div class="node-wrapper node-wrapper--flat">
+        ${this._renderTreeRow(t, i, {
+      isExpanded: o,
+      hasChildren: a,
+      isRowHighlighted: l,
+      isSelectable: d
+    })}
+      </div>
+    `;
+  }
+  _renderNodes(e, t, i = !1, s = !1, r = !1) {
+    const o = !!this._searchTerm.trim(), a = this._searchTerm.trim().toLowerCase(), d = o && !r ? e.filter((l) => this._searchVisibleIds.has(l.id)) : e;
+    return Y(
+      d,
+      (l) => l.id,
+      (l) => {
+        const c = this._expandedIds.has(l.id), m = this._isLazyEnabled() ? this._sourceHasChildren(l.id) : !!(l.children && l.children.length > 0), p = this._isRowCheckboxChecked(l) || this._isRowCheckboxIndeterminate(l), v = this._showRowSelection(), S = H(
+          l.label,
+          a,
+          i,
+          s
+        ), N = !o || S && z(
+          l.label,
+          a,
+          s,
+          l.id,
+          this._searchVisibleIds,
+          (C) => this._getSourceChildren(C)
+        ) ? l.children : U(l, this._searchVisibleIds, a), g = s || o && !!a && l.label.toLowerCase().includes(a);
+        return h`
           <div class="node-wrapper">
-            <div
-              id="row-${i.id}"
-              class=${O({
-          "node-row": !0,
-          selectable: H,
-          selected: N || F
+            ${this._renderTreeRow(l, t, {
+          isExpanded: c,
+          hasChildren: m,
+          isRowHighlighted: p,
+          isSelectable: v
         })}
-              style="padding-left: ${t}px;"
-              tabindex="0"
-              @mousedown=${(s) => s.preventDefault()}
-              @keydown=${(s) => this._handleRowKeyDown(s, i)}
-              @focusout=${this._handleRowFocusOut}
-            >
-              <div class="node-info">
-                ${(D = this.options) != null && D.showRowSelection ? l`
-                      <div class="row-checkbox">
-                        <nyx-checkbox
-                          ?checked=${this._isRowAllSelected(i)}
-                          ?indeterminate=${this._isRowIndeterminate(i)}
-                          @click=${(s) => {
-          s.stopPropagation(), this._handleRowCheck(i);
-        }}
-                        >
-                          <input type="checkbox" slot="input" tabindex="-1" />
-                        </nyx-checkbox>
-                      </div>
-                    ` : y}
-                ${L ? l`
-                      <nyx-button
-                        class="expander"
-                        size="small"
-                        button-icon
-                        tabindex="-1"
-                        hierarchy="ghost"
-                        @click=${() => this._toggleExpand(i, !1)}
-                        @keydown=${(s) => {
-          (s.key === "Enter" || s.key === " ") && (s.preventDefault(), s.stopPropagation(), this._toggleExpand(i, !0));
-        }}
-                      >
-                        <nyx-icon
-                          slot="icon"
-                          class=${O({ expanded: p })}
-                          .svg=${X}
-                        ></nyx-icon>
-                      </nyx-button>
-                    ` : y}
-                <div class="node-type-icon-wrapper">
-                  <slot name="generated-tree-icon-${i.id}"></slot>
-                </div>
-                <span class="node-text" title="${i.label}"
-                  >${i.label}</span
-                >
-              </div>
-              <div class="node-columns">
-                ${(T = (P = this.options) == null ? void 0 : P.columns) == null ? void 0 : T.map(
-          (s) => l`
-                    <div class="col-cell">
-                      <nyx-checkbox
-                        ?checked=${this._allDescendantsSelected(i, s.id)}
-                        ?indeterminate=${this._isIndeterminate(i, s.id)}
-                        ?disabled=${this._isColumnDisabled(i, s.id)}
-                        @click=${() => this._handleCheck(i, s.id)}
-                      >
-                        <input type="checkbox" slot="input" tabindex="-1" />
-                      </nyx-checkbox>
-                    </div>
-                  `
+            ${c && m ? h`<div class="node-children" role="group">
+                  ${this._renderNodes(
+          N,
+          t + 1,
+          S,
+          g,
+          !0
         )}
-              </div>
-            </div>
-            ${p && L ? l`<div class="node-children">
-                  ${this._renderNodes(i.children, e + 1)}
                 </div>` : ""}
           </div>
         `;
@@ -646,24 +1329,45 @@ const R = class R extends k {
     );
   }
 };
-R.styles = m(Z);
-let g = R;
-z([
-  a({ type: Object })
-], g.prototype, "options");
-z([
+$.styles = G(te);
+let u = $;
+_([
+  K({ type: Object, noAccessor: !0 })
+], u.prototype, "options", 1);
+_([
+  f()
+], u.prototype, "_items", 2);
+_([
+  f()
+], u.prototype, "_expandedIds", 2);
+_([
+  f()
+], u.prototype, "_searchTerm", 2);
+_([
+  f()
+], u.prototype, "_searchStatusMessage", 2);
+_([
+  f()
+], u.prototype, "_searchVisibleIds", 2);
+_([
+  f()
+], u.prototype, "_searchUserCollapsedIds", 2);
+_([
+  f()
+], u.prototype, "_searchManualExpandedIds", 2);
+_([
   f()
-], g.prototype, "_items");
-z([
+], u.prototype, "_flatRows", 2);
+_([
   f()
-], g.prototype, "_expandedIds");
-z([
+], u.prototype, "_loadedIds", 2);
+_([
   f()
-], g.prototype, "_searchTerm");
-z([
-  q("nyx-change")
-], g.prototype, "onChange");
-customElements.get("nyx-treeview") || customElements.define("nyx-treeview", g);
+], u.prototype, "_activeRowId", 2);
+_([
+  ee("nyx-change")
+], u.prototype, "onChange", 2);
+customElements.get("nyx-treeview") || customElements.define("nyx-treeview", u);
 export {
-  g as NyxTreeview
+  u as NyxTreeview
 };