@orangelogic/design-system 2.190.0 → 2.192.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.BfIEi4p4.js

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