@orangelogic/design-system 2.191.0 → 2.193.0

package/library/chunks/{toast.CXEAfCvN.js → toast.C5Ir5yKA.js}

@@ -1,4 +1,4 @@
-import { D as f } from "./transformation.8uLv6uwG.js";
+import { D as f } from "./content-builder.BX4pHujE.js";
 function h(n, e) {
   return n.filter((r, t) => t !== e);
 }

package/library/chunks/transformation.CkwgrwKQ.js

@@ -0,0 +1,312 @@
+import { C as $, T as m, U as p } from "./asset-link-format.ClaYu_v8.js";
+import { P as y } from "./position-picker.DjnhxIKF.js";
+const g = "/AssetLink/", N = {
+  [y.BottomCenter]: $.South,
+  [y.BottomLeft]: $.Southwest,
+  [y.BottomRight]: $.Southeast,
+  [y.CenterCenter]: $.Center,
+  [y.CenterLeft]: $.West,
+  [y.CenterRight]: $.East,
+  [y.TopCenter]: $.North,
+  [y.TopLeft]: $.Northwest,
+  [y.TopRight]: $.Northeast
+}, R = "/t/", S = [400, 800, 1200, 1600, 2400], E = 0.15;
+function O({
+  asset: t,
+  baseUrl: n,
+  extension: i,
+  options: d,
+  parameters: u,
+  transformations: r,
+  useSession: l = ""
+}) {
+  if (n == null)
+    return "";
+  let s = n;
+  const h = r?.findLast(
+    (c) => c.key === m.Quality
+  );
+  if (h && (r = [
+    ...r?.filter(
+      (c) => c.key !== m.Quality
+    ) || [],
+    h
+  ]), r) {
+    const c = [];
+    for (let e = 0; e < r.length; e++) {
+      const f = r[e];
+      if (f.key === m.Rotate) {
+        let o = f.value.rotation ?? 0;
+        for (; r[e + 1]?.key === m.Rotate; )
+          e++, o += r[e].value.rotation ?? 0;
+        o !== 0 && c.push({ key: m.Rotate, value: { rotation: o } });
+      } else
+        c.push(f);
+    }
+    r = c;
+  }
+  r && r.length > 0 && (s += "/t/"), r?.forEach(({ key: c, value: e }) => {
+    if (c === m.Resize) {
+      if (e.unit === p.AspectRatio && e.ratioWidth && e.ratioHeight) {
+        s += `re_ar_${e.ratioWidth}:${e.ratioHeight}/`;
+        return;
+      }
+      const f = [
+        ...[
+          {
+            key: "re_w_",
+            value: Math.round(e.width ?? 0)
+          },
+          {
+            key: "re_h_",
+            value: Math.round(e.height ?? 0)
+          }
+        ].filter((o) => o.value !== void 0).map((o) => ({
+          key: o.key,
+          value: Math.round(Number(o.value))
+        })),
+        {
+          key: "re_rm_",
+          value: "stretch"
+        }
+      ];
+      f.forEach(({ key: o, value: _ }, k) => {
+        s += `${o}${_}${k < f.length - 1 ? "," : ""}`;
+      }), s += "/";
+    }
+    if (c === m.Crop) {
+      const f = e.unit === p.AspectRatio && !!e.ratioWidth && !!e.ratioHeight, o = !e.disabledSize && !f, _ = o && (e.x !== void 0 || e.y !== void 0), k = [
+        ...[
+          {
+            key: "c_",
+            value: e.mode
+          },
+          ...f ? [
+            {
+              key: "ar_",
+              value: `${e.ratioWidth}:${e.ratioHeight}`
+            }
+          ] : [],
+          ...o ? [
+            {
+              key: "c_w_",
+              value: Math.round(e.width ?? 0)
+            },
+            {
+              key: "c_h_",
+              value: Math.round(e.height ?? 0)
+            },
+            {
+              key: "c_x_",
+              value: Math.round(e.x ?? 0) === 0 && d?.omitZeroXY ? void 0 : Math.round(e.x ?? 0)
+            },
+            {
+              key: "c_y_",
+              value: Math.round(e.y ?? 0) === 0 && d?.omitZeroXY ? void 0 : Math.round(e.y ?? 0)
+            }
+          ] : [],
+          ...!_ && e.focusMode && e.focusMode !== "manual" ? [
+            {
+              key: e.isFocusModeAuto ? "acm_" : "c_g_",
+              value: e.focusMode
+            }
+          ] : [],
+          ...!_ && e.focusMode === "manual" && e.position ? [
+            {
+              key: "c_g_",
+              value: N[e.position]
+            }
+          ] : []
+        ].filter((T) => T.value !== void 0 && T.value !== null).map((T) => ({
+          key: T.key,
+          value: T.value
+        })),
+        ...f ? [] : [
+          {
+            key: "c_whu_",
+            value: "pixel"
+          }
+        ]
+      ];
+      k.forEach(({ key: T, value: v }, x) => {
+        const I = ["c_w_", "c_h_", "c_x_", "c_y_"].includes(T);
+        s += `${T}${I ? Math.round(Number(v)) : v}${x < k.length - 1 ? "," : ""}`;
+      }), s += "/";
+    }
+    if (c === m.Rotate && ([
+      {
+        key: "r_a_",
+        value: e.rotation
+      }
+    ].filter((o) => o.value !== void 0).map((o) => ({
+      key: o.key,
+      value: Math.round(Number(o.value))
+    })).forEach(({ key: o, value: _ }) => {
+      s += `${o}${_}`;
+    }), s += "/"), c === m.Quality) {
+      const f = [
+        {
+          key: "q_level_",
+          value: e.quality
+        }
+      ].filter((o) => o.value !== void 0).map((o) => ({
+        key: o.key,
+        value: Math.round(Number(o.value))
+      }));
+      f.forEach(({ key: o, value: _ }, k) => {
+        s += `${o}${_}${k < f.length - 1 ? "," : ""}`;
+      }), s += "/";
+    }
+    if (c === m.Metadata) {
+      const f = [
+        {
+          key: "fl_keep_metadata",
+          value: e.keepMetadata
+        }
+      ].filter((o) => o.value !== void 0).map((o) => ({ key: o.key, value: o.value }));
+      f.forEach(({ key: o }, _) => {
+        s += `${o}${_ < f.length - 1 ? "," : ""}`;
+      }), s += "/";
+    }
+  }), i && (s += `${t?.identifier ?? crypto.randomUUID()}${i}`);
+  const a = [];
+  return u && u.length > 0 && u.forEach(({ key: c, value: e }) => {
+    a.push(
+      `${encodeURIComponent(c.trim())}=${encodeURIComponent(e.trim())}`
+    );
+  }), n && l && a.push(`UseSession=${encodeURIComponent(l)}`), a.length > 0 && (s += `?${a.join("&")}`), s.endsWith("/") && (s = s.slice(0, -1)), s;
+}
+function z(t, n) {
+  if (!t || !n?.length)
+    return t;
+  const i = O({ baseUrl: "", transformations: n }).replace(
+    /\/t\//g,
+    ""
+  );
+  if (!i)
+    return t;
+  const d = t.indexOf(g);
+  if (d < 0)
+    return `${t}/t/${i}`;
+  const u = t.slice(0, d + g.length), r = t.slice(d + g.length), l = r.indexOf("/t/");
+  if (l >= 0) {
+    const h = r.slice(0, l);
+    return `${u}${h}/t/${i}`;
+  }
+  const s = r.indexOf("/");
+  if (s >= 0) {
+    const h = r.slice(0, s), a = r.slice(s);
+    return `${u}${h}/t/${i}${a}`;
+  }
+  return `${t}/t/${i}`;
+}
+function F(t) {
+  return `re_w_${Math.round(t)}`;
+}
+function C(t, n) {
+  if (!t || !Number.isFinite(n) || n <= 0)
+    return t;
+  const i = t.indexOf(g);
+  if (i < 0)
+    return t;
+  const d = F(n), u = t.slice(0, i + g.length), r = t.slice(i + g.length), l = r.indexOf(R);
+  if (l >= 0) {
+    const h = r.slice(0, l), a = r.slice(
+      l + R.length
+    );
+    return `${u}${h}${R}${d}/${a}`;
+  }
+  const s = r.indexOf("/");
+  if (s >= 0) {
+    const h = r.slice(0, s), a = r.slice(s);
+    return `${u}${h}${R}${d}${a}`;
+  }
+  return `${u}${r}${R}${d}`;
+}
+function W(t) {
+  const n = t.indexOf(g);
+  return n < 0 ? !1 : t.slice(n + g.length).includes(R);
+}
+const A = "TRX", M = "TR1", w = /* @__PURE__ */ new Set(["gif", "png", "tif", "tiff"]);
+function b(t) {
+  if (!t)
+    return "";
+  const n = t.trim().toLowerCase();
+  return n.startsWith(".") ? n.slice(1) : n;
+}
+function L(t) {
+  return b(t) === "gif";
+}
+const U = 10 * 1024 * 1024, B = {
+  b: 1,
+  byte: 1,
+  bytes: 1,
+  gb: 1024 ** 3,
+  kb: 1024,
+  mb: 1024 ** 2,
+  tb: 1024 ** 4
+};
+function G(t) {
+  if (typeof t == "number")
+    return Number.isFinite(t) && t >= 0 ? t : void 0;
+  if (!t)
+    return;
+  const n = /^\s*([\d.,]+)\s*([a-z]*)\s*$/i.exec(t);
+  if (!n)
+    return;
+  const i = Number(n[1].replace(/,/g, ""));
+  if (!Number.isFinite(i) || i < 0)
+    return;
+  const d = n[2].toLowerCase();
+  if (!d)
+    return i;
+  const u = B[d];
+  return u === void 0 ? void 0 : i * u;
+}
+function D(t, n) {
+  if (t)
+    return;
+  const i = typeof n == "number" ? n : Number(n ?? "");
+  return Number.isFinite(i) && i > 0 ? i : void 0;
+}
+function X(t, n) {
+  if (!w.has(b(t)))
+    return M;
+  const i = G(n);
+  return i !== void 0 && i > U ? M : A;
+}
+function Y(t, n = {}) {
+  if (!t.includes(g) || W(t) || n.format === A && L(n.extension))
+    return "";
+  const { maxWidth: i, widths: d = S } = n, u = [...d].filter((a) => Number.isFinite(a) && a > 0).sort((a, c) => a - c);
+  if (u.length === 0)
+    return "";
+  let r = u;
+  if (i !== void 0 && Number.isFinite(i) && i > 0) {
+    const a = u.filter((c) => c <= i);
+    r = a.length > 0 ? a : [u[0]];
+  }
+  const l = i !== void 0 && Number.isFinite(i) && i > 0, h = (l ? r.filter(
+    (a) => i > a * (1 + E)
+  ) : r).map(
+    (a) => `${C(t, a)} ${a}w`
+  );
+  return l && h.push(`${t} ${i}w`), h.join(", ");
+}
+function H(t, n = 100) {
+  return !Number.isFinite(t) || t <= 0 ? "" : `${Math.ceil(t / n) * n}px`;
+}
+export {
+  M as A,
+  S,
+  D as a,
+  Y as b,
+  z as c,
+  O as d,
+  H as e,
+  C as f,
+  U as g,
+  W as h,
+  G as p,
+  X as r
+};

