@orangelogic/design-system 2.150.0 → 2.152.0

package/library/chunks/{tree.C9d7pyKM.js → tree.C2dPd6gt.js}

@@ -1,61 +1,36 @@
-import { C as R, n as l } from "./lib-cortex-element.CVMmyPMC.js";
-import { c as N } from "./component.styles.CRO4Odto.js";
-import { c as G } from "./custom-element.L4WJXn1j.js";
-import { L as M } from "./i18n.BwXikn4k.js";
-import { c as K } from "./math.DuKzLacZ.js";
-import { w as f } from "./watch.K-dbDP6P.js";
-import { i as H, x as b, E as L } from "./lit-element.jLBm65_O.js";
-import { r as y } from "./state.CSDxrqLd.js";
-import { e as x } from "./query.BBf1UFkC.js";
-import { s as U, a as z, b as $ } from "./event.BeKOsirN.js";
-import { e as C } from "./class-map.BiVq-cVR.js";
-import { o as E } from "./if-defined.BRoBj_Rp.js";
-import { l as W } from "./live.DCegntDo.js";
-import { n as S } from "./when.Dr1es41R.js";
-import { g as P, s as Z } from "./animation-registry.HmpwNuGH.js";
-import { C as Y } from "./checkbox.aQnF4Zc3.js";
-import { C as J } from "./icon.CsF1BoUl.js";
-import Q from "../components/line-clamp.js";
-import ee from "../components/spinner.js";
-import { i as te } from "./browser.BHOCIF_A.js";
-import { S as ie } from "./sortable.esm.oSzf6C5Q.js";
-function ne(e, t, i) {
+import { C as F, n as l } from "./lib-cortex-element.CVMmyPMC.js";
+import { c as O } from "./component.styles.CRO4Odto.js";
+import { c as U } from "./custom-element.L4WJXn1j.js";
+import { L as N } from "./i18n.Bchq8v1d.js";
+import { c as X } from "./math.DuKzLacZ.js";
+import { w as b } from "./watch.DOt4Mabe.js";
+import { i as R, x as m, E as T } from "./lit-element.jLBm65_O.js";
+import { r as g } from "./state.CSDxrqLd.js";
+import { e as f } from "./query.BBf1UFkC.js";
+import { s as L, a as D, b as z } from "./event.BeKOsirN.js";
+import { e as E } from "./class-map.BiVq-cVR.js";
+import { o as _ } from "./if-defined.BRoBj_Rp.js";
+import { l as j } from "./live.DCegntDo.js";
+import { n as y } from "./when.Dr1es41R.js";
+import { g as $, s as G } from "./animation-registry.HmpwNuGH.js";
+import { C as K } from "./checkbox.3i2j3PHc.js";
+import { C as V } from "./icon.mxNZ85k0.js";
+import W from "../components/line-clamp.js";
+import Y from "../components/spinner.js";
+import { i as J } from "./browser.BHOCIF_A.js";
+import { S as Q } from "./sortable.esm.oSzf6C5Q.js";
+import { v as ee } from "./v4.CKZ6klMF.js";
+function te(e, t, i) {
   let n;
   return function(...s) {
-    const o = this, d = function() {
-      n = null, e.apply(o, s);
+    const a = this, d = function() {
+      n = null, e.apply(a, s);
     };
     n && clearTimeout(n), n = window.setTimeout(d, t);
   };
 }
-const p = [];
-for (let e = 0; e < 256; ++e)
-  p.push((e + 256).toString(16).slice(1));
-function oe(e, t = 0) {
-  return (p[e[t + 0]] + p[e[t + 1]] + p[e[t + 2]] + p[e[t + 3]] + "-" + p[e[t + 4]] + p[e[t + 5]] + "-" + p[e[t + 6]] + p[e[t + 7]] + "-" + p[e[t + 8]] + p[e[t + 9]] + "-" + p[e[t + 10]] + p[e[t + 11]] + p[e[t + 12]] + p[e[t + 13]] + p[e[t + 14]] + p[e[t + 15]]).toLowerCase();
-}
-let w;
-const ae = new Uint8Array(16);
-function se() {
-  if (!w) {
-    if (typeof crypto > "u" || !crypto.getRandomValues)
-      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    w = crypto.getRandomValues.bind(crypto);
-  }
-  return w(ae);
-}
-const re = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), F = { randomUUID: re };
-function le(e, t, i) {
-  if (F.randomUUID && !e)
-    return F.randomUUID();
-  e = e || {};
-  const n = e.random ?? e.rng?.() ?? se();
-  if (n.length < 16)
-    throw new Error("Random bytes length must be >= 16");
-  return n[6] = n[6] & 15 | 64, n[8] = n[8] & 63 | 128, oe(n);
-}
-const de = H`:host{--selected-color:var(--cx-color-primary-600);--selected-background-color:var(--cx-color-primary-50);--hover-background-color:var(--cx-menu-item-background-color-hover);--active-background-color:var(--cx-color-neutral-200);--item-padding:var(--cx-spacing-2x-small) var(--cx-spacing-x-small);outline:0;display:block}:host(:focus-visible) .tree-item{outline:var(--cx-focus-ring);outline-offset:calc(-1 * var(--cx-focus-ring-width))}[hidden]{display:none!important}slot:not([name])::slotted(cx-icon){margin-inline-end:var(--cx-spacing-x-small)}.tree-item{color:var(--cx-color-neutral);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:stretch;display:flex;position:relative}.tree-item__checkbox{margin-inline-end:var(--cx-spacing-x-small)}.tree-item__expand-button,.tree-item__checkbox,.tree-item__label{font-family:var(--cx-font-sans);font-size:var(--cx-tree-item-font-size,var(--cx-font-size-small));font-weight:var(--cx-tree-item-font-weight,var(--cx-font-weight-medium));line-height:var(--cx-tree-item-line-height,var(--cx-line-height-large));letter-spacing:var(--cx-tree-item-letter-spacing,var(--cx-letter-spacing-normal))}.tree-item__checkbox::part(base){align-items:center;display:flex}.tree-item__checkbox::part(label){margin-inline-start:0}.tree-item__indentation{flex-shrink:0;width:1em;display:block}.tree-item__expand-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tree-item__expand-button{box-sizing:content-box;color:var(--cx-color-neutral-500);cursor:pointer;min-width:max(1em,1rem);min-height:max(1em,1rem);transition:var(--cx-transition-medium) rotate ease;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.tree-item--expanded .tree-item__expand-button{rotate:90deg}.tree-item--expanded.tree-item--rtl .tree-item__expand-button{rotate:-90deg}.tree-item--expanded slot[name=expand-icon],.tree-item:not(.tree-item--expanded) slot[name=collapse-icon]{display:none}:host(:not([aria-disabled=true])) .tree-item--selected .tree-item__item .tree-item__expand-icon-slot{color:var(--selected-color)}.tree-item:not(.tree-item--has-expand-button) .tree-item__expand-icon-slot{visibility:hidden;opacity:0;pointer-events:none}.tree-item__expand-button--visible{cursor:pointer}.tree-item__item{border-radius:var(--cx-border-radius-large);padding:var(--item-padding,var(--cx-spacing-x-small) var(--cx-spacing-small));transition:var(--cx-transition-x-fast) background-color ease;align-items:center;display:flex}.tree-item__item:hover{background-color:var(--hover-background-color)}.tree-item__item:active{background-color:var(--active-background-color)}.tree-item--disabled .tree-item__item{opacity:.5;cursor:default;outline:none}:host(:not([aria-disabled=true])) .tree-item--selected .tree-item__item{background-color:var(--selected-background-color);color:var(--selected-color)}:host(:not([aria-disabled=true])) .tree-item__expand-button{color:var(--cx-color-neutral)}:host(:not([aria-disabled=true])) .tree-item--selected,:host(:not([aria-disabled=true])) .tree-item--selected .tree-item__expand-button,:host(:not([aria-disabled=true])) .tree-item--selected .tree-item__actions::slotted(cx-icon-button){color:var(--cx-color-neutral-0)}:host(:not([aria-disabled=true])) .tree-item--selected .tree-item__actions::slotted(cx-icon-button){--hover-background-color:var(--cx-color-neutral-0)}.tree-item__label{align-items:center;display:flex}.tree-item__actions{font-size:var(--cx-font-size-medium);align-items:center;width:fit-content;margin-inline-start:auto;display:flex}.tree-item__actions::slotted(*){visibility:hidden;opacity:0;transition:var(--cx-transition-x-fast) visibility, var(--cx-transition-x-fast) opacity ease}.tree-item__item:hover .tree-item__actions::slotted(*){visibility:visible;opacity:1}@supports not (overlay:auto){.tree-item__actions::slotted(cx-dropdown[open]){visibility:visible;opacity:1}}.tree-item__children{font-size:calc(1em + var(--indent-size,var(--cx-spacing-medium)));gap:var(--children-gap,0);flex-direction:column;display:flex}@media (forced-colors:active){:host(:not([aria-disabled=true])) .tree-item--selected .tree-item__item{outline:1px dashed selecteditem}}::slotted(cx-tree-item){--hover-background-color:inherit;--active-background-color:inherit;--selected-background-color:inherit;--selected-color:inherit}:host([data-dragging]){position:relative}:host([data-dragging=inside]){background-color:var(--cx-color-primary-400)}:host([data-dragging=before]):before{content:"";border-top:var(--cx-spacing-2x-small) solid var(--cx-color-primary-400);width:100%;position:absolute;top:0;left:0}:host([data-dragging=after]):before{content:"";border-bottom:var(--cx-spacing-2x-small) solid var(--cx-color-primary-400);width:100%;position:absolute;bottom:0;left:0}`, k = "tree-sortable", I = 0.2, O = (e) => e == null;
-function ce() {
+const ie = R`:host{--selected-color:var(--cx-color-primary-600);--selected-background-color:var(--cx-color-primary-50);--hover-background-color:var(--cx-menu-item-background-color-hover);--active-background-color:var(--cx-color-neutral-200);--item-padding:var(--cx-spacing-2x-small) var(--cx-spacing-x-small);outline:0;display:block}:host(:focus-visible) .tree-item{outline:var(--cx-focus-ring);outline-offset:calc(-1 * var(--cx-focus-ring-width))}[hidden]{display:none!important}slot:not([name])::slotted(cx-icon){margin-inline-end:var(--cx-spacing-x-small)}.tree-item{color:var(--cx-color-neutral);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:stretch;display:flex;position:relative}.tree-item__checkbox{margin-inline-end:var(--cx-spacing-x-small)}.tree-item__expand-button,.tree-item__checkbox,.tree-item__label{font-family:var(--cx-font-sans);font-size:var(--cx-tree-item-font-size,var(--cx-font-size-small));font-weight:var(--cx-tree-item-font-weight,var(--cx-font-weight-medium));line-height:var(--cx-tree-item-line-height,var(--cx-line-height-large));letter-spacing:var(--cx-tree-item-letter-spacing,var(--cx-letter-spacing-normal))}.tree-item__checkbox::part(base){align-items:center;display:flex}.tree-item__checkbox::part(label){margin-inline-start:0}.tree-item__indentation{flex-shrink:0;width:1em;display:block}.tree-item__expand-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tree-item__expand-button{box-sizing:content-box;color:var(--cx-color-neutral-500);cursor:pointer;min-width:max(1em,1rem);min-height:max(1em,1rem);transition:var(--cx-transition-medium) rotate ease;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.tree-item--expanded .tree-item__expand-button{rotate:90deg}.tree-item--expanded.tree-item--rtl .tree-item__expand-button{rotate:-90deg}.tree-item--expanded slot[name=expand-icon],.tree-item:not(.tree-item--expanded) slot[name=collapse-icon]{display:none}:host(:not([aria-disabled=true])) .tree-item--selected .tree-item__item .tree-item__expand-icon-slot{color:var(--selected-color)}.tree-item:not(.tree-item--has-expand-button) .tree-item__expand-icon-slot{visibility:hidden;opacity:0;pointer-events:none}.tree-item__expand-button--visible{cursor:pointer}.tree-item__item{border-radius:var(--cx-border-radius-large);padding:var(--item-padding,var(--cx-spacing-x-small) var(--cx-spacing-small));transition:var(--cx-transition-x-fast) background-color ease;align-items:center;display:flex}.tree-item__item:hover{background-color:var(--hover-background-color)}.tree-item__item:active{background-color:var(--active-background-color)}.tree-item--disabled .tree-item__item{opacity:.5;cursor:default;outline:none}:host(:not([aria-disabled=true])) .tree-item--selected .tree-item__item{background-color:var(--selected-background-color);color:var(--selected-color)}:host(:not([aria-disabled=true])) .tree-item__expand-button{color:var(--cx-color-neutral)}:host(:not([aria-disabled=true])) .tree-item--selected,:host(:not([aria-disabled=true])) .tree-item--selected .tree-item__expand-button,:host(:not([aria-disabled=true])) .tree-item--selected .tree-item__actions::slotted(cx-icon-button){color:var(--cx-color-neutral-0)}:host(:not([aria-disabled=true])) .tree-item--selected .tree-item__actions::slotted(cx-icon-button){--hover-background-color:var(--cx-color-neutral-0)}.tree-item__label{align-items:center;display:flex}.tree-item__actions{font-size:var(--cx-font-size-medium);align-items:center;width:fit-content;margin-inline-start:auto;display:flex}.tree-item__actions::slotted(*){visibility:hidden;opacity:0;transition:var(--cx-transition-x-fast) visibility, var(--cx-transition-x-fast) opacity ease}.tree-item__item:hover .tree-item__actions::slotted(*){visibility:visible;opacity:1}@supports not (overlay:auto){.tree-item__actions::slotted(cx-dropdown[open]){visibility:visible;opacity:1}}.tree-item__children{font-size:calc(1em + var(--indent-size,var(--cx-spacing-medium)));gap:var(--children-gap,0);flex-direction:column;display:flex}@media (forced-colors:active){:host(:not([aria-disabled=true])) .tree-item--selected .tree-item__item{outline:1px dashed selecteditem}}::slotted(cx-tree-item){--hover-background-color:inherit;--active-background-color:inherit;--selected-background-color:inherit;--selected-color:inherit}:host([data-dragging]){position:relative}:host([data-dragging=inside]){background-color:var(--cx-color-primary-400)}:host([data-dragging=before]):before{content:"";border-top:var(--cx-spacing-2x-small) solid var(--cx-color-primary-400);width:100%;position:absolute;top:0;left:0}:host([data-dragging=after]):before{content:"";border-bottom:var(--cx-spacing-2x-small) solid var(--cx-color-primary-400);width:100%;position:absolute;bottom:0;left:0}`, w = "tree-sortable", C = 0.2, P = (e) => e == null;
+function ne() {
   function e() {
   }
   let t = null;
@@ -73,50 +48,50 @@ function ce() {
       activeSortable: i,
       cancel: n,
       changed: s,
-      completed: o,
+      completed: a,
       dragEl: d,
-      originalEvent: m,
-      putSortable: g,
-      target: u
+      originalEvent: u,
+      putSortable: x,
+      target: p
     }) {
-      if (t = null, !i || !i.options[k] || !i.options.getDropZone || O(i.options.insertBeforeZonePercentage) || O(i.options.insertAfterZonePercentage) || !["CX-TREE-ITEM", "CX-TREE"].includes(u.tagName) || u.hasAttribute("no-drag")) {
+      if (t = null, !i || !i.options[w] || !i.options.getDropZone || P(i.options.insertBeforeZonePercentage) || P(i.options.insertAfterZonePercentage) || !["CX-TREE-ITEM", "CX-TREE"].includes(p.tagName) || p.hasAttribute("no-drag")) {
         n();
         return;
       }
-      const B = i.options.getDropZone(u);
-      if (!B) {
+      const k = i.options.getDropZone(p);
+      if (!k) {
         n();
         return;
       }
-      const T = B.getBoundingClientRect(), D = (m.clientY - T.top) / T.height, _ = g || this.sortable;
-      _.captureAnimationState(), _ !== i && i.captureAnimationState();
-      const V = u.parentNode;
-      if (d && V)
-        if (D < i.options.insertBeforeZonePercentage)
+      const A = k.getBoundingClientRect(), B = (u.clientY - A.top) / A.height, v = x || this.sortable;
+      v.captureAnimationState(), v !== i && i.captureAnimationState();
+      const q = p.parentNode;
+      if (d && q)
+        if (B < i.options.insertBeforeZonePercentage)
           t = {
             dragEl: d,
-            el: u,
+            el: p,
             position: -1
-          }, u.setAttribute("data-dragging", "before");
-        else if (D > i.options.insertAfterZonePercentage)
+          }, p.setAttribute("data-dragging", "before");
+        else if (B > i.options.insertAfterZonePercentage)
           t = {
             dragEl: d,
-            el: u,
+            el: p,
             position: 1
-          }, u.setAttribute("data-dragging", "after");
+          }, p.setAttribute("data-dragging", "after");
         else {
-          if (u.hasAttribute("no-drag-inside")) {
-            s(), o(!0), n();
+          if (p.hasAttribute("no-drag-inside")) {
+            s(), a(!0), n();
             return;
           }
           t = {
             dragEl: d,
-            el: u,
+            el: p,
             position: 0
-          }, u.setAttribute("data-dragging", "inside");
+          }, p.setAttribute("data-dragging", "inside");
         }
-      if (_.animateAll(), _ !== i && i.animateAll(), t)
-        s(), o(!0), n();
+      if (v.animateAll(), v !== i && i.animateAll(), t)
+        s(), a(!0), n();
       else
         return !0;
     },
@@ -124,7 +99,7 @@ function ce() {
       cancel: i,
       dragEl: n
     }) {
-      if (n && !a.isTreeItem(n)) {
+      if (n && !o.isTreeItem(n)) {
         i();
         return;
       }
@@ -136,28 +111,28 @@ function ce() {
       }
     }
   }, Object.assign(e, {
-    pluginName: k
+    pluginName: w
   });
 }
