@orangelogic/design-system 2.60.0 → 2.61.0

package/library/components/radio.js

@@ -1,11 +1,13 @@
-import { i as p, b, n as r, C as f, x as v, c as g } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as m } from "../chunks/component.styles.CI-v8BZa.js";
-import { H as k } from "../chunks/slot.DJLm4Dig.js";
-import { w as h } from "../chunks/watch.BCJD77bD.js";
-import { r as u } from "../chunks/state.Cw55xXlb.js";
-import { e as n } from "../chunks/class-map.CoZTSvbM.js";
+import { n as r, C as p } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as b } from "../chunks/component.styles.DMSLciL5.js";
+import { c as f } from "../chunks/custom-element.L4WJXn1j.js";
+import { H as v } from "../chunks/slot.j5oheLJC.js";
+import { w as h } from "../chunks/watch.q1sEjPWL.js";
+import { i as g, b as m, x as k } from "../chunks/lit-element.jLBm65_O.js";
+import { r as u } from "../chunks/state.CSDxrqLd.js";
+import { e as n } from "../chunks/class-map.BiVq-cVR.js";
 import x from "./icon.js";
-const _ = p`
+const _ = g`
   :host {
     display: block;
   }
@@ -137,7 +139,7 @@ const _ = p`
     height: 100%;
     display: block;
   }
-`, y = (i) => b`
+`, y = (i) => m`
   <svg part="checked-icon svg" class="radio__icon" viewBox="0 0 16 16">
     <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
       <g fill="currentColor">
@@ -151,9 +153,9 @@ var C = Object.defineProperty, z = Object.getOwnPropertyDescriptor, o = (i, a, c
     (d = i[l]) && (t = (s ? d(a, c, t) : d(t)) || t);
   return s && t && C(a, c, t), t;
 };
-let e = class extends f {
+let e = class extends p {
   constructor() {
-    super(), this.hasSlotController = new k(this, "[default]"), this.checked = !1, this.hasFocus = !1, this.size = "medium", this.disabled = !1, this.hideIndicator = !1, this.checkedIconRadius = 4.5, this.handleBlur = this.handleBlur.bind(this), this.handleClick = this.handleClick.bind(this), this.handleFocus = this.handleFocus.bind(this), this.addEventListener("blur", this.handleBlur), this.addEventListener("click", this.handleClick), this.addEventListener("focus", this.handleFocus);
+    super(), this.hasSlotController = new v(this, "[default]"), this.checked = !1, this.hasFocus = !1, this.size = "medium", this.disabled = !1, this.hideIndicator = !1, this.checkedIconRadius = 4.5, this.handleBlur = this.handleBlur.bind(this), this.handleClick = this.handleClick.bind(this), this.handleFocus = this.handleFocus.bind(this), this.addEventListener("blur", this.handleBlur), this.addEventListener("click", this.handleClick), this.addEventListener("focus", this.handleFocus);
   }
   connectedCallback() {
     super.connectedCallback(), this.setInitialAttributes();
@@ -177,7 +179,7 @@ let e = class extends f {
     this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
   }
   render() {
-    return v`
+    return k`
       <span
         part="base"
         class=${n({
@@ -211,7 +213,7 @@ let e = class extends f {
     `;
   }
 };