package/library/components/asset-link-format.js

@@ -3,7 +3,7 @@ import "../chunks/button.BnkkUqiI.js";
 import "./space.js";
 import "../chunks/typography.IqHbnd3C.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
-import { C as h } from "../chunks/asset-link-format.CEDcHah6.js";
+import { C as h } from "../chunks/asset-link-format.BX1hdLgZ.js";
 import "../chunks/component.styles.CRO4Odto.js";
 import "../chunks/asset-link-format.ClaYu_v8.js";
 import "../chunks/position-picker.DjnhxIKF.js";
@@ -11,7 +11,7 @@ import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.DbXTTLXx.js";
 import "../chunks/watch.DJF5K-8U.js";
 import "../chunks/number.Cx2ncfJJ.js";
-import "../chunks/transformation.8uLv6uwG.js";
+import "../chunks/transformation.CkwgrwKQ.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/state.CSDxrqLd.js";
 import "../chunks/when.Dr1es41R.js";

package/library/components/atoms.js

@@ -18,9 +18,9 @@ import { default as q } from "./copy-button.js";
 import { default as K } from "./date-calendar.js";
 import { default as W } from "./details.js";
 import { default as Y } from "./diff.js";
-import { C as _ } from "../chunks/dialog.CWGtufDA.js";
+import { C as _ } from "../chunks/dialog.B6hZ7fvn.js";
 import { default as oe } from "./divider.js";
