@orangelogic/design-system 2.60.0 → 2.61.0

package/library/components/drawer.js

@@ -1,19 +1,23 @@
-import { i as C, n, C as k, x as m, c as z } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as $ } from "../chunks/component.styles.CI-v8BZa.js";
-import { s as i, g as d, b as c, a as h } from "../chunks/animation-registry.DavRkTTr.js";
+import { n, C } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as k } from "../chunks/component.styles.DMSLciL5.js";
+import { a as d, s as p } from "../chunks/animate.El-MpOws.js";
+import { c as z } from "../chunks/custom-element.L4WJXn1j.js";
 import { w as v } from "../chunks/event.mFzZi4sr.js";
-import { L as B } from "../chunks/i18n.BP2FRO1v.js";
-import { M as O } from "../chunks/modal.BqNLxgs1.js";
-import { l as y, u } from "../chunks/scroll.DwPiX2Ox.js";
-import { H as P } from "../chunks/slot.DJLm4Dig.js";
-import { w as _ } from "../chunks/watch.BCJD77bD.js";
-import { e as w } from "../chunks/query.BBf1UFkC.js";
-import { e as g } from "../chunks/class-map.CoZTSvbM.js";
-import { o as b } from "../chunks/if-defined.MfEgpxEN.js";
-import { n as S } from "../chunks/when.Dr1es41R.js";
-import { c as x } from "../chunks/capitalize.CNStXZBq.js";
-import A from "./icon-button.js";
-const q = C`
+import { L as O } from "../chunks/i18n.DrzK7TPf.js";
+import { M as $ } from "../chunks/modal.U1QltQKe.js";
+import { l as m, u as w } from "../chunks/scroll.xtO5yojm.js";
+import { H as B } from "../chunks/slot.j5oheLJC.js";
+import { w as _ } from "../chunks/watch.q1sEjPWL.js";
+import { i as P, x as y } from "../chunks/lit-element.jLBm65_O.js";
+import { r as S } from "../chunks/state.CSDxrqLd.js";
+import { e as u } from "../chunks/query.BBf1UFkC.js";
+import { e as g } from "../chunks/class-map.BiVq-cVR.js";
+import { o as b } from "../chunks/if-defined.BRoBj_Rp.js";
+import { n as A } from "../chunks/when.Dr1es41R.js";
+import { c as x } from "../chunks/capitalize.WSkCXkNE.js";
+import { s as i, g as c } from "../chunks/animation-registry.HmpwNuGH.js";
+import q from "./icon-button.js";
+const D = P`
   :host {
     --size: 25rem;
     --header-spacing: var(--cx-spacing-large);
@@ -194,32 +198,37 @@ const q = C`
     }
   }
 `;
-var D = Object.defineProperty, L = Object.getOwnPropertyDescriptor, a = (e, o, r, l) => {
-  for (var s = l > 1 ? void 0 : l ? L(o, r) : o, p = e.length - 1, f; p >= 0; p--)
-    (f = e[p]) && (s = (l ? f(o, r, s) : f(s)) || s);
-  return l && s && D(o, r, s), s;
+var L = Object.defineProperty, E = Object.getOwnPropertyDescriptor, a = (e, o, r, l) => {
+  for (var s = l > 1 ? void 0 : l ? E(o, r) : o, h = e.length - 1, f; h >= 0; h--)
+    (f = e[h]) && (s = (l ? f(o, r, s) : f(s)) || s);
+  return l && s && L(o, r, s), s;
 };
-let t = class extends k {
+let t = class extends C {
   constructor() {
-    super(...arguments), this.hasSlotController = new P(this, "footer"), this.localize = new B(this), this.modal = new O(this), this.open = !1, this.label = "", this.placement = "end", this.contained = !1, this.noHeader = !1, this.variant = "overlay", this.noCloseButton = !1, this.handleDocumentKeyDown = (e) => {
+    super(...arguments), this.hasSlotController = new B(this, "footer"), this.localize = new O(this), this.modal = new $(this), this.isClosing = !1, this.open = !1, this.label = "", this.placement = "end", this.contained = !1, this.noHeader = !1, this.variant = "overlay", this.noCloseButton = !1, this.handleDocumentKeyDown = (e) => {
       this.contained || e.key === "Escape" && this.modal.isActive() && this.open && (e.stopImmediatePropagation(), this.requestClose("keyboard"));
     };
   }
   connectedUpdatedCallback() {
-    this.drawer.hidden = !this.open, this.open && (this.addOpenListeners(), this.contained || (this.modal.activate(), y(this)));
+    this.drawer.hidden = !this.open, this.open && (this.addOpenListeners(), this.contained || (this.modal.activate(), m(this)));
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), u(this), this.removeOpenListeners();
+    super.disconnectedCallback(), w(this), this.removeOpenListeners();
+  }
+  willUpdate(e) {
+    if (super.willUpdate(e), !e.has("open"))
+      return;
+    e.get("open") && !this.open ? this.isClosing = !0 : this.open && (this.isClosing = !1);
   }
   requestClose(e) {
     if (this.emit("cx-request-close", {
       cancelable: !0,
       detail: { source: e }
     }).defaultPrevented) {
-      const r = d(this, "drawer.denyClose", {
+      const r = c(this, "drawer.denyClose", {
         dir: this.localize.dir()
       });
-      c(this.panel, r.keyframes, r.options);
+      d(this.panel, r.keyframes, r.options);
       return;
     }
     this.hide();
@@ -232,11 +241,11 @@ let t = class extends k {
   }
   async handleOpenChange() {
     if (this.open) {
-      this.emit("cx-show"), this.addOpenListeners(), this.originalTrigger = document.activeElement, this.contained || (this.modal.activate(), y(this));
+      this.emit("cx-show"), this.addOpenListeners(), this.originalTrigger = document.activeElement, this.contained || (this.modal.activate(), m(this));
       const e = this.querySelector("[autofocus]");
       e && e.removeAttribute("autofocus"), await Promise.all([
-        h(this.drawer),
-        h(this.overlay)
+        p(this.drawer),
+        p(this.overlay)
       ]), this.drawer.hidden = !1, requestAnimationFrame(() => {
         this.emit("cx-initial-focus", {
           cancelable: !0
@@ -244,59 +253,59 @@ let t = class extends k {
           preventScroll: !0
         }) : this.panel.focus({ preventScroll: !0 })), e && e.setAttribute("autofocus", "");
       });
-      const o = d(
+      const o = c(
         this,
         `drawer.show${x(this.placement)}`,
         {
           dir: this.localize.dir()
         }
-      ), r = d(this, "drawer.overlay.show", {
+      ), r = c(this, "drawer.overlay.show", {
         dir: this.localize.dir()
       });
       await Promise.all([
-        c(this.panel, o.keyframes, o.options),
-        this.contained ? Promise.resolve() : c(
+        d(this.panel, o.keyframes, o.options),
+        this.contained ? Promise.resolve() : d(
           this.overlay,
           r.keyframes,
           r.options
         )
       ]), this.emit("cx-after-show");
     } else {
-      this.emit("cx-hide"), this.removeOpenListeners(), this.contained || (this.modal.deactivate(), u(this)), await Promise.all([
-        h(this.drawer),
-        h(this.overlay)
+      this.emit("cx-hide"), this.removeOpenListeners(), this.contained || (this.modal.deactivate(), w(this)), await Promise.all([
+        p(this.drawer),
+        p(this.overlay)
       ]);
-      const e = d(
+      const e = c(
         this,
         `drawer.hide${x(this.placement)}`,
         {
           dir: this.localize.dir()
         }
-      ), o = d(this, "drawer.overlay.hide", {
+      ), o = c(this, "drawer.overlay.hide", {
         dir: this.localize.dir()
       });
       await Promise.all([
-        (this.contained ? Promise.resolve() : c(
+        (this.contained ? Promise.resolve() : d(
           this.overlay,
           o.keyframes,
           o.options
         )).then(() => {
           this.overlay.hidden = !0;
         }),
-        c(
+        d(
           this.panel,
           e.keyframes,
           e.options
         ).then(() => {
           this.panel.hidden = !0;
         })
-      ]), this.drawer.hidden = !0, this.overlay.hidden = !1, this.panel.hidden = !1;
+      ]), this.drawer.hidden = !0, this.isClosing = !1, this.overlay.hidden = !1, this.panel.hidden = !1;
       const r = this.originalTrigger;
       typeof r?.focus == "function" && setTimeout(() => r.focus()), this.emit("cx-after-hide");
     }
   }
   handleNoModalChange() {
-    this.open && !this.contained && (this.modal.activate(), y(this)), this.open && this.contained && (this.modal.deactivate(), u(this));
+    this.open && !this.contained && (this.modal.activate(), m(this)), this.open && this.contained && (this.modal.deactivate(), w(this));
   }
   /** Shows the drawer. */
   async show() {
@@ -316,7 +325,7 @@ let t = class extends k {
   }
   render() {
     const e = this.variant === "persistent";
-    return m`
+    return y`
       <div
         part="base"
         class=${g({
@@ -326,7 +335,7 @@ let t = class extends k {
       "drawer--end": this.placement === "end",
       "drawer--fixed": !this.contained,
       "drawer--has-footer": this.hasSlotController.test("footer"),
-      "drawer--open": this.open,
+      "drawer--open": this.open || this.isClosing,
       "drawer--persistent": e,
       "drawer--rtl": this.localize.dir() === "rtl",
       "drawer--start": this.placement === "start",
@@ -353,7 +362,7 @@ let t = class extends k {
           aria-labelledby=${b(this.noHeader ? void 0 : "title")}
           tabindex="0"
         >
-          ${this.noHeader ? "" : m`
+          ${this.noHeader ? "" : y`
                 <header part="header" class="drawer__header">
                   <h2 part="title" class="drawer__title" id="title">
                     <!-- If there's no label, use an invisible character to prevent the header from collapsing -->
@@ -363,9 +372,9 @@ let t = class extends k {
                   </h2>
                   <div part="header-actions" class="drawer__header-actions">
                     <slot name="header-actions"></slot>
-                    ${S(
+                    ${A(
       !this.noCloseButton,
-      () => m`<cx-icon-button
+      () => y`<cx-icon-button
                           part="close-button"
                           exportparts="base:close-button__base"
                           class="drawer__close"
@@ -388,17 +397,20 @@ let t = class extends k {
     `;
   }
 };
-t.styles = [$, q];
-t.dependencies = { "cx-icon-button": A };
+t.styles = [k, D];
+t.dependencies = { "cx-icon-button": q };
 a([
-  w(".drawer")
+  u(".drawer")
 ], t.prototype, "drawer", 2);
 a([
-  w(".drawer__panel")
+  u(".drawer__panel")
 ], t.prototype, "panel", 2);
 a([
-  w(".drawer__overlay")
+  u(".drawer__overlay")
 ], t.prototype, "overlay", 2);
+a([
+  S()
+], t.prototype, "isClosing", 2);
 a([
   n({ reflect: !0, type: Boolean })
 ], t.prototype, "open", 2);

package/library/components/dropdown.js

@@ -1,19 +1,22 @@
-import { i as w, n as s, C as b, x, c as v } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as k } from "../chunks/component.styles.CI-v8BZa.js";
-import { s as y, a as c, g as u, b as f } from "../chunks/animation-registry.DavRkTTr.js";
-import { w as g } from "../chunks/event.mFzZi4sr.js";
-import { L as E } from "../chunks/i18n.BP2FRO1v.js";
-import { H as C } from "../chunks/slot.DJLm4Dig.js";
-import { g as m } from "../chunks/tabbable.CcMz3mIL.js";
-import { w as D } from "../chunks/watch.BCJD77bD.js";
+import { n as s, C as w } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as b } from "../chunks/component.styles.DMSLciL5.js";
+import { s as c, a as u } from "../chunks/animate.El-MpOws.js";
+import { c as x } from "../chunks/custom-element.L4WJXn1j.js";
+import { w as m } from "../chunks/event.mFzZi4sr.js";
+import { L as v } from "../chunks/i18n.DrzK7TPf.js";
+import { H as k } from "../chunks/slot.j5oheLJC.js";
+import { g as f } from "../chunks/tabbable.CcMz3mIL.js";
+import { w as E } from "../chunks/watch.q1sEjPWL.js";
+import { i as C, x as D } from "../chunks/lit-element.jLBm65_O.js";
 import { e as h } from "../chunks/query.BBf1UFkC.js";
-import { e as T } from "../chunks/class-map.CoZTSvbM.js";
-import { o as O } from "../chunks/if-defined.MfEgpxEN.js";
+import { e as T } from "../chunks/class-map.BiVq-cVR.js";
+import { o as O } from "../chunks/if-defined.BRoBj_Rp.js";
+import { s as y, g } from "../chunks/animation-registry.HmpwNuGH.js";
 import _ from "./input.js";
 import d from "./menu.js";
-import { C as L } from "../chunks/popup._w5T7x8f.js";
+import L from "./popup.js";
 import S from "./textarea.js";
-const A = w`
+const A = C`
   :host {
     display: inline-block;
     --panel-padding: 0px;
@@ -85,9 +88,9 @@ var K = Object.defineProperty, P = Object.getOwnPropertyDescriptor, n = (e, t, o
     (l = e[p]) && (r = (a ? l(t, o, r) : l(r)) || r);
   return a && r && K(t, o, r), r;
 };
-let i = class extends b {
+let i = class extends w {
   constructor() {
-    super(), this.localize = new E(this), this.hasSlotController = new C(this, "[default]"), this.open = !1, this.placement = "bottom-start", this.disabled = !1, this.stayOpenOnSelect = !1, this.distance = 0, this.skidding = 0, this.hoist = !1, this.sync = void 0, this.autoWidthFactor = 1, this.ignoredKeys = [], this.noFlip = !1, this.flipPadding = 10, this.handleKeyDown = this.handleKeyDown.bind(this), this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this), this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this), this.handlePanelSelect = this.handlePanelSelect.bind(this);
+    super(), this.localize = new v(this), this.hasSlotController = new k(this, "[default]"), this.open = !1, this.placement = "bottom-start", this.disabled = !1, this.stayOpenOnSelect = !1, this.distance = 0, this.skidding = 0, this.hoist = !1, this.sync = void 0, this.autoWidthFactor = 1, this.ignoredKeys = [], this.noFlip = !1, this.flipPadding = 10, this.handleKeyDown = this.handleKeyDown.bind(this), this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this), this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this), this.handlePanelSelect = this.handlePanelSelect.bind(this);
   }
   connectedUpdatedCallback() {
     this.containingElement ??= this, this.panel.hidden = !this.open || !this.hasSlotController.test("[default]"), this.open && (this.addOpenListeners(), this.popup.active = !0);
@@ -156,7 +159,7 @@ let i = class extends b {
     const t = this.trigger.assignedElements({
       flatten: !0
     }).find(
-      (a) => m(a).start
+      (a) => f(a).start
     );
     let o;
     if (t) {
@@ -176,7 +179,7 @@ let i = class extends b {
     const t = this.trigger.assignedElements({
       flatten: !0
     }).find(
-      (a) => m(a).start
+      (a) => f(a).start
     );
     let o;
     if (t) {
@@ -195,12 +198,12 @@ let i = class extends b {
   /** Shows the dropdown panel. */
   async show() {
     if (!this.open)
-      return this.open = !0, await this.updateComplete, g(this, "cx-after-show");
+      return this.open = !0, await this.updateComplete, m(this, "cx-after-show");
   }
   /** Hides the dropdown panel */
   async hide() {
     if (this.open)
-      return this.open = !1, g(this, "cx-after-hide");
+      return this.open = !1, m(this, "cx-after-hide");
   }
   /**
    * Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu
@@ -224,24 +227,24 @@ let i = class extends b {
     }
     if (this.updateAccessibleTrigger(), this.open && this.hasSlotController.test("[default]")) {
       this.emit("cx-show"), this.addOpenListeners(), await c(this), this.panel.hidden = !1, this.popup.active = !0;
-      const { keyframes: e, options: t } = u(this, "dropdown.show", {
+      const { keyframes: e, options: t } = g(this, "dropdown.show", {
         dir: this.localize.dir()
       });
-      await f(this.popup.popup, e, t), this.emit("cx-after-show"), this.panel.assignedElements().forEach(async (o) => {
+      await u(this.popup.popup, e, t), this.emit("cx-after-show"), this.panel.assignedElements().forEach(async (o) => {
         o instanceof d && o.variant === "multiple" && (await o.updateComplete, o.adjustMenuSize(0));
       });
     } else {
       this.emit("cx-hide"), this.removeOpenListeners(), await c(this);
-      const { keyframes: e, options: t } = u(this, "dropdown.hide", {
+      const { keyframes: e, options: t } = g(this, "dropdown.hide", {
         dir: this.localize.dir()
       });
-      await f(this.popup.popup, e, t), this.panel.hidden = !0, this.popup.active = !1, this.emit("cx-after-hide"), this.panel.assignedElements().forEach(async (o) => {
+      await u(this.popup.popup, e, t), this.panel.hidden = !0, this.popup.active = !1, this.emit("cx-after-hide"), this.panel.assignedElements().forEach(async (o) => {
         o instanceof d && o.variant === "multiple" && o.resetActiveMenu();
       });
     }
   }
   render() {
-    return x`
+    return D`
       <cx-popup
         part="base"
         exportparts="popup:base__popup"
@@ -283,7 +286,7 @@ let i = class extends b {
     `;
   }
 };
-i.styles = [k, A];
+i.styles = [b, A];
 i.dependencies = { "cx-popup": L };
 n([
   h(".dropdown")
@@ -341,10 +344,10 @@ n([
   s({ attribute: "flip-padding", type: Number })
 ], i.prototype, "flipPadding", 2);
 n([
-  D("open", { waitUntilFirstUpdate: !0 })
+  E("open", { waitUntilFirstUpdate: !0 })
 ], i.prototype, "handleOpenChange", 1);
 i = n([
-  v("cx-dropdown")
+  x("cx-dropdown")
 ], i);
 y("dropdown.show", {
   keyframes: [

package/library/components/dynamic-select.js

@@ -1,16 +1,18 @@
-import { C as m } from "../chunks/button.CtCSNRB3.js";
+import { C as m } from "../chunks/button.P71VJ5xh.js";
 import y from "./icon-button.js";
-import { C as l, a as b } from "../chunks/option.D9KJhzHs.js";
-import { C as g } from "../chunks/select.DfO4de04.js";
-import { n as o, C as $, x as h, c as x } from "../chunks/custom-element.vnXBMQxc.js";
-import { d as v } from "../chunks/popup._w5T7x8f.js";
-import { L as O } from "../chunks/i18n.BP2FRO1v.js";
-import { w as f } from "../chunks/watch.BCJD77bD.js";
-import { r as p } from "../chunks/state.Cw55xXlb.js";
+import { C as l, a as b } from "../chunks/option.D1u5-cTt.js";
+import g from "./select.js";
+import { n as o, C as $ } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as x } from "../chunks/custom-element.L4WJXn1j.js";
+import { d as v } from "../chunks/debounce.DaHuiSGU.js";
+import { L as O } from "../chunks/i18n.DrzK7TPf.js";
+import { w as f } from "../chunks/watch.q1sEjPWL.js";
+import { x as h } from "../chunks/lit-element.jLBm65_O.js";
+import { r as p } from "../chunks/state.CSDxrqLd.js";
 import { e as w } from "../chunks/query.BBf1UFkC.js";
-import { c as C } from "../chunks/repeat.CauKaXyy.js";
+import { c as C } from "../chunks/repeat.DbF2p5ae.js";
 import { n as d } from "../chunks/when.Dr1es41R.js";
-import { b as B, a as S } from "../chunks/_baseUniq.BUihBa8c.js";
+import { b as B, a as S } from "../chunks/_baseUniq.Df-fLIBx.js";
 function E(i, r) {
   return i && i.length ? B(i, S(r)) : [];
 }

package/library/components/element-clamp.js

@@ -1,14 +1,17 @@
-import { i as b, n as a, C as w, x as d, c as x } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as v } from "../chunks/component.styles.CI-v8BZa.js";
-import { d as p, a as c, g as m, b as u, c as g } from "../chunks/animation-registry.DavRkTTr.js";
-import { w as f } from "../chunks/event.mFzZi4sr.js";
-import { L as C } from "../chunks/i18n.BP2FRO1v.js";
-import { w as y } from "../chunks/watch.BCJD77bD.js";
-import { r as k } from "../chunks/state.Cw55xXlb.js";
+import { n as a, C as b } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as w } from "../chunks/component.styles.DMSLciL5.js";
+import { s as d, a as c, b as m } from "../chunks/animate.El-MpOws.js";
+import { c as x } from "../chunks/custom-element.L4WJXn1j.js";
+import { w as u } from "../chunks/event.mFzZi4sr.js";
+import { L as v } from "../chunks/i18n.DrzK7TPf.js";
+import { w as y } from "../chunks/watch.q1sEjPWL.js";
+import { i as C, x as f } from "../chunks/lit-element.jLBm65_O.js";
+import { r as k } from "../chunks/state.CSDxrqLd.js";
 import { e as E } from "../chunks/query.BBf1UFkC.js";
-import { e as H } from "../chunks/class-map.CoZTSvbM.js";
-import { C as B } from "../chunks/button.CtCSNRB3.js";
-const T = b`
+import { e as H } from "../chunks/class-map.BiVq-cVR.js";
+import { a as p, g } from "../chunks/animation-registry.HmpwNuGH.js";
+import { C as B } from "../chunks/button.P71VJ5xh.js";
+const T = C`
   :host {
     display: block;
     overflow: hidden;
@@ -69,9 +72,9 @@ var z = Object.defineProperty, O = Object.getOwnPropertyDescriptor, n = (e, t, i
     (l = e[h]) && (s = (r ? l(t, i, s) : l(s)) || s);
   return r && s && z(t, i, s), s;
 };
-let o = class extends w {
+let o = class extends b {
   constructor() {
-    super(), this.localize = new C(this), this.open = !1, this.disabled = !1, this.elements = 0, this.root = "", this.animation = !1, this.showMore = !1, this.showMoreText = "View more...", this.showLessText = "View less...", this.rerenderEvent = "", this.showButton = !1, this.handleChange = this.handleChange.bind(this);
+    super(), this.localize = new v(this), this.open = !1, this.disabled = !1, this.elements = 0, this.root = "", this.animation = !1, this.showMore = !1, this.showMoreText = "View more...", this.showLessText = "View less...", this.rerenderEvent = "", this.showButton = !1, this.handleChange = this.handleChange.bind(this);
   }
   connectedCallback() {
     super.connectedCallback(), this.resizeObserver = new ResizeObserver(() => {
@@ -132,17 +135,17 @@ let o = class extends w {
         return;
       }
       if (this.animation) {
-        await c(this.body);
-        const { keyframes: t, options: i } = m(
+        await d(this.body);
+        const { keyframes: t, options: i } = g(
           this.body,
           "element-clamp.show",
           {
             dir: this.localize.dir()
           }
         );
-        await u(
+        await c(
           this.body,
-          g(t, this.body.scrollHeight),
+          m(t, this.body.scrollHeight),
           i
         );
       }
@@ -153,17 +156,17 @@ let o = class extends w {
         return;
       }
       if (this.animation) {
-        await c(this.body);
-        const { keyframes: i, options: r } = m(
+        await d(this.body);
+        const { keyframes: i, options: r } = g(
           this.body,
           "element-clamp.hide",
           {
             dir: this.localize.dir()
           }
         );
-        await u(
+        await c(
           this.body,
-          g(i, this.body.scrollHeight),
+          m(i, this.body.scrollHeight),
           r
         );
       }
@@ -174,16 +177,16 @@ let o = class extends w {
   /** Shows the details. */
   async show() {
     if (!(this.open || this.disabled))
-      return this.open = !0, f(this, "cx-after-show");
+      return this.open = !0, u(this, "cx-after-show");
   }
   /** Hides the details */
   async hide() {
     if (!(!this.open || this.disabled))
-      return this.open = !1, f(this, "cx-after-hide");
+      return this.open = !1, u(this, "cx-after-hide");
   }
   render() {
     const e = this.localize.dir() === "rtl", t = this.open ? this.showLessText : this.showMoreText;
-    return d`
+    return f`
       <div
         part="base"
         class=${H({
@@ -195,7 +198,7 @@ let o = class extends w {
         @click=${this.showMore ? void 0 : this.handleClick}
       >
         <slot part="content" id="content" class="element-clamp__content"></slot>
-        ${this.showButton ? d`<cx-button
+        ${this.showButton ? f`<cx-button
               part="toggler"
               size="small"
               variant="text"
@@ -209,7 +212,7 @@ let o = class extends w {
     `;
   }
 };
-o.styles = [v, T];
+o.styles = [w, T];
 o.dependencies = {
   "cx-button": B
 };

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

@@ -1,37 +1,38 @@
-import { C as J } from "../chunks/file-on-demand.Cwgabdyw.js";
+import { C as K } from "../chunks/file-on-demand.B2jNilAj.js";
 import "./avatar.js";
-import "../chunks/button.CtCSNRB3.js";
-import "../chunks/dialog.B1TORO6S.js";
+import "../chunks/button.P71VJ5xh.js";
+import "../chunks/dialog.C_75RVVz.js";
 import "./divider.js";
 import "./format-bytes.js";
 import "./icon.js";
 import "./icon-button.js";
 import "./input.js";
 import "./line-clamp.js";
-import "../chunks/option.D9KJhzHs.js";
-import "./progress-bar.js";
+import "../chunks/option.D1u5-cTt.js";
 import "./relative-time.js";
-import "../chunks/select.DfO4de04.js";
+import "./select.js";
 import "./space.js";
 import "./tab.js";
-import "../chunks/tab-group.5fLnWflv.js";
+import "../chunks/tab-group.DxSlcWK0.js";
 import "./tab-panel.js";
 import "./tooltip.js";
-import "../chunks/tree.CUfvIDyA.js";
-import "../chunks/typography.BFpl0WMA.js";
-import "../chunks/custom-element.vnXBMQxc.js";
-import "../chunks/confirm-popover.D2TF1x6K.js";
-import "../chunks/popup._w5T7x8f.js";
-import "../chunks/i18n.BP2FRO1v.js";
-import "../chunks/watch.BCJD77bD.js";
+import "../chunks/tree.CNbrP8cY.js";
+import "../chunks/typography.oDzoLbZS.js";
+import "../chunks/lib-cortex-element.CVMmyPMC.js";
+import "../chunks/confirm-popover.C1uA36JR.js";
+import "../chunks/custom-element.L4WJXn1j.js";
+import "../chunks/debounce.DaHuiSGU.js";
+import "../chunks/i18n.DrzK7TPf.js";
+import "../chunks/watch.q1sEjPWL.js";
 import "../chunks/number.CjNxU7Xs.js";
-import "../chunks/string.BCk3SmdZ.js";
-import "../chunks/state.Cw55xXlb.js";
+import "../chunks/string.Cp_XNbnV.js";
+import "../chunks/url.LjsR2sB5.js";
+import "../chunks/lit-element.jLBm65_O.js";
+import "../chunks/state.CSDxrqLd.js";
 import "../chunks/query.BBf1UFkC.js";
-import "../chunks/class-map.CoZTSvbM.js";
-import "../chunks/repeat.CauKaXyy.js";
-import "../chunks/style-map.CZovMmo_.js";
+import "../chunks/class-map.BiVq-cVR.js";
+import "../chunks/repeat.DbF2p5ae.js";
 import "../chunks/when.Dr1es41R.js";
 export {
-  J as default
+  K as default
 };

package/library/components/folder-select.js

@@ -1,16 +1,18 @@
 import "./icon.js";
 import "./input.js";
-import "../chunks/select.DfO4de04.js";
-import "../chunks/tree.CUfvIDyA.js";
-import "../chunks/custom-element.vnXBMQxc.js";
-import { C } from "../chunks/folder-select.DiWCwR-T.js";
-import "../chunks/component.styles.CI-v8BZa.js";
-import "../chunks/i18n.BP2FRO1v.js";
-import "../chunks/watch.BCJD77bD.js";
-import "../chunks/endpoints.BgyupJys.js";
-import "../chunks/state.Cw55xXlb.js";
+import "./select.js";
+import "../chunks/tree.CNbrP8cY.js";
+import "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { C as c } from "../chunks/folder-select.CSEQxIXF.js";
+import "../chunks/component.styles.DMSLciL5.js";
+import "../chunks/custom-element.L4WJXn1j.js";
+import "../chunks/i18n.DrzK7TPf.js";
+import "../chunks/watch.q1sEjPWL.js";
+import "../chunks/endpoints.B7lcoc1N.js";
+import "../chunks/lit-element.jLBm65_O.js";
+import "../chunks/state.CSDxrqLd.js";
 import "../chunks/query.BBf1UFkC.js";
 import "../chunks/choose.BTbF6BAn.js";
 export {
-  C as default
+  c as default
 };

package/library/components/format-bytes.js

@@ -1,21 +1,22 @@
-import { C as u, n as p, c as h } from "../chunks/custom-element.vnXBMQxc.js";
-import { L as c } from "../chunks/i18n.BP2FRO1v.js";
-var m = Object.defineProperty, f = Object.getOwnPropertyDescriptor, l = (a, s, r, e) => {
-  for (var t = e > 1 ? void 0 : e ? f(s, r) : s, i = a.length - 1, n; i >= 0; i--)
-    (n = a[i]) && (t = (e ? n(s, r, t) : n(t)) || t);
-  return e && t && m(s, r, t), t;
+import { C as u, n as p } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as h } from "../chunks/custom-element.L4WJXn1j.js";
+import { L as m } from "../chunks/i18n.DrzK7TPf.js";
+var c = Object.defineProperty, f = Object.getOwnPropertyDescriptor, l = (a, r, s, e) => {
+  for (var t = e > 1 ? void 0 : e ? f(r, s) : r, i = a.length - 1, n; i >= 0; i--)
+    (n = a[i]) && (t = (e ? n(r, s, t) : n(t)) || t);
+  return e && t && c(r, s, t), t;
 };
 let o = class extends u {
   constructor() {
-    super(...arguments), this.localize = new c(this), this.value = 0, this.unit = "byte", this.display = "short";
+    super(...arguments), this.localize = new m(this), this.value = 0, this.unit = "byte", this.display = "short";
   }
   render() {
     if (isNaN(this.value))
       return "";
-    const a = ["", "kilo", "mega", "giga", "tera"], s = ["", "kilo", "mega", "giga", "tera", "peta"], r = this.unit === "bit" ? a : s, e = Math.max(
+    const a = ["", "kilo", "mega", "giga", "tera"], r = ["", "kilo", "mega", "giga", "tera", "peta"], s = this.unit === "bit" ? a : r, e = Math.max(
       0,
-      Math.min(Math.floor(Math.log10(this.value) / 3), r.length - 1)
-    ), t = r[e] + this.unit, i = parseFloat(
+      Math.min(Math.floor(Math.log10(this.value) / 3), s.length - 1)
+    ), t = s[e] + this.unit, i = parseFloat(
       (this.value / Math.pow(1e3, e)).toPrecision(3)
     );
     return this.localize.number(i, {