@orangelogic/design-system 2.60.0 → 2.61.0

package/library/components/format-date.js

@@ -1,18 +1,20 @@
-import { C as h, x as d, n as o, c as u } from "../chunks/custom-element.vnXBMQxc.js";
-import { L as y } from "../chunks/i18n.BP2FRO1v.js";
-var v = Object.defineProperty, c = Object.getOwnPropertyDescriptor, e = (i, a, n, s) => {
-  for (var r = s > 1 ? void 0 : s ? c(a, n) : a, m = i.length - 1, p; m >= 0; m--)
-    (p = i[m]) && (r = (s ? p(a, n, r) : p(r)) || r);
-  return s && r && v(a, n, r), r;
+import { C as h, n as o } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as d } from "../chunks/custom-element.L4WJXn1j.js";
+import { L as u } from "../chunks/i18n.DrzK7TPf.js";
+import { x as y } from "../chunks/lit-element.jLBm65_O.js";
+var v = Object.defineProperty, c = Object.getOwnPropertyDescriptor, e = (i, a, m, s) => {
+  for (var r = s > 1 ? void 0 : s ? c(a, m) : a, n = i.length - 1, p; n >= 0; n--)
+    (p = i[n]) && (r = (s ? p(a, m, r) : p(r)) || r);
+  return s && r && v(a, m, r), r;
 };
 let t = class extends h {
   constructor() {
-    super(...arguments), this.localize = new y(this), this.date = /* @__PURE__ */ new Date(), this.hourFormat = "auto";
+    super(...arguments), this.localize = new u(this), this.date = /* @__PURE__ */ new Date(), this.hourFormat = "auto";
   }
   render() {
     const i = new Date(this.date), a = this.hourFormat === "auto" ? void 0 : this.hourFormat === "12";
     if (!isNaN(i.getMilliseconds()))
-      return d`
+      return y`
       <time datetime=${i.toISOString()}>
         ${this.localize.date(i, {
         day: this.day ?? void 0,
@@ -68,7 +70,7 @@ e([
   o({ attribute: "hour-format" })
 ], t.prototype, "hourFormat", 2);
 t = e([
-  u("cx-format-date")
+  d("cx-format-date")
 ], t);
 export {
   t as default

package/library/components/format-number.js

@@ -1,9 +1,10 @@
-import { C as p, n as e, c } from "../chunks/custom-element.vnXBMQxc.js";
-import { L as g } from "../chunks/i18n.BP2FRO1v.js";
+import { C as p, n as r } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c } from "../chunks/custom-element.L4WJXn1j.js";
+import { L as g } from "../chunks/i18n.DrzK7TPf.js";
 var y = Object.defineProperty, l = Object.getOwnPropertyDescriptor, t = (a, m, s, n) => {
-  for (var r = n > 1 ? void 0 : n ? l(m, s) : m, u = a.length - 1, o; u >= 0; u--)
-    (o = a[u]) && (r = (n ? o(m, s, r) : o(r)) || r);
-  return n && r && y(m, s, r), r;
+  for (var e = n > 1 ? void 0 : n ? l(m, s) : m, u = a.length - 1, o; u >= 0; u--)
+    (o = a[u]) && (e = (n ? o(m, s, e) : o(e)) || e);
+  return n && e && y(m, s, e), e;
 };
 let i = class extends p {
   constructor() {
@@ -24,34 +25,34 @@ let i = class extends p {
   }
 };
 t([
-  e({ type: Number })
+  r({ type: Number })
 ], i.prototype, "value", 2);
 t([
-  e()
+  r()
 ], i.prototype, "type", 2);
 t([
-  e({ attribute: "no-grouping", type: Boolean })
+  r({ attribute: "no-grouping", type: Boolean })
 ], i.prototype, "noGrouping", 2);
 t([
-  e()
+  r()
 ], i.prototype, "currency", 2);
 t([
-  e({ attribute: "currency-display" })
+  r({ attribute: "currency-display" })
 ], i.prototype, "currencyDisplay", 2);
 t([
-  e({ attribute: "minimum-integer-digits", type: Number })
+  r({ attribute: "minimum-integer-digits", type: Number })
 ], i.prototype, "minimumIntegerDigits", 2);
 t([
-  e({ attribute: "minimum-fraction-digits", type: Number })
+  r({ attribute: "minimum-fraction-digits", type: Number })
 ], i.prototype, "minimumFractionDigits", 2);
 t([
-  e({ attribute: "maximum-fraction-digits", type: Number })
+  r({ attribute: "maximum-fraction-digits", type: Number })
 ], i.prototype, "maximumFractionDigits", 2);
 t([
-  e({ attribute: "minimum-significant-digits", type: Number })
+  r({ attribute: "minimum-significant-digits", type: Number })
 ], i.prototype, "minimumSignificantDigits", 2);
 t([
-  e({ attribute: "maximum-significant-digits", type: Number })
+  r({ attribute: "maximum-significant-digits", type: Number })
 ], i.prototype, "maximumSignificantDigits", 2);
 i = t([
   c("cx-format-number")

package/library/components/format-time.js

@@ -1,11 +1,120 @@
-import "../chunks/custom-element.vnXBMQxc.js";
-import "../chunks/component.styles.CI-v8BZa.js";
-import { C as u, f as e, t as f } from "../chunks/format-time.BW6-ZWCX.js";
-import "../chunks/i18n.BP2FRO1v.js";
-import "../chunks/watch.BCJD77bD.js";
-import "../chunks/state.Cw55xXlb.js";
+import { n as l, C as h } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as y } from "../chunks/component.styles.DMSLciL5.js";
+import { U as r, D as u, L as D, F as d, g as S, f as F, c as U, a as g, S as _ } from "../chunks/time.D_uFZqqe.js";
+import { c as b } from "../chunks/custom-element.L4WJXn1j.js";
+import { L as N } from "../chunks/i18n.DrzK7TPf.js";
+import { w as m } from "../chunks/watch.q1sEjPWL.js";
+import { i as L, x as f } from "../chunks/lit-element.jLBm65_O.js";
+import { r as M } from "../chunks/state.CSDxrqLd.js";
+const T = L`
+  :host {
+    display: contents;
+  }
+    
+  .format-time {
+    color: var(--cx-format-time-color, inherit);
+    font-size: var(--cx-format-time-font-size, inherit);
+    font-weight: var(--cx-format-time-font-weight, inherit);
+  }
+`;
+var w = Object.defineProperty, P = Object.getOwnPropertyDescriptor, n = (t, e, s, a) => {
+  for (var o = a > 1 ? void 0 : a ? P(e, s) : e, p = t.length - 1, c; p >= 0; p--)
+    (c = t[p]) && (o = (a ? c(e, s, o) : c(o)) || o);
+  return a && o && w(e, s, o), o;
+};
+function O(t) {
+  if (t === null || t === "")
+    return null;
+  const e = Number(t);
+  return Number.isFinite(e) ? e : null;
+}
+function A(t) {
+  return t == null ? null : String(t);
+}
+const v = r.DayHourMinute, I = u.Long, x = /* @__PURE__ */ new Set([
+  r.Day,
+  r.DayHour,
+  r.DayHourMinute,
+  r.DayHourMinuteSecond,
+  r.Hour,
+  r.HourMinute,
+  r.HourMinuteSecond,
+  r.Minute,
+  r.MinuteSecond,
+  r.Second
+]), E = /* @__PURE__ */ new Set([
+  u.Long,
+  u.Short,
+  u.Narrow,
+  u.Digital
+]);
+let i = class extends h {
+  constructor() {
+    super(...arguments), this.localize = new N(this), this.duration = null, this.placeholder = "", this.unitsFormat = r.DayHourMinute, this.locale = D.English, this.displayStyle = u.Long, this.inputUnit = d.Millisecond, this.formattedDuration = "0";
+  }
+  updateFormattedDuration() {
+    const t = this.normalizeDurationToMilliseconds();
+    if (t == null || t === 0 || !Number.isFinite(t)) {
+      this.formattedDuration = "0";
+      return;
+    }
+    const e = x.has(this.unitsFormat) ? this.unitsFormat : v, s = E.has(this.displayStyle) ? this.displayStyle : I, a = S(t, e);
+    try {
+      this.formattedDuration = F(a, s, this.locale) || "0";
+    } catch {
+      const o = U(a);
+      this.formattedDuration = g(o, s);
+    }
+  }
+  normalizeDurationToMilliseconds() {
+    return this.duration === null || this.duration === void 0 ? null : Number.isFinite(this.duration) ? this.inputUnit === d.Second ? this.duration * _ : this.duration : Number.NaN;
+  }
+  render() {
+    const t = this.placeholder || this.localize.term("ongoing");
+    return this.duration == null || Number.isNaN(this.duration) ? f`<span part="base" class="format-time">${t}</span>` : f`<span part="base" class="format-time">${this.formattedDuration}</span>`;
+  }
+};
+i.styles = [y, T];
+i.dependencies = {};
+n([
+  l({
+    converter: {
+      fromAttribute: O,
+      toAttribute: A
+    },
+    reflect: !0
+  })
+], i.prototype, "duration", 2);
+n([
+  l({ type: String })
+], i.prototype, "placeholder", 2);
+n([
+  l({ attribute: "units-format", reflect: !0, type: String })
+], i.prototype, "unitsFormat", 2);
+n([
+  l({ type: String })
+], i.prototype, "locale", 2);
+n([
+  l({ attribute: "display-style", reflect: !0, type: String })
+], i.prototype, "displayStyle", 2);
+n([
+  l({ attribute: "input-unit", type: String })
+], i.prototype, "inputUnit", 2);
+n([
+  M()
+], i.prototype, "formattedDuration", 2);
+n([
+  m("displayStyle", { waitUntilFirstUpdate: !0 }),
+  m("unitsFormat", { waitUntilFirstUpdate: !0 }),
+  m("inputUnit", { waitUntilFirstUpdate: !0 }),
+  m("locale", { waitUntilFirstUpdate: !0 }),
+  m("duration")
+], i.prototype, "updateFormattedDuration", 1);
+i = n([
+  b("cx-format-time")
+], i);
 export {
-  u as default,
-  e as fromDurationAttribute,
-  f as toDurationAttribute
+  i as default,
+  O as fromDurationAttribute,
+  A as toDurationAttribute
 };

package/library/components/grid-item.js

@@ -1,32 +1,34 @@
-import { i as m, n, C as u, x as d, c as x } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as h } from "../chunks/component.styles.CI-v8BZa.js";
-import { w as g } from "../chunks/watch.BCJD77bD.js";
-import { e as p } from "../chunks/class-map.CoZTSvbM.js";
+import { n, C as m } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as u } from "../chunks/component.styles.DMSLciL5.js";
+import { c as d } from "../chunks/custom-element.L4WJXn1j.js";
+import { w as x } from "../chunks/watch.q1sEjPWL.js";
+import { i as h, x as g } from "../chunks/lit-element.jLBm65_O.js";
+import { e as p } from "../chunks/class-map.BiVq-cVR.js";
 function v(t) {
   return t.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/(\s+|_)/g, "-").toLowerCase().replace(/^-+|-+$/g, "");
 }
 function f(t) {
   return t.split(/[\s_-]+/).map(
-    (i, r) => r === 0 ? i.toLowerCase() : i.charAt(0).toUpperCase() + i.slice(1).toLowerCase()
+    (r, i) => i === 0 ? r.toLowerCase() : r.charAt(0).toUpperCase() + r.slice(1).toLowerCase()
   ).join("");
 }
 const w = (t) => {
-  const i = t.match(/^[-]+/), r = t.replace(/^-+/, ""), s = v(r);
-  return i ? i[0] + s : s;
-}, y = (t, i = !1) => {
+  const r = t.match(/^[-]+/), i = t.replace(/^-+/, ""), s = v(i);
+  return r ? r[0] + s : s;
+}, y = (t, r = !1) => {
   if (!t)
     return {};
-  const r = {};
+  const i = {};
   return t.trim().split(";").filter((s) => !!s).forEach((s) => {
-    const e = s.trim().split(":"), a = i ? f(e[0]) : e[0], l = e[1];
-    l && (r[a] = l.trim());
-  }), r;
-}, b = (t, i = !1) => {
-  let r = "";
-  return (i ? Object.keys(t).sort((e, a) => e.localeCompare(a)) : Object.keys(t)).forEach((e) => {
-    r += `${w(e)}:${t[e]};`;
-  }), r;
-}, C = m`
+    const e = s.trim().split(":"), a = r ? f(e[0]) : e[0], l = e[1];
+    l && (i[a] = l.trim());
+  }), i;
+}, b = (t, r = !1) => {
+  let i = "";
+  return (r ? Object.keys(t).sort((e, a) => e.localeCompare(a)) : Object.keys(t)).forEach((e) => {
+    i += `${w(e)}:${t[e]};`;
+  }), i;
+}, C = h`
   :host {
     display: block;
     box-sizing: border-box !important;
@@ -189,12 +191,12 @@ const w = (t) => {
     }
   }
 `;
-var _ = Object.defineProperty, O = Object.getOwnPropertyDescriptor, o = (t, i, r, s) => {
-  for (var e = s > 1 ? void 0 : s ? O(i, r) : i, a = t.length - 1, l; a >= 0; a--)
-    (l = t[a]) && (e = (s ? l(i, r, e) : l(e)) || e);
-  return s && e && _(i, r, e), e;
+var _ = Object.defineProperty, O = Object.getOwnPropertyDescriptor, c = (t, r, i, s) => {
+  for (var e = s > 1 ? void 0 : s ? O(r, i) : r, a = t.length - 1, l; a >= 0; a--)
+    (l = t[a]) && (e = (s ? l(r, i, e) : l(e)) || e);
+  return s && e && _(r, i, e), e;
 };
-let c = class extends u {
+let o = class extends m {
   constructor() {
     super(...arguments), this.xs = 12, this.sm = null, this.md = null, this.lg = null, this.xl = null, this.useContainer = !1, this.fill = !1;
   }
@@ -203,7 +205,7 @@ let c = class extends u {
     t["--cx-grid-item-xs"] = this.xs, t["--cx-grid-item-sm"] = this.sm || this.xs, t["--cx-grid-item-md"] = this.md || this.sm || this.xs, t["--cx-grid-item-lg"] = this.lg || this.md || this.sm || this.xs, t["--cx-grid-item-xl"] = this.xl || this.lg || this.md || this.sm || this.xs, this.setAttribute("style", b(t));
   }
   render() {
-    return d`<div
+    return g`<div
       class=${p({
       "grid-item": !0,
       "grid-item--fill": this.fill
@@ -214,34 +216,34 @@ let c = class extends u {
     </div>`;
   }
 };
-c.styles = [h, C];
-o([
+o.styles = [u, C];
+c([
   n({ reflect: !0 })
-], c.prototype, "xs", 2);
-o([
+], o.prototype, "xs", 2);
+c([
   n({ reflect: !0 })
-], c.prototype, "sm", 2);
-o([
+], o.prototype, "sm", 2);
+c([
   n({ reflect: !0 })
-], c.prototype, "md", 2);
-o([
+], o.prototype, "md", 2);
+c([
   n({ reflect: !0 })
-], c.prototype, "lg", 2);
-o([
+], o.prototype, "lg", 2);
+c([
   n({ reflect: !0 })
-], c.prototype, "xl", 2);
-o([
+], o.prototype, "xl", 2);
+c([
   n({ attribute: "use-container", reflect: !0, type: Boolean })
-], c.prototype, "useContainer", 2);
-o([
+], o.prototype, "useContainer", 2);
+c([
   n({ reflect: !0, type: Boolean })
-], c.prototype, "fill", 2);
-o([
-  g(["xs", "sm", "md", "lg", "xl"])
-], c.prototype, "handleXsChange", 1);
-c = o([
-  x("cx-grid-item")
-], c);
+], o.prototype, "fill", 2);
+c([
+  x(["xs", "sm", "md", "lg", "xl"])
+], o.prototype, "handleXsChange", 1);
+o = c([
+  d("cx-grid-item")
+], o);
 export {
-  c as default
+  o as default
 };

package/library/components/grid.js

@@ -1,9 +1,11 @@
-import { i as u, n as a, C as g, x, c as f } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as m } from "../chunks/component.styles.CI-v8BZa.js";
+import { n as i, C as u } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as g } from "../chunks/component.styles.DMSLciL5.js";
+import { c as m } from "../chunks/custom-element.L4WJXn1j.js";
+import { i as x, x as f } from "../chunks/lit-element.jLBm65_O.js";
 import { e as h } from "../chunks/query.BBf1UFkC.js";