-import { C as ae } from "../chunks/document-viewer.C90j1Xrr.js";
+import { C as ae } from "../chunks/document-viewer.DZsbpf0x.js";
 import { C as xe } from "../chunks/dot-pagination.BqGFeFXK.js";
 import { default as me } from "./dot-status.js";
 import { default as pe } from "./drawer.js";
@@ -39,7 +39,7 @@ import { f } from "../chunks/icon.CpHbi8tH.js";
 import { C as Fe } from "../chunks/icon.CpHbi8tH.js";
 import { C as Oe } from "../chunks/icon-button.CVrxJcZq.js";
 import { C as Ee } from "../chunks/iframe.-GCTFas1.js";
-import { C as Le } from "../chunks/image.CTMzUqCC.js";
+import { C as Le } from "../chunks/image.BSvc6eti.js";
 import { default as je } from "./image-comparer.js";
 import { default as Qe } from "./include.js";
 import { C as qe } from "../chunks/input.33UmFGqR.js";

package/library/components/color-swatch-group.js

@@ -3,13 +3,13 @@ import "../chunks/typography.IqHbnd3C.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/color-swatch.D6Gg5bpz.js";
 import "../chunks/component.styles.CRO4Odto.js";
-import { C as v } from "../chunks/color-swatch-group.tnhiQ0jp.js";
-import "../chunks/transformation.8uLv6uwG.js";
+import { C as v } from "../chunks/color-swatch-group.BpEQJM1b.js";
+import "../chunks/content-builder.BX4pHujE.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/debounce.DaHuiSGU.js";
 import "../chunks/i18n.DbXTTLXx.js";
 import "../chunks/watch.DJF5K-8U.js";
