@orangelogic/design-system 2.60.0 → 2.61.0

package/library/components/confirm-popover.js

@@ -1,13 +1,15 @@
-import "../chunks/button.CtCSNRB3.js";
-import "../chunks/dialog.B1TORO6S.js";
+import "../chunks/button.P71VJ5xh.js";
+import "../chunks/dialog.C_75RVVz.js";
 import "./dropdown.js";
-import "../chunks/typography.BFpl0WMA.js";
-import "../chunks/custom-element.vnXBMQxc.js";
-import "../chunks/component.styles.CI-v8BZa.js";
-import { C as s } from "../chunks/confirm-popover.D2TF1x6K.js";
-import "../chunks/i18n.BP2FRO1v.js";
+import "../chunks/typography.oDzoLbZS.js";
+import "../chunks/lib-cortex-element.CVMmyPMC.js";
+import "../chunks/component.styles.DMSLciL5.js";
+import { C as x } from "../chunks/confirm-popover.C1uA36JR.js";
+import "../chunks/custom-element.L4WJXn1j.js";
+import "../chunks/i18n.DrzK7TPf.js";
+import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/query.BBf1UFkC.js";
-import "../chunks/class-map.CoZTSvbM.js";
+import "../chunks/class-map.BiVq-cVR.js";
 export {
-  s as default
+  x as default
 };

package/library/components/copy-button.js

@@ -1,16 +1,18 @@
-import { i as y, n as r, C as m, x as b, c as f } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as g } from "../chunks/component.styles.CI-v8BZa.js";
-import { L as x } from "../chunks/i18n.BP2FRO1v.js";
-import { H as v } from "../chunks/slot.DJLm4Dig.js";
-import { w as _ } from "../chunks/watch.BCJD77bD.js";
-import { r as u } from "../chunks/state.Cw55xXlb.js";
+import { n as r, C as y } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as m } from "../chunks/component.styles.DMSLciL5.js";
+import { c as f } from "../chunks/custom-element.L4WJXn1j.js";
+import { L as g } from "../chunks/i18n.DrzK7TPf.js";
+import { H as x } from "../chunks/slot.j5oheLJC.js";
+import { w as v } from "../chunks/watch.q1sEjPWL.js";
+import { i as _, x as b } from "../chunks/lit-element.jLBm65_O.js";
+import { r as u } from "../chunks/state.CSDxrqLd.js";
 import { e as p } from "../chunks/query.BBf1UFkC.js";
-import { e as w } from "../chunks/class-map.CoZTSvbM.js";
+import { e as w } from "../chunks/class-map.BiVq-cVR.js";
 import { n as C } from "../chunks/when.Dr1es41R.js";
-import { s as d, g as h } from "../chunks/animation-registry.DavRkTTr.js";
+import { s as d, g as h } from "../chunks/animation-registry.HmpwNuGH.js";
 import z from "./icon.js";
 import k from "./tooltip.js";
