@orangelogic/design-system 2.60.0 → 2.61.0

package/library/components/shadow-input-group.js

@@ -1,17 +1,19 @@
 import u from "./input.js";
 import l from "./input-group.js";
 import m from "./space.js";
-import { i as h, n as x, C as d, x as c, c as f } from "../chunks/custom-element.vnXBMQxc.js";
-import g from "./bicolor-picker.js";
-import { c as v } from "../chunks/component.styles.CI-v8BZa.js";
-import { c as b } from "../chunks/repeat.CauKaXyy.js";
-const $ = h``;
+import { n as h, C as x } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import f from "./bicolor-picker.js";
+import { c as d } from "../chunks/component.styles.DMSLciL5.js";
+import { c as g } from "../chunks/custom-element.L4WJXn1j.js";
+import { i as v, x as c } from "../chunks/lit-element.jLBm65_O.js";
+import { c as b } from "../chunks/repeat.DbF2p5ae.js";
+const $ = v``;
 var C = Object.defineProperty, w = Object.getOwnPropertyDescriptor, p = (r, e, o, t) => {
-  for (var a = t > 1 ? void 0 : t ? w(e, o) : e, n = r.length - 1, i; n >= 0; n--)
-    (i = r[n]) && (a = (t ? i(e, o, a) : i(a)) || a);
+  for (var a = t > 1 ? void 0 : t ? w(e, o) : e, n = r.length - 1, s; n >= 0; n--)
+    (s = r[n]) && (a = (t ? s(e, o, a) : s(a)) || a);
   return t && a && C(e, o, a), a;
 };
