@orangelogic/design-system 2.192.0 → 2.194.0

package/library/chunks/{color-swatch-group.NOcRP-23.js → color-swatch-group.D1p1ayBo.js}

@@ -48,7 +48,7 @@ import "./form.DSsy3Fcy.js";
 import "./purify.es.BIuh5IAZ.js";
 import { D as Ur, a as sa, t as oa, b as Kr } from "./date-picker.BGHn6qg8.js";
 import { D as Ti } from "./content-builder.BX4pHujE.js";
-import "./transformation.BfIEi4p4.js";
+import "./transformation.JkkMVin_.js";
 import { s as P, h as Bo, b as Ui, c as lo } from "./string.CfI2ejyR.js";
 import { a as ra } from "./_commonjsHelpers.DQNKXVTB.js";
 import { d as na } from "./debounce.Bv1rtE8D.js";

package/library/chunks/{document-viewer.CRluR-_W.js → document-viewer.DnowPH70.js}

@@ -25,7 +25,7 @@ import { w as watch } from "./watch.DJF5K-8U.js";
 import "./date-picker.BGHn6qg8.js";
 import { f as fetchCortexApi } from "./content-builder.BX4pHujE.js";
 import "./unsafe-html.Dff7-rCx.js";
-import "./transformation.BfIEi4p4.js";
+import "./transformation.JkkMVin_.js";
 import { r as reactExports, a as React, j as jsxRuntimeExports, w, R as ReactDOM } from "./jsx-runtime.CTpPVMxj.js";
 import { a as getDefaultExportFromCjs, c as commonjsGlobal } from "./_commonjsHelpers.DQNKXVTB.js";
 import { r as require$$0 } from "./___vite-browser-external_commonjs-proxy.C2tf3HsQ.js";
@@ -35,7 +35,7 @@ import { a as ObjectFit } from "./index.Cpamj0jB.js";
 import { r as r$1 } from "./state.CSDxrqLd.js";
 import { e } from "./class-map.BiVq-cVR.js";
 import { n as n$1 } from "./when.Dr1es41R.js";
-import { C as CxImage } from "./image.CiQwSDfe.js";
+import { C as CxImage } from "./image.BSvc6eti.js";
 var BookReaderMode$1 = /* @__PURE__ */ ((l) => (l.Image = "Image", l.Pdf = "Pdf", l))(BookReaderMode$1 || {}), BookReaderViewMode = /* @__PURE__ */ ((l) => (l.FourPage = "FourPage", l.OnePage = "OnePage", l.TwoPage = "TwoPage", l))(BookReaderViewMode || {});
 function commonjsRequire(l) {
   throw new Error('Could not dynamically require "' + l + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');

package/library/chunks/{image.CiQwSDfe.js → image.BSvc6eti.js}

@@ -575,13 +575,17 @@ let n = class extends Re {
       [`image--height-${this.heightMode}`]: !0,
       "image--can-zoom": this.canZoom,
       "image--has-action": this.hasZoomAction,
-      "image--hidden": !this.currentSrc && !this.placeholder || this.isError || this.isRetrying
+      "image--hidden": this.isEmpty || this.isError || this.isRetrying
     };
   }
   /** The crossorigin value for the `<img>`; `undefined` (attribute omitted) when `noCrossorigin` is set. */
   get crossorigin() {
     return this.noCrossorigin ? void 0 : "anonymous";
   }
+  /** Whether there is nothing to display: no source and no placeholder to stand in for one. */
+  get isEmpty() {
+    return !this.currentSrc && !this.placeholder;
+  }
   /**
    * Whether to hold the box with a skeleton rather than the loaded image.
    *
@@ -591,7 +595,7 @@ let n = class extends Re {
    * which reads as a layout change on an image-heavy page.
    */
   get showPlaceholderSkeleton() {
-    return this.isError ? !1 : this.skeleton && !this.isLoaded || this.loading || this.isRetrying;
+    return this.isError ? !1 : this.isEmpty ? this.loading : this.skeleton && !this.isLoaded || this.loading || this.isRetrying;
   }
   /**
    * Whether the image have zoom action.
@@ -713,16 +717,16 @@ let n = class extends Re {
     )}</div>`;
   }
   render() {
-    const i = this.hasZoomAction, t = this.currentAltValue, o = !this.currentSrc && !this.placeholder;
+    const i = this.hasZoomAction, t = this.currentAltValue;
     return L`<div part="base" class=${S({
       container: !0,
-      "container--empty": o,
+      "container--empty": this.isEmpty,
       "container--loading": this.loading,
       "container--resizing": this.resizable && this.isResizeActive
     })} style=${Me({
       "--easing": this.easeCSSVariable
-    })} data-empty-label=${this.localize.term("emptyImage")} @click=${this.startResizing} @keydown=${this.handleKeyDown}><cx-resize-observer @cx-resize=${this.handleResize}><div part="highlighter" tabindex=${R(this.highlighterTabindex)} role=${this.highlighterRole} aria-label=${t} aria-roledescription=${this.localize.term("image")} class=${S(o ? {} : this.getHighlighterClass(this.isError))} @click=${this.handleClickAction} @mouseenter=${this.handleMouseEnter} @mouseleave=${this.handleMouseLeave} @blur=${this.handleBlur}>${A(
-      o,
+    })} data-empty-label=${this.localize.term("emptyImage")} @click=${this.startResizing} @keydown=${this.handleKeyDown}><cx-resize-observer @cx-resize=${this.handleResize}><div part="highlighter" tabindex=${R(this.highlighterTabindex)} role=${this.highlighterRole} aria-label=${t} aria-roledescription=${this.localize.term("image")} class=${S(this.isEmpty ? {} : this.getHighlighterClass(this.isError))} @click=${this.handleClickAction} @mouseenter=${this.handleMouseEnter} @mouseleave=${this.handleMouseLeave} @blur=${this.handleBlur}>${A(
+      this.isEmpty,
       () => X,
       () => A(
         this.effect === K.Jump || this.effect === K.Zoom,

package/library/chunks/transformation.JkkMVin_.js

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

package/library/components/atoms.js

@@ -20,7 +20,7 @@ import { default as W } from "./details.js";
 import { default as Y } from "./diff.js";
 import { C as _ } from "../chunks/dialog.B6hZ7fvn.js";
 import { default as oe } from "./divider.js";
-import { C as ae } from "../chunks/document-viewer.CRluR-_W.js";
+import { C as ae } from "../chunks/document-viewer.DnowPH70.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.CiQwSDfe.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,7 +3,7 @@ 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.NOcRP-23.js";
+import { C as v } from "../chunks/color-swatch-group.D1p1ayBo.js";
 import "../chunks/content-builder.BX4pHujE.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/debounce.DaHuiSGU.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.CRluR-_W.js";
+import { C as b } from "../chunks/document-viewer.DnowPH70.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.CiQwSDfe.js";
+import "../chunks/image.BSvc6eti.js";
 import "../chunks/typography.IqHbnd3C.js";
 export {
   b as default

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 w } from "../chunks/image.CiQwSDfe.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";