-import "../chunks/toast.CXEAfCvN.js";
+import "../chunks/toast.C5Ir5yKA.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/state.CSDxrqLd.js";
 import "../chunks/query.BBf1UFkC.js";

package/library/components/confirm-popover.js

@@ -1,10 +1,10 @@
 import "../chunks/button.BnkkUqiI.js";
-import "../chunks/dialog.CWGtufDA.js";
+import "../chunks/dialog.B6hZ7fvn.js";
 import "./dropdown.js";
 import "../chunks/typography.IqHbnd3C.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CRO4Odto.js";
-import { C as x } from "../chunks/confirm-popover.CrQKEChc.js";
+import { C as x } from "../chunks/confirm-popover.jCP9CdcD.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.DbXTTLXx.js";
 import "../chunks/lit-element.jLBm65_O.js";

package/library/components/cropper.js

@@ -648,7 +648,7 @@ const We = w.forwardRef(
     w.useEffect(() => () => {
       $.current && clearTimeout($.current);
     }, []);
-    const R = w.useMemo(() => r, [r.url, r.width, r.height, r.rotation, r.extension, r.originalUrl, r.x, r.y]), I = w.useMemo(() => l, [l.width, l.height, l.maxWidth, l.maxHeight]), J = w.useCallback(() => {
+    const R = w.useMemo(() => r, [r.url, r.width, r.height, r.rotation, r.extension, r.x, r.y]), I = w.useMemo(() => l, [l.width, l.height, l.maxWidth, l.maxHeight]), J = w.useCallback(() => {
       if (!M.current)
         return { maxHeight: 0, maxWidth: 0 };
       let m = 0, y = 0;

package/library/components/dialog.js

@@ -1,6 +1,6 @@
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CRO4Odto.js";
-import { C as q } from "../chunks/dialog.CWGtufDA.js";
+import { C as q } from "../chunks/dialog.B6hZ7fvn.js";
 import "../chunks/event.BeKOsirN.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.DbXTTLXx.js";

package/library/components/document-viewer.js

@@ -1,5 +1,5 @@
 import "../chunks/resizable-component.styles.CAfXABBc.js";
-import { C as b } from "../chunks/document-viewer.C90j1Xrr.js";
+import { C as b } from "../chunks/document-viewer.DZsbpf0x.js";
 import "../chunks/component.styles.CRO4Odto.js";
 import "../chunks/index.Cpamj0jB.js";
 import "../chunks/custom-element.L4WJXn1j.js";
@@ -10,7 +10,7 @@ import "../chunks/state.CSDxrqLd.js";
 import "../chunks/class-map.BiVq-cVR.js";
 import "../chunks/when.Dr1es41R.js";
 import "../chunks/icon.CpHbi8tH.js";
-import "../chunks/image.CTMzUqCC.js";
+import "../chunks/image.BSvc6eti.js";
 import "../chunks/typography.IqHbnd3C.js";
 export {
   b as default

package/library/components/drawer.js

@@ -38,7 +38,7 @@ let t = class extends k {
     this.drawer.hidden = !this.open, this.open && (this.addOpenListeners(), this.contained || (this.modal.activate(), w(this)));
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), u(this), this.removeOpenListeners();
+    super.disconnectedCallback(), this.modal.deactivate(), this.originalTrigger = null, u(this), this.removeOpenListeners();
   }
   willUpdate(e) {
     if (super.willUpdate(e), !e.has("open"))
@@ -131,7 +131,7 @@ let t = class extends k {
         })
       ]), this.drawer.hidden = !0, this.isClosing = !1, this.overlay.hidden = !1, this.panel.hidden = !1;
       const i = this.originalTrigger;
-      typeof i?.focus == "function" && setTimeout(() => i.focus()), this.resetMultipleMenus(), this.emit("cx-after-hide");
+      this.originalTrigger = null, typeof i?.focus == "function" && setTimeout(() => i.focus()), this.resetMultipleMenus(), this.emit("cx-after-hide");
     }
   }
   handleNoModalChange() {

package/library/components/file-on-demand.js

@@ -17,7 +17,7 @@ import { b as At } from "../chunks/_baseEach.DQk0As2f.js";
 import { b as Dt } from "../chunks/_baseIteratee.sC2wLi2m.js";
 import Tt from "./avatar.js";
 import { C as zt } from "../chunks/button.BnkkUqiI.js";
-import { C as Pt } from "../chunks/dialog.CWGtufDA.js";
+import { C as Pt } from "../chunks/dialog.B6hZ7fvn.js";
 import Et from "./divider.js";
 import nt from "./format-bytes.js";
 import { C as vt } from "../chunks/icon-button.CVrxJcZq.js";
@@ -31,7 +31,7 @@ import { C as Ot } from "../chunks/tab-group.uSHlsFu8.js";
 import Nt from "./tab-panel.js";
 import bt from "./tooltip.js";
 import { C as rt } from "../chunks/typography.IqHbnd3C.js";
-import { C as jt } from "../chunks/confirm-popover.CrQKEChc.js";
+import { C as jt } from "../chunks/confirm-popover.jCP9CdcD.js";
 import { d as Bt } from "../chunks/debounce.DaHuiSGU.js";
 import { c as Z } from "../chunks/number.Cx2ncfJJ.js";
 import { i as X, b as pt } from "../chunks/url.CGdWC06g.js";

package/library/components/image.js

@@ -1,7 +1,7 @@
 import "../chunks/resizable-component.styles.CAfXABBc.js";
 import "../chunks/component.styles.CRO4Odto.js";
 import "../chunks/index.Cpamj0jB.js";
-import { C as y } from "../chunks/image.CTMzUqCC.js";
+import { C as w } from "../chunks/image.BSvc6eti.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/debounce.DaHuiSGU.js";
 import "../chunks/i18n.DbXTTLXx.js";
@@ -21,7 +21,6 @@ import "./popup.js";
 import "./resize-observer.js";
 import "./skeleton.js";
 import "./space.js";
-import "./spinner.js";
 export {
-  y as default
+  w as default
 };