@orangelogic/design-system 2.60.0 → 2.61.0

package/library/chunks/template.CsJd8Pb_.js

@@ -0,0 +1,20 @@
+import { x as r } from "./lit-element.jLBm65_O.js";
+import { o as p } from "./map.D8heArFD.js";
+function c(e) {
+  return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function l(e, t) {
+  if (!t)
+    return r`${e}`;
+  const o = t.toLowerCase().split(/\s+/).filter(Boolean);
+  if (o.length === 0)
+    return r`${e}`;
+  const s = o.map(c), i = new RegExp(`(${s.join("|")})`, "gi"), g = e.split(i);
+  return r`${p(
+    g,
+    (n) => o.includes(n.toLowerCase()) ? r`<strong>${n}</strong>` : n
+  )}`;
+}
+export {
+  l as g
+};

package/library/chunks/time.D_uFZqqe.js

@@ -0,0 +1,118 @@
+import { f as d } from "./number.CjNxU7Xs.js";
+var g = /* @__PURE__ */ ((r) => (r.Millisecond = "ms", r.Second = "s", r))(g || {}), a = /* @__PURE__ */ ((r) => (r.Day = "d", r.DayHour = "d-h", r.DayHourMinute = "d-h-m", r.DayHourMinuteSecond = "d-h-m-s", r.Hour = "h", r.HourMinute = "h-m", r.HourMinuteSecond = "h-m-s", r.Minute = "m", r.MinuteSecond = "m-s", r.Second = "s", r))(a || {}), u = /* @__PURE__ */ ((r) => (r.Digital = "digital", r.Long = "long", r.Narrow = "narrow", r.Short = "short", r))(u || {}), h = /* @__PURE__ */ ((r) => (r.English = "en", r))(h || {});
+const f = [
+  {
+    key: "days",
+    longPlural: "days",
+    longSingular: "day",
+    narrow: "d",
+    short: "day"
+  },
+  {
+    key: "hours",
+    longPlural: "hours",
+    longSingular: "hour",
+    narrow: "h",
+    short: "hr"
+  },
+  {
+    key: "minutes",
+    longPlural: "minutes",
+    longSingular: "minute",
+    narrow: "m",
+    short: "min"
+  },
+  {
+    key: "seconds",
+    longPlural: "seconds",
+    longSingular: "second",
+    narrow: "s",
+    short: "sec"
+  }
+], m = 1e3, D = 60 * 1e3;
+function w(r, t, n = h.English) {
+  const e = Intl.DurationFormat;
+  if (typeof e != "function")
+    throw new Error("Intl.DurationFormat is not supported");
+  return new e(n, { style: t }).format(r);
+}
+function y(r, t) {
+  const n = Math.floor(r / 1e3), e = Math.floor(n / 60), o = Math.floor(e / 60), s = Math.floor(o / 24), i = o % 24, c = e % 60, l = n % 60;
+  switch (t) {
+    case a.Day:
+      return { days: s };
+    case a.DayHour:
+      return { days: s, hours: i };
+    case a.DayHourMinute:
+      return { days: s, hours: i, minutes: c };
+    case a.DayHourMinuteSecond:
+      return { days: s, hours: i, minutes: c, seconds: l };
+    case a.Hour:
+      return { hours: o };
+    case a.HourMinute:
+      return { hours: o, minutes: c };
+    case a.HourMinuteSecond:
+      return { hours: o, minutes: c, seconds: l };
+    case a.Minute:
+      return { minutes: e };
+    case a.MinuteSecond:
+      return { minutes: e, seconds: l };
+    case a.Second:
+      return { seconds: n };
+    default:
+      return { days: s, hours: i, minutes: c };
+  }
+}
+function H(r) {
+  return Object.fromEntries(
+    Object.entries(r).filter(([, t]) => t !== 0)
+  );
+}
+function N(r, t) {
+  const n = [];
+  let e = 0;
+  for (const o of f) {
+    const s = r[o.key];
+    s !== void 0 && (n.push(
+      S(s, o, t, e)
+    ), e += 1);
+  }
+  if (n.length === 0)
+    return "0";
+  switch (t) {
+    case u.Digital:
+      return n.join(":");
+    case u.Long:
+    case u.Short:
+      return n.join(", ");
+    case u.Narrow:
+    default:
+      return n.join(" ");
+  }
+}
+function S(r, t, n, e) {
+  const o = n === u.Digital ? e === 0 ? String(r) : String(r).padStart(2, "0") : d(r);
+  switch (n) {
+    case u.Digital:
+      return o;
+    case u.Long:
+      return `${o} ${r === 1 ? t.longSingular : t.longPlural}`;
+    case u.Short:
+      return `${o} ${t.short}`;
+    case u.Narrow:
+    default:
+      return `${o}${t.narrow}`;
+  }
+}
+export {
+  u as D,
+  g as F,
+  h as L,
+  D as M,
+  m as S,
+  a as U,
+  N as a,
+  H as c,
+  w as f,
+  y as g
+};

package/library/chunks/{toString.CL_lYXbK.js → toString.CRT5zqEU.js}

@@ -1,6 +1,6 @@
-import { S as f } from "./isObjectLike.z36Fu426.js";
-import { i as p } from "./watch.BCJD77bD.js";
-import { i as g } from "./isSymbol.L0C2ND_U.js";
+import { S as f } from "./isObjectLike.D3cpZO39.js";
+import { i as p } from "./watch.q1sEjPWL.js";
+import { i as g } from "./isSymbol.huJ_Cvxt.js";
 function l(r, t) {
   for (var n = -1, i = r == null ? 0 : r.length, o = Array(i); ++n < i; )
     o[n] = t(r[n], n, r);

package/library/chunks/toast.BXNbwZV8.js

@@ -0,0 +1,25 @@
+const e = window.location.origin.includes("localhost:") ? "https://local.orangelogic.com" : window.location.origin;
+function a(n, t, i, r = e) {
+  const c = new URL(r + "/" + n);
+  return Array.isArray(i) ? i.forEach((o) => {
+    o[1] && c.searchParams.append(o[0], o[1]);
+  }) : i && Object.keys(i).forEach((o) => {
+    i[o] && c.searchParams.append(o, i[o]);
+  }), fetch(c, t);
+}
+const f = (n, t) => {
+  try {
+    window.Matrix3?.ShowNotification && window.Matrix3.ShowNotification(
+      n,
+      t ? {
+        notificationType: t.notificationType
+      } : void 0
+    );
+  } catch {
+    return;
+  }
+};
+export {
+  a as f,
+  f as t
+};

package/library/chunks/{tree.CUfvIDyA.js → tree.CNbrP8cY.js}

@@ -1,19 +1,22 @@
-import { i as R, C as N, x as g, E as L, n as l, c as G } from "./custom-element.vnXBMQxc.js";
-import { c as M } from "./component.styles.CI-v8BZa.js";
-import { L as Z } from "./i18n.BP2FRO1v.js";
+import { C as R, n as l } from "./lib-cortex-element.CVMmyPMC.js";
+import { c as N } from "./component.styles.DMSLciL5.js";
+import { c as G } from "./custom-element.L4WJXn1j.js";
+import { L as M } from "./i18n.DrzK7TPf.js";
 import { c as K } from "./math.DqTA6ya4.js";
-import { w as b } from "./watch.BCJD77bD.js";
-import { r as y } from "./state.Cw55xXlb.js";
+import { w as b } from "./watch.q1sEjPWL.js";
+import { i as Z, x as g, E as L } from "./lit-element.jLBm65_O.js";
+import { r as y } from "./state.CSDxrqLd.js";
 import { e as f } from "./query.BBf1UFkC.js";
-import { a as z, g as P, b as U, c as $, s as H } from "./animation-registry.DavRkTTr.js";
-import { e as C } from "./class-map.CoZTSvbM.js";
-import { o as _ } from "./if-defined.MfEgpxEN.js";
-import { l as W } from "./live.LdB9xEhp.js";
+import { s as z, a as U, b as $ } from "./animate.El-MpOws.js";
+import { e as C } from "./class-map.BiVq-cVR.js";
+import { o as _ } from "./if-defined.BRoBj_Rp.js";
+import { l as W } from "./live.SCz6M8Gs.js";
 import { n as E } from "./when.Dr1es41R.js";
+import { g as P, s as H } from "./animation-registry.HmpwNuGH.js";
 import Y from "../components/checkbox.js";
 import J from "../components/icon.js";
 import Q from "../components/spinner.js";
-import { i as ee } from "./browser.Va59Ix3P.js";
+import { i as ee } from "./browser.BHOCIF_A.js";
 import { S as te } from "./sortable.esm.oSzf6C5Q.js";
 function ie(e, t, i) {
   let n;
@@ -50,7 +53,7 @@ function se(e, t, i) {
     throw new Error("Random bytes length must be >= 16");
   return n[6] = n[6] & 15 | 64, n[8] = n[8] & 63 | 128, ne(n);
 }
-const le = R`
+const le = Z`
   :host {
     display: block;
     outline: 0;
@@ -422,9 +425,9 @@ var ce = Object.defineProperty, he = Object.getOwnPropertyDescriptor, s = (e, t,
     (d = e[o]) && (r = (n ? d(t, i, r) : d(r)) || r);
   return n && r && ce(t, i, r), r;
 };
-let a = class extends N {
+let a = class extends R {
   constructor() {
-    super(), this.localize = new Z(this), this.expanded = !1, this.selected = !1, this.disabled = !1, this.readonly = !1, this.lazy = !1, this.href = "", this.rel = "noreferrer noopener", this.itemId = "", this.sortable = !1, this.noDrag = !1, this.noSelect = !1, this.noDragInside = !1, this.sortableGroup = void 0, this.expandButtonPlacement = "start", this.noForwardExpandButtonPlacement = !1, this.disabledSyncCheckboxes = !1, this.partialSyncCheckboxes = !1, this.previouslySelected = !1, this.focusable = !1, this.indeterminate = !1, this.isLeaf = !1, this.loading = !1, this.selectable = !1, this.sortableInstance = null, this.onDragStart = (e) => {
+    super(), this.localize = new M(this), this.expanded = !1, this.selected = !1, this.disabled = !1, this.readonly = !1, this.lazy = !1, this.href = "", this.rel = "noreferrer noopener", this.itemId = "", this.sortable = !1, this.noDrag = !1, this.noSelect = !1, this.noDragInside = !1, this.sortableGroup = void 0, this.expandButtonPlacement = "start", this.noForwardExpandButtonPlacement = !1, this.disabledSyncCheckboxes = !1, this.partialSyncCheckboxes = !1, this.previouslySelected = !1, this.focusable = !1, this.indeterminate = !1, this.isLeaf = !1, this.loading = !1, this.selectable = !1, this.sortableInstance = null, this.onDragStart = (e) => {
       if (e.dataTransfer) {
         const t = this.cloneNode(!0);
         t.style.backgroundColor = "red", t.style.display = "none", this.ownerDocument.body.appendChild(t), e.dataTransfer.setDragImage(t, 0, 0);
@@ -641,15 +644,16 @@ let a = class extends N {
       () => g`
             <cx-checkbox
               part="checkbox"
+              aria-label=${this.localize.term("checkbox")}
               exportparts="
-                    base:checkbox__base,
-                    control:checkbox__control,
-                    control--checked:checkbox__control--checked,
-                    control--indeterminate:checkbox__control--indeterminate,
-                    checked-icon:checkbox__checked-icon,
-                    indeterminate-icon:checkbox__indeterminate-icon,
-                    label:checkbox__label
-                  "
+                base:checkbox__base,
+                control:checkbox__control,
+                control--checked:checkbox__control--checked,
+                control--indeterminate:checkbox__control--indeterminate,
+                checked-icon:checkbox__checked-icon,
+                indeterminate-icon:checkbox__indeterminate-icon,
+                label:checkbox__label
+              "
               class="tree-item__checkbox"
               ?disabled=${this.disabled}
               ?checked=${W(this.selected)}
@@ -677,7 +681,7 @@ let a = class extends N {
     `);
   }
 };
-a.styles = [M, le];
+a.styles = [N, le];
 a.dependencies = {
   "cx-checkbox": Y,
   "cx-icon": J,
@@ -823,7 +827,7 @@ H("tree-item.collapse", {
   ],
   options: { duration: 200, easing: "cubic-bezier(0.4, 0.0, 0.2, 1)" }
 });
-const pe = R`
+const pe = Z`
   :host {
     /*
      * These are actually used by tree item, but we define them here so they can more easily be set and all tree items
@@ -885,9 +889,9 @@ function A(e, t = !1, i = "single") {
   }
   !e.disabledSyncCheckboxes && i === "multiple" && (e.partialSyncCheckboxes && (e.selected ? e.previouslySelected = !0 : e.previouslySelected = !1), n(e)), X(e, i);
 }
-let c = class extends N {
+let c = class extends R {
   constructor() {
-    super(), this.sortable = !1, this.sortableGroup = null, this.disabledSortableGroup = !1, this.selection = "single", this.disabledAutoExpand = !1, this.autoExpandToSelected = !1, this.expandButtonPlacement = "start", this.noForwardExpandButtonPlacement = !1, this.forceOnChange = !1, this.labelSelectSingle = !1, this.noDragInside = !1, this.noIndeterminatePreviouslySelected = !1, this.focusable = !1, this.clickTarget = null, this.localize = new Z(this), this.sortableInstance = null, this.handleSortableUpdate = this.handleSortableUpdate.bind(this), this.handleSortableStart = this.handleSortableStart.bind(this), this.handleSortableEnd = this.handleSortableEnd.bind(this), this.handleFocusIn = this.handleFocusIn.bind(this), this.handleFocusOut = this.handleFocusOut.bind(this), this.handleSlotChange = this.handleSlotChange.bind(this), this.handleTreeChanged = this.handleTreeChanged.bind(this), this.initTreeItem = this.initTreeItem.bind(this);
+    super(), this.sortable = !1, this.sortableGroup = null, this.disabledSortableGroup = !1, this.selection = "single", this.disabledAutoExpand = !1, this.autoExpandToSelected = !1, this.expandButtonPlacement = "start", this.noForwardExpandButtonPlacement = !1, this.forceOnChange = !1, this.labelSelectSingle = !1, this.noDragInside = !1, this.focusable = !1, this.clickTarget = null, this.localize = new M(this), this.sortableInstance = null, this.handleSortableUpdate = this.handleSortableUpdate.bind(this), this.handleSortableStart = this.handleSortableStart.bind(this), this.handleSortableEnd = this.handleSortableEnd.bind(this), this.handleFocusIn = this.handleFocusIn.bind(this), this.handleFocusOut = this.handleFocusOut.bind(this), this.handleSlotChange = this.handleSlotChange.bind(this), this.handleTreeChanged = this.handleTreeChanged.bind(this), this.initTreeItem = this.initTreeItem.bind(this);
   }
   runConnectedCallback() {
     if (this.addEventListener("focusin", this.handleFocusIn), this.addEventListener("focusout", this.handleFocusOut), this.addEventListener("cx-lazy-change", this.handleSlotChange), this.setAttribute("role", "tree"), this.setAttribute("tabindex", "0"), this.mutationObserver = new MutationObserver(this.handleTreeChanged), this.mutationObserver.observe(this, { childList: !0, subtree: !0 }), this.autoExpandToSelected) {
@@ -956,7 +960,7 @@ let c = class extends N {
     if (this.selection === "multiple")
       t && await Promise.all(
         n.map(async (o) => {
-          o.selected = !1, o.indeterminate = !1, await o.updateComplete;
+          o.selected = !1, o.indeterminate = !1, o.previouslySelected = !1, await o.updateComplete;
         })
       ), e.selected = t || !e.selected, e.lazy && !this.disabledAutoExpand && (e.expanded = !0), A(e, !1, this.selection);
     else if ((this.selection === "single" || e.isLeaf) && !e.noSelect)
@@ -1109,7 +1113,7 @@ let c = class extends N {
    * @internal
    */
   get selectedItems() {
-    const e = this.getAllTreeItems(), t = (i) => i.partialSyncCheckboxes ? i.selected || i.indeterminate && i.previouslySelected && !this.noIndeterminatePreviouslySelected : i.selected;
+    const e = this.getAllTreeItems(), t = (i) => i.partialSyncCheckboxes ? i.selected || i.indeterminate && i.previouslySelected : i.selected;
     return e.filter(t);
   }
   /**
@@ -1123,7 +1127,7 @@ let c = class extends N {
       if (i.disabled || i.readonly)
         return !1;
       const n = i.parentElement?.closest("[role=treeitem]");
-      return n && (!n.expanded || n.loading || t.has(n)) && t.add(i), !t.has(i);
+      return n instanceof a ? (n && (!n.expanded || n.loading || t.has(n)) && t.add(i), !t.has(i)) : !0;
     });
   }
   render() {
@@ -1144,7 +1148,7 @@ let c = class extends N {
     `;
   }
 };
-c.styles = [M, pe];
+c.styles = [N, pe];
 h([
   f("slot:not([name])")
 ], c.prototype, "defaultSlot", 2);
@@ -1191,13 +1195,6 @@ h([
 h([
   l({ attribute: "no-drag-inside", reflect: !0, type: Boolean })
 ], c.prototype, "noDragInside", 2);
-h([
-  l({
-    attribute: "no-indeterminate-previously-selected",
-    reflect: !0,
-    type: Boolean
-  })
-], c.prototype, "noIndeterminatePreviouslySelected", 2);
 h([
   l({ reflect: !0, type: Boolean })
 ], c.prototype, "focusable", 2);

package/library/chunks/{typography.BFpl0WMA.js → typography.oDzoLbZS.js}

@@ -1,7 +1,9 @@
-import { i as f, n as v, C as c, x as i, c as d } from "./custom-element.vnXBMQxc.js";
-import { c as x } from "./component.styles.CI-v8BZa.js";
+import { n as f, C as v } from "./lib-cortex-element.CVMmyPMC.js";
+import { c } from "./component.styles.DMSLciL5.js";
+import { c as d } from "./custom-element.L4WJXn1j.js";
+import { i as m, x as i } from "./lit-element.jLBm65_O.js";
 var t = /* @__PURE__ */ ((e) => (e.Body1 = "body1", e.Body2 = "body2", e.Body3 = "body3", e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e.H5 = "h5", e.H6 = "h6", e.Small = "small", e))(t || {});
-const m = f`
+const x = m`
   :host {
     --color: inherit;
     --font-family: var(--cx-font-sans);
@@ -87,12 +89,12 @@ const m = f`
     line-height: var(--line-height, var(--cx-line-height-small));
   }
 `;
-var b = Object.defineProperty, w = Object.getOwnPropertyDescriptor, g = (e, n, o, s) => {
-  for (var a = s > 1 ? void 0 : s ? w(n, o) : n, l = e.length - 1, h; l >= 0; l--)
-    (h = e[l]) && (a = (s ? h(n, o, a) : h(a)) || a);
-  return s && a && b(n, o, a), a;
+var b = Object.defineProperty, w = Object.getOwnPropertyDescriptor, g = (e, n, o, r) => {
+  for (var a = r > 1 ? void 0 : r ? w(n, o) : n, l = e.length - 1, h; l >= 0; l--)
+    (h = e[l]) && (a = (r ? h(n, o, a) : h(a)) || a);
+  return r && a && b(n, o, a), a;
 };
-let r = class extends c {
+let s = class extends v {
   constructor() {
     super(...arguments), this.variant = t.Body1;
   }
@@ -134,14 +136,14 @@ let r = class extends c {
     return i`<p part="base" class="body body-2"><slot></slot></p>`;
   }
 };
-r.styles = [x, m];
+s.styles = [c, x];
 g([
-  v({ type: String })
-], r.prototype, "variant", 2);
-r = g([
+  f({ type: String })
+], s.prototype, "variant", 2);
+s = g([
   d("cx-typography")
-], r);
+], s);
 export {
-  r as C,
+  s as C,
   t as T
 };

package/library/chunks/{unsafe-html.DyO9_Rsq.js → unsafe-html.Dff7-rCx.js}

@@ -1,4 +1,4 @@
-import { E as r, T as s } from "./custom-element.vnXBMQxc.js";
+import { E as r, T as s } from "./lit-element.jLBm65_O.js";
 import { i as n, t as o, e as c } from "./directive.oAbCiebi.js";
 /**
  * @license

package/library/chunks/url.LjsR2sB5.js

@@ -0,0 +1,15 @@
+const c = (a, t = "https://", d = !1) => d && a.match(s) || a.match(/^[a-zA-Z][a-zA-Z\d+\-.]*:\/\//) ? a : `${t}${a}`, _ = (a) => {
+  try {
+    return new URL(a), new RegExp(z, "i").test(a);
+  } catch {
+    return !1;
+  }
+}, s = "^(?![a-zA-Z][a-zA-Z\\d+\\-.]*:\\/\\/)(?!([a-zA-Z0-9-]+\\.)+[a-zA-Z]{2,}($|\\/))[^\\s]+$", z = "^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[^\\s]*)?$", e = "^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.){2,}[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[^\\s]*)?$", r = "^(https?:\\/\\/)((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[^\\s]*)?$";
+export {
+  s as R,
+  e as U,
+  c as a,
+  z as b,
+  r as c,
+  _ as i
+};

package/library/chunks/user-agent.D9aPuOyL.js

@@ -0,0 +1,4 @@
+const e = () => navigator.userAgent.includes("Cortex") || navigator.userAgent.includes("Photoshop") || navigator.userAgent.includes("AfterEffect") || navigator.userAgent.includes("Illustrator");
+export {
+  e as i
+};