@orangelogic/design-system 2.60.0 → 2.61.0

package/library/components/textarea.js

@@ -1,17 +1,19 @@
-import { i as x, n as r, C as f, x as p, c as m } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as b } from "../chunks/component.styles.CI-v8BZa.js";
-import { f as v } from "../chunks/form-control.styles.NE2Q-quE.js";
-import { d as g } from "../chunks/default-value.CIKAvD5l.js";
-import { F as y } from "../chunks/form.B8u0ywni.js";
-import { H as _ } from "../chunks/slot.DJLm4Dig.js";
-import { w as u } from "../chunks/watch.BCJD77bD.js";
-import { r as z } from "../chunks/state.Cw55xXlb.js";
+import { n as r, C as x } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as f } from "../chunks/component.styles.DMSLciL5.js";
+import { f as m } from "../chunks/form-control.styles.CUGhvlfT.js";
+import { c as b } from "../chunks/custom-element.L4WJXn1j.js";
+import { d as v } from "../chunks/default-value.COZopaet.js";
+import { F as g } from "../chunks/form.CO12-VK0.js";
+import { H as y } from "../chunks/slot.j5oheLJC.js";
+import { w as u } from "../chunks/watch.q1sEjPWL.js";
+import { i as _, x as p } from "../chunks/lit-element.jLBm65_O.js";
+import { r as z } from "../chunks/state.CSDxrqLd.js";
 import { e as C } from "../chunks/query.BBf1UFkC.js";
-import { e as d } from "../chunks/class-map.CoZTSvbM.js";
-import { o as n } from "../chunks/if-defined.MfEgpxEN.js";
-import { l as w } from "../chunks/live.LdB9xEhp.js";
+import { e as d } from "../chunks/class-map.BiVq-cVR.js";
+import { o as n } from "../chunks/if-defined.BRoBj_Rp.js";
+import { l as w } from "../chunks/live.SCz6M8Gs.js";
 import { n as k } from "../chunks/when.Dr1es41R.js";
-const $ = x`
+const $ = _`
   :host {
     display: block;
   }
@@ -301,11 +303,11 @@ var F = Object.defineProperty, T = Object.getOwnPropertyDescriptor, e = (a, i, l
     (h = a[c]) && (o = (s ? h(i, l, o) : h(o)) || o);
   return s && o && F(i, l, o), o;
 };