-let s = class extends d {
+let i = class extends x {
   constructor() {
     super(...arguments), this.value = [
       "0",
@@ -83,15 +85,15 @@ let s = class extends d {
     </cx-space>`;
   }
 };
-s.styles = [v, $];
-s.dependencies = {
-  "cx-bi-color-picker": g,
+i.styles = [d, $];
+i.dependencies = {
+  "cx-bi-color-picker": f,
   "cx-input": u,
   "cx-input-group": l,
   "cx-space": m
 };
 p([
-  x({
+  h({
     converter: {
       fromAttribute: (r) => {
         const e = (r ?? "").split(" ");
@@ -108,10 +110,10 @@ p([
     },
     type: String
   })
-], s.prototype, "value", 2);
-s = p([
-  f("cx-shadow-input-group")
-], s);
+], i.prototype, "value", 2);
+i = p([
+  g("cx-shadow-input-group")
+], i);
 export {
-  s as default
+  i as default
 };

package/library/components/share-option-list.js

@@ -1,22 +1,24 @@
 import _ from "./icon.js";
 import I from "./resize-observer.js";
-import { i as P, n as h, C, x as g, c as w } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as z } from "../chunks/component.styles.CI-v8BZa.js";
-import { e as O } from "../chunks/animation-registry.DavRkTTr.js";
-import { L as E } from "../chunks/i18n.BP2FRO1v.js";
+import { n as h, C as P } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as C } from "../chunks/component.styles.DMSLciL5.js";
+import { c as O } from "../chunks/animate.El-MpOws.js";
+import { c as w } from "../chunks/custom-element.L4WJXn1j.js";
+import { L as E } from "../chunks/i18n.DrzK7TPf.js";
 import { c as b } from "../chunks/math.DqTA6ya4.js";
-import { w as m } from "../chunks/watch.BCJD77bD.js";
-import { c as x } from "../chunks/dom.C0OFx7ND.js";
-import { r as v } from "../chunks/state.Cw55xXlb.js";
+import { w as m } from "../chunks/watch.q1sEjPWL.js";
+import { c as x } from "../chunks/dom.CZrJ64Dm.js";
+import { i as z, x as g } from "../chunks/lit-element.jLBm65_O.js";
+import { r as v } from "../chunks/state.CSDxrqLd.js";
 import { t as L } from "../chunks/event-options.CYHYGOd8.js";
 import { e as S } from "../chunks/query.BBf1UFkC.js";
-import { e as u } from "../chunks/class-map.CoZTSvbM.js";
-import { c as M } from "../chunks/repeat.CauKaXyy.js";
-import { o as k } from "../chunks/style-map.CZovMmo_.js";
+import { e as u } from "../chunks/class-map.BiVq-cVR.js";
+import { c as M } from "../chunks/repeat.DbF2p5ae.js";
+import { o as k } from "../chunks/style-map.llVFPd__.js";
 import { n as $ } from "../chunks/when.Dr1es41R.js";
 import T from "./tooltip.js";
-import { C as A } from "../chunks/typography.BFpl0WMA.js";
-import { H as R } from "../chunks/slot.DJLm4Dig.js";
+import { C as A } from "../chunks/typography.oDzoLbZS.js";
+import { H as R } from "../chunks/slot.j5oheLJC.js";
 const N = (e, t) => {
   let i = 0;
   return function(...s) {
@@ -66,7 +68,7 @@ if (!U) {
     }
   );
 }
-const D = P`
+const D = z`
   :host {
     display: block;
   }
@@ -114,7 +116,7 @@ var B = Object.defineProperty, j = Object.getOwnPropertyDescriptor, p = (e, t, i
     (r = e[n]) && (o = (s ? r(t, i, o) : r(o)) || o);
   return s && o && B(t, i, o), o;
 };
-let d = class extends C {
+let d = class extends P {
   constructor() {
     super(...arguments), this.hasSlotController = new R(this, "[default]"), this.disabled = !1, this.icon = "", this.tooltip = "", this.selected = !1, this.value = "", this.processedIcon = "";
   }
@@ -163,7 +165,7 @@ let d = class extends C {
     </div>`;
   }
 };
-d.styles = [z, D];
+d.styles = [C, D];
 d.dependencies = {
   "cx-icon": _,
   "cx-tooltip": T,
@@ -193,7 +195,7 @@ p([
 d = p([
   w("cx-share-option-list-item")
 ], d);
-const V = P`
+const V = z`
   :host {
     --border: none;
     --border-radius: var(--cx-border-radius-small);
@@ -365,7 +367,7 @@ var G = Object.defineProperty, H = Object.getOwnPropertyDescriptor, a = (e, t, i
     (r = e[n]) && (o = (s ? r(t, i, o) : r(o)) || o);
   return s && o && G(t, i, o), o;
 };
-let l = class extends C {
+let l = class extends P {
   constructor() {
     super(...arguments), this.data = [], this.navigation = void 0, this.orientation = "horizontal", this.slidesPerPage = 1, this.slidesPerMove = 1, this.selectedItem = "", this.currentSlide = 0, this.activeSlide = 0, this.scrolling = !1, this.calculatedSlidesPerPage = 0, this.localize = new E(this), this.pendingSlideChange = !1, this.slideObserver = null, this.slidesCache = null, this.handleSlotChange = (e) => {
       this.invalidateSlidesCache(), e.some(
@@ -696,7 +698,7 @@ let l = class extends C {
     `;
   }
 };
-l.styles = [z, V];
+l.styles = [C, V];
 l.dependencies = {
   "cx-icon": _,
   "cx-resize-observer": I,

package/library/components/sidebar.js

@@ -2,15 +2,17 @@ import b from "./divider.js";
 import v from "./icon.js";
 import u from "./icon-button.js";
 import _ from "./resize-observer.js";
-import { i as m, n, C as f, E as h, x as l, c as x } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as y } from "../chunks/component.styles.CI-v8BZa.js";
-import { d as C } from "../chunks/drag.DXEXVXPv.js";
-import { H as z } from "../chunks/slot.DJLm4Dig.js";
-import { w as g } from "../chunks/watch.BCJD77bD.js";
-import { r as w } from "../chunks/state.Cw55xXlb.js";
+import { n, C as m } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as f } from "../chunks/component.styles.DMSLciL5.js";
+import { c as x } from "../chunks/custom-element.L4WJXn1j.js";
+import { d as y } from "../chunks/drag.DXEXVXPv.js";
+import { H as C } from "../chunks/slot.j5oheLJC.js";
+import { w as g } from "../chunks/watch.q1sEjPWL.js";
+import { i as z, E as h, x as l } from "../chunks/lit-element.jLBm65_O.js";
+import { r as w } from "../chunks/state.CSDxrqLd.js";
 import { e as $ } from "../chunks/query.BBf1UFkC.js";
-import { e as p } from "../chunks/class-map.CoZTSvbM.js";
-const k = m`
+import { e as p } from "../chunks/class-map.BiVq-cVR.js";
+const k = z`
   /* Host styles */
   :host {
     display: block;
@@ -182,9 +184,9 @@ var S = Object.defineProperty, D = Object.getOwnPropertyDescriptor, r = (e, o, t
     (c = e[d]) && (s = (a ? c(o, t, s) : c(s)) || s);
   return a && s && S(o, t, s), s;
 };
-let i = class extends f {
+let i = class extends m {
   constructor() {
-    super(), this.side = "left", this.open = !1, this.collapsible = !1, this.resizable = !1, this.state = "idle", this.hasSlotController = new z(this, "header"), this.handleSizeChange = this.handleSizeChange.bind(this);
+    super(), this.side = "left", this.open = !1, this.collapsible = !1, this.resizable = !1, this.state = "idle", this.hasSlotController = new C(this, "header"), this.handleSizeChange = this.handleSizeChange.bind(this);
   }
   handleStateChange() {
     this.state === "dragging" ? document.body.style.cursor = "col-resize" : document.body.style.cursor = "";
@@ -196,7 +198,7 @@ let i = class extends f {
     super.connectedCallback(), this.slot === "left" ? this.side = "left" : this.slot === "right" && (this.side = "right"), this.collapsible || (this.open = !0);
   }
   handleDrag(e) {
-    this.resizable && (e.cancelable && e.preventDefault(), this.state = "dragging", C(this, {
+    this.resizable && (e.cancelable && e.preventDefault(), this.state = "dragging", y(this, {
       initialEvent: e,
       onMove: (o) => {
         let t = o;
@@ -283,7 +285,7 @@ let i = class extends f {
     </div>`;
   }
 };
-i.styles = [y, k];
+i.styles = [f, k];
 i.dependencies = {
   "cx-divider": b,
   "cx-icon": v,

package/library/components/size-input-group.js

@@ -1,18 +1,20 @@
-import f from "./icon-button.js";
+import x from "./icon-button.js";
 import d from "./input.js";
-import { C as g } from "../chunks/select.DfO4de04.js";
+import g from "./select.js";
 import v from "./space.js";
 import k from "./tooltip.js";
-import { i as P, n as r, C as $, x as h, c as b } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as _ } from "../chunks/component.styles.CI-v8BZa.js";
-import { d as y } from "../chunks/default-value.CIKAvD5l.js";
-import { L as V } from "../chunks/i18n.BP2FRO1v.js";
-import { w } from "../chunks/watch.BCJD77bD.js";
-import { r as c } from "../chunks/state.Cw55xXlb.js";
+import { n as u, C as P } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as $ } from "../chunks/component.styles.DMSLciL5.js";
+import { c as b } from "../chunks/custom-element.L4WJXn1j.js";
+import { d as _ } from "../chunks/default-value.COZopaet.js";
+import { L as y } from "../chunks/i18n.DrzK7TPf.js";
+import { w as V } from "../chunks/watch.q1sEjPWL.js";
+import { i as w, x as h } from "../chunks/lit-element.jLBm65_O.js";
+import { r as c } from "../chunks/state.CSDxrqLd.js";
 import { e as m } from "../chunks/query.BBf1UFkC.js";
-import { n as x } from "../chunks/when.Dr1es41R.js";
+import { n as f } from "../chunks/when.Dr1es41R.js";
 var i = /* @__PURE__ */ ((t) => (t.Percentage = "percentage", t.Pixel = "pixel", t))(i || {});
-const z = P`
+const z = w`
   :host {
     display: block;
     width: 100%;
@@ -23,14 +25,14 @@ const z = P`
     flex: 1;
   }
 `;
-var C = Object.defineProperty, R = Object.getOwnPropertyDescriptor, s = (t, e, u, n) => {
-  for (var l = n > 1 ? void 0 : n ? R(e, u) : e, o = t.length - 1, p; o >= 0; o--)
-    (p = t[o]) && (l = (n ? p(e, u, l) : p(l)) || l);
-  return n && l && C(e, u, l), l;
+var C = Object.defineProperty, R = Object.getOwnPropertyDescriptor, s = (t, e, r, n) => {
+  for (var l = n > 1 ? void 0 : n ? R(e, r) : e, o = t.length - 1, p; o >= 0; o--)
+    (p = t[o]) && (l = (n ? p(e, r, l) : p(l)) || l);
+  return n && l && C(e, r, l), l;
 };
-let a = class extends $ {
+let a = class extends P {
   constructor() {
-    super(...arguments), this.localize = new V(this), this.value = ["100%", "100%"], this.defaultPixelValue = ["0px", "0px"], this.keepRatio = !1, this.canSetUnit = !1, this.canSetAspectRatio = !1, this.useMask = !1, this.unit = i.Percentage, this.defaultUnit = i.Percentage, this.fallbackValue = ["100%", ""], this.name = "", this.defaultValue = ["100%", ""];
+    super(...arguments), this.localize = new y(this), this.value = ["100%", "100%"], this.defaultPixelValue = ["0px", "0px"], this.keepRatio = !1, this.canSetUnit = !1, this.canSetAspectRatio = !1, this.useMask = !1, this.unit = i.Percentage, this.defaultUnit = i.Percentage, this.fallbackValue = ["100%", ""], this.name = "", this.defaultValue = ["100%", ""];
   }
   get mask() {
     return this.useMask ? this.unit === i.Pixel ? "numpx" : "num%" : "num";
@@ -43,15 +45,15 @@ let a = class extends $ {
   }
   handleWidthInput(t) {
     t.stopPropagation();
-    const e = t.target, u = [...this.value], n = e.value, l = !Number.isNaN(parseFloat(n));
+    const e = t.target, r = [...this.value], n = e.value, l = !Number.isNaN(parseFloat(n));
     let o = "";
-    this.useMask ? o = l ? n : "0" : this.unit === i.Percentage ? o = l ? `${n}%` : "0%" : o = l ? `${n}px` : "0px", u[0] = o, this.keepRatio && this.unit === i.Pixel && (u[1] = (parseFloat(o) / this.defaultAspectRatio).toFixed(0) + "px", this.heightInput.requestUpdate()), this.value = u, this.emit("cx-change");
+    this.useMask ? o = l ? n : "0" : this.unit === i.Percentage ? o = l ? `${n}%` : "0%" : o = l ? `${n}px` : "0px", r[0] = o, this.keepRatio && this.unit === i.Pixel && (r[1] = (parseFloat(o) / this.defaultAspectRatio).toFixed(0) + "px", this.heightInput.requestUpdate()), this.value = r, this.emit("cx-change");
   }
   handleHeightInput(t) {
     t.stopPropagation();
-    const e = t.target, u = [...this.value], n = e.value, l = !Number.isNaN(parseFloat(n));
+    const e = t.target, r = [...this.value], n = e.value, l = !Number.isNaN(parseFloat(n));
     let o = "";
-    this.useMask ? o = l ? n : "0" : this.unit === i.Percentage ? o = l ? `${n}%` : "0%" : o = l ? `${n}px` : "0px", u[1] = o, this.keepRatio && this.unit === i.Pixel && (u[0] = (parseFloat(o) * this.defaultAspectRatio).toFixed(0) + "px", this.widthInput.requestUpdate()), this.value = u, this.emit("cx-change");
+    this.useMask ? o = l ? n : "0" : this.unit === i.Percentage ? o = l ? `${n}%` : "0%" : o = l ? `${n}px` : "0px", r[1] = o, this.keepRatio && this.unit === i.Pixel && (r[0] = (parseFloat(o) * this.defaultAspectRatio).toFixed(0) + "px", this.widthInput.requestUpdate()), this.value = r, this.emit("cx-change");
   }
   handleUnitChange(t) {
     t.stopPropagation();
@@ -93,7 +95,7 @@ let a = class extends $ {
         @cx-change=${this.handleInputChange}
         @cx-input=${this.handleWidthInput}
       ></cx-input>
-      ${x(
+      ${f(
       this.unit === i.Pixel && this.canSetAspectRatio,
       () => h`
           <cx-icon-button
@@ -129,7 +131,7 @@ let a = class extends $ {
           @cx-input=${this.handleHeightInput}
         ></cx-input>
       </cx-tooltip>
-      ${x(
+      ${f(
       this.canSetUnit,
       () => h`
           <cx-select
@@ -148,9 +150,9 @@ let a = class extends $ {
     </cx-space>`;
   }
 };
-a.styles = [_, z];
+a.styles = [$, z];
 a.dependencies = {
-  "cx-icon-button": f,
+  "cx-icon-button": x,
   "cx-input": d,
   "cx-select": g,
   "cx-space": v,
@@ -166,7 +168,7 @@ s([
   m(".size-input-group__unit")
 ], a.prototype, "unitSelect", 2);
 s([
-  r({
+  u({
     converter: {
       fromAttribute: (t) => {
         const e = (t ?? "").split(" ");
@@ -178,7 +180,7 @@ s([
   })
 ], a.prototype, "value", 2);
 s([
-  r({
+  u({
     attribute: "default-pixel-value",
     converter: {
       fromAttribute: (t) => {
@@ -192,16 +194,16 @@ s([
   })
 ], a.prototype, "defaultPixelValue", 2);
 s([
-  r({ attribute: "keep-ratio", reflect: !0, type: Boolean })
+  u({ attribute: "keep-ratio", reflect: !0, type: Boolean })
 ], a.prototype, "keepRatio", 2);
 s([
-  r({ attribute: "can-set-unit", reflect: !0, type: Boolean })
+  u({ attribute: "can-set-unit", reflect: !0, type: Boolean })
 ], a.prototype, "canSetUnit", 2);
 s([
-  r({ attribute: "can-set-aspect-ratio", reflect: !0, type: Boolean })
+  u({ attribute: "can-set-aspect-ratio", reflect: !0, type: Boolean })
 ], a.prototype, "canSetAspectRatio", 2);
 s([
-  r({ attribute: "use-mask", reflect: !0, type: Boolean })
+  u({ attribute: "use-mask", reflect: !0, type: Boolean })
 ], a.prototype, "useMask", 2);
 s([
   c()
@@ -213,13 +215,13 @@ s([
   c()
 ], a.prototype, "fallbackValue", 2);
 s([
-  r()
+  u()
 ], a.prototype, "name", 2);
 s([
-  y()
+  _()
 ], a.prototype, "defaultValue", 2);
 s([
-  w("value")
+  V("value")
 ], a.prototype, "handleValueChange", 1);
 a = s([
   b("cx-size-input-group")

package/library/components/skeleton.js

@@ -1,7 +1,9 @@
-import { i as c, n as d, C as p, x as u, c as f } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as v } from "../chunks/component.styles.CI-v8BZa.js";
-import { e as h } from "../chunks/class-map.CoZTSvbM.js";
-const m = c`
+import { n as c, C as d } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as p } from "../chunks/component.styles.DMSLciL5.js";
+import { c as u } from "../chunks/custom-element.L4WJXn1j.js";
+import { i as f, x as m } from "../chunks/lit-element.jLBm65_O.js";
+import { e as v } from "../chunks/class-map.BiVq-cVR.js";
+const h = f`
   :host {
     --border-radius: var(--cx-border-radius-pill);
     --color: var(--cx-color-neutral-200);
@@ -73,15 +75,15 @@ var k = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, l = (a, o, s
     (i = a[n]) && (e = (r ? i(o, s, e) : i(e)) || e);
   return r && e && k(o, s, e), e;
 };
-let t = class extends p {
+let t = class extends d {
   constructor() {
     super(...arguments), this.effect = "none";
   }
   render() {
-    return u`
+    return m`
       <div
         part="base"
-        class=${h({
+        class=${v({
       skeleton: !0,
       "skeleton--pulse": this.effect === "pulse",
       "skeleton--sheen": this.effect === "sheen"
@@ -92,12 +94,12 @@ let t = class extends p {
     `;
   }
 };
-t.styles = [v, m];
+t.styles = [p, h];
 l([
-  d()
+  c()
 ], t.prototype, "effect", 2);
 t = l([
-  f("cx-skeleton")
+  u("cx-skeleton")
 ], t);
 export {
   t as default

package/library/components/space.js

@@ -1,6 +1,8 @@
-import { i as g, n as a, C as l, x as f, c as m } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as h } from "../chunks/component.styles.CI-v8BZa.js";
-const u = g`
+import { n as a, C as g } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as l } from "../chunks/component.styles.DMSLciL5.js";
+import { c as m } from "../chunks/custom-element.L4WJXn1j.js";
+import { i as f, x as h } from "../chunks/lit-element.jLBm65_O.js";
+const u = f`
   :host {
     display: flex;
     flex-direction: var(--spacing-container-direction, horizontal);
@@ -138,20 +140,20 @@ const u = g`
     width: 100%;
   }
 `;
-var y = Object.defineProperty, x = Object.getOwnPropertyDescriptor, e = (p, i, c, s) => {
-  for (var n = s > 1 ? void 0 : s ? x(i, c) : i, r = p.length - 1, o; r >= 0; r--)
-    (o = p[r]) && (n = (s ? o(i, c, n) : o(n)) || n);
-  return s && n && y(i, c, n), n;
+var y = Object.defineProperty, x = Object.getOwnPropertyDescriptor, e = (p, i, r, s) => {
+  for (var n = s > 1 ? void 0 : s ? x(i, r) : i, c = p.length - 1, o; c >= 0; c--)
+    (o = p[c]) && (n = (s ? o(i, r, n) : o(n)) || n);
+  return s && n && y(i, r, n), n;
 };
-let t = class extends l {
+let t = class extends g {
   constructor() {
     super(...arguments), this.block = !1, this.direction = "horizontal", this.spacing = "medium", this.wrap = "wrap", this.justifyContent = "normal", this.alignItems = "normal";
   }
   render() {
-    return f`<slot part="base"></slot>`;
+    return h`<slot part="base"></slot>`;
   }
 };
-t.styles = [h, u];
+t.styles = [l, u];
 e([
   a({ reflect: !0, type: Boolean })
 ], t.prototype, "block", 2);

package/library/components/spinner.js

@@ -1,7 +1,9 @@
-import { i as c, C as l, x as m, c as p } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as d } from "../chunks/component.styles.CI-v8BZa.js";
-import { L as h } from "../chunks/i18n.BP2FRO1v.js";
-const f = c`
+import { C as c } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as l } from "../chunks/component.styles.DMSLciL5.js";
+import { c as m } from "../chunks/custom-element.L4WJXn1j.js";
+import { L as p } from "../chunks/i18n.DrzK7TPf.js";
+import { i as d, x as h } from "../chunks/lit-element.jLBm65_O.js";
+const f = d`
   :host {
     --track-width: 2px;
     --track-color: rgb(128 128 128 / 25%);
@@ -61,17 +63,17 @@ const f = c`
     }
   }
 `;
-var g = Object.getOwnPropertyDescriptor, k = (t, s, o, i) => {
-  for (var r = i > 1 ? void 0 : i ? g(s, o) : s, e = t.length - 1, n; e >= 0; e--)
-    (n = t[e]) && (r = n(r) || r);
+var g = Object.getOwnPropertyDescriptor, k = (a, s, n, o) => {
+  for (var r = o > 1 ? void 0 : o ? g(s, n) : s, e = a.length - 1, i; e >= 0; e--)
+    (i = a[e]) && (r = i(r) || r);
   return r;
 };
-let a = class extends l {
+let t = class extends c {
   constructor() {
-    super(...arguments), this.localize = new h(this);
+    super(...arguments), this.localize = new p(this);
   }
   render() {
-    return m`
+    return h`
       <svg
         part="base"
         class="spinner"
@@ -84,10 +86,10 @@ let a = class extends l {
     `;
   }
 };
-a.styles = [d, f];
-a = k([
-  p("cx-spinner")
-], a);
+t.styles = [l, f];
+t = k([
+  m("cx-spinner")
+], t);
 export {
-  a as default
+  t as default
 };

package/library/components/split-panel.js

@@ -1,12 +1,14 @@
-import { i as v, n, C as u, x as m, c as g } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as f } from "../chunks/component.styles.CI-v8BZa.js";
-import { d as y } from "../chunks/drag.DXEXVXPv.js";
-import { L as x } from "../chunks/i18n.BP2FRO1v.js";
+import { n, C as v } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as m } from "../chunks/component.styles.DMSLciL5.js";
+import { c as u } from "../chunks/custom-element.L4WJXn1j.js";
+import { d as g } from "../chunks/drag.DXEXVXPv.js";
+import { L as f } from "../chunks/i18n.DrzK7TPf.js";
 import { c as p } from "../chunks/math.DqTA6ya4.js";
-import { w as c } from "../chunks/watch.BCJD77bD.js";
+import { w as c } from "../chunks/watch.q1sEjPWL.js";
+import { i as y, x } from "../chunks/lit-element.jLBm65_O.js";
 import { e as b } from "../chunks/query.BBf1UFkC.js";
-import { o as w } from "../chunks/if-defined.MfEgpxEN.js";
-const P = v`
+import { o as w } from "../chunks/if-defined.BRoBj_Rp.js";
+const P = y`
   :host {
     --divider-color: var(--cx-panel-border-color);
     --divider-color-hover: var(--cx-color-neutral-300);
@@ -99,9 +101,9 @@ var z = Object.defineProperty, C = Object.getOwnPropertyDescriptor, s = (i, t, o
     (l = i[h]) && (e = (a ? l(t, o, e) : l(e)) || e);
   return a && e && z(t, o, e), e;
 };
-let r = class extends u {
+let r = class extends v {
   constructor() {
-    super(...arguments), this.localize = new x(this), this.position = 50, this.vertical = !1, this.disabled = !1, this.state = "idle", this.snapThreshold = 12;
+    super(...arguments), this.localize = new f(this), this.position = 50, this.vertical = !1, this.disabled = !1, this.state = "idle", this.snapThreshold = 12;
   }
   runFirstUpdated() {
     this.detectSize(), this.cachedPositionInPixels = this.percentageToPixels(this.position);
@@ -126,7 +128,7 @@ let r = class extends u {
   }
   handleDrag(i) {
     const t = this.localize.dir() === "rtl";
-    this.disabled || (i.cancelable && i.preventDefault(), this.state = "dragging", y(this, {
+    this.disabled || (i.cancelable && i.preventDefault(), this.state = "dragging", g(this, {
       initialEvent: i,
       onMove: (o, a) => {
         let e = this.vertical ? a : o;
@@ -191,7 +193,7 @@ let r = class extends u {
         calc(100% - var(--divider-width))
       )
     `, e = "auto";
-    return this.primary === "end" ? o && !this.vertical ? this.style[i] = `${a} var(--divider-width) ${e}` : this.style[i] = `${e} var(--divider-width) ${a}` : o && !this.vertical ? this.style[i] = `${e} var(--divider-width) ${a}` : this.style[i] = `${a} var(--divider-width) ${e}`, this.style[t] = "", m`
+    return this.primary === "end" ? o && !this.vertical ? this.style[i] = `${a} var(--divider-width) ${e}` : this.style[i] = `${e} var(--divider-width) ${a}` : o && !this.vertical ? this.style[i] = `${e} var(--divider-width) ${a}` : this.style[i] = `${a} var(--divider-width) ${e}`, this.style[t] = "", x`
       <slot name="start" part="panel start" class="start"></slot>
 
       <div
@@ -214,7 +216,7 @@ let r = class extends u {
     `;
   }
 };
-r.styles = [f, P];
+r.styles = [m, P];
 s([
   b(".divider")
 ], r.prototype, "divider", 2);
@@ -255,7 +257,7 @@ s([
   c("vertical")
 ], r.prototype, "handleVerticalChange", 1);
 r = s([
-  g("cx-split-panel")
+  u("cx-split-panel")
 ], r);
 export {
   r as default

package/library/components/step.js

@@ -1,14 +1,16 @@
-import { i as _, n as r, C as x, x as o, c as u } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as h } from "../chunks/component.styles.CI-v8BZa.js";
-import { e as m } from "../chunks/query.BBf1UFkC.js";
-import { e as v } from "../chunks/class-map.CoZTSvbM.js";
-import { o as g } from "../chunks/style-map.CZovMmo_.js";
+import { n as r, C as _ } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as x } from "../chunks/component.styles.DMSLciL5.js";
+import { c as u } from "../chunks/custom-element.L4WJXn1j.js";
+import { i as m, x as o } from "../chunks/lit-element.jLBm65_O.js";
+import { e as h } from "../chunks/query.BBf1UFkC.js";
+import { e as v } from "../chunks/class-map.BiVq-cVR.js";
+import { o as f } from "../chunks/style-map.llVFPd__.js";
 import { n as l } from "../chunks/when.Dr1es41R.js";
-import f from "./icon.js";
+import g from "./icon.js";
 import b from "./line-clamp.js";
 import y from "./progress-bar.js";
 import w from "./tooltip.js";
-const $ = _`
+const $ = m`
   :host {
     --color: var(--color);
 
@@ -221,12 +223,12 @@ const $ = _`
     flex: 1;
   }
 `;
-var S = Object.defineProperty, C = Object.getOwnPropertyDescriptor, t = (d, i, a, c) => {
-  for (var s = c > 1 ? void 0 : c ? C(i, a) : i, p = d.length - 1, n; p >= 0; p--)
-    (n = d[p]) && (s = (c ? n(i, a, s) : n(s)) || s);
-  return c && s && S(i, a, s), s;
+var S = Object.defineProperty, C = Object.getOwnPropertyDescriptor, t = (d, i, p, c) => {
+  for (var s = c > 1 ? void 0 : c ? C(i, p) : i, a = d.length - 1, n; a >= 0; a--)
+    (n = d[a]) && (s = (c ? n(i, p, s) : n(s)) || s);
+  return c && s && S(i, p, s), s;
 };
-let e = class extends x {
+let e = class extends _ {
   constructor() {
     super(), this.active = !1, this.completed = !1, this.disabled = !1, this.readonly = !1, this.error = !1, this.index = 0, this.last = !1, this.helpText = "", this.progress = 0, this.color = "var(--cx-color-primary)", this.round = !1, this.description = "", this.renderDefaultStep = this.renderDefaultStep.bind(this), this.renderRoundStep = this.renderRoundStep.bind(this);
   }
@@ -276,7 +278,7 @@ let e = class extends x {
         hoist
       >
         <div
-          style=${g({
+          style=${f({
       "--color": this.color
     })}
         >
@@ -306,15 +308,15 @@ let e = class extends x {
     `;
   }
 };
-e.styles = [h, $];
+e.styles = [x, $];
 e.dependencies = {
-  "cx-icon": f,
+  "cx-icon": g,
   "cx-line-clamp": b,
   "cx-progress-bar": y,
   "cx-tooltip": w
 };
 t([
-  m('div[part="base"]')
+  h('div[part="base"]')
 ], e.prototype, "step", 2);
 t([
   r({ reflect: !0, type: Boolean })