@orangelogic/design-system 2.100.0 → 2.102.0

package/library/chunks/transformation.Dir8s_wm.js

@@ -0,0 +1,151 @@
+import { T as r } from "./asset-link-format.BSRDqHg7.js";
+function m({
+  asset: k,
+  baseUrl: h,
+  extension: y,
+  options: f,
+  parameters: c,
+  transformations: l,
+  useSession: _ = ""
+}) {
+  if (h == null)
+    return "";
+  let a = h;
+  const v = l?.findLast(
+    (i) => i.key === r.Quality
+  );
+  if (v && (l = [
+    ...l?.filter(
+      (i) => i.key !== r.Quality
+    ) || [],
+    v
+  ]), l) {
+    const i = [];
+    for (let o = 0; o < l.length; o++) {
+      const t = l[o];
+      if (t.key === r.Rotate) {
+        let e = t.value.rotation ?? 0;
+        for (; l[o + 1]?.key === r.Rotate; )
+          o++, e += l[o].value.rotation ?? 0;
+        e !== 0 && i.push({ key: r.Rotate, value: { rotation: e } });
+      } else
+        i.push(t);
+    }
+    l = i;
+  }
+  l && l.length > 0 && (a += "/t/"), l?.forEach(({ key: i, value: o }) => {
+    if (i === r.Resize) {
+      const t = [
+        ...[
+          {
+            key: "re_w_",
+            value: Math.round(o.width ?? 0)
+          },
+          {
+            key: "re_h_",
+            value: Math.round(o.height ?? 0)
+          }
+        ].filter((e) => e.value !== void 0).map((e) => ({
+          key: e.key,
+          value: Math.round(Number(e.value))
+        })),
+        {
+          key: "re_rm_",
+          value: "stretch"
+        }
+      ];
+      t.forEach(({ key: e, value: u }, n) => {
+        a += `${e}${u}${n < t.length - 1 ? "," : ""}`;
+      }), a += "/";
+    }
+    if (i === r.Crop) {
+      const t = [
+        ...[
+          {
+            key: "c_",
+            value: o.mode
+          },
+          ...o.disabledSize ? [] : [
+            {
+              key: "c_w_",
+              value: Math.round(o.width ?? 0)
+            },
+            {
+              key: "c_h_",
+              value: Math.round(o.height ?? 0)
+            },
+            {
+              key: "c_x_",
+              value: Math.round(o.x ?? 0) === 0 && f?.omitZeroXY ? void 0 : Math.round(o.x ?? 0)
+            },
+            {
+              key: "c_y_",
+              value: Math.round(o.y ?? 0) === 0 && f?.omitZeroXY ? void 0 : Math.round(o.y ?? 0)
+            }
+          ],
+          ...o.focusMode && o.focusMode !== "manual" ? [
+            {
+              key: o.isFocusModeAuto ? "acm_" : "c_g_",
+              value: o.focusMode
+            }
+          ] : []
+        ].filter((e) => e.value !== void 0 && e.value !== null).map((e) => ({
+          key: e.key,
+          value: e.value
+        })),
+        {
+          key: "c_whu_",
+          value: "pixel"
+        }
+      ];
+      t.forEach(({ key: e, value: u }, n) => {
+        const s = ["c_w_", "c_h_", "c_x_", "c_y_"].includes(e);
+        a += `${e}${s ? Math.round(Number(u)) : u}${n < t.length - 1 ? "," : ""}`;
+      }), a += "/";
+    }
+    if (i === r.Rotate && ([
+      {
+        key: "r_a_",
+        value: o.rotation
+      }
+    ].filter((e) => e.value !== void 0).map((e) => ({
+      key: e.key,
+      value: Math.round(Number(e.value))
+    })).forEach(({ key: e, value: u }) => {
+      a += `${e}${u}`;
+    }), a += "/"), i === r.Quality) {
+      const t = [
+        {
+          key: "q_level_",
+          value: o.quality
+        }
+      ].filter((e) => e.value !== void 0).map((e) => ({
+        key: e.key,
+        value: Math.round(Number(e.value))
+      }));
+      t.forEach(({ key: e, value: u }, n) => {
+        a += `${e}${u}${n < t.length - 1 ? "," : ""}`;
+      }), a += "/";
+    }
+    if (i === r.Metadata) {
+      const t = [
+        {
+          key: "fl_keep_metadata",
+          value: o.keepMetadata
+        }
+      ].filter((e) => e.value !== void 0).map((e) => ({ key: e.key, value: e.value }));
+      t.forEach(({ key: e }, u) => {
+        a += `${e}${u < t.length - 1 ? "," : ""}`;
+      }), a += "/";
+    }
+  }), y && (a += `${k?.identifier ?? crypto.randomUUID()}${y}`);
+  const d = [];
+  return c && c.length > 0 && c.forEach(({ key: i, value: o }) => {
+    d.push(
+      `${encodeURIComponent(i.trim())}=${encodeURIComponent(o.trim())}`
+    );
+  }), h && _ && d.push(`UseSession=${encodeURIComponent(_)}`), d.length > 0 && (a += `?${d.join("&")}`), a.endsWith("/") && (a = a.slice(0, -1)), a;
+}
+export {
+  m as b
+};