-let t = class extends f {
+let t = class extends x {
   constructor() {
-    super(...arguments), this.formControlController = new y(this, {
+    super(...arguments), this.formControlController = new g(this, {
       assumeInteractionOn: ["cx-input"]
-    }), this.hasSlotController = new _(
+    }), this.hasSlotController = new y(
       this,
       "help-text",
       "label"
@@ -510,7 +512,7 @@ let t = class extends f {
     `;
   }
 };
-t.styles = [b, v, $];
+t.styles = [f, m, $];
 e([
   C(".textarea__control")
 ], t.prototype, "input", 2);
@@ -599,7 +601,7 @@ e([
   r({ attribute: "inputmode", reflect: !0, type: String })
 ], t.prototype, "inputMode", 2);
 e([
-  g()
+  v()
 ], t.prototype, "defaultValue", 2);
 e([
   u("disabled", { waitUntilFirstUpdate: !0 })
@@ -611,7 +613,7 @@ e([
   u("value", { waitUntilFirstUpdate: !0 })
 ], t.prototype, "handleValueChange", 1);
 t = e([
-  m("cx-textarea")
+  b("cx-textarea")
 ], t);
 export {
   t as default

package/library/components/timecode.js

@@ -1,10 +1,100 @@
-import "../chunks/typography.BFpl0WMA.js";
-import "../chunks/custom-element.vnXBMQxc.js";
-import "../chunks/component.styles.CI-v8BZa.js";
-import "../chunks/string.BCk3SmdZ.js";
-import { C as f } from "../chunks/timecode.D7XTiQ_3.js";
-import "../chunks/watch.BCJD77bD.js";
-import "../chunks/state.Cw55xXlb.js";
+import { C as l, T as f } from "../chunks/typography.oDzoLbZS.js";
+import { n as i, C as y } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as d } from "../chunks/component.styles.DMSLciL5.js";
+import { T as g, f as n } from "../chunks/string.Cp_XNbnV.js";
+import { t as u } from "../chunks/converters.DkDtLstb.js";
+import { c as v } from "../chunks/custom-element.L4WJXn1j.js";
+import { w as h } from "../chunks/watch.q1sEjPWL.js";
+import { i as x, E as S, x as b } from "../chunks/lit-element.jLBm65_O.js";
+import { r as T } from "../chunks/state.CSDxrqLd.js";
+const w = x`
+  :host {
+    display: inline;
+    white-space: normal;
+  }
+  :host([is-preview]) {
+    background-color: var(--cx-color-primary-50, #e5f1ff);
+    padding-inline: var(--cx-spacing-2x-small, 4px);
+  }
+  .time {
+    --color: var(--cx-color-primary);
+    margin-block-start: var(--cx-spacing-x-small);
+    line-height: var(--cx-line-height-medium);
+    display: inline;
+  }
+`;
+var C = Object.defineProperty, R = Object.getOwnPropertyDescriptor, e = (c, o, m, a) => {
+  for (var r = a > 1 ? void 0 : a ? R(o, m) : o, s = c.length - 1, p; s >= 0; s--)
+    (p = c[s]) && (r = (a ? p(o, m, r) : p(r)) || r);
+  return a && r && C(o, m, r), r;
+};
+let t = class extends y {
+  constructor() {
+    super(...arguments), this.time = [], this.timecodeMode = g.Standard, this.frameRate = 24, this.isPreview = !1, this.typographyVariant = f.Small, this.timeString = "";
+  }
+  handleTimeChange() {
+    if (!this.time?.length) {
+      this.timeString = "";
+      return;
+    }
+    if (this.time.length === 1 || this.time[0] === this.time[1]) {
+      this.timeString = n(this.time[0], {
+        frameRate: this.frameRate,
+        mode: this.timecodeMode
+      });
+      return;
+    }
+    this.timeString = n(this.time[0], {
+      frameRate: this.frameRate,
+      mode: this.timecodeMode
+    }) + " - " + n(this.time[1], {
+      frameRate: this.frameRate,
+      mode: this.timecodeMode
+    });
+  }
+  render() {
+    return this.time?.length ? b`
+      <cx-typography class="time" variant=${this.typographyVariant}>
+        ${this.timeString}
+      </cx-typography>
+    ` : S;
+  }
+};
+t.styles = [d, w];
+t.dependencies = {
+  "cx-typography": l
+};
+e([
+  i({
+    attribute: "time",
+    converter: u,
+    reflect: !0,
+    type: String
+  })
+], t.prototype, "time", 2);
+e([
+  i({ attribute: "timecode-mode", reflect: !0, type: String })
+], t.prototype, "timecodeMode", 2);
+e([
+  i({ attribute: "frame-rate", reflect: !0, type: Number })
+], t.prototype, "frameRate", 2);
+e([
+  i({ attribute: "is-preview", reflect: !0, type: Boolean })
+], t.prototype, "isPreview", 2);
+e([
+  i({ attribute: "typography-variant", type: String })
+], t.prototype, "typographyVariant", 2);
+e([
+  T()
+], t.prototype, "timeString", 2);
+e([
+  h("time"),
+  h("timecodeMode"),
+  h("frameRate")
+], t.prototype, "handleTimeChange", 1);
+t = e([
+  v("cx-timecode")
+], t);
 export {
-  f as default
+  t as default
 };

package/library/components/tooltip.js

@@ -1,13 +1,16 @@
-import { i as b, n as i, C as g, x as w, c as x } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as C } from "../chunks/component.styles.CI-v8BZa.js";
-import { s as v, p as c, a as u, g as m, b as y } from "../chunks/animation-registry.DavRkTTr.js";
-import { w as f } from "../chunks/event.mFzZi4sr.js";
-import { L as k } from "../chunks/i18n.BP2FRO1v.js";
-import { w as l } from "../chunks/watch.BCJD77bD.js";
+import { n as i, C as g } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as b } from "../chunks/component.styles.DMSLciL5.js";
+import { p as c, s as u, a as m } from "../chunks/animate.El-MpOws.js";
+import { c as w } from "../chunks/custom-element.L4WJXn1j.js";
+import { w as y } from "../chunks/event.mFzZi4sr.js";
+import { L as x } from "../chunks/i18n.DrzK7TPf.js";
+import { w as l } from "../chunks/watch.q1sEjPWL.js";
+import { i as C, x as k } from "../chunks/lit-element.jLBm65_O.js";
 import { e as d } from "../chunks/query.BBf1UFkC.js";
-import { e as O } from "../chunks/class-map.CoZTSvbM.js";
-import { C as B } from "../chunks/popup._w5T7x8f.js";
-const D = b`
+import { e as O } from "../chunks/class-map.BiVq-cVR.js";
+import { s as v, g as f } from "../chunks/animation-registry.HmpwNuGH.js";
+import B from "./popup.js";
+const D = C`
   :host {
     --hide-delay: 0ms;
     --show-delay: 500ms;
@@ -65,13 +68,13 @@ const D = b`
   }
 `;
 var E = Object.defineProperty, T = Object.getOwnPropertyDescriptor, e = (o, s, n, a) => {
-  for (var r = a > 1 ? void 0 : a ? T(s, n) : s, h = o.length - 1, p; h >= 0; h--)
-    (p = o[h]) && (r = (a ? p(s, n, r) : p(r)) || r);
+  for (var r = a > 1 ? void 0 : a ? T(s, n) : s, p = o.length - 1, h; p >= 0; p--)
+    (h = o[p]) && (r = (a ? h(s, n, r) : h(r)) || r);
   return a && r && E(s, n, r), r;
 };
 let t = class extends g {
   constructor() {
-    super(), this.localize = new k(this), this.content = "", this.placement = "top", this.disabled = !1, this.distance = 8, this.open = !1, this.skidding = 0, this.trigger = "hover focus", this.hoist = !1, this.disabledHoverBridge = !1, this.handleBlur = this.handleBlur.bind(this), this.handleFocus = this.handleFocus.bind(this), this.handleClick = this.handleClick.bind(this), this.handleMouseOver = this.handleMouseOver.bind(this), this.handleMouseOut = this.handleMouseOut.bind(this), this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this);
+    super(), this.localize = new x(this), this.content = "", this.placement = "top", this.disabled = !1, this.distance = 8, this.open = !1, this.skidding = 0, this.trigger = "hover focus", this.hoist = !1, this.disabledHoverBridge = !1, this.handleBlur = this.handleBlur.bind(this), this.handleFocus = this.handleFocus.bind(this), this.handleClick = this.handleClick.bind(this), this.handleMouseOver = this.handleMouseOver.bind(this), this.handleMouseOut = this.handleMouseOut.bind(this), this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this);
   }
   runConnectedCallback() {
     this.addEventListener("blur", this.handleBlur, !0), this.addEventListener("focus", this.handleFocus, !0), this.addEventListener("click", this.handleClick), this.addEventListener("mouseover", this.handleMouseOver), this.addEventListener("mouseout", this.handleMouseOut);
@@ -120,16 +123,16 @@ let t = class extends g {
       this.emit("cx-show"), "CloseWatcher" in window ? (this.closeWatcher?.destroy(), this.closeWatcher = new CloseWatcher(), this.closeWatcher.onclose = () => {
         this.hide();
       }) : document.addEventListener("keydown", this.handleDocumentKeyDown), await u(this.body), this.body.hidden = !1, this.popup.active = !0;
-      const { keyframes: o, options: s } = m(this, "tooltip.show", {
+      const { keyframes: o, options: s } = f(this, "tooltip.show", {
         dir: this.localize.dir()
       });
-      await y(this.popup.popup, o, s), this.popup.reposition(), this.emit("cx-after-show");
+      await m(this.popup.popup, o, s), this.popup.reposition(), this.emit("cx-after-show");
     } else {
       this.emit("cx-hide"), this.closeWatcher?.destroy(), document.removeEventListener("keydown", this.handleDocumentKeyDown), await u(this.body);
-      const { keyframes: o, options: s } = m(this, "tooltip.hide", {
+      const { keyframes: o, options: s } = f(this, "tooltip.hide", {
         dir: this.localize.dir()
       });
-      await y(this.popup.popup, o, s), this.popup.active = !1, this.body.hidden = !0, this.emit("cx-after-hide");
+      await m(this.popup.popup, o, s), this.popup.active = !1, this.body.hidden = !0, this.emit("cx-after-hide");
     }
   }
   async handleOptionsChange() {
@@ -141,12 +144,12 @@ let t = class extends g {
   /** Shows the tooltip. */
   async show() {
     if (!this.open)
-      return this.open = !0, f(this, "cx-after-show");
+      return this.open = !0, y(this, "cx-after-show");
   }
   /** Hides the tooltip */
   async hide() {
     if (this.open)
-      return this.open = !1, f(this, "cx-after-hide");
+      return this.open = !1, y(this, "cx-after-hide");
   }
   //
   // NOTE: Tooltip is a bit unique in that we're using aria-live instead of aria-labelledby to trick screen readers into
@@ -155,7 +158,7 @@ let t = class extends g {
   // element, otherwise positioning is incorrect.
   //
   render() {
-    return w`
+    return k`
       <cx-popup
         part="base"
         exportparts="
@@ -193,7 +196,7 @@ let t = class extends g {
     `;
   }
 };
-t.styles = [C, D];
+t.styles = [b, D];
 t.dependencies = { "cx-popup": B };
 e([
   d("slot:not([name])")
@@ -250,7 +253,7 @@ e([
   l("disabled")
 ], t.prototype, "handleDisabledChange", 1);
 t = e([
-  x("cx-tooltip")
+  w("cx-tooltip")
 ], t);
 v("tooltip.show", {
   keyframes: [

package/library/components/tree-item.js

@@ -1,18 +1,21 @@
-import "../chunks/custom-element.vnXBMQxc.js";
-import "../chunks/component.styles.CI-v8BZa.js";
-import "../chunks/animation-registry.DavRkTTr.js";
-import "../chunks/i18n.BP2FRO1v.js";
-import "../chunks/watch.BCJD77bD.js";
-import "../chunks/state.Cw55xXlb.js";
+import "../chunks/lib-cortex-element.CVMmyPMC.js";
+import "../chunks/component.styles.DMSLciL5.js";
+import "../chunks/animate.El-MpOws.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/class-map.CoZTSvbM.js";
-import "../chunks/if-defined.MfEgpxEN.js";
-import "../chunks/live.LdB9xEhp.js";
+import "../chunks/class-map.BiVq-cVR.js";
+import "../chunks/if-defined.BRoBj_Rp.js";
+import "../chunks/live.SCz6M8Gs.js";
 import "../chunks/when.Dr1es41R.js";
+import "../chunks/animation-registry.HmpwNuGH.js";
 import "./checkbox.js";
 import "./icon.js";
 import "./spinner.js";
-import { C as c } from "../chunks/tree.CUfvIDyA.js";
+import { C as j } from "../chunks/tree.CNbrP8cY.js";
 export {
-  c as default
+  j as default
 };

package/library/components/tree.js

@@ -1,14 +1,16 @@
-import "../chunks/custom-element.vnXBMQxc.js";
-import "../chunks/component.styles.CI-v8BZa.js";
-import "../chunks/i18n.BP2FRO1v.js";
+import "../chunks/lib-cortex-element.CVMmyPMC.js";
+import "../chunks/component.styles.DMSLciL5.js";
+import "../chunks/custom-element.L4WJXn1j.js";
+import "../chunks/i18n.DrzK7TPf.js";
 import "../chunks/math.DqTA6ya4.js";
-import "../chunks/watch.BCJD77bD.js";
-import { a as c, b as n, s as y, c as b } from "../chunks/tree.CUfvIDyA.js";
-import "../chunks/state.Cw55xXlb.js";
+import "../chunks/watch.q1sEjPWL.js";
+import { a as y, b, s as f, c as x } from "../chunks/tree.CNbrP8cY.js";
+import "../chunks/lit-element.jLBm65_O.js";
+import "../chunks/state.CSDxrqLd.js";
 import "../chunks/query.BBf1UFkC.js";
 export {
-  c as default,
-  n as syncAncestors,
-  y as syncCheckboxes,
-  b as syncParentItem
+  y as default,
+  b as syncAncestors,
+  f as syncCheckboxes,
+  x as syncParentItem
 };

package/library/components/typeface.js

@@ -3,15 +3,17 @@ import m from "./grid-item.js";
 import x from "./icon-button.js";
 import h from "./line-clamp.js";
 import g from "./space.js";
-import { C as w } from "../chunks/typography.BFpl0WMA.js";
-import { i as u, n as a, C as _, x as r, c as v } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as S } from "../chunks/component.styles.CI-v8BZa.js";
-import { L as $ } from "../chunks/i18n.BP2FRO1v.js";
-import { o as y } from "../chunks/if-defined.MfEgpxEN.js";
-import { o as b } from "../chunks/style-map.CZovMmo_.js";
+import { C as w } from "../chunks/typography.oDzoLbZS.js";
+import { n as a, C as u } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as _ } from "../chunks/component.styles.DMSLciL5.js";
+import { c as v } from "../chunks/custom-element.L4WJXn1j.js";
+import { L as S } from "../chunks/i18n.DrzK7TPf.js";
+import { i as $, x as r } from "../chunks/lit-element.jLBm65_O.js";
+import { o as y } from "../chunks/if-defined.BRoBj_Rp.js";
+import { o as b } from "../chunks/style-map.llVFPd__.js";
 import { n as p } from "../chunks/when.Dr1es41R.js";
-import { c as C } from "../chunks/capitalize.CNStXZBq.js";
-const D = u`
+import { c as C } from "../chunks/capitalize.WSkCXkNE.js";
+const D = $`
   :host {
     --typeface-font-family: var(--cx-font-sans);
     --typeface-font-style: normal;
@@ -62,9 +64,9 @@ var z = Object.defineProperty, I = Object.getOwnPropertyDescriptor, e = (o, c, l
     (f = o[s]) && (i = (n ? f(c, l, i) : f(i)) || i);
   return n && i && z(c, l, i), i;
 };
-let t = class extends _ {
+let t = class extends u {
   constructor() {
-    super(...arguments), this.localize = new $(this), this.previewText = "", this.fontFamily = "", this.fontWeight = "", this.fontStyle = "", this.fontSrc = "", this.canDownload = !1, this.downloadIconName = "cloud_download", this.downloadIconSrc = "", this.canSelfDownload = !1, this.variant = "detailed";
+    super(...arguments), this.localize = new S(this), this.previewText = "", this.fontFamily = "", this.fontWeight = "", this.fontStyle = "", this.fontSrc = "", this.canDownload = !1, this.downloadIconName = "cloud_download", this.downloadIconSrc = "", this.canSelfDownload = !1, this.variant = "detailed";
   }
   handleDownload(o) {
     o.preventDefault(), this.canSelfDownload ? this.ownerDocument.defaultView?.open(this.fontSrc, "_blank") : this.emit("cx-typeface-download", { detail: this.fontSrc });
@@ -156,7 +158,7 @@ let t = class extends _ {
     </div>`;
   }
 };
-t.styles = [S, D];
+t.styles = [_, D];
 t.dependencies = {
   "cx-grid": d,
   "cx-grid-item": m,