-const I = y`
+const I = _`
   :host {
     --error-color: var(--cx-color-danger);
     --success-color: var(--cx-color-success);
@@ -212,9 +214,9 @@ var L = Object.defineProperty, S = Object.getOwnPropertyDescriptor, o = (e, a, c
     (l = e[s]) && (i = (n ? l(a, c, i) : l(i)) || i);
   return n && i && L(a, c, i), i;
 };
-let t = class extends m {
+let t = class extends y {
   constructor() {
-    super(...arguments), this.localize = new x(this), this.hasSlotController = new v(this, "[default]"), this.hasFocus = !1, this.isCopying = !1, this.status = "rest", this.value = "", this.size = "medium", this.from = "", this.disabled = !1, this.label = "", this.copyLabel = "", this.focusCopyLabel = "", this.successLabel = "", this.errorLabel = "", this.feedbackDuration = 1e3, this.tooltipPlacement = "top", this.tooltipDistance = 8, this.hoist = !1, this.getValue = void 0, this.noIcon = !1, this.writeToClipboard = async (e) => {
+    super(...arguments), this.localize = new g(this), this.hasSlotController = new x(this, "[default]"), this.hasFocus = !1, this.isCopying = !1, this.status = "rest", this.value = "", this.size = "medium", this.from = "", this.disabled = !1, this.label = "", this.copyLabel = "", this.focusCopyLabel = "", this.successLabel = "", this.errorLabel = "", this.feedbackDuration = 1e3, this.tooltipPlacement = "top", this.tooltipDistance = 8, this.hoist = !1, this.getValue = void 0, this.noIcon = !1, this.writeToClipboard = async (e) => {
       await navigator.clipboard.writeText(e);
     };
   }
@@ -346,7 +348,7 @@ let t = class extends m {
     `;
   }
 };
-t.styles = [g, I];
+t.styles = [m, I];
 t.dependencies = {
   "cx-icon": z,
   "cx-tooltip": k
@@ -424,7 +426,7 @@ o([
   r({ attribute: "write-to-clipboard", type: Function })
 ], t.prototype, "writeToClipboard", 2);
 o([
-  _("hasFocus", { waitUntilFirstUpdate: !0 })
+  v("hasFocus", { waitUntilFirstUpdate: !0 })
 ], t.prototype, "handleHasFocusChange", 1);
 t = o([
   f("cx-copy-button")

package/library/components/corner-position-input-group.js

@@ -1,12 +1,14 @@
 import u from "./input.js";
-import { C as h } from "../chunks/option.D9KJhzHs.js";
-import { C as m } from "../chunks/select.DfO4de04.js";
+import { C as h } from "../chunks/option.D1u5-cTt.js";
+import m from "./select.js";
 import x from "./space.js";
-import { i as g, n as l, C, x as d, c as _ } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as v } from "../chunks/component.styles.CI-v8BZa.js";
+import { n as l, C as g } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as C } from "../chunks/component.styles.DMSLciL5.js";
 import { C as o } from "../chunks/index.Cpamj0jB.js";
-import { L as y } from "../chunks/i18n.BP2FRO1v.js";
-const $ = g`
+import { c as d } from "../chunks/custom-element.L4WJXn1j.js";
+import { L as _ } from "../chunks/i18n.DrzK7TPf.js";
+import { i as v, x as y } from "../chunks/lit-element.jLBm65_O.js";
+const $ = v`
   :host {
     display: block;
     width: 100%;
@@ -36,9 +38,9 @@ const p = {
     }
   }
 };
-let s = class extends C {
+let s = class extends g {
   constructor() {
-    super(...arguments), this.localize = new y(this), this.position = o.TopLeft, this.offsetX = "0px", this.offsetY = "0px";
+    super(...arguments), this.localize = new _(this), this.position = o.TopLeft, this.offsetX = "0px", this.offsetY = "0px";
   }
   get offsetXKey() {
     return this.position === o.TopLeft || this.position === o.BottomLeft ? "left" : "right";
@@ -77,7 +79,7 @@ let s = class extends C {
     });
   }
   render() {
-    return d`<cx-space
+    return y`<cx-space
       class="corner-position-input-group"
       direction="vertical"
     >
@@ -120,7 +122,7 @@ let s = class extends C {
     </cx-space>`;
   }
 };
-s.styles = [v, $];
+s.styles = [C, $];
 s.dependencies = {
   "cx-input": u,
   "cx-option": h,
@@ -137,7 +139,7 @@ r([
   l({ attribute: "offset-y", reflect: !0, type: String })
 ], s.prototype, "offsetY", 2);
 s = r([
-  _("cx-corner-position-input-group")
+  d("cx-corner-position-input-group")
 ], s);
 export {
   s as default

package/library/components/cortex-element.d.ts

@@ -0,0 +1,3 @@
+export * from '../packages/base/src/cortex-element'
+import _default from '../packages/base/src/cortex-element'
+export default _default

package/library/components/cortex-element.js

@@ -0,0 +1,5 @@
+import { C as a, C as o } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+export {
+  a as CortexElement,
+  o as default
+};

package/library/components/cropper.js

@@ -1,10 +1,12 @@
-import "../chunks/custom-element.vnXBMQxc.js";
-import "../chunks/component.styles.CI-v8BZa.js";
+import "../chunks/lib-cortex-element.CVMmyPMC.js";
+import "../chunks/component.styles.DMSLciL5.js";
 import "../chunks/asset-link-format.BSRDqHg7.js";
-import "../chunks/state.Cw55xXlb.js";
+import "../chunks/custom-element.L4WJXn1j.js";
+import "../chunks/lit-element.jLBm65_O.js";
+import "../chunks/state.CSDxrqLd.js";
 import "../chunks/query.BBf1UFkC.js";
 import "../chunks/when.Dr1es41R.js";
-import { C as f } from "../chunks/cropper.aA0v16xS.js";
+import { C as l } from "../chunks/cropper.BraEEykE.js";
 export {
-  f as default
+  l as default
 };

package/library/components/details.js

@@ -1,13 +1,16 @@
-import { i as b, n as c, C as v, x, c as g } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as _ } from "../chunks/component.styles.CI-v8BZa.js";
-import { s as y, a as h, g as p, b as u, c as m } from "../chunks/animation-registry.DavRkTTr.js";
-import { w as f } from "../chunks/event.mFzZi4sr.js";
-import { L as w } from "../chunks/i18n.BP2FRO1v.js";
-import { w as k } from "../chunks/watch.BCJD77bD.js";
+import { n as c, C as b } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as v } from "../chunks/component.styles.DMSLciL5.js";
+import { s as h, a as p, 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 g } from "../chunks/i18n.DrzK7TPf.js";
+import { w as _ } from "../chunks/watch.q1sEjPWL.js";
+import { i as w, x as k } from "../chunks/lit-element.jLBm65_O.js";
 import { e as l } from "../chunks/query.BBf1UFkC.js";
-import { e as C } from "../chunks/class-map.CoZTSvbM.js";
+import { e as C } from "../chunks/class-map.BiVq-cVR.js";
+import { s as y, g as f } from "../chunks/animation-registry.HmpwNuGH.js";
 import D from "./icon.js";
-const O = b`
+const O = w`
   :host {
     display: block;
     --details-background-color: inherit;
@@ -121,9 +124,9 @@ var $ = Object.defineProperty, z = Object.getOwnPropertyDescriptor, i = (e, a, s
     (n = e[d]) && (o = (r ? n(a, s, o) : n(o)) || o);
   return r && o && $(a, s, o), o;
 };
-let t = class extends v {
+let t = class extends b {
   constructor() {
-    super(...arguments), this.localize = new w(this), this.open = !1, this.disabled = !1;
+    super(...arguments), this.localize = new g(this), this.open = !1, this.disabled = !1;
   }
   runFirstUpdated() {
     this.body.style.height = this.open ? "auto" : "0", this.open && (this.details.open = !0);
@@ -150,10 +153,10 @@ let t = class extends v {
         return;
       }
       await h(this.body);
-      const { keyframes: a, options: s } = p(this, "details.show", {
+      const { keyframes: a, options: s } = f(this, "details.show", {
         dir: this.localize.dir()
       });
-      await u(
+      await p(
         this.body,
         m(a, this.body.scrollHeight),
         s
@@ -164,10 +167,10 @@ let t = class extends v {
         return;
       }
       await h(this.body);
-      const { keyframes: a, options: s } = p(this, "details.hide", {
+      const { keyframes: a, options: s } = f(this, "details.hide", {
         dir: this.localize.dir()
       });
-      await u(
+      await p(
         this.body,
         m(a, this.body.scrollHeight),
         s
@@ -177,16 +180,16 @@ let t = class extends v {
   /** 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";
-    return x`
+    return k`
       <details
         part="base"
         class=${C({
@@ -231,7 +234,7 @@ let t = class extends v {
     `;
   }
 };
-t.styles = [_, O];
+t.styles = [v, O];
 t.dependencies = {
   "cx-icon": D
 };
@@ -257,10 +260,10 @@ i([
   c({ reflect: !0, type: Boolean })
 ], t.prototype, "disabled", 2);
 i([
-  k("open", { waitUntilFirstUpdate: !0 })
+  _("open", { waitUntilFirstUpdate: !0 })
 ], t.prototype, "handleOpenChange", 1);
 t = i([
-  g("cx-details")
+  x("cx-details")
 ], t);
 y("details.show", {
   keyframes: [

package/library/components/dialog.js

@@ -1,23 +1,26 @@
-import "../chunks/custom-element.vnXBMQxc.js";
-import "../chunks/component.styles.CI-v8BZa.js";
-import "../chunks/overlayscrollbars.aFuRG5Rs.js";
-import { C as n } from "../chunks/dialog.B1TORO6S.js";
-import "../chunks/animation-registry.DavRkTTr.js";
+import "../chunks/lib-cortex-element.CVMmyPMC.js";
+import "../chunks/component.styles.DMSLciL5.js";
+import "../chunks/overlayscrollbars.XhGWx9Zk.js";
+import { C as w } from "../chunks/dialog.C_75RVVz.js";
+import "../chunks/animate.El-MpOws.js";
+import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/event.mFzZi4sr.js";
-import "../chunks/i18n.BP2FRO1v.js";
-import "../chunks/modal.BqNLxgs1.js";
-import "../chunks/scroll.DwPiX2Ox.js";
-import "../chunks/slot.DJLm4Dig.js";
-import "../chunks/watch.BCJD77bD.js";
-import "../chunks/state.Cw55xXlb.js";
+import "../chunks/i18n.DrzK7TPf.js";
+import "../chunks/modal.U1QltQKe.js";
+import "../chunks/scroll.xtO5yojm.js";
+import "../chunks/slot.j5oheLJC.js";
+import "../chunks/watch.q1sEjPWL.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/if-defined.MfEgpxEN.js";
-import "../chunks/style-map.CZovMmo_.js";
+import "../chunks/class-map.BiVq-cVR.js";
+import "../chunks/if-defined.BRoBj_Rp.js";
+import "../chunks/style-map.llVFPd__.js";
 import "../chunks/when.Dr1es41R.js";
+import "../chunks/animation-registry.HmpwNuGH.js";
 import "./divider.js";
 import "./icon-button.js";
-import "../chunks/popup._w5T7x8f.js";
+import "./popup.js";
 export {
-  n as default
+  w as default
 };

package/library/components/divider.js

@@ -1,8 +1,10 @@
-import { i as d, n as c, C as p, x as v, c as h } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as b } from "../chunks/component.styles.CI-v8BZa.js";
-import { w as g } from "../chunks/watch.BCJD77bD.js";
-import { n as u } from "../chunks/when.Dr1es41R.js";
-const f = d`
+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 v } from "../chunks/custom-element.L4WJXn1j.js";
+import { w as h } from "../chunks/watch.q1sEjPWL.js";
+import { i as b, x as g } from "../chunks/lit-element.jLBm65_O.js";
+import { n as f } from "../chunks/when.Dr1es41R.js";
+const u = b`
   :host {
     --color: var(--cx-panel-border-color);
     --label-color: var(--cx-color-neutral-600);
@@ -70,7 +72,7 @@ var m = Object.defineProperty, y = Object.getOwnPropertyDescriptor, r = (a, l, i
     (n = a[s]) && (e = (o ? n(l, i, e) : n(e)) || e);
   return o && e && m(l, i, e), e;
 };
-let t = class extends p {
+let t = class extends d {
   constructor() {
     super(...arguments), this.vertical = !1, this.label = "", this.usePadding = !1;
   }
@@ -85,13 +87,13 @@ let t = class extends p {
   }
   render() {
     const a = !this.vertical && this.label.length > 0;
-    return u(
+    return f(
       a,
-      () => v`<span class="divider__label">${this.label}</span>`
+      () => g`<span class="divider__label">${this.label}</span>`
     );
   }
 };
-t.styles = [b, f];
+t.styles = [p, u];
 r([
   c({ reflect: !0, type: Boolean })
 ], t.prototype, "vertical", 2);
@@ -102,10 +104,10 @@ r([
   c({ attribute: "use-padding", reflect: !0, type: Boolean })
 ], t.prototype, "usePadding", 2);
 r([
-  g("vertical")
+  h("vertical")
 ], t.prototype, "handleVerticalChange", 1);
 t = r([
-  h("cx-divider")
+  v("cx-divider")
 ], t);
 export {
   t as default

package/library/components/dot-pagination.js

@@ -1,17 +1,19 @@
-import "../chunks/custom-element.vnXBMQxc.js";
-import "../chunks/component.styles.CI-v8BZa.js";
+import "../chunks/lib-cortex-element.CVMmyPMC.js";
+import "../chunks/component.styles.DMSLciL5.js";
 import "../chunks/index.Cpamj0jB.js";
-import "../chunks/i18n.BP2FRO1v.js";
-import "../chunks/watch.BCJD77bD.js";
-import "../chunks/state.Cw55xXlb.js";
+import "../chunks/custom-element.L4WJXn1j.js";
+import "../chunks/i18n.DrzK7TPf.js";
+import "../chunks/watch.q1sEjPWL.js";
+import "../chunks/lit-element.jLBm65_O.js";
+import "../chunks/state.CSDxrqLd.js";
 import "../chunks/query.BBf1UFkC.js";
 import "../chunks/query-all.i3PyvTUQ.js";
-import "../chunks/class-map.CoZTSvbM.js";
-import "../chunks/if-defined.MfEgpxEN.js";
+import "../chunks/class-map.BiVq-cVR.js";
+import "../chunks/if-defined.BRoBj_Rp.js";
 import "../chunks/map.D8heArFD.js";
 import "../chunks/when.Dr1es41R.js";
 import "./tooltip.js";
-import { C as b } from "../chunks/dot-pagination.8f2oX_ge.js";
+import { C as g } from "../chunks/dot-pagination.CoCIJsHC.js";
 export {
-  b as default
+  g as default
 };

package/library/components/dot-status.js

@@ -1,8 +1,10 @@
-import { i as p, n as l, C as m, x as h, c as f } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as v } from "../chunks/component.styles.CI-v8BZa.js";
-import { e as x } from "../chunks/class-map.CoZTSvbM.js";
+import { n as l, C as p } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as m } from "../chunks/component.styles.DMSLciL5.js";
+import { c as h } from "../chunks/custom-element.L4WJXn1j.js";
+import { i as f, x as v } from "../chunks/lit-element.jLBm65_O.js";
+import { e as x } from "../chunks/class-map.BiVq-cVR.js";
 var n = /* @__PURE__ */ ((s) => (s.Busy = "busy", s.Error = "error", s.Idle = "idle", s.Success = "success", s))(n || {}), d = /* @__PURE__ */ ((s) => (s.Large = "large", s.Medium = "medium", s.Small = "small", s))(d || {});
-const y = p`
+const y = f`
   :host {
     display: inline-flex;
     align-items: center;
@@ -70,7 +72,7 @@ var b = Object.defineProperty, z = Object.getOwnPropertyDescriptor, r = (s, o, i
     (u = s[c]) && (t = (a ? u(o, i, t) : u(t)) || t);
   return a && t && b(o, i, t), t;
 };
-let e = class extends m {
+let e = class extends p {
   constructor() {
     super(...arguments), this.status = n.Idle, this.size = d.Medium, this.pulse = !1, this.label = "";
   }
@@ -81,7 +83,7 @@ let e = class extends m {
   }
   render() {
     const s = this.label || this.status;
-    return h`
+    return v`
       <span
         part="base"
         role="status"
@@ -95,7 +97,7 @@ let e = class extends m {
     `;
   }
 };
-e.styles = [v, y];
+e.styles = [m, y];
 e.dependencies = {};
 r([
   l({ reflect: !0, type: String })
@@ -110,7 +112,7 @@ r([
   l({ reflect: !0 })
 ], e.prototype, "label", 2);
 e = r([
-  f("cx-dot-status")
+  h("cx-dot-status")
 ], e);
 export {
   e as default