-class v extends ie {
+class S extends Q {
   constructor(t, i) {
     super(t, i);
   }
   static create(t, i = {}) {
-    return new v(t, i);
+    return new S(t, i);
   }
 }
-v.mount(new ce());
-const j = (e) => ({
+S.mount(new ne());
+const M = (e) => ({
   ...e,
   animation: 100,
   draggable: "cx-tree-item:not([no-drag])",
   emptyInsertThreshold: 0,
   fallbackOnBody: !0,
-  forceFallback: te(),
+  forceFallback: J(),
   getDropZone: (t) => t?.shadowRoot?.querySelector(".tree-item__item"),
-  insertAfterZonePercentage: 1 - I,
-  insertBeforeZonePercentage: I,
+  insertAfterZonePercentage: 1 - C,
+  insertBeforeZonePercentage: C,
   invertSwap: !0,
   onStart(t) {
     if (e.onStart?.(t), t.item.tagName === "CX-TREE-ITEM") {
@@ -165,17 +140,17 @@ const j = (e) => ({
       i.expanded = !1;
     }
   },
-  [k]: !0,
-  swapThreshold: I
+  [w]: !0,
+  swapThreshold: C
 });
-var he = Object.defineProperty, pe = Object.getOwnPropertyDescriptor, r = (e, t, i, n) => {
-  for (var s = n > 1 ? void 0 : n ? pe(t, i) : t, o = e.length - 1, d; o >= 0; o--)
-    (d = e[o]) && (s = (n ? d(t, i, s) : d(s)) || s);
-  return n && s && he(t, i, s), s;
+var ae = Object.defineProperty, oe = Object.getOwnPropertyDescriptor, r = (e, t, i, n) => {
+  for (var s = n > 1 ? void 0 : n ? oe(t, i) : t, a = e.length - 1, d; a >= 0; a--)
+    (d = e[a]) && (s = (n ? d(t, i, s) : d(s)) || s);
+  return n && s && ae(t, i, s), s;
 };
-let a = class extends R {
+let o = class extends F {
   constructor() {
-    super(), this.localize = new M(this), this.expanded = !1, this.selected = !1, this.disabled = !1, this.readonly = !1, this.lazy = !1, this.href = "", this.rel = "noreferrer noopener", this.itemId = "", this.sortable = !1, this.noDrag = !1, this.noSelect = !1, this.noDragInside = !1, this.sortableGroup = void 0, this.expandButtonPlacement = "start", this.noForwardExpandButtonPlacement = !1, this.disabledSyncCheckboxes = !1, this.partialSyncCheckboxes = !1, this.previouslySelected = !1, this.focusable = !1, this.maxLines = -1, this.indeterminate = !1, this.isLeaf = !1, this.loading = !1, this.selectable = !1, this.sortableInstance = null, this.onDragStart = (e) => {
+    super(), this.localize = new N(this), this.expanded = !1, this.selected = !1, this.disabled = !1, this.readonly = !1, this.lazy = !1, this.href = "", this.rel = "noreferrer noopener", this.itemId = "", this.sortable = !1, this.noDrag = !1, this.noSelect = !1, this.noDragInside = !1, this.sortableGroup = void 0, this.expandButtonPlacement = "start", this.noForwardExpandButtonPlacement = !1, this.disabledSyncCheckboxes = !1, this.partialSyncCheckboxes = !1, this.previouslySelected = !1, this.focusable = !1, this.maxLines = -1, this.indeterminate = !1, this.isLeaf = !1, this.loading = !1, this.selectable = !1, this.sortableInstance = null, this.onDragStart = (e) => {
       if (e.dataTransfer) {
         const t = this.cloneNode(!0);
         t.style.backgroundColor = "red", t.style.display = "none", this.ownerDocument.body.appendChild(t), e.dataTransfer.setDragImage(t, 0, 0);
@@ -194,20 +169,20 @@ let a = class extends R {
     ), this.isLeaf = !this.lazy && this.getChildrenItems().length === 0, this.handleExpandedChange();
   }
   async animateCollapse() {
-    this.emit("cx-collapse"), await U(this.childrenContainer);
-    const { keyframes: e, options: t } = P(this, "tree-item.collapse", {
+    this.emit("cx-collapse"), await L(this.childrenContainer);
+    const { keyframes: e, options: t } = $(this, "tree-item.collapse", {
       dir: this.localize.dir()
     });
-    await z(
+    await D(
       this.childrenContainer,
-      $(e, this.childrenContainer.scrollHeight),
+      z(e, this.childrenContainer.scrollHeight),
       t
     ), this.childrenContainer.hidden = !0, this.emit("cx-after-collapse");
   }
   // Checks whether the item is nested into an item
   isNestedItem() {
     const e = this.parentElement;
-    return !!e && a.isTreeItem(e);
+    return !!e && o.isTreeItem(e);
   }
   /**
    * Wait for this item to be fully updated before processing the slot change.
@@ -222,13 +197,13 @@ let a = class extends R {
     e.has("selected") && !e.has("indeterminate") && (this.indeterminate = !1);
   }
   async animateExpand() {
-    this.emit("cx-expand"), await U(this.childrenContainer), this.childrenContainer.hidden = !1;
-    const { keyframes: e, options: t } = P(this, "tree-item.expand", {
+    this.emit("cx-expand"), await L(this.childrenContainer), this.childrenContainer.hidden = !1;
+    const { keyframes: e, options: t } = $(this, "tree-item.expand", {
       dir: this.localize.dir()
     });
-    await z(
+    await D(
       this.childrenContainer,
-      $(e, this.childrenContainer.scrollHeight),
+      z(e, this.childrenContainer.scrollHeight),
       t
     ), this.childrenContainer.style.height = "auto", this.emit("cx-after-expand");
   }
@@ -252,24 +227,24 @@ let a = class extends R {
     this.expanded ? this.lazy ? (this.loading = !0, this.emit("cx-lazy-load")) : this.animateExpand() : this.animateCollapse();
   }
   async handleLazyChange() {
-    !this.lazy && this.loading && (this.loading = !1, this.handleChildrenSlotChange()), this.selected && (await this.updateComplete, A(this)), this.emit("cx-lazy-change");
+    !this.lazy && this.loading && (this.loading = !1, this.handleChildrenSlotChange()), this.selected && (await this.updateComplete, I(this)), this.emit("cx-lazy-change");
   }
   /** Gets all the nested tree items in this node. */
   getChildrenItems({
     includeDisabled: e = !0
   } = {}) {
     return this.childrenSlot ? [...this.childrenSlot.assignedElements({ flatten: !0 })].filter(
-      (t) => a.isTreeItem(t) && (e || !t.disabled)
+      (t) => o.isTreeItem(t) && (e || !t.disabled)
     ) : [];
   }
   renderExpandButton() {
     const e = this.localize.dir() === "rtl", t = this.showExpandButton;
-    return b`<div part="expand-button" class=${C({
+    return m`<div part="expand-button" class=${E({
       "tree-item__expand-button": !0,
       "tree-item__expand-button--visible": t
-    })} aria-hidden="true">${S(
+    })} aria-hidden="true">${y(
       this.loading,
-      () => b`<cx-spinner part="spinner" class="tree-item__expand-spinner" exportparts="base:spinner__base"></cx-spinner>`
+      () => m`<cx-spinner part="spinner" class="tree-item__expand-spinner" exportparts="base:spinner__base"></cx-spinner>`
     )}<slot class="tree-item__expand-icon-slot" name="expand-icon"><cx-icon name=${e ? "chevron_left" : "chevron_right"}></cx-icon></slot><slot class="tree-item__expand-icon-slot" name="collapse-icon"><cx-icon name=${e ? "chevron_left" : "chevron_right"}></cx-icon></slot></div>`;
   }
   handleSortableUpdate(e) {
@@ -296,8 +271,8 @@ let a = class extends R {
     this.removeEventListener("dragstart", this.onDragStart), this.sortableInstance && (this.sortableInstance.destroy(), this.sortableInstance = null);
   }
   initSortable() {
-    this.addEventListener("dragstart", this.onDragStart), this.focusable || this.setAttribute("tabindex", "-1"), this.sortableInstance = v.create(this, {
-      ...j({
+    this.addEventListener("dragstart", this.onDragStart), this.focusable || this.setAttribute("tabindex", "-1"), this.sortableInstance = S.create(this, {
+      ...M({
         group: this.sortableGroup,
         onAdd: this.handleSortableUpdate,
         onEnd: this.handleSortableEnd,
@@ -312,7 +287,7 @@ let a = class extends R {
   }
   renderBase(e) {
     const t = this.showExpandButton;
-    return this.href ? b`<a id="anchor" part="base" class=${C({
+    return this.href ? m`<a id="anchor" part="base" class=${E({
       "tree-item": !0,
       "tree-item--disabled": this.disabled,
       "tree-item--expanded": this.expanded,
@@ -320,7 +295,7 @@ let a = class extends R {
       "tree-item--leaf": this.isLeaf,
       "tree-item--rtl": this.localize.dir() === "rtl",
       "tree-item--selected": this.selected
-    })} href=${E(this.href)} target=${E(this.target)} download=${E(this.download)} rel=${E(this.rel)} ?inert=${this.disabled}>${e}</a>` : b`<div part="base" class=${C({
+    })} href=${_(this.href)} target=${_(this.target)} download=${_(this.download)} rel=${_(this.rel)} ?inert=${this.disabled}>${e}</a>` : m`<div part="base" class=${E({
       "tree-item": !0,
       "tree-item--disabled": this.disabled,
       "tree-item--expanded": this.expanded,
@@ -331,20 +306,20 @@ let a = class extends R {
     })}>${e}</div>`;
   }
   render() {
-    return this.renderBase(b`<div class="tree-item__item" part="
+    return this.renderBase(m`<div class="tree-item__item" part="
             item
             ${this.disabled ? "item--disabled" : ""}
             ${this.expanded ? "item--expanded" : ""}
             ${this.indeterminate ? "item--indeterminate" : ""}
             ${this.selected ? "item--selected" : ""}
-          "><div class="tree-item__indentation" part="indentation"></div>${S(
+          "><div class="tree-item__indentation" part="indentation"></div>${y(
       this.expandButtonPlacement === "start",
       this.renderExpandButton,
-      () => L
+      () => T
     )}
-        ${S(
+        ${y(
       this.selectable,
-      () => b`<cx-checkbox part="checkbox" aria-label=${this.localize.term("checkbox")} exportparts="
+      () => m`<cx-checkbox part="checkbox" aria-label=${this.localize.term("checkbox")} exportparts="
                 base:checkbox__base,
                 control:checkbox__control,
                 control--checked:checkbox__control--checked,
@@ -352,210 +327,210 @@ let a = class extends R {
                 checked-icon:checkbox__checked-icon,
                 indeterminate-icon:checkbox__indeterminate-icon,
                 label:checkbox__label
-              " class="tree-item__checkbox" ?disabled=${this.disabled} ?checked=${W(this.selected)} ?indeterminate=${this.indeterminate} tabindex="-1"></cx-checkbox>`
+              " class="tree-item__checkbox" ?disabled=${this.disabled} ?checked=${j(this.selected)} ?indeterminate=${this.indeterminate} tabindex="-1"></cx-checkbox>`
     )}
 
-        ${S(
+        ${y(
       this.maxLines > 0,
-      () => b`<cx-line-clamp class="tree-item__label" part="label" lines=${this.maxLines}><slot></slot></cx-line-clamp>`,
-      () => b`<slot class="tree-item__label" part="label"></slot>`
-    )}<slot class="tree-item__actions" part="actions" name="actions"></slot>${S(
+      () => m`<cx-line-clamp class="tree-item__label" part="label" lines=${this.maxLines}><slot></slot></cx-line-clamp>`,
+      () => m`<slot class="tree-item__label" part="label"></slot>`
+    )}<slot class="tree-item__actions" part="actions" name="actions"></slot>${y(
       this.expandButtonPlacement === "end",
       this.renderExpandButton,
-      () => L
+      () => T
     )}</div><div class="tree-item__children" part="children" role="group"><slot name="children" @slotchange=${this.handleChildrenSlotChange}></slot></div>`);
   }
 };
-a.styles = [N, de];
-a.dependencies = {
-  "cx-checkbox": Y,
-  "cx-icon": J,
-  "cx-line-clamp": Q,
-  "cx-spinner": ee
+o.styles = [O, ie];
+o.dependencies = {
+  "cx-checkbox": K,
+  "cx-icon": V,
+  "cx-line-clamp": W,
+  "cx-spinner": Y
 };
 r([
-  x("slot:not([name])")
-], a.prototype, "defaultSlot", 2);
+  f("slot:not([name])")
+], o.prototype, "defaultSlot", 2);
 r([
-  x("slot[name=children]")
-], a.prototype, "childrenSlot", 2);
+  f("slot[name=children]")
+], o.prototype, "childrenSlot", 2);
 r([
-  x(".tree-item__item")
-], a.prototype, "itemElement", 2);
+  f(".tree-item__item")
+], o.prototype, "itemElement", 2);
 r([
-  x(".tree-item__children")
-], a.prototype, "childrenContainer", 2);
+  f(".tree-item__children")
+], o.prototype, "childrenContainer", 2);
 r([
-  x(".tree-item__expand-button slot")
-], a.prototype, "expandButtonSlot", 2);
+  f(".tree-item__expand-button slot")
+], o.prototype, "expandButtonSlot", 2);
 r([
   l({ reflect: !0, type: Boolean })
-], a.prototype, "expanded", 2);
+], o.prototype, "expanded", 2);
 r([
   l({ reflect: !0, type: Boolean })
-], a.prototype, "selected", 2);
+], o.prototype, "selected", 2);
 r([
   l({ reflect: !0, type: Boolean })
-], a.prototype, "disabled", 2);
+], o.prototype, "disabled", 2);
 r([
   l({ reflect: !0, type: Boolean })
-], a.prototype, "readonly", 2);
+], o.prototype, "readonly", 2);
 r([
   l({ reflect: !0, type: Boolean })
-], a.prototype, "lazy", 2);
+], o.prototype, "lazy", 2);
 r([
   l()
-], a.prototype, "href", 2);
+], o.prototype, "href", 2);
 r([
   l()
-], a.prototype, "target", 2);
+], o.prototype, "target", 2);
 r([
   l()
-], a.prototype, "rel", 2);
+], o.prototype, "rel", 2);
 r([
   l()
-], a.prototype, "download", 2);
+], o.prototype, "download", 2);
 r([
   l({ attribute: "itemid", reflect: !0, type: String })
-], a.prototype, "itemId", 2);
+], o.prototype, "itemId", 2);
 r([
   l({ reflect: !0, type: Boolean })
-], a.prototype, "sortable", 2);
+], o.prototype, "sortable", 2);
 r([
   l({ attribute: "no-drag", reflect: !0, type: Boolean })
-], a.prototype, "noDrag", 2);
+], o.prototype, "noDrag", 2);
 r([
   l({ attribute: "no-select", reflect: !0, type: Boolean })
-], a.prototype, "noSelect", 2);
+], o.prototype, "noSelect", 2);
 r([
   l({ attribute: "no-drag-inside", reflect: !0, type: Boolean })
-], a.prototype, "noDragInside", 2);
+], o.prototype, "noDragInside", 2);
 r([
   l({ attribute: "sortable-group", type: String })
-], a.prototype, "sortableGroup", 2);
+], o.prototype, "sortableGroup", 2);
 r([
   l({
     attribute: "expand-button-placement",
     reflect: !0,
     type: String
   })
-], a.prototype, "expandButtonPlacement", 2);
+], o.prototype, "expandButtonPlacement", 2);
 r([
   l({ attribute: "no-forward-expand-button-placement", type: Boolean })
-], a.prototype, "noForwardExpandButtonPlacement", 2);
+], o.prototype, "noForwardExpandButtonPlacement", 2);
 r([
   l({
     attribute: "disabled-sync-checkboxes",
     reflect: !0,
     type: Boolean
   })
-], a.prototype, "disabledSyncCheckboxes", 2);
+], o.prototype, "disabledSyncCheckboxes", 2);
 r([
   l({
     attribute: "partial-sync-checkboxes",
     reflect: !0,
     type: Boolean
   })
-], a.prototype, "partialSyncCheckboxes", 2);
+], o.prototype, "partialSyncCheckboxes", 2);
 r([
   l({ attribute: "previously-selected", reflect: !0, type: Boolean })
-], a.prototype, "previouslySelected", 2);
+], o.prototype, "previouslySelected", 2);
 r([
   l({ reflect: !0, type: Boolean })
-], a.prototype, "focusable", 2);
+], o.prototype, "focusable", 2);
 r([
   l({ attribute: "max-lines", type: Number })
-], a.prototype, "maxLines", 2);
+], o.prototype, "maxLines", 2);
 r([
-  y()
-], a.prototype, "indeterminate", 2);
+  g()
+], o.prototype, "indeterminate", 2);
 r([
-  y()
-], a.prototype, "isLeaf", 2);
+  g()
+], o.prototype, "isLeaf", 2);
 r([
-  y()
-], a.prototype, "loading", 2);
+  g()
+], o.prototype, "loading", 2);
 r([
-  y()
-], a.prototype, "selectable", 2);
+  g()
+], o.prototype, "selectable", 2);
 r([
-  y()
-], a.prototype, "sortableInstance", 2);
+  g()
+], o.prototype, "sortableInstance", 2);
 r([
-  f("loading", { waitUntilFirstUpdate: !0 })
-], a.prototype, "handleLoadingChange", 1);
+  b("loading", { waitUntilFirstUpdate: !0 })
+], o.prototype, "handleLoadingChange", 1);
 r([
-  f("disabled")
-], a.prototype, "handleDisabledChange", 1);
+  b("disabled")
+], o.prototype, "handleDisabledChange", 1);
 r([
-  f("selected")
-], a.prototype, "handleSelectedChange", 1);
+  b("selected")
+], o.prototype, "handleSelectedChange", 1);
 r([
-  f("expanded", { waitUntilFirstUpdate: !0 })
-], a.prototype, "handleExpandedChange", 1);
+  b("expanded", { waitUntilFirstUpdate: !0 })
+], o.prototype, "handleExpandedChange", 1);
 r([
-  f("expanded", { waitUntilFirstUpdate: !0 })
-], a.prototype, "handleExpandAnimation", 1);
+  b("expanded", { waitUntilFirstUpdate: !0 })
+], o.prototype, "handleExpandAnimation", 1);
 r([
-  f("lazy", { waitUntilFirstUpdate: !0 })
-], a.prototype, "handleLazyChange", 1);
-a = r([
-  G("cx-tree-item")
-], a);
-Z("tree-item.expand", {
+  b("lazy", { waitUntilFirstUpdate: !0 })
+], o.prototype, "handleLazyChange", 1);
+o = r([
+  U("cx-tree-item")
+], o);
+G("tree-item.expand", {
   keyframes: [
     { height: "0", opacity: "0", overflow: "hidden" },
     { height: "auto", opacity: "1", overflow: "hidden" }
   ],
   options: { duration: 250, easing: "cubic-bezier(0.4, 0.0, 0.2, 1)" }
 });
-Z("tree-item.collapse", {
+G("tree-item.collapse", {
   keyframes: [
     { height: "auto", opacity: "1", overflow: "hidden" },
     { height: "0", opacity: "0", overflow: "hidden" }
   ],
   options: { duration: 200, easing: "cubic-bezier(0.4, 0.0, 0.2, 1)" }
 });
-const ue = H`:host{--indent-guide-color:var(--cx-color-neutral-200);--indent-guide-offset:0;--indent-guide-style:solid;--indent-guide-width:0;--indent-size:var(--cx-spacing-large);font-size:0;display:block}:host::part(children){gap:var(--children-gap,0);flex-direction:column;display:flex}:host([dragging]) ::slotted(cx-tree-item){--hover-background-color:transparent!important;--active-background-color:transparent!important;--selected-background-color:transparent!important}`;
-var me = Object.defineProperty, be = Object.getOwnPropertyDescriptor, h = (e, t, i, n) => {
-  for (var s = n > 1 ? void 0 : n ? be(t, i) : t, o = e.length - 1, d; o >= 0; o--)
-    (d = e[o]) && (s = (n ? d(t, i, s) : d(s)) || s);
-  return n && s && me(t, i, s), s;
+const se = R`:host{--indent-guide-color:var(--cx-color-neutral-200);--indent-guide-offset:0;--indent-guide-style:solid;--indent-guide-width:0;--indent-size:var(--cx-spacing-large);font-size:0;display:block}:host::part(children){gap:var(--children-gap,0);flex-direction:column;display:flex}:host([dragging]) ::slotted(cx-tree-item){--hover-background-color:transparent!important;--active-background-color:transparent!important;--selected-background-color:transparent!important}`;
+var re = Object.defineProperty, le = Object.getOwnPropertyDescriptor, h = (e, t, i, n) => {
+  for (var s = n > 1 ? void 0 : n ? le(t, i) : t, a = e.length - 1, d; a >= 0; a--)
+    (d = e[a]) && (s = (n ? d(t, i, s) : d(s)) || s);
+  return n && s && re(t, i, s), s;
 };
-function q(e) {
+function H(e) {
   const t = e.getChildrenItems({ includeDisabled: !1 });
   if (t.length) {
     const i = t.every((d) => d.selected), n = t.every(
       (d) => !d.selected && !d.indeterminate
     );
-    let s = !1, o = !1;
-    (!i && !n || e.partialSyncCheckboxes && (i || n && e.previouslySelected)) && (s = !0), e.partialSyncCheckboxes ? o = i && !s : o = i, e.indeterminate = s, e.selected = o;
+    let s = !1, a = !1;
+    (!i && !n || e.partialSyncCheckboxes && (i || n && e.previouslySelected)) && (s = !0), e.partialSyncCheckboxes ? a = i && !s : a = i, e.indeterminate = s, e.selected = a;
   }
 }
-function X(e, t = "single") {
+function Z(e, t = "single") {
   const i = e.parentElement;
-  a.isTreeItem(i) && !i.disabledSyncCheckboxes && t === "multiple" && (q(i), X(i, t));
+  o.isTreeItem(i) && !i.disabledSyncCheckboxes && t === "multiple" && (H(i), Z(i, t));
 }
-function A(e, t = !1, i = "single") {
+function I(e, t = !1, i = "single") {
   function n(s) {
-    if (!(!(s instanceof a) && s.getAttribute("role") !== "treeitem")) {
-      for (const o of s.getChildrenItems())
-        o.selected = t ? s.selected || o.selected : !o.disabled && !o.readonly && s.selected, n(o);
-      t && q(s);
+    if (!(!(s instanceof o) && s.getAttribute("role") !== "treeitem")) {
+      for (const a of s.getChildrenItems())
+        a.selected = t ? s.selected || a.selected : !a.disabled && !a.readonly && s.selected, n(a);
+      t && H(s);
     }
   }
-  !e.disabledSyncCheckboxes && i === "multiple" && (e.partialSyncCheckboxes && (e.selected ? e.previouslySelected = !0 : e.previouslySelected = !1), n(e)), X(e, i);
+  !e.disabledSyncCheckboxes && i === "multiple" && (e.partialSyncCheckboxes && (e.selected ? e.previouslySelected = !0 : e.previouslySelected = !1), n(e)), Z(e, i);
 }
-let c = class extends R {
+let c = class extends F {
   constructor() {
-    super(), this.sortable = !1, this.sortableGroup = null, this.disabledSortableGroup = !1, this.selection = "single", this.disabledAutoExpand = !1, this.autoExpandToSelected = !1, this.expandButtonPlacement = "start", this.noForwardExpandButtonPlacement = !1, this.forceOnChange = !1, this.labelSelectSingle = !1, this.noDragInside = !1, this.focusable = !1, this.clickTarget = null, this.localize = new M(this), this.sortableInstance = null, this.handleSortableUpdate = this.handleSortableUpdate.bind(this), this.handleSortableStart = this.handleSortableStart.bind(this), this.handleSortableEnd = this.handleSortableEnd.bind(this), this.handleFocusIn = this.handleFocusIn.bind(this), this.handleFocusOut = this.handleFocusOut.bind(this), this.handleHostMouseDown = this.handleHostMouseDown.bind(this), this.handleSlotChange = this.handleSlotChange.bind(this), this.handleTreeChanged = this.handleTreeChanged.bind(this), this.initTreeItem = this.initTreeItem.bind(this);
+    super(), this.sortable = !1, this.sortableGroup = null, this.disabledSortableGroup = !1, this.selection = "single", this.disabledAutoExpand = !1, this.autoExpandToSelected = !1, this.expandButtonPlacement = "start", this.noForwardExpandButtonPlacement = !1, this.forceOnChange = !1, this.labelSelectSingle = !1, this.noDragInside = !1, this.focusable = !1, this.clickTarget = null, this.localize = new N(this), this.sortableInstance = null, this.handleSortableUpdate = this.handleSortableUpdate.bind(this), this.handleSortableStart = this.handleSortableStart.bind(this), this.handleSortableEnd = this.handleSortableEnd.bind(this), this.handleFocusIn = this.handleFocusIn.bind(this), this.handleFocusOut = this.handleFocusOut.bind(this), this.handleHostMouseDown = this.handleHostMouseDown.bind(this), this.handleSlotChange = this.handleSlotChange.bind(this), this.handleTreeChanged = this.handleTreeChanged.bind(this), this.initTreeItem = this.initTreeItem.bind(this);
   }
   runFirstUpdated() {
     this.setAttribute("role", "tree"), this.setAttribute("tabindex", "0");
   }
   runConnectedCallback() {
     if (this.addEventListener("focusin", this.handleFocusIn), this.addEventListener("focusout", this.handleFocusOut), this.addEventListener("mousedown", this.handleHostMouseDown), this.addEventListener("cx-lazy-change", this.handleSlotChange), this.mutationObserver = new MutationObserver(this.handleTreeChanged), this.mutationObserver.observe(this, { childList: !0, subtree: !0 }), this.autoExpandToSelected) {
-      const e = ne(() => {
+      const e = te(() => {
         customElements.whenDefined("cx-tree-item").then(() => {
           this.selectedItems.forEach((t) => {
             this.expandToItem(t);
@@ -602,9 +577,9 @@ let c = class extends R {
   handleTreeChanged(e) {
     for (const t of e) {
       const i = [...t.addedNodes].filter(
-        a.isTreeItem
+        o.isTreeItem
       ), n = [...t.removedNodes].filter(
-        a.isTreeItem
+        o.isTreeItem
       );
       i.forEach(this.initTreeItem), this.lastFocusedItem && n.includes(this.lastFocusedItem) && (this.lastFocusedItem = null);
     }
@@ -619,18 +594,18 @@ let c = class extends R {
     const i = [...this.selectedItems], n = this.getAllTreeItems();
     if (this.selection === "multiple")
       t && await Promise.all(
-        n.map(async (o) => {
-          o.selected = !1, o.indeterminate = !1, o.previouslySelected = !1, await o.updateComplete;
+        n.map(async (a) => {
+          a.selected = !1, a.indeterminate = !1, a.previouslySelected = !1, await a.updateComplete;
         })
-      ), e.selected = t || !e.selected, e.lazy && !this.disabledAutoExpand && (e.expanded = !0), A(e, !1, this.selection);
+      ), e.selected = t || !e.selected, e.lazy && !this.disabledAutoExpand && (e.expanded = !0), I(e, !1, this.selection);
     else if ((this.selection === "single" || e.isLeaf) && !e.noSelect)
-      for (const o of n)
-        o.selected = o === e;
+      for (const a of n)
+        a.selected = a === e;
     else (this.selection === "leaf" || e.noSelect) && (e.expanded = !e.expanded);
     if (e.noSelect)
       return;
     const s = this.selectedItems;
-    (i.length !== s.length || s.some((o) => !i.includes(o)) || this.forceOnChange || t) && Promise.all(s.map((o) => o.updateComplete)).then(() => {
+    (i.length !== s.length || s.some((a) => !i.includes(a)) || this.forceOnChange || t) && Promise.all(s.map((a) => a.updateComplete)).then(() => {
       this.emit("cx-selection-change", {
         /**
          * Use this.selectedItems instead of nextSelection because
@@ -668,27 +643,27 @@ let c = class extends R {
     const t = this.getFocusableItems(), i = this.localize.dir() === "ltr", n = this.localize.dir() === "rtl";
     if (t.length > 0) {
       e.preventDefault();
-      const s = t.findIndex((g) => g.matches(":focus")), o = t[s], d = (g) => {
-        const u = t[K(g, 0, t.length - 1)];
-        this.focusItem(u);
-      }, m = (g) => {
-        o.expanded = g;
+      const s = t.findIndex((x) => x.matches(":focus")), a = t[s], d = (x) => {
+        const p = t[X(x, 0, t.length - 1)];
+        this.focusItem(p);
+      }, u = (x) => {
+        a.expanded = x;
       };
-      e.key === "ArrowDown" ? d(s + 1) : e.key === "ArrowUp" ? d(s - 1) : i && e.key === "ArrowRight" || n && e.key === "ArrowLeft" ? !o || o.disabled || o.readonly || o.expanded || o.isLeaf && !o.lazy ? d(s + 1) : m(!0) : i && e.key === "ArrowLeft" || n && e.key === "ArrowRight" ? !o || o.disabled || o.readonly || o.isLeaf || !o.expanded ? d(s - 1) : m(!1) : e.key === "Home" ? d(0) : e.key === "End" ? d(t.length - 1) : (e.key === "Enter" || e.key === " ") && !o.disabled && !o.readonly && this.selectItem(o);
+      e.key === "ArrowDown" ? d(s + 1) : e.key === "ArrowUp" ? d(s - 1) : i && e.key === "ArrowRight" || n && e.key === "ArrowLeft" ? !a || a.disabled || a.readonly || a.expanded || a.isLeaf && !a.lazy ? d(s + 1) : u(!0) : i && e.key === "ArrowLeft" || n && e.key === "ArrowRight" ? !a || a.disabled || a.readonly || a.isLeaf || !a.expanded ? d(s - 1) : u(!1) : e.key === "Home" ? d(0) : e.key === "End" ? d(t.length - 1) : (e.key === "Enter" || e.key === " ") && !a.disabled && !a.readonly && this.selectItem(a);
     }
   }
   handleClick(e) {
     const t = e.composedPath(), i = e.target, n = i.closest("cx-tree-item"), s = e.composedPath().some(
-      (m) => m?.classList?.contains("tree-item__expand-button")
-    ), o = e.composedPath().some(
-      (m) => m?.classList?.contains("tree-item__actions")
+      (u) => u?.classList?.contains("tree-item__expand-button")
+    ), a = e.composedPath().some(
+      (u) => u?.classList?.contains("tree-item__actions")
     );
     if (!n || n.disabled || n.readonly || i !== this.clickTarget)
       return;
     const d = !t.find(
-      (m) => m.tagName?.toLowerCase() === "cx-checkbox"
+      (u) => u.tagName?.toLowerCase() === "cx-checkbox"
     );
-    s && n.showExpandButton ? n.expanded = !n.expanded : o || this.selectItem(
+    s && n.showExpandButton ? n.expanded = !n.expanded : a || this.selectItem(
       n,
       d && this.labelSelectSingle && this.selection === "multiple"
     );
@@ -719,7 +694,7 @@ let c = class extends R {
     const t = e.target;
     e.target === this && this.focusItem(this.lastFocusedItem || this.getAllTreeItems()[0], {
       preventScroll: !0
-    }), a.isTreeItem(t) && !t.disabled && !t.readonly && (this.lastFocusedItem && !this.focusable && (this.lastFocusedItem.tabIndex = -1), this.lastFocusedItem = t, this.tabIndex = -1, t.tabIndex = 0);
+    }), o.isTreeItem(t) && !t.disabled && !t.readonly && (this.lastFocusedItem && !this.focusable && (this.lastFocusedItem.tabIndex = -1), this.lastFocusedItem = t, this.tabIndex = -1, t.tabIndex = 0);
   }
   expandToItem(e) {
     const t = e.parentElement?.closest("cx-tree-item");
@@ -747,7 +722,7 @@ let c = class extends R {
   }
   getSortableGroup() {
     if (!this.disabledSortableGroup)
-      return this.sortableGroup || (this.sortableGroup = le()), this.sortableGroup;
+      return this.sortableGroup || (this.sortableGroup = ee()), this.sortableGroup;
   }
   handleSortableStart() {
     this.setAttribute("dragging", "");
@@ -756,8 +731,8 @@ let c = class extends R {
     this.removeAttribute("dragging");
   }
   initSortable() {
-    this.addEventListener("cx-drag-start", this.handleSortableStart), this.addEventListener("cx-drag-end", this.handleSortableEnd), this.sortableInstance = v.create(this, {
-      ...j({
+    this.addEventListener("cx-drag-start", this.handleSortableStart), this.addEventListener("cx-drag-end", this.handleSortableEnd), this.sortableInstance = S.create(this, {
+      ...M({
         group: this.getSortableGroup(),
         onAdd: this.handleSortableUpdate,
         onEnd: this.handleSortableEnd,
@@ -776,7 +751,7 @@ let c = class extends R {
     for (const i of t)
       i.selectable = e;
     e ? (await this.updateComplete, [...this.querySelectorAll(":scope > cx-tree-item")].forEach(
-      (i) => A(i, !0, this.selection)
+      (i) => I(i, !0, this.selection)
     )) : this.autoExpandToSelected || t.forEach((i) => {
       i.selected = !1, i.indeterminate = !1;
     });
@@ -804,22 +779,22 @@ let c = class extends R {
       if (i.disabled || i.readonly)
         return !1;
       const n = i.parentElement?.closest("[role=treeitem]");
-      return n instanceof a ? (n && (!n.expanded || n.loading || t.has(n)) && t.add(i), !t.has(i)) : !0;
+      return n instanceof o ? (n && (!n.expanded || n.loading || t.has(n)) && t.add(i), !t.has(i)) : !0;
     });
   }
   render() {
-    return b`<div part="base" class="tree" @click=${this.handleClick} @keydown=${this.handleKeyDown} @mousedown=${this.handleMouseDown}><slot part="children" @slotchange=${this.handleSlotChange}></slot><span hidden aria-hidden="true"><slot name="expand-icon"></slot></span><span hidden aria-hidden="true"><slot name="collapse-icon"></slot></span></div>`;
+    return m`<div part="base" class="tree" @click=${this.handleClick} @keydown=${this.handleKeyDown} @mousedown=${this.handleMouseDown}><slot part="children" @slotchange=${this.handleSlotChange}></slot><span hidden aria-hidden="true"><slot name="expand-icon"></slot></span><span hidden aria-hidden="true"><slot name="collapse-icon"></slot></span></div>`;
   }
 };
-c.styles = [N, ue];
+c.styles = [O, se];
 h([
-  x("slot:not([name])")
+  f("slot:not([name])")
 ], c.prototype, "defaultSlot", 2);
 h([
-  x("slot[name=expand-icon]")
+  f("slot[name=expand-icon]")
 ], c.prototype, "expandedIconSlot", 2);
 h([
-  x("slot[name=collapse-icon]")
+  f("slot[name=collapse-icon]")
 ], c.prototype, "collapsedIconSlot", 2);
 h([
   l({ reflect: !0, type: Boolean })
@@ -862,23 +837,22 @@ h([
   l({ reflect: !0, type: Boolean })
 ], c.prototype, "focusable", 2);
 h([
-  y()
+  g()
 ], c.prototype, "sortableInstance", 2);
 h([
-  f("sortable")
+  b("sortable")
 ], c.prototype, "initTreeItems", 1);
 h([
-  f("selection")
+  b("selection")
 ], c.prototype, "handleSelectionChange", 1);
 c = h([
-  G("cx-tree")
+  U("cx-tree")
 ], c);
 export {
-  a as C,
+  o as C,
   c as a,
-  X as b,
-  q as c,
-  ne as d,
-  A as s,
-  le as v
+  Z as b,
+  H as c,
+  te as d,
+  I as s
 };