-import { e as w } from "../chunks/class-map.CoZTSvbM.js";
-import { o as d } from "../chunks/style-map.CZovMmo_.js";
-const S = u`
+import { e as w } from "../chunks/class-map.BiVq-cVR.js";
+import { o as d } from "../chunks/style-map.llVFPd__.js";
+const S = x`
   :host {
     display: block;
     box-sizing: border-box !important;
@@ -34,13 +36,13 @@ const S = u`
     container-type: inline-size;
   }
 `;
-var y = Object.defineProperty, v = Object.getOwnPropertyDescriptor, s = (e, t, n, o) => {
-  for (var i = o > 1 ? void 0 : o ? v(t, n) : t, p = e.length - 1, l; p >= 0; p--)
-    (l = e[p]) && (i = (o ? l(t, n, i) : l(i)) || i);
-  return o && i && y(t, n, i), i;
+var y = Object.defineProperty, v = Object.getOwnPropertyDescriptor, o = (e, t, n, a) => {
+  for (var s = a > 1 ? void 0 : a ? v(t, n) : t, p = e.length - 1, l; p >= 0; p--)
+    (l = e[p]) && (s = (a ? l(t, n, s) : l(s)) || s);
+  return a && s && y(t, n, s), s;
 };
 const b = 12, c = /\d$/;
-let r = class extends g {
+let r = class extends u {
   constructor() {
     super(...arguments), this.spacing = "0px", this.columns = b, this.useFlexGap = !1, this.columnSpacing = 0, this.rowSpacing = 0, this.wrap = "wrap", this.useContainer = !1;
   }
@@ -63,7 +65,7 @@ let r = class extends g {
   }
   render() {
     const e = this.columnSpacingValue, t = this.rowSpacingValue;
-    return x`<div
+    return f`<div
       class=${w({
       grid: !0,
       "grid--container": this.useContainer,
@@ -85,33 +87,33 @@ let r = class extends g {
     </div>`;
   }
 };
-r.styles = [m, S];
-s([
+r.styles = [g, S];
+o([
   h("slot")
 ], r.prototype, "defaultSlot", 2);
-s([
-  a({ reflect: !0 })
+o([
+  i({ reflect: !0 })
 ], r.prototype, "spacing", 2);
-s([
-  a({ reflect: !0, type: Number })
+o([
+  i({ reflect: !0, type: Number })
 ], r.prototype, "columns", 2);
-s([
-  a({ attribute: "use-flex-gap", reflect: !0, type: Boolean })
+o([
+  i({ attribute: "use-flex-gap", reflect: !0, type: Boolean })
 ], r.prototype, "useFlexGap", 2);
-s([
-  a({ attribute: "column-spacing", reflect: !0, type: String })
+o([
+  i({ attribute: "column-spacing", reflect: !0, type: String })
 ], r.prototype, "columnSpacing", 2);
-s([
-  a({ attribute: "row-spacing", reflect: !0, type: String })
+o([
+  i({ attribute: "row-spacing", reflect: !0, type: String })
 ], r.prototype, "rowSpacing", 2);
-s([
-  a({ reflect: !0 })
+o([
+  i({ reflect: !0 })
 ], r.prototype, "wrap", 2);
-s([
-  a({ attribute: "use-container", reflect: !0, type: Boolean })
+o([
+  i({ attribute: "use-container", reflect: !0, type: Boolean })
 ], r.prototype, "useContainer", 2);
-r = s([
-  f("cx-grid")
+r = o([
+  m("cx-grid")
 ], r);
 export {
   r as default

package/library/components/header.js

@@ -1,14 +1,15 @@
 import "./copy-button.js";
-import "../chunks/custom-element.vnXBMQxc.js";
-import "../chunks/component.styles.CI-v8BZa.js";
-import { C as u } from "../chunks/header.B_FD8uLt.js";
-import "../chunks/i18n.BP2FRO1v.js";
-import "../chunks/watch.BCJD77bD.js";
+import "../chunks/lib-cortex-element.CVMmyPMC.js";
+import "../chunks/component.styles.DMSLciL5.js";
+import { C as x } from "../chunks/header.Bd3G0-oA.js";
+import "../chunks/custom-element.L4WJXn1j.js";
+import "../chunks/i18n.DrzK7TPf.js";
+import "../chunks/watch.q1sEjPWL.js";
 import "../chunks/query.BBf1UFkC.js";
-import "../chunks/class-map.CoZTSvbM.js";
-import "../chunks/style-map.CZovMmo_.js";
+import "../chunks/class-map.BiVq-cVR.js";
+import "../chunks/style-map.llVFPd__.js";
 import "../chunks/when.Dr1es41R.js";
-import "../chunks/static.BjNkqt7_.js";
+import "../chunks/static.UA3G1Deq.js";
 export {
-  u as default
+  x as default
 };

package/library/components/hub-connection.js

@@ -1,7 +1,8 @@
-import "../chunks/custom-element.vnXBMQxc.js";
-import "../chunks/watch.BCJD77bD.js";
-import "../chunks/state.Cw55xXlb.js";
-import { C as i } from "../chunks/hub-connection.CxfaT11o.js";
+import "../chunks/lib-cortex-element.CVMmyPMC.js";
+import "../chunks/custom-element.L4WJXn1j.js";
+import "../chunks/watch.q1sEjPWL.js";
+import "../chunks/state.CSDxrqLd.js";
+import { C as a } from "../chunks/hub-connection.BxT2b7Nq.js";
 export {
-  i as default
+  a as default
 };

package/library/components/icon-button.js

@@ -1,15 +1,17 @@
-import { i as g, n as r, C as p, c as x } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as h } from "../chunks/component.styles.CI-v8BZa.js";
-import { L as m } from "../chunks/i18n.BP2FRO1v.js";
-import { r as f } from "../chunks/state.Cw55xXlb.js";
+import { n as r, C as g } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as p } from "../chunks/component.styles.DMSLciL5.js";
+import { c as x } from "../chunks/custom-element.L4WJXn1j.js";
+import { L as h } from "../chunks/i18n.DrzK7TPf.js";
+import { r as m } from "../chunks/state.CSDxrqLd.js";
 import { e as v } from "../chunks/query.BBf1UFkC.js";
-import { e as y } from "../chunks/class-map.CoZTSvbM.js";
-import { o as c } from "../chunks/if-defined.MfEgpxEN.js";
-import { n as k } from "../chunks/when.Dr1es41R.js";
-import { i as d, u as b } from "../chunks/static.BjNkqt7_.js";
-import w from "./icon.js";
-import _ from "./spinner.js";
-const z = g`
+import { e as f } from "../chunks/class-map.BiVq-cVR.js";
+import { o as c } from "../chunks/if-defined.BRoBj_Rp.js";
+import { n as y } from "../chunks/when.Dr1es41R.js";
+import { i as d, u as b } from "../chunks/static.UA3G1Deq.js";
+import k from "./icon.js";
+import w from "./spinner.js";
+import { i as _ } from "../chunks/lit-element.jLBm65_O.js";
+const z = _`
   :host {
     display: inline-block;
     color: var(--cx-color-neutral-600);
@@ -513,9 +515,9 @@ var $ = Object.defineProperty, C = Object.getOwnPropertyDescriptor, n = (t, i, l
     (s = t[u]) && (e = (a ? s(i, l, e) : s(e)) || e);
   return a && e && $(i, l, e), e;
 };
-let o = class extends p {
+let o = class extends g {
   constructor() {
-    super(...arguments), this.localize = new m(this), this.hasFocus = !1, this.variant = "outlined", this.buttonVariant = "text", this.label = "", this.disabled = !1, this.loading = !1, this.iconClass = "", this.size = "medium", this.outline = !1, this.circle = !1;
+    super(...arguments), this.localize = new h(this), this.hasFocus = !1, this.variant = "outlined", this.buttonVariant = "text", this.label = "", this.disabled = !1, this.loading = !1, this.iconClass = "", this.size = "medium", this.outline = !1, this.circle = !1;
   }
   connectedUpdatedCallback() {
     this.syncStyles(), this.styleObserver = new MutationObserver(() => this.syncStyles()), this.styleObserver.observe(this, {
@@ -556,7 +558,7 @@ let o = class extends p {
     return b`
       <${i}
         part="base"
-        class=${y({
+        class=${f({
       "icon-button": !0,
       "icon-button--circle": this.circle,
       "icon-button--custom": !!this.src,
@@ -595,7 +597,7 @@ let o = class extends p {
         @click=${this.handleClick}
       >
       <div class="icon-button__icon-container">
-        ${k(
+        ${y(
       this.loading,
       () => b`<cx-spinner
               part="spinner"
@@ -618,8 +620,8 @@ let o = class extends p {
     `;
   }
 };
-o.styles = [h, z];
-o.dependencies = { "cx-icon": w, "cx-spinner": _ };
+o.styles = [p, z];
+o.dependencies = { "cx-icon": k, "cx-spinner": w };
 n([
   v(".icon-button")
 ], o.prototype, "button", 2);
@@ -627,7 +629,7 @@ n([
   v(".icon-button__icon")
 ], o.prototype, "icon", 2);
 n([
-  f()
+  m()
 ], o.prototype, "hasFocus", 2);
 n([
   r()

package/library/components/icon.js

@@ -1,15 +1,17 @@
-import { i as m, n as c, C as u, x as b, c as g } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as w } from "../chunks/component.styles.CI-v8BZa.js";
-import { w as p } from "../chunks/watch.BCJD77bD.js";
-import { r as h } from "../chunks/state.Cw55xXlb.js";
-import { e as l } from "../chunks/class-map.CoZTSvbM.js";
+import { n as c, C as u } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as g } from "../chunks/component.styles.DMSLciL5.js";
+import { c as w } from "../chunks/custom-element.L4WJXn1j.js";
+import { w as m } from "../chunks/watch.q1sEjPWL.js";
+import { i as p, x as b } from "../chunks/lit-element.jLBm65_O.js";
+import { r as h } from "../chunks/state.CSDxrqLd.js";
+import { e as l } from "../chunks/class-map.BiVq-cVR.js";
 import { n as y } from "../chunks/when.Dr1es41R.js";
 const d = /* @__PURE__ */ new Map([
-  ["mailchimp", () => import("../chunks/mailchimp.BjbPJfd-.js")],
-  ["chatbot", () => import("../chunks/chatbot.sm4Rph1v.js")],
-  ["orangelogic", () => import("../chunks/orangelogic.BgbQXkBv.js")],
-  ["amazon_s3", () => import("../chunks/amazon_s3.DeaMdPPn.js")]
-]), v = m`
+  ["mailchimp", () => import("../chunks/mailchimp.Bs6uJVsf.js")],
+  ["chatbot", () => import("../chunks/chatbot.BmpIu59L.js")],
+  ["orangelogic", () => import("../chunks/orangelogic.TdFfoPUN.js")],
+  ["amazon_s3", () => import("../chunks/amazon_s3.BEMtqafk.js")]
+]), v = p`
   /*!
  *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
@@ -2338,7 +2340,7 @@ const d = /* @__PURE__ */ new Map([
     overflow: visible;
     clip: auto;
   }
-`, k = m`
+`, k = p`
   :host {
     display: inline-flex;
     min-width: 1em;
@@ -2513,7 +2515,7 @@ let o = class extends u {
     >`;
   }
 };
-o.styles = [w, k, v];
+o.styles = [g, k, v];
 t([
   c({ type: String })
 ], o.prototype, "name", 2);
@@ -2536,13 +2538,13 @@ t([
   h()
 ], o.prototype, "customIconSvg", 2);
 t([
-  p("name")
+  m("name")
 ], o.prototype, "handleNameChange", 1);
 t([
-  p("label")
+  m("label")
 ], o.prototype, "handleLabelChange", 1);
 o = t([
-  g("cx-icon")
+  w("cx-icon")
 ], o);
 export {
   o as default