@orangelogic/design-system 2.163.0 → 2.164.0

package/library/chunks/{tree.Dvnw_4vz.js → tree.vn5sHbdt.js}

@@ -21,50 +21,50 @@ 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 a = this, d = function() {
-      n = null, e.apply(a, s);
+  let a;
+  return function(...r) {
+    const n = this, d = function() {
+      a = null, e.apply(n, r);
     };
-    n && clearTimeout(n), n = window.setTimeout(d, t);
+    a && clearTimeout(a), a = window.setTimeout(d, t);
   };
 }
-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() {
+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-900);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]):not([variant=text])) .tree-item--selected,:host(:not([aria-disabled=true]):not([variant=text])) .tree-item--selected .tree-item__expand-button,:host(:not([aria-disabled=true]):not([variant=text])) .tree-item--selected .tree-item__actions::slotted(cx-icon-button){color:var(--cx-color-neutral-0)}:host(:not([aria-disabled=true]):not([variant=text])) .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([variant=text]){--selected-background-color:transparent;--selected-color:inherit;--hover-background-color:transparent;--active-background-color:transparent;--hover-color:var(--cx-color-primary)}:host([variant=text]:not([aria-disabled=true])) .tree-item__item:hover{color:var(--hover-color)}: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 ae() {
   function e() {
   }
   let t = null;
   return e.prototype = {
     dragOver({
       cancel: i,
-      target: n
+      target: a
     }) {
-      if (t && (t.el.removeAttribute("data-dragging"), t = null), !["CX-TREE-ITEM", "CX-TREE"].includes(n.tagName) || n.hasAttribute("no-drag")) {
+      if (t && (t.el.removeAttribute("data-dragging"), t = null), !["CX-TREE-ITEM", "CX-TREE"].includes(a.tagName) || a.hasAttribute("no-drag")) {
         i();
         return;
       }
     },
     dragOverValid({
       activeSortable: i,
-      cancel: n,
-      changed: s,
-      completed: a,
+      cancel: a,
+      changed: r,
+      completed: n,
       dragEl: d,
       originalEvent: u,
       putSortable: x,
       target: p
     }) {
       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();
+        a();
         return;
       }
       const k = i.options.getDropZone(p);
       if (!k) {
-        n();
+        a();
         return;
       }
-      const A = k.getBoundingClientRect(), B = (u.clientY - A.top) / A.height, v = x || this.sortable;
-      v.captureAnimationState(), v !== i && i.captureAnimationState();
+      const A = k.getBoundingClientRect(), B = (u.clientY - A.top) / A.height, S = x || this.sortable;
+      S.captureAnimationState(), S !== i && i.captureAnimationState();
       const q = p.parentNode;
       if (d && q)
         if (B < i.options.insertBeforeZonePercentage)
@@ -81,7 +81,7 @@ function ne() {
           }, p.setAttribute("data-dragging", "after");
         else {
           if (p.hasAttribute("no-drag-inside")) {
-            s(), a(!0), n();
+            r(), n(!0), a();
             return;
           }
           t = {
@@ -90,16 +90,16 @@ function ne() {
             position: 0
           }, p.setAttribute("data-dragging", "inside");
         }
-      if (v.animateAll(), v !== i && i.animateAll(), t)
-        s(), a(!0), n();
+      if (S.animateAll(), S !== i && i.animateAll(), t)
+        r(), n(!0), a();
       else
         return !0;
     },
     dragStart({
       cancel: i,
-      dragEl: n
+      dragEl: a
     }) {
-      if (n && !o.isTreeItem(n)) {
+      if (a && !o.isTreeItem(a)) {
         i();
         return;
       }
@@ -114,15 +114,15 @@ function ne() {
     pluginName: w
   });
 }
-class S extends Q {
+class v extends Q {
   constructor(t, i) {
     super(t, i);
   }
   static create(t, i = {}) {
-    return new S(t, i);
+    return new v(t, i);
   }
 }
-S.mount(new ne());
+v.mount(new ae());
 const M = (e) => ({
   ...e,
   animation: 100,
@@ -143,10 +143,10 @@ const M = (e) => ({
   [w]: !0,
   swapThreshold: C
 });
-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;
+var ne = Object.defineProperty, oe = Object.getOwnPropertyDescriptor, s = (e, t, i, a) => {
+  for (var r = a > 1 ? void 0 : a ? oe(t, i) : t, n = e.length - 1, d; n >= 0; n--)
+    (d = e[n]) && (r = (a ? d(t, i, r) : d(r)) || r);
+  return a && r && ne(t, i, r), r;
 };
 let o = class extends F {
   constructor() {
@@ -271,7 +271,7 @@ let o = class extends F {
     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 = S.create(this, {
+    this.addEventListener("dragstart", this.onDragStart), this.focusable || this.setAttribute("tabindex", "-1"), this.sortableInstance = v.create(this, {
       ...M({
         group: this.sortableGroup,
         onAdd: this.handleSortableUpdate,
@@ -348,133 +348,136 @@ o.dependencies = {
   "cx-line-clamp": W,
   "cx-spinner": Y
 };
-r([
+s([
   f("slot:not([name])")
 ], o.prototype, "defaultSlot", 2);
-r([
+s([
   f("slot[name=children]")
 ], o.prototype, "childrenSlot", 2);
-r([
+s([
   f(".tree-item__item")
 ], o.prototype, "itemElement", 2);
-r([
+s([
   f(".tree-item__children")
 ], o.prototype, "childrenContainer", 2);
-r([
+s([
   f(".tree-item__expand-button slot")
 ], o.prototype, "expandButtonSlot", 2);
-r([
+s([
   l({ reflect: !0, type: Boolean })
 ], o.prototype, "expanded", 2);
-r([
+s([
   l({ reflect: !0, type: Boolean })
 ], o.prototype, "selected", 2);
-r([
+s([
   l({ reflect: !0, type: Boolean })
 ], o.prototype, "disabled", 2);
-r([
+s([
   l({ reflect: !0, type: Boolean })
 ], o.prototype, "readonly", 2);
-r([
+s([
   l({ reflect: !0, type: Boolean })
 ], o.prototype, "lazy", 2);
-r([
+s([
   l()
 ], o.prototype, "href", 2);
-r([
+s([
   l()
 ], o.prototype, "target", 2);
-r([
+s([
   l()
 ], o.prototype, "rel", 2);
-r([
+s([
   l()
 ], o.prototype, "download", 2);
-r([
+s([
   l({ attribute: "itemid", reflect: !0, type: String })
 ], o.prototype, "itemId", 2);
-r([
+s([
   l({ reflect: !0, type: Boolean })
 ], o.prototype, "sortable", 2);
-r([
+s([
   l({ attribute: "no-drag", reflect: !0, type: Boolean })
 ], o.prototype, "noDrag", 2);
-r([
+s([
   l({ attribute: "no-select", reflect: !0, type: Boolean })
 ], o.prototype, "noSelect", 2);
-r([
+s([
   l({ attribute: "no-drag-inside", reflect: !0, type: Boolean })
 ], o.prototype, "noDragInside", 2);
-r([
+s([
   l({ attribute: "sortable-group", type: String })
 ], o.prototype, "sortableGroup", 2);
-r([
+s([
   l({
     attribute: "expand-button-placement",
     reflect: !0,
     type: String
   })
 ], o.prototype, "expandButtonPlacement", 2);
-r([
+s([
   l({ attribute: "no-forward-expand-button-placement", type: Boolean })
 ], o.prototype, "noForwardExpandButtonPlacement", 2);
-r([
+s([
+  l({ reflect: !0, type: String })
+], o.prototype, "variant", 2);
+s([
   l({
     attribute: "disabled-sync-checkboxes",
     reflect: !0,
     type: Boolean
   })
 ], o.prototype, "disabledSyncCheckboxes", 2);
-r([
+s([
   l({
     attribute: "partial-sync-checkboxes",
     reflect: !0,
     type: Boolean
   })
 ], o.prototype, "partialSyncCheckboxes", 2);
-r([
+s([
   l({ attribute: "previously-selected", reflect: !0, type: Boolean })
 ], o.prototype, "previouslySelected", 2);
-r([
+s([
   l({ reflect: !0, type: Boolean })
 ], o.prototype, "focusable", 2);
-r([
+s([
   l({ attribute: "max-lines", type: Number })
 ], o.prototype, "maxLines", 2);
-r([
+s([
   g()
 ], o.prototype, "indeterminate", 2);
-r([
+s([
   g()
 ], o.prototype, "isLeaf", 2);
-r([
+s([
   g()
 ], o.prototype, "loading", 2);
-r([
+s([
   g()
 ], o.prototype, "selectable", 2);
-r([
+s([
   g()
 ], o.prototype, "sortableInstance", 2);
-r([
+s([
   b("loading", { waitUntilFirstUpdate: !0 })
 ], o.prototype, "handleLoadingChange", 1);
-r([
+s([
   b("disabled")
 ], o.prototype, "handleDisabledChange", 1);
-r([
+s([
   b("selected")
 ], o.prototype, "handleSelectedChange", 1);
-r([
+s([
   b("expanded", { waitUntilFirstUpdate: !0 })
 ], o.prototype, "handleExpandedChange", 1);
-r([
+s([
   b("expanded", { waitUntilFirstUpdate: !0 })
 ], o.prototype, "handleExpandAnimation", 1);
-r([
+s([
   b("lazy", { waitUntilFirstUpdate: !0 })
 ], o.prototype, "handleLazyChange", 1);
-o = r([
+o = s([
   U("cx-tree-item")
 ], o);
 G("tree-item.expand", {
@@ -491,20 +494,20 @@ G("tree-item.collapse", {
   ],
   options: { duration: 200, easing: "cubic-bezier(0.4, 0.0, 0.2, 1)" }
 });
-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;
+const re = 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 se = Object.defineProperty, le = Object.getOwnPropertyDescriptor, h = (e, t, i, a) => {
+  for (var r = a > 1 ? void 0 : a ? le(t, i) : t, n = e.length - 1, d; n >= 0; n--)
+    (d = e[n]) && (r = (a ? d(t, i, r) : d(r)) || r);
+  return a && r && se(t, i, r), r;
 };
 function H(e) {
   const t = e.getChildrenItems({ includeDisabled: !1 });
   if (t.length) {
-    const i = t.every((d) => d.selected), n = t.every(
+    const i = t.every((d) => d.selected), a = t.every(
       (d) => !d.selected && !d.indeterminate
     );
-    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;
+    let r = !1, n = !1;
+    (!i && !a || e.partialSyncCheckboxes && (i || a && e.previouslySelected)) && (r = !0), e.partialSyncCheckboxes ? n = i && !r : n = i, e.indeterminate = r, e.selected = n;
   }
 }
 function Z(e, t = "single") {
@@ -512,14 +515,14 @@ function Z(e, t = "single") {
   o.isTreeItem(i) && !i.disabledSyncCheckboxes && t === "multiple" && (H(i), Z(i, t));
 }
 function I(e, t = !1, i = "single") {
-  function n(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);
+  function a(r) {
+    if (!(!(r instanceof o) && r.getAttribute("role") !== "treeitem")) {
+      for (const n of r.getChildrenItems())
+        n.selected = t ? r.selected || n.selected : !n.disabled && !n.readonly && r.selected, a(n);
+      t && H(r);
     }
   }
-  !e.disabledSyncCheckboxes && i === "multiple" && (e.partialSyncCheckboxes && (e.selected ? e.previouslySelected = !0 : e.previouslySelected = !1), n(e)), Z(e, i);
+  !e.disabledSyncCheckboxes && i === "multiple" && (e.partialSyncCheckboxes && (e.selected ? e.previouslySelected = !0 : e.previouslySelected = !1), a(e)), Z(e, i);
 }
 let c = class extends F {
   constructor() {
@@ -555,10 +558,10 @@ let c = class extends F {
   getExpandButtonIcon(e) {
     const i = (e === "expand" ? this.expandedIconSlot : this.collapsedIconSlot)?.assignedElements({ flatten: !0 })[0];
     if (i) {
-      const n = i.cloneNode(!0);
-      return [n, ...n.querySelectorAll("[id]")].forEach(
-        (s) => s.removeAttribute("id")
-      ), n.setAttribute("data-default", ""), n.slot = `${e}-icon`, n;
+      const a = i.cloneNode(!0);
+      return [a, ...a.querySelectorAll("[id]")].forEach(
+        (r) => r.removeAttribute("id")
+      ), a.setAttribute("data-default", ""), a.slot = `${e}-icon`, a;
     }
     return null;
   }
@@ -566,9 +569,9 @@ let c = class extends F {
    * Initializes new items by setting the `selectable` property and the expanded/collapsed icons if any
    */
   initTreeItem(e) {
-    this.noForwardExpandButtonPlacement || (e.expandButtonPlacement = this.expandButtonPlacement), e.selectable = this.selection === "multiple", e.focusable = this.focusable, ["expand", "collapse"].filter((t) => !!this.querySelector(`[slot="${t}-icon"]`)).forEach((t) => {
-      const i = e.querySelector(`[slot="${t}-icon"]`), n = this.getExpandButtonIcon(t);
-      n && (i === null ? e.append(n) : i.hasAttribute("data-default") && i.replaceWith(n));
+    this.noForwardExpandButtonPlacement || (e.expandButtonPlacement = this.expandButtonPlacement), e.variant = this.variant, e.selectable = this.selection === "multiple", e.focusable = this.focusable, ["expand", "collapse"].filter((t) => !!this.querySelector(`[slot="${t}-icon"]`)).forEach((t) => {
+      const i = e.querySelector(`[slot="${t}-icon"]`), a = this.getExpandButtonIcon(t);
+      a && (i === null ? e.append(a) : i.hasAttribute("data-default") && i.replaceWith(a));
     }), this.sortable ? (e.sortable = !0, e.sortableGroup = this.getSortableGroup(), this.noDragInside && (e.noDragInside = !0)) : e.sortable = !1;
   }
   initTreeItems() {
@@ -578,10 +581,10 @@ let c = class extends F {
     for (const t of e) {
       const i = [...t.addedNodes].filter(
         o.isTreeItem
-      ), n = [...t.removedNodes].filter(
+      ), a = [...t.removedNodes].filter(
         o.isTreeItem
       );
-      i.forEach(this.initTreeItem), this.lastFocusedItem && n.includes(this.lastFocusedItem) && (this.lastFocusedItem = null);
+      i.forEach(this.initTreeItem), this.lastFocusedItem && a.includes(this.lastFocusedItem) && (this.lastFocusedItem = null);
     }
   }
   /**
@@ -591,21 +594,21 @@ let c = class extends F {
    * @param isSingleSelect - Optional flag to force the item to be selected and unselect all other items.
    */
   async selectItem(e, t = !1) {
-    const i = [...this.selectedItems], n = this.getAllTreeItems();
+    const i = [...this.selectedItems], a = this.getAllTreeItems();
     if (this.selection === "multiple")
       t && await Promise.all(
-        n.map(async (a) => {
-          a.selected = !1, a.indeterminate = !1, a.previouslySelected = !1, await a.updateComplete;
+        a.map(async (n) => {
+          n.selected = !1, n.indeterminate = !1, n.previouslySelected = !1, await n.updateComplete;
         })
       ), 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 a of n)
-        a.selected = a === e;
+      for (const n of a)
+        n.selected = n === 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((a) => !i.includes(a)) || this.forceOnChange || t) && Promise.all(s.map((a) => a.updateComplete)).then(() => {
+    const r = this.selectedItems;
+    (i.length !== r.length || r.some((n) => !i.includes(n)) || this.forceOnChange || t) && Promise.all(r.map((n) => n.updateComplete)).then(() => {
       this.emit("cx-selection-change", {
         /**
          * Use this.selectedItems instead of nextSelection because
@@ -635,36 +638,36 @@ let c = class extends F {
       "Enter",
       " "
     ].includes(e.key) || e.composedPath().some(
-      (s) => ["input", "textarea"].includes(
-        s?.tagName?.toLowerCase()
+      (r) => ["input", "textarea"].includes(
+        r?.tagName?.toLowerCase()
       )
     ))
       return;
-    const t = this.getFocusableItems(), i = this.localize.dir() === "ltr", n = this.localize.dir() === "rtl";
+    const t = this.getFocusableItems(), i = this.localize.dir() === "ltr", a = this.localize.dir() === "rtl";
     if (t.length > 0) {
       e.preventDefault();
-      const s = t.findIndex((x) => x.matches(":focus")), a = t[s], d = (x) => {
+      const r = t.findIndex((x) => x.matches(":focus")), n = t[r], d = (x) => {
         const p = t[X(x, 0, t.length - 1)];
         this.focusItem(p);
       }, u = (x) => {
-        a.expanded = x;
+        n.expanded = x;
       };
-      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);
+      e.key === "ArrowDown" ? d(r + 1) : e.key === "ArrowUp" ? d(r - 1) : i && e.key === "ArrowRight" || a && e.key === "ArrowLeft" ? !n || n.disabled || n.readonly || n.expanded || n.isLeaf && !n.lazy ? d(r + 1) : u(!0) : i && e.key === "ArrowLeft" || a && e.key === "ArrowRight" ? !n || n.disabled || n.readonly || n.isLeaf || !n.expanded ? d(r - 1) : u(!1) : e.key === "Home" ? d(0) : e.key === "End" ? d(t.length - 1) : (e.key === "Enter" || e.key === " ") && !n.disabled && !n.readonly && this.selectItem(n);
     }
   }
   handleClick(e) {
-    const t = e.composedPath(), i = e.target, n = i.closest("cx-tree-item"), s = e.composedPath().some(
+    const t = e.composedPath(), i = e.target, a = i.closest("cx-tree-item"), r = e.composedPath().some(
       (u) => u?.classList?.contains("tree-item__expand-button")
-    ), a = e.composedPath().some(
+    ), n = e.composedPath().some(
       (u) => u?.classList?.contains("tree-item__actions")
     );
-    if (!n || n.disabled || n.readonly || i !== this.clickTarget)
+    if (!a || a.disabled || a.readonly || i !== this.clickTarget)
       return;
     const d = !t.find(
       (u) => u.tagName?.toLowerCase() === "cx-checkbox"
     );
-    s && n.showExpandButton ? n.expanded = !n.expanded : a || this.selectItem(
-      n,
+    r && a.showExpandButton ? a.expanded = !a.expanded : n || this.selectItem(
+      a,
       d && this.labelSelectSingle && this.selection === "multiple"
     );
   }
@@ -731,7 +734,7 @@ let c = class extends F {
     this.removeAttribute("dragging");
   }
   initSortable() {
-    this.addEventListener("cx-drag-start", this.handleSortableStart), this.addEventListener("cx-drag-end", this.handleSortableEnd), this.sortableInstance = S.create(this, {
+    this.addEventListener("cx-drag-start", this.handleSortableStart), this.addEventListener("cx-drag-end", this.handleSortableEnd), this.sortableInstance = v.create(this, {
       ...M({
         group: this.getSortableGroup(),
         onAdd: this.handleSortableUpdate,
@@ -778,15 +781,15 @@ let c = class extends F {
     return e.filter((i) => {
       if (i.disabled || i.readonly)
         return !1;
-      const n = i.parentElement?.closest("[role=treeitem]");
-      return n instanceof o ? (n && (!n.expanded || n.loading || t.has(n)) && t.add(i), !t.has(i)) : !0;
+      const a = i.parentElement?.closest("[role=treeitem]");
+      return a instanceof o ? (a && (!a.expanded || a.loading || t.has(a)) && t.add(i), !t.has(i)) : !0;
     });
   }
   render() {
     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 = [O, se];
+c.styles = [O, re];
 h([
   f("slot:not([name])")
 ], c.prototype, "defaultSlot", 2);
@@ -824,6 +827,9 @@ h([
 h([
   l({ attribute: "no-forward-expand-button-placement", type: Boolean })
 ], c.prototype, "noForwardExpandButtonPlacement", 2);
+h([
+  l({ reflect: !0, type: String })
+], c.prototype, "variant", 2);
 h([
   l({ attribute: "force-on-change", type: Boolean })
 ], c.prototype, "forceOnChange", 2);
@@ -840,7 +846,7 @@ h([
   g()
 ], c.prototype, "sortableInstance", 2);
 h([
-  b("sortable")
+  b(["sortable", "variant"])
 ], c.prototype, "initTreeItems", 1);
 h([
   b("selection")

package/library/components/asset-link-format.js

@@ -3,17 +3,18 @@ import "../chunks/button.DGyqdBou.js";
 import "./space.js";
 import "../chunks/typography.IqHbnd3C.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
-import { C as g } from "../chunks/asset-link-format.BdB6fQA_.js";
+import { C as h } from "../chunks/asset-link-format.0q_MQOYh.js";
 import "../chunks/component.styles.CRO4Odto.js";
-import "../chunks/asset-link-format.QzzboHHE.js";
+import "../chunks/asset-link-format.ClaYu_v8.js";
+import "../chunks/position-picker.DjnhxIKF.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.Bchq8v1d.js";
 import "../chunks/watch.DJF5K-8U.js";
 import "../chunks/number.Cx2ncfJJ.js";
-import "../chunks/transformation.D1alV_s4.js";
+import "../chunks/transformation.8uLv6uwG.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/state.CSDxrqLd.js";
 import "../chunks/when.Dr1es41R.js";
 export {
-  g as default
+  h as default
 };

package/library/components/atoms.js

@@ -20,7 +20,7 @@ import { default as W } from "./details.js";
 import { default as Y } from "./diff.js";
 import { C as _ } from "../chunks/dialog.05FgdLBZ.js";
 import { default as oe } from "./divider.js";
-import { C as ae } from "../chunks/document-viewer.gyH0NGM5.js";
+import { C as ae } from "../chunks/document-viewer.Cng07M-1.js";
 import { C as xe } from "../chunks/dot-pagination.Pg9O0nIh.js";
 import { default as me } from "./dot-status.js";
 import { default as pe } from "./drawer.js";
@@ -80,7 +80,7 @@ import { default as ft } from "./tag.js";
 import { default as st } from "./textarea.js";
 import { default as Ct } from "./timecode.js";
 import { default as lt } from "./tooltip.js";
-import { a as nt, C as it } from "../chunks/tree.Dvnw_4vz.js";
+import { a as nt, C as it } from "../chunks/tree.vn5sHbdt.js";
 import { C as gt } from "../chunks/typography.IqHbnd3C.js";
 import { default as At } from "./video.js";
 import { default as St } from "./visually-hidden.js";

package/library/components/color-swatch-group.js

@@ -3,13 +3,13 @@ import "../chunks/typography.IqHbnd3C.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/color-swatch.QsHoy_K1.js";
 import "../chunks/component.styles.CRO4Odto.js";
-import { C as v } from "../chunks/color-swatch-group.w5DMzNco.js";
-import "../chunks/content-builder.BX4pHujE.js";
+import { C as v } from "../chunks/color-swatch-group.ChP9amU9.js";
+import "../chunks/transformation.8uLv6uwG.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/debounce.DaHuiSGU.js";
 import "../chunks/i18n.Bchq8v1d.js";
 import "../chunks/watch.DJF5K-8U.js";
-import "../chunks/toast.C5Ir5yKA.js";
+import "../chunks/toast.CXEAfCvN.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/state.CSDxrqLd.js";
 import "../chunks/query.BBf1UFkC.js";

package/library/components/cropper.js

@@ -1,6 +1,6 @@
 import { n as S, C as be } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as ye } from "../chunks/component.styles.CRO4Odto.js";
-import { U as N } from "../chunks/asset-link-format.QzzboHHE.js";
+import { U as N } from "../chunks/asset-link-format.ClaYu_v8.js";
 import { c as Re } from "../chunks/custom-element.L4WJXn1j.js";
 import { i as _e, x as te } from "../chunks/lit-element.jLBm65_O.js";
 import { r as ve } from "../chunks/state.CSDxrqLd.js";

package/library/components/document-viewer.js

@@ -1,5 +1,5 @@
 import "../chunks/resizable-component.styles.CAfXABBc.js";
-import { C as b } from "../chunks/document-viewer.gyH0NGM5.js";
+import { C as b } from "../chunks/document-viewer.Cng07M-1.js";
 import "../chunks/component.styles.CRO4Odto.js";
 import "../chunks/index.Cpamj0jB.js";
 import "../chunks/custom-element.L4WJXn1j.js";

package/library/components/file-on-demand.js

@@ -1,6 +1,6 @@
 import { C as tt } from "../chunks/icon.D5iM9wXS.js";
 import et from "./line-clamp.js";
-import { C as mt, s as _t, a as ft, b as dt } from "../chunks/tree.Dvnw_4vz.js";
+import { C as mt, s as _t, a as ft, b as dt } from "../chunks/tree.vn5sHbdt.js";
 import { n as l, C as W } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as st } from "../chunks/component.styles.CRO4Odto.js";
 import { c as q } from "../chunks/custom-element.L4WJXn1j.js";

package/library/components/folder-select.js

@@ -3,9 +3,9 @@ import "../chunks/input.DOorVTYZ.js";
 import "./line-clamp.js";
 import "./select.js";
 import "./tag.js";
-import "../chunks/tree.Dvnw_4vz.js";
+import "../chunks/tree.vn5sHbdt.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
-import { C as h } from "../chunks/folder-select.Dh4SX0eU.js";
+import { C as h } from "../chunks/folder-select.Dw1ZKZAq.js";
 import "../chunks/component.styles.CRO4Odto.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.Bchq8v1d.js";