package/library/chunks/{tree.Hh8WCK7l.js → tree.DAiWVFiY.js}

@@ -3,22 +3,23 @@ import { c as N } from "./component.styles.CRO4Odto.js";
 import { c as G } from "./custom-element.L4WJXn1j.js";
 import { L as M } from "./i18n.DK1uYlJT.js";
 import { c as K } from "./math.DqTA6ya4.js";
-import { w as b } from "./watch.BCJD77bD.js";
-import { i as Z, x as g, E as L } from "./lit-element.jLBm65_O.js";
+import { w as f } from "./watch.BCJD77bD.js";
+import { i as Z, x as b, E as D } from "./lit-element.jLBm65_O.js";
 import { r as y } from "./state.CSDxrqLd.js";
-import { e as f } from "./query.BBf1UFkC.js";
-import { s as z, a as U, b as $ } from "./animate.El-MpOws.js";
+import { e as x } from "./query.BBf1UFkC.js";
+import { s as z, a as U, b as $ } from "./event.BeKOsirN.js";
 import { e as C } from "./class-map.BiVq-cVR.js";
-import { o as _ } from "./if-defined.BRoBj_Rp.js";
+import { o as E } from "./if-defined.BRoBj_Rp.js";
 import { l as W } from "./live.SCz6M8Gs.js";
-import { n as E } from "./when.Dr1es41R.js";
+import { n as S } from "./when.Dr1es41R.js";
 import { g as P, s as H } from "./animation-registry.HmpwNuGH.js";
 import Y from "../components/checkbox.js";
 import J from "../components/icon.js";