-e.styles = [m, _];
+e.styles = [b, _];
 e.dependencies = { "cx-icon": x };
 o([
   u()
@@ -241,7 +243,7 @@ o([
   h("disabled", { waitUntilFirstUpdate: !0 })
 ], e.prototype, "handleDisabledChange", 1);
 e = o([
-  g("cx-radio")
+  f("cx-radio")
 ], e);
 export {
   e as default

package/library/components/range.js

@@ -1,25 +1,27 @@
 import R from "./resize-observer.js";
-import { x as M, i as I, n as u, C as P, c as F } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as U } from "../chunks/component.styles.CI-v8BZa.js";
-import { f as O } from "../chunks/form-control.styles.NE2Q-quE.js";
-import { d as $ } from "../chunks/popup._w5T7x8f.js";
-import { d as N } from "../chunks/default-value.CIKAvD5l.js";
+import { n as u, C as I } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as P } from "../chunks/component.styles.DMSLciL5.js";
+import { f as F } from "../chunks/form-control.styles.CUGhvlfT.js";
+import { c as U } from "../chunks/custom-element.L4WJXn1j.js";
+import { d as $ } from "../chunks/debounce.DaHuiSGU.js";
+import { d as O } from "../chunks/default-value.COZopaet.js";
 import { d as w } from "../chunks/drag.DXEXVXPv.js";
-import { F as A } from "../chunks/form.B8u0ywni.js";
-import { L as S } from "../chunks/i18n.BP2FRO1v.js";
+import { F as N } from "../chunks/form.CO12-VK0.js";
+import { L as S } from "../chunks/i18n.DrzK7TPf.js";
 import { c as d } from "../chunks/math.DqTA6ya4.js";
-import { H as B } from "../chunks/slot.DJLm4Dig.js";
-import { w as v } from "../chunks/watch.BCJD77bD.js";
-import { r as g } from "../chunks/state.Cw55xXlb.js";
+import { H as A } from "../chunks/slot.j5oheLJC.js";
+import { w as v } from "../chunks/watch.q1sEjPWL.js";
+import { x as M, i as B } from "../chunks/lit-element.jLBm65_O.js";
+import { r as g } from "../chunks/state.CSDxrqLd.js";
 import { t as E } from "../chunks/event-options.CYHYGOd8.js";
 import { e as c } from "../chunks/query.BBf1UFkC.js";
-import { e as p } from "../chunks/class-map.CoZTSvbM.js";
-import { o as k } from "../chunks/if-defined.MfEgpxEN.js";
-import { l as W } from "../chunks/live.LdB9xEhp.js";
-import { o as f } from "../chunks/style-map.CZovMmo_.js";
+import { e as p } from "../chunks/class-map.BiVq-cVR.js";
+import { o as k } from "../chunks/if-defined.BRoBj_Rp.js";
+import { l as W } from "../chunks/live.SCz6M8Gs.js";
+import { o as f } from "../chunks/style-map.llVFPd__.js";
 import H from "./tooltip.js";
-import { e as K, n as j } from "../chunks/ref.BaCjlzLO.js";
-import { c as q } from "../chunks/repeat.CauKaXyy.js";
+import { e as K, n as j } from "../chunks/ref.bzeTdX0K.js";
+import { c as q } from "../chunks/repeat.DbF2p5ae.js";
 function X({
   edgeMode: t = "center",
   maxOffset: e,
@@ -241,7 +243,7 @@ class L {
 lt([
   $(100)
 ], L.prototype, "handleResize");
-const ot = I`
+const ot = B`
   :host {
     --thumb-color: #fff;
     --thumb-size: 20px;
@@ -560,9 +562,9 @@ var ht = Object.defineProperty, ut = Object.getOwnPropertyDescriptor, l = (t, e,
     (o = t[n]) && (r = (a ? o(e, i, r) : o(r)) || r);
   return a && r && ht(e, i, r), r;
 };
-let s = class extends P {
+let s = class extends I {
   constructor() {
-    super(), this.formControlController = new A(this), this.hasSlotController = new B(
+    super(), this.formControlController = new N(this), this.hasSlotController = new A(
       this,
       "help-text",
       "label",
@@ -1282,8 +1284,8 @@ let s = class extends P {
   }
 };
 s.styles = [
-  U,
-  O,
+  P,
+  F,
   ot
 ];
 s.dependencies = {
@@ -1438,7 +1440,7 @@ l([
   g()
 ], s.prototype, "marks", 2);
 l([
-  N()
+  O()
 ], s.prototype, "defaultValue", 2);
 l([
   v(["min", "max", "step"])
@@ -1465,7 +1467,7 @@ l([
   v("_multiValue", { waitUntilFirstUpdate: !0 })
 ], s.prototype, "handleMultiValueChange", 1);
 s = l([
-  F("cx-range")
+  U("cx-range")
 ], s);
 export {
   s as default

package/library/components/rating.js

@@ -1,17 +1,19 @@
-import { i as g, n as l, C as y, x as c, c as b } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as f } from "../chunks/component.styles.CI-v8BZa.js";
-import { L as _ } from "../chunks/i18n.BP2FRO1v.js";
-import { c as x } from "../chunks/math.DqTA6ya4.js";
-import { w as p } from "../chunks/watch.BCJD77bD.js";
-import { r as v } from "../chunks/state.Cw55xXlb.js";
+import { n as l, C as g } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as y } from "../chunks/component.styles.DMSLciL5.js";
+import { c as b } from "../chunks/custom-element.L4WJXn1j.js";
+import { L as f } from "../chunks/i18n.DrzK7TPf.js";
+import { c as _ } from "../chunks/math.DqTA6ya4.js";
+import { w as p } from "../chunks/watch.q1sEjPWL.js";
+import { i as x, x as c } from "../chunks/lit-element.jLBm65_O.js";
+import { r as v } from "../chunks/state.CSDxrqLd.js";
 import { t as $ } from "../chunks/event-options.CYHYGOd8.js";
 import { e as V } from "../chunks/query.BBf1UFkC.js";
-import { e as u } from "../chunks/class-map.CoZTSvbM.js";
-import { c as w } from "../chunks/repeat.CauKaXyy.js";
-import { o as m } from "../chunks/style-map.CZovMmo_.js";
-import { o as d } from "../chunks/unsafe-html.DyO9_Rsq.js";
+import { e as u } from "../chunks/class-map.BiVq-cVR.js";
+import { c as w } from "../chunks/repeat.DbF2p5ae.js";
+import { o as m } from "../chunks/style-map.llVFPd__.js";
+import { o as d } from "../chunks/unsafe-html.Dff7-rCx.js";
 import M from "./icon.js";
-const H = g`
+const H = x`
   :host {
     --symbol-color: var(--cx-color-neutral-300);
     --symbol-color-active: var(--cx-color-warning-500);
@@ -148,9 +150,9 @@ var C = Object.defineProperty, P = Object.getOwnPropertyDescriptor, a = (e, o, i
     (h = e[n]) && (t = (s ? h(o, i, t) : h(t)) || t);
   return s && t && C(o, i, t), t;
 };
-let r = class extends y {
+let r = class extends g {
   constructor() {
-    super(...arguments), this.localize = new _(this), this.hoverValue = 0, this.isHovering = !1, this.label = "", this.value = 0, this.max = 5, this.precision = 1, this.readonly = !1, this.disabled = !1, this.variant = "default", this.getSymbol = (e, o = !1) => this.variant !== "outlined" ? '<cx-icon name="star"></cx-icon>' : o ? '<cx-icon name="star" variant="filled"></cx-icon>' : '<cx-icon name="star"></cx-icon>';
+    super(...arguments), this.localize = new f(this), this.hoverValue = 0, this.isHovering = !1, this.label = "", this.value = 0, this.max = 5, this.precision = 1, this.readonly = !1, this.disabled = !1, this.variant = "default", this.getSymbol = (e, o = !1) => this.variant !== "outlined" ? '<cx-icon name="star"></cx-icon>' : o ? '<cx-icon name="star" variant="filled"></cx-icon>' : '<cx-icon name="star"></cx-icon>';
   }
   getValueFromMousePosition(e) {
     return this.getValueFromXCoordinate(e.clientX);
@@ -166,7 +168,7 @@ let r = class extends y {
       (e - i) / t * this.max,
       this.precision
     );
-    return x(n, 0, this.max);
+    return _(n, 0, this.max);
   }
   handleClick(e) {
     this.disabled || (this.setValue(this.getValueFromMousePosition(e)), this.emit("cx-change"));
@@ -309,7 +311,7 @@ let r = class extends y {
     `;
   }
 };
-r.styles = [f, H];
+r.styles = [y, H];
 r.dependencies = { "cx-icon": M };
 a([
   V(".rating")

package/library/components/relative-time.js

@@ -1,8 +1,10 @@
-import { i as h, n as l, C as v, x as p, c as d } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as y } from "../chunks/component.styles.CI-v8BZa.js";
-import { L as f } from "../chunks/i18n.BP2FRO1v.js";
-import { r as c } from "../chunks/state.Cw55xXlb.js";
-const T = h`
+import { n as l, C as h } 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 { L as d } from "../chunks/i18n.DrzK7TPf.js";
+import { i as f, x as y } from "../chunks/lit-element.jLBm65_O.js";
+import { r as c } from "../chunks/state.CSDxrqLd.js";
+const T = f`
   :host {
     display: contents;
   }
@@ -14,8 +16,8 @@ const T = h`
   }
 `;
 var x = Object.defineProperty, w = Object.getOwnPropertyDescriptor, a = (o, t, i, s) => {
-  for (var n = s > 1 ? void 0 : s ? w(t, i) : t, r = o.length - 1, m; r >= 0; r--)
-    (m = o[r]) && (n = (s ? m(t, i, n) : m(n)) || n);
+  for (var n = s > 1 ? void 0 : s ? w(t, i) : t, r = o.length - 1, u; r >= 0; r--)
+    (u = o[r]) && (n = (s ? u(t, i, n) : u(n)) || n);
   return s && n && x(t, i, n), n;
 };
 const I = [
@@ -33,9 +35,9 @@ const I = [
   // max 11 months
   { max: 1 / 0, unit: "year", value: 31536e6 }
 ];
-let e = class extends v {
+let e = class extends h {
   constructor() {
-    super(...arguments), this.localize = new f(this), this.isoTime = "", this.relativeTime = "", this.date = /* @__PURE__ */ new Date(), this.format = "long", this.numeric = "auto", this.sync = !1, this.syncInterval = -1;
+    super(...arguments), this.localize = new d(this), this.isoTime = "", this.relativeTime = "", this.date = /* @__PURE__ */ new Date(), this.format = "long", this.numeric = "auto", this.sync = !1, this.syncInterval = -1;
   }
   connectedCallback() {
     super.connectedCallback(), this.sync && this.syncInterval > 0 && (this.updateTimeout = window.setTimeout(
@@ -60,13 +62,13 @@ let e = class extends v {
         numeric: this.numeric,
         style: this.format
       }
-    ), this.updateTimeout && clearTimeout(this.updateTimeout), this.updateTimeout = null, this.sync && (this.syncInterval < 0 && (s === "minute" ? this.syncInterval = u("second") : s === "hour" ? this.syncInterval = u("minute") : s === "day" ? this.syncInterval = u("hour") : this.syncInterval = u("day")), this.updateTimeout = window.setTimeout(
+    ), this.updateTimeout && clearTimeout(this.updateTimeout), this.updateTimeout = null, this.sync && (this.syncInterval < 0 && (s === "minute" ? this.syncInterval = m("second") : s === "hour" ? this.syncInterval = m("minute") : s === "day" ? this.syncInterval = m("hour") : this.syncInterval = m("day")), this.updateTimeout = window.setTimeout(
       () => this.requestUpdate(),
       this.syncInterval
-    )), p`<time class="relative-time" datetime=${this.isoTime}>${this.relativeTime}</time>`;
+    )), y`<time class="relative-time" datetime=${this.isoTime}>${this.relativeTime}</time>`;
   }
 };
-e.styles = [y, T];
+e.styles = [p, T];
 a([
   c()
 ], e.prototype, "isoTime", 2);
@@ -89,9 +91,9 @@ a([
   l({ attribute: "sync-interval", reflect: !0, type: Number })
 ], e.prototype, "syncInterval", 2);
 e = a([
-  d("cx-relative-time")
+  v("cx-relative-time")
 ], e);
-function u(o) {
+function m(o) {
   const i = { day: 864e5, hour: 36e5, minute: 6e4, second: 1e3 }[o];
   return i - Date.now() % i;
 }

package/library/components/resize-observer.js

@@ -1,17 +1,19 @@
-import { i as h, n as c, C as d, x as b, c as v } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as p } from "../chunks/component.styles.CI-v8BZa.js";
-import { w as f } from "../chunks/watch.BCJD77bD.js";
-const m = h`
+import { n as h, C as c } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as d } from "../chunks/component.styles.DMSLciL5.js";
+import { c as b } from "../chunks/custom-element.L4WJXn1j.js";
+import { w as p } from "../chunks/watch.q1sEjPWL.js";
+import { i as v, x as m } from "../chunks/lit-element.jLBm65_O.js";
+const f = v`
   :host {
     display: contents;
   }
 `;
-var u = Object.defineProperty, O = Object.getOwnPropertyDescriptor, n = (s, r, e, l) => {
-  for (var t = l > 1 ? void 0 : l ? O(r, e) : r, o = s.length - 1, a; o >= 0; o--)
-    (a = s[o]) && (t = (l ? a(r, e, t) : a(t)) || t);
-  return l && t && u(r, e, t), t;
+var u = Object.defineProperty, O = Object.getOwnPropertyDescriptor, n = (s, r, e, i) => {
+  for (var t = i > 1 ? void 0 : i ? O(r, e) : r, l = s.length - 1, a; l >= 0; l--)
+    (a = s[l]) && (t = (i ? a(r, e, t) : a(t)) || t);
+  return i && t && u(r, e, t), t;
 };
-let i = class extends d {
+let o = class extends c {
   constructor() {
     super(...arguments), this.observedElements = [], this.disabled = !1;
   }
@@ -46,19 +48,19 @@ let i = class extends d {
     this.disabled ? this.stopObserver() : this.startObserver();
   }
   render() {
-    return b` <slot @slotchange=${this.handleSlotChange}></slot> `;
+    return m` <slot @slotchange=${this.handleSlotChange}></slot> `;
   }
 };
-i.styles = [p, m];
+o.styles = [d, f];
 n([
-  c({ reflect: !0, type: Boolean })
-], i.prototype, "disabled", 2);
+  h({ reflect: !0, type: Boolean })
+], o.prototype, "disabled", 2);
 n([
-  f("disabled", { waitUntilFirstUpdate: !0 })
-], i.prototype, "handleDisabledChange", 1);
-i = n([
-  v("cx-resize-observer")
-], i);
+  p("disabled", { waitUntilFirstUpdate: !0 })
+], o.prototype, "handleDisabledChange", 1);
+o = n([
+  b("cx-resize-observer")
+], o);
 export {
-  i as default
+  o as default
 };