-import Q from "../components/spinner.js";
-import { i as ee } from "./browser.BHOCIF_A.js";
-import { S as te } from "./sortable.esm.oSzf6C5Q.js";
-function ie(e, t, i) {
+import Q from "../components/line-clamp.js";
+import ee from "../components/spinner.js";
+import { i as te } from "./debounce.CIEhztrj.js";
+import { S as ie } from "./sortable.esm.oSzf6C5Q.js";
+function ne(e, t, i) {
   let n;
   return function(...r) {
     const a = this, d = function() {
@@ -30,31 +31,31 @@ function ie(e, t, i) {
 const p = [];
 for (let e = 0; e < 256; ++e)
   p.push((e + 256).toString(16).slice(1));
-function ne(e, t = 0) {
+function ae(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 I;
-const ae = new Uint8Array(16);
-function oe() {
+const oe = new Uint8Array(16);
+function re() {
   if (!I) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
     I = crypto.getRandomValues.bind(crypto);
   }
-  return I(ae);
+  return I(oe);
 }
-const re = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), F = { randomUUID: re };
-function se(e, t, i) {
+const se = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), F = { randomUUID: se };
+function le(e, t, i) {
   if (F.randomUUID && !e)
     return F.randomUUID();
   e = e || {};
-  const n = e.random ?? e.rng?.() ?? oe();
+  const n = e.random ?? e.rng?.() ?? re();
   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, ne(n);
+  return n[6] = n[6] & 15 | 64, n[8] = n[8] & 63 | 128, ae(n);
 }
-const le = Z`: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", w = 0.2, O = (e) => e == null;
-function de() {
+const de = Z`: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", w = 0.2, O = (e) => e == null;
+function ce() {
   function e() {
   }
   let t = null;
@@ -75,7 +76,7 @@ function de() {
       completed: a,
       dragEl: d,
       originalEvent: m,
-      putSortable: x,
+      putSortable: g,
       target: u
     }) {
       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")) {
@@ -87,17 +88,17 @@ function de() {
         n();
         return;
       }
-      const T = B.getBoundingClientRect(), D = (m.clientY - T.top) / T.height, v = x || this.sortable;
-      v.captureAnimationState(), v !== i && i.captureAnimationState();
+      const T = B.getBoundingClientRect(), L = (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)
+        if (L < i.options.insertBeforeZonePercentage)
           t = {
             dragEl: d,
             el: u,
             position: -1
           }, u.setAttribute("data-dragging", "before");
-        else if (D > i.options.insertAfterZonePercentage)
+        else if (L > i.options.insertAfterZonePercentage)
           t = {
             dragEl: d,
             el: u,
@@ -114,7 +115,7 @@ function de() {
             position: 0
           }, u.setAttribute("data-dragging", "inside");
         }
-      if (v.animateAll(), v !== i && i.animateAll(), t)
+      if (_.animateAll(), _ !== i && i.animateAll(), t)
         r(), a(!0), n();
       else
         return !0;
@@ -138,22 +139,22 @@ function de() {
     pluginName: k
   });
 }
-class S extends te {
+class v extends ie {
   constructor(t, i) {
     super(t, i);
   }
   static create(t, i = {}) {
-    return new S(t, i);
+    return new v(t, i);
   }
 }
-S.mount(new de());
+v.mount(new ce());
 const j = (e) => ({
   ...e,
   animation: 100,
   draggable: "cx-tree-item:not([no-drag])",
   emptyInsertThreshold: 0,
   fallbackOnBody: !0,
-  forceFallback: ee(),
+  forceFallback: te(),
   getDropZone: (t) => t?.shadowRoot?.querySelector(".tree-item__item"),
   insertAfterZonePercentage: 1 - w,
   insertBeforeZonePercentage: w,
@@ -167,14 +168,14 @@ const j = (e) => ({
   [k]: !0,
   swapThreshold: w
 });
-var ce = Object.defineProperty, he = Object.getOwnPropertyDescriptor, s = (e, t, i, n) => {
-  for (var r = n > 1 ? void 0 : n ? he(t, i) : t, a = e.length - 1, d; a >= 0; a--)
+var he = Object.defineProperty, pe = Object.getOwnPropertyDescriptor, s = (e, t, i, n) => {
+  for (var r = n > 1 ? void 0 : n ? pe(t, i) : t, a = e.length - 1, d; a >= 0; a--)
     (d = e[a]) && (r = (n ? d(t, i, r) : d(r)) || r);
-  return n && r && ce(t, i, r), r;
+  return n && r && he(t, i, r), r;
 };
 let o = class extends R {
   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.indeterminate = !1, this.isLeaf = !1, this.loading = !1, this.selectable = !1, this.sortableInstance = null, this.onDragStart = (e) => {
+    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) => {
       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);
@@ -263,12 +264,12 @@ let o = class extends R {
   }
   renderExpandButton() {
     const e = this.localize.dir() === "rtl", t = this.showExpandButton;
-    return g`<div part="expand-button" class=${C({
+    return b`<div part="expand-button" class=${C({
       "tree-item__expand-button": !0,
       "tree-item__expand-button--visible": t
-    })} aria-hidden="true">${E(
+    })} aria-hidden="true">${S(
       this.loading,
-      () => g`<cx-spinner part="spinner" class="tree-item__expand-spinner" exportparts="base:spinner__base"></cx-spinner>`
+      () => b`<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) {
@@ -295,7 +296,7 @@ let o = 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 = S.create(this, {
+    this.addEventListener("dragstart", this.onDragStart), this.focusable || this.setAttribute("tabindex", "-1"), this.sortableInstance = v.create(this, {
       ...j({
         group: this.sortableGroup,
         onAdd: this.handleSortableUpdate,
@@ -311,7 +312,7 @@ let o = class extends R {
   }
   renderBase(e) {
     const t = this.showExpandButton;
-    return this.href ? g`<a id="anchor" part="base" class=${C({
+    return this.href ? b`<a id="anchor" part="base" class=${C({
       "tree-item": !0,
       "tree-item--disabled": this.disabled,
       "tree-item--expanded": this.expanded,
@@ -319,7 +320,7 @@ let o = class extends R {
       "tree-item--leaf": this.isLeaf,
       "tree-item--rtl": this.localize.dir() === "rtl",
       "tree-item--selected": this.selected
-    })} href=${_(this.href)} target=${_(this.target)} download=${_(this.download)} rel=${_(this.rel)} ?inert=${this.disabled}>${e}</a>` : g`<div part="base" class=${C({
+    })} 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({
       "tree-item": !0,
       "tree-item--disabled": this.disabled,
       "tree-item--expanded": this.expanded,
@@ -330,20 +331,20 @@ let o = class extends R {
     })}>${e}</div>`;
   }
   render() {
-    return this.renderBase(g`<div class="tree-item__item" part="
+    return this.renderBase(b`<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>${E(
+          "><div class="tree-item__indentation" part="indentation"></div>${S(
       this.expandButtonPlacement === "start",
       this.renderExpandButton,
-      () => L
+      () => D
     )}
-        ${E(
+        ${S(
       this.selectable,
-      () => g`<cx-checkbox part="checkbox" aria-label=${this.localize.term("checkbox")} exportparts="
+      () => b`<cx-checkbox part="checkbox" aria-label=${this.localize.term("checkbox")} exportparts="
                 base:checkbox__base,
                 control:checkbox__control,
                 control--checked:checkbox__control--checked,
@@ -352,33 +353,40 @@ let o = class extends R {
                 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>`
-    )}<slot class="tree-item__label" part="label"></slot><slot class="tree-item__actions" part="actions" name="actions"></slot>${E(
+    )}
+
+        ${S(
+      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(
       this.expandButtonPlacement === "end",
       this.renderExpandButton,
-      () => L
+      () => D
     )}</div><div class="tree-item__children" part="children" role="group"><slot name="children" @slotchange=${this.handleChildrenSlotChange}></slot></div>`);
   }
 };
-o.styles = [N, le];
+o.styles = [N, de];
 o.dependencies = {
   "cx-checkbox": Y,
   "cx-icon": J,
-  "cx-spinner": Q
+  "cx-line-clamp": Q,
+  "cx-spinner": ee
 };
 s([
-  f("slot:not([name])")
+  x("slot:not([name])")
 ], o.prototype, "defaultSlot", 2);
 s([
-  f("slot[name=children]")
+  x("slot[name=children]")
 ], o.prototype, "childrenSlot", 2);
 s([
-  f(".tree-item__item")
+  x(".tree-item__item")
 ], o.prototype, "itemElement", 2);
 s([
-  f(".tree-item__children")
+  x(".tree-item__children")
 ], o.prototype, "childrenContainer", 2);
 s([
-  f(".tree-item__expand-button slot")
+  x(".tree-item__expand-button slot")
 ], o.prototype, "expandButtonSlot", 2);
 s([
   l({ reflect: !0, type: Boolean })
@@ -455,6 +463,9 @@ s([
 s([
   l({ reflect: !0, type: Boolean })
 ], o.prototype, "focusable", 2);
+s([
+  l({ attribute: "max-lines", type: Number })
+], o.prototype, "maxLines", 2);
 s([
   y()
 ], o.prototype, "indeterminate", 2);
@@ -471,22 +482,22 @@ s([
   y()
 ], o.prototype, "sortableInstance", 2);
 s([
-  b("loading", { waitUntilFirstUpdate: !0 })
+  f("loading", { waitUntilFirstUpdate: !0 })
 ], o.prototype, "handleLoadingChange", 1);
 s([
-  b("disabled")
+  f("disabled")
 ], o.prototype, "handleDisabledChange", 1);
 s([
-  b("selected")
+  f("selected")
 ], o.prototype, "handleSelectedChange", 1);
 s([
-  b("expanded", { waitUntilFirstUpdate: !0 })
+  f("expanded", { waitUntilFirstUpdate: !0 })
 ], o.prototype, "handleExpandedChange", 1);
 s([
-  b("expanded", { waitUntilFirstUpdate: !0 })
+  f("expanded", { waitUntilFirstUpdate: !0 })
 ], o.prototype, "handleExpandAnimation", 1);
 s([
-  b("lazy", { waitUntilFirstUpdate: !0 })
+  f("lazy", { waitUntilFirstUpdate: !0 })
 ], o.prototype, "handleLazyChange", 1);
 o = s([
   G("cx-tree-item")
@@ -505,11 +516,11 @@ H("tree-item.collapse", {
   ],
   options: { duration: 200, easing: "cubic-bezier(0.4, 0.0, 0.2, 1)" }
 });
-const pe = Z`: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 ue = Object.defineProperty, me = Object.getOwnPropertyDescriptor, h = (e, t, i, n) => {
-  for (var r = n > 1 ? void 0 : n ? me(t, i) : t, a = e.length - 1, d; a >= 0; a--)
+const ue = Z`: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 r = n > 1 ? void 0 : n ? be(t, i) : t, a = e.length - 1, d; a >= 0; a--)
     (d = e[a]) && (r = (n ? d(t, i, r) : d(r)) || r);
-  return n && r && ue(t, i, r), r;
+  return n && r && me(t, i, r), r;
 };
 function q(e) {
   const t = e.getChildrenItems({ includeDisabled: !1 });
@@ -541,7 +552,7 @@ let c = class extends R {
   }
   runConnectedCallback() {
     if (this.addEventListener("focusin", this.handleFocusIn), this.addEventListener("focusout", this.handleFocusOut), this.addEventListener("cx-lazy-change", this.handleSlotChange), this.setAttribute("role", "tree"), this.setAttribute("tabindex", "0"), this.mutationObserver = new MutationObserver(this.handleTreeChanged), this.mutationObserver.observe(this, { childList: !0, subtree: !0 }), this.autoExpandToSelected) {
-      const e = ie(() => {
+      const e = ne(() => {
         customElements.whenDefined("cx-tree-item").then(() => {
           this.selectedItems.forEach((t) => {
             this.expandToItem(t);
@@ -654,11 +665,11 @@ 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 r = t.findIndex((x) => x.matches(":focus")), a = t[r], d = (x) => {
-        const u = t[K(x, 0, t.length - 1)];
+      const r = t.findIndex((g) => g.matches(":focus")), a = t[r], d = (g) => {
+        const u = t[K(g, 0, t.length - 1)];
         this.focusItem(u);
-      }, m = (x) => {
-        a.expanded = x;
+      }, m = (g) => {
+        a.expanded = g;
       };
       e.key === "ArrowDown" ? d(r + 1) : e.key === "ArrowUp" ? d(r - 1) : i && e.key === "ArrowRight" || n && e.key === "ArrowLeft" ? !a || a.disabled || a.readonly || a.expanded || a.isLeaf && !a.lazy ? d(r + 1) : m(!0) : i && e.key === "ArrowLeft" || n && e.key === "ArrowRight" ? !a || a.disabled || a.readonly || a.isLeaf || !a.expanded ? d(r - 1) : m(!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);
     }
@@ -716,7 +727,7 @@ let c = class extends R {
   }
   getSortableGroup() {
     if (!this.disabledSortableGroup)
-      return this.sortableGroup || (this.sortableGroup = se()), this.sortableGroup;
+      return this.sortableGroup || (this.sortableGroup = le()), this.sortableGroup;
   }
   handleSortableStart() {
     this.setAttribute("dragging", "");
@@ -725,7 +736,7 @@ 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 = S.create(this, {
+    this.addEventListener("cx-drag-start", this.handleSortableStart), this.addEventListener("cx-drag-end", this.handleSortableEnd), this.sortableInstance = v.create(this, {
       ...j({
         group: this.getSortableGroup(),
         onAdd: this.handleSortableUpdate,
@@ -777,18 +788,18 @@ let c = class extends R {
     });
   }
   render() {
-    return g`<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 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>`;
   }
 };
-c.styles = [N, pe];
+c.styles = [N, ue];
 h([
-  f("slot:not([name])")
+  x("slot:not([name])")
 ], c.prototype, "defaultSlot", 2);
 h([
-  f("slot[name=expand-icon]")
+  x("slot[name=expand-icon]")
 ], c.prototype, "expandedIconSlot", 2);
 h([
-  f("slot[name=collapse-icon]")
+  x("slot[name=collapse-icon]")
 ], c.prototype, "collapsedIconSlot", 2);
 h([
   l({ reflect: !0, type: Boolean })
@@ -834,10 +845,10 @@ h([
   y()
 ], c.prototype, "sortableInstance", 2);
 h([
-  b("sortable")
+  f("sortable")
 ], c.prototype, "initTreeItems", 1);
 h([
-  b("selection")
+  f("selection")
 ], c.prototype, "handleSelectionChange", 1);
 c = h([
   G("cx-tree")
@@ -847,7 +858,7 @@ export {
   c as a,
   X as b,
   q as c,
-  ie as d,
+  ne as d,
   A as s,
-  se as v
+  le as v
 };

package/library/components/alert.js

@@ -1,16 +1,15 @@
 import { n as s, C as x } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as b } from "../chunks/component.styles.CRO4Odto.js";
-import { s as u, a as p } from "../chunks/animate.El-MpOws.js";
+import { s as u, a as p, w as m } from "../chunks/event.BeKOsirN.js";
 import { c as y } from "../chunks/custom-element.L4WJXn1j.js";
-import { w as m } from "../chunks/event.mFzZi4sr.js";
 import { L as C } from "../chunks/i18n.DK1uYlJT.js";
 import { H as T } from "../chunks/slot.j5oheLJC.js";
 import { w } from "../chunks/watch.BCJD77bD.js";
 import { i as I, x as h } from "../chunks/lit-element.jLBm65_O.js";
 import { r as A } from "../chunks/state.CSDxrqLd.js";
 import { e as g } from "../chunks/query.BBf1UFkC.js";
-import { e as f } from "../chunks/class-map.BiVq-cVR.js";
-import { s as _, g as v } from "../chunks/animation-registry.HmpwNuGH.js";
+import { e as v } from "../chunks/class-map.BiVq-cVR.js";
+import { s as _, g as f } from "../chunks/animation-registry.HmpwNuGH.js";
 import { C as H } from "../chunks/icon-button.CN0NGNQx.js";
 const k = I`:host{margin:0;display:contents}.alert{background-color:var(--cx-panel-background-color);border:solid var(--cx-panel-border-width) var(--cx-panel-border-color);border-top-width:calc(var(--cx-panel-border-width) * 3);border-radius:var(--cx-border-radius-small);font-family:var(--cx-font-sans);font-size:var(--cx-font-size-small);font-weight:var(--cx-font-weight-regular);color:var(--cx-color-neutral-700);margin:inherit;align-items:stretch;line-height:1.6;display:flex;position:relative;overflow:hidden}.alert:not(.alert--has-icon) .alert__icon,.alert:not(.alert--closable) .alert__close-button{display:none}.alert__icon{font-size:var(--cx-font-size-large);flex:none;align-items:center;padding-inline-start:var(--cx-spacing-large);display:flex}.alert--has-countdown{border-bottom:none}.alert--primary{border-top-color:var(--cx-color-primary)}.alert--primary .alert__icon{color:var(--cx-color-primary)}.alert--success{border-top-color:var(--cx-color-success)}.alert--success .alert__icon{color:var(--cx-color-success)}.alert--neutral{border-top-color:var(--cx-color-neutral)}.alert--neutral .alert__icon{color:var(--cx-color-neutral)}.alert--warning{border-top-color:var(--cx-color-warning)}.alert--warning .alert__icon{color:var(--cx-color-warning)}.alert--danger{border-top-color:var(--cx-color-danger)}.alert--danger .alert__icon{color:var(--cx-color-danger)}.alert__message{padding:var(--cx-spacing-large);flex:auto;display:block;overflow:hidden}.alert__close-button{font-size:var(--cx-font-size-medium);flex:none;align-items:center;padding-inline-end:var(--cx-spacing-medium);display:flex}.alert__countdown{width:100%;height:calc(var(--cx-panel-border-width) * 3);background-color:var(--cx-panel-border-color);display:flex;position:absolute;bottom:0;left:0}.alert__countdown--ltr{justify-content:flex-end}.alert__countdown .alert__countdown-elapsed{width:0;height:100%}.alert--primary .alert__countdown-elapsed{background-color:var(--cx-color-primary)}.alert--success .alert__countdown-elapsed{background-color:var(--cx-color-success)}.alert--neutral .alert__countdown-elapsed{background-color:var(--cx-color-neutral-600)}.alert--warning .alert__countdown-elapsed{background-color:var(--cx-color-warning)}.alert--danger .alert__countdown-elapsed{background-color:var(--cx-color-danger)}.alert__timer{display:none}`;
 var z = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, t = (r, o, n, l) => {
@@ -69,13 +68,13 @@ let e = class extends x {
   async handleOpenChange() {
     if (this.open) {
       this.emit("cx-show"), this.duration < 1 / 0 && this.restartAutoHide(), await u(this.base), this.base.hidden = !1;
-      const { keyframes: r, options: o } = v(this, "alert.show", {
+      const { keyframes: r, options: o } = f(this, "alert.show", {
         dir: this.localize.dir()
       });
       await p(this.base, r, o), this.emit("cx-after-show");
     } else {
       this.emit("cx-hide"), clearTimeout(this.autoHideTimeout), clearInterval(this.remainingTimeInterval), await u(this.base);
-      const { keyframes: r, options: o } = v(this, "alert.hide", {
+      const { keyframes: r, options: o } = f(this, "alert.hide", {
         dir: this.localize.dir()
       });
       await p(this.base, r, o), this.base.hidden = !0, this.emit("cx-after-hide");
@@ -113,7 +112,7 @@ let e = class extends x {
     });
   }
   render() {
-    return h`<div part="base" class=${f({
+    return h`<div part="base" class=${v({
       alert: !0,
       "alert--closable": this.closable,
       "alert--danger": this.variant === "danger",
@@ -124,7 +123,7 @@ let e = class extends x {
       "alert--primary": this.variant === "primary",
       "alert--success": this.variant === "success",
       "alert--warning": this.variant === "warning"
-    })} role="alert" aria-hidden=${this.open ? "false" : "true"} @mouseenter=${this.pauseAutoHide} @mouseleave=${this.resumeAutoHide}><div part="icon" class="alert__icon"><slot name="icon"></slot></div><div part="message" class="alert__message" aria-live="polite"><slot></slot></div>${this.closable ? h`<cx-icon-button part="close-button" exportparts="base:close-button__base" class="alert__close-button" name="close" label=${this.localize.term("close")} @click=${this.handleCloseClick}></cx-icon-button>` : ""}<div role="timer" class="alert__timer">${this.remainingTime}</div>${this.countdown ? h`<div class=${f({
+    })} role="alert" aria-hidden=${this.open ? "false" : "true"} @mouseenter=${this.pauseAutoHide} @mouseleave=${this.resumeAutoHide}><div part="icon" class="alert__icon"><slot name="icon"></slot></div><div part="message" class="alert__message" aria-live="polite"><slot></slot></div>${this.closable ? h`<cx-icon-button part="close-button" exportparts="base:close-button__base" class="alert__close-button" name="close" label=${this.localize.term("close")} @click=${this.handleCloseClick}></cx-icon-button>` : ""}<div role="timer" class="alert__timer">${this.remainingTime}</div>${this.countdown ? h`<div class=${v({
       alert__countdown: !0,
       "alert__countdown--ltr": this.countdown === "ltr"
     })}><div class="alert__countdown-elapsed"></div></div>` : ""}</div>`;