@orangelogic/design-system 3.6.0 → 3.7.0

package/library/chunks/{color-swatch-group.Bz2acokX.js → color-swatch-group.DJqdDogB.js}

@@ -48,7 +48,7 @@ import "./form.C8LMdQB4.js";
 import "./purify.es.BIuh5IAZ.js";
 import { D as Yr, a as la, t as ha, b as Zr } from "./date-picker.BGHn6qg8.js";
 import { D as Ti } from "./content-builder.BX4pHujE.js";
-import "./transformation.CkwgrwKQ.js";
+import "./transformation.JkkMVin_.js";
 import { s as P, h as $o, b as Ui, c as lo } from "./string.Demn8Xmk.js";
 import { a as ca } from "./_commonjsHelpers.DQNKXVTB.js";
 import { d as da } from "./debounce.Bv1rtE8D.js";

package/library/chunks/{document-viewer.BZw451dy.js → document-viewer.CXynVA4R.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.CkwgrwKQ.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";

package/library/chunks/{index.Bf5ia_yC.js → index.Cszcira8.js}

@@ -13,7 +13,7 @@ import { b as Ke } from "./_baseIteratee.sC2wLi2m.js";
 import { a as c1 } from "./toString.B1zKIiZc.js";
 import { b as d1 } from "./cloneDeep.tKGbEwzn.js";
 import { c as s1 } from "./_baseClone.ipmFlCAx.js";
-import { I as je, C as Ve, a as o1, b as He, S as z, D as h1, c as l1, A as _e, g as g1, i as C1, F as y1, d as x1, t as b1, e as k1, f as p1, h as u1, j as f1, k as A1, l as B1, m as D1, n as F1, o as E1, p as v1, q as $1, r as w1, O as S1 } from "./types.BjHMUzQj.js";
+import { I as je, C as Ve, a as o1, b as He, S as z, D as h1, c as l1, A as _e, g as g1, i as C1, F as y1, d as x1, t as b1, e as k1, f as p1, h as u1, j as f1, k as A1, l as B1, m as D1, n as F1, o as E1, p as v1, q as $1, r as w1, O as S1 } from "./types.D9i8EgKJ.js";
 import { C as ce } from "./button.w0zH5Ivx.js";
 import I1 from "../components/button-group.js";
 import _1 from "../components/card.js";
@@ -59,11 +59,11 @@ import { n as $ } from "./when.Dr1es41R.js";
 import { a as l0 } from "./_baseXor.DixEm6JQ.js";
 import { a as g0, i as qe, b as C0 } from "./isArrayLikeObject.D7afXo-f.js";
 import { i as y0 } from "./isEmpty.DtTJTUcf.js";
-import { a as Ae, F as x0, b as b0, c as Le, d as Oe, i as k0, e as Ge, u as Be } from "./asset-link-format.Bj6HJXSZ.js";
+import { a as Ae, F as x0, b as b0, c as Le, d as Oe, i as k0, e as Ge, u as Be } from "./asset-link-format.a59f8lRl.js";
 import p0 from "../components/color-picker.js";
 import { C as Ie } from "./icon-button.BWJ1Vqn5.js";
 import u0 from "../components/spinner.js";
-import { a as f0, d as A0 } from "./color-swatch-group.Bz2acokX.js";
+import { a as f0, d as A0 } from "./color-swatch-group.DJqdDogB.js";
 import { c as ne, C as me, p as B0, a as D0, b as F0, g as ye } from "./color.LzSGBy7o.js";
 import { o as e1 } from "./map.D8heArFD.js";
 import { v as a1 } from "./v4.CKZ6klMF.js";

package/library/chunks/{transformation.CkwgrwKQ.js → transformation.JkkMVin_.js}

@@ -1,22 +1,22 @@
-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({
+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: d,
-  parameters: u,
+  options: f,
+  parameters: c,
   transformations: r,
   useSession: l = ""
 }) {
@@ -24,34 +24,34 @@ function O({
     return "";
   let s = n;
   const h = r?.findLast(
-    (c) => c.key === m.Quality
+    (u) => u.key === $.Quality
   );
   if (h && (r = [
     ...r?.filter(
-      (c) => c.key !== m.Quality
+      (u) => u.key !== $.Quality
     ) || [],
     h
   ]), r) {
-    const c = [];
+    const u = [];
     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; )
+      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 && c.push({ key: m.Rotate, value: { rotation: o } });
+        o !== 0 && u.push({ key: $.Rotate, value: { rotation: o } });
       } else
-        c.push(f);
+        u.push(d);
     }
-    r = c;
+    r = u;
   }
-  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) {
+  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 f = [
+      const d = [
         ...[
           {
             key: "re_w_",
@@ -70,18 +70,18 @@ function O({
           value: "stretch"
         }
       ];
-      f.forEach(({ key: o, value: _ }, k) => {
-        s += `${o}${_}${k < f.length - 1 ? "," : ""}`;
+      d.forEach(({ key: o, value: m }, k) => {
+        s += `${o}${m}${k < d.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 = [
+    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
           },
-          ...f ? [
+          ...d ? [
             {
               key: "ar_",
               value: `${e.ratioWidth}:${e.ratioHeight}`
@@ -98,42 +98,42 @@ function O({
             },
             {
               key: "c_x_",
-              value: Math.round(e.x ?? 0) === 0 && d?.omitZeroXY ? void 0 : Math.round(e.x ?? 0)
+              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 && d?.omitZeroXY ? void 0 : Math.round(e.y ?? 0)
+              value: Math.round(e.y ?? 0) === 0 && f?.omitZeroXY ? void 0 : Math.round(e.y ?? 0)
             }
           ] : [],
-          ...!_ && e.focusMode && e.focusMode !== "manual" ? [
+          ...!m && e.focusMode && e.focusMode !== "manual" ? [
             {
               key: e.isFocusModeAuto ? "acm_" : "c_g_",
               value: e.focusMode
             }
           ] : [],
-          ...!_ && e.focusMode === "manual" && e.position ? [
+          ...!m && e.focusMode === "manual" && e.position ? [
             {
               key: "c_g_",
-              value: N[e.position]
+              value: E[e.position]
             }
           ] : []
         ].filter((T) => T.value !== void 0 && T.value !== null).map((T) => ({
           key: T.key,
           value: T.value
         })),
-        ...f ? [] : [
+        ...d ? [] : [
           {
             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 ? "," : ""}`;
+      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 (c === m.Rotate && ([
+    if (u === $.Rotate && ([
       {
         key: "r_a_",
         value: e.rotation
@@ -141,10 +141,10 @@ function O({
     ].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 = [
+    })).forEach(({ key: o, value: m }) => {
+      s += `${o}${m}`;
+    }), s += "/"), u === $.Quality) {
+      const d = [
         {
           key: "q_level_",
           value: e.quality
@@ -153,91 +153,103 @@ function O({
         key: o.key,
         value: Math.round(Number(o.value))
       }));
-      f.forEach(({ key: o, value: _ }, k) => {
-        s += `${o}${_}${k < f.length - 1 ? "," : ""}`;
+      d.forEach(({ key: o, value: m }, k) => {
+        s += `${o}${m}${k < d.length - 1 ? "," : ""}`;
       }), s += "/";
     }
-    if (c === m.Metadata) {
-      const f = [
+    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 }));
-      f.forEach(({ key: o }, _) => {
-        s += `${o}${_ < f.length - 1 ? "," : ""}`;
+      d.forEach(({ key: o }, m) => {
+        s += `${o}${m < d.length - 1 ? "," : ""}`;
       }), s += "/";
     }
   }), i && (s += `${t?.identifier ?? crypto.randomUUID()}${i}`);
   const a = [];
-  return u && u.length > 0 && u.forEach(({ key: c, value: e }) => {
+  return c && c.length > 0 && c.forEach(({ key: u, value: e }) => {
     a.push(
-      `${encodeURIComponent(c.trim())}=${encodeURIComponent(e.trim())}`
+      `${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 = O({ baseUrl: "", transformations: n }).replace(
+  const i = C({ baseUrl: "", transformations: n }).replace(
     /\/t\//g,
     ""
   );
   if (!i)
     return t;
-  const d = t.indexOf(g);
-  if (d < 0)
+  const f = t.indexOf(_);
+  if (f < 0)
     return `${t}/t/${i}`;
-  const u = t.slice(0, d + g.length), r = t.slice(d + g.length), l = r.indexOf("/t/");
+  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 `${u}${h}/t/${i}`;
+    return `${c}${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 `${c}${h}/t/${i}${a}`;
   }
   return `${t}/t/${i}`;
 }
-function F(t) {
+function W(t) {
   return `re_w_${Math.round(t)}`;
 }
-function C(t, n) {
+function w(t, n) {
   if (!t || !Number.isFinite(n) || n <= 0)
     return t;
-  const i = t.indexOf(g);
+  const i = t.indexOf(_);
   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);
+  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 + R.length
+      l + p.length
     );
-    return `${u}${h}${R}${d}/${a}`;
+    return `${c}${h}${p}${f}/${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 `${c}${h}${p}${f}${a}`;
   }
-  return `${u}${r}${R}${d}`;
+  return `${c}${r}${p}${f}`;
 }
-function W(t) {
-  const n = t.indexOf(g);
-  return n < 0 ? !1 : t.slice(n + g.length).includes(R);
+function L(t) {
+  const n = t.indexOf(_);
+  return n < 0 ? !1 : t.slice(n + _.length).includes(p);
 }
-const A = "TRX", M = "TR1", w = /* @__PURE__ */ new Set(["gif", "png", "tif", "tiff"]);
-function b(t) {
+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 L(t) {
-  return b(t) === "gif";
+function b(t) {
+  return I(t) === "gif";
 }
-const U = 10 * 1024 * 1024, B = {
+const G = 1e3 * 1024 * 1024, B = {
   b: 1,
   byte: 1,
   bytes: 1,
@@ -246,7 +258,7 @@ const U = 10 * 1024 * 1024, B = {
   mb: 1024 ** 2,
   tb: 1024 ** 4
 };
-function G(t) {
+function K(t) {
   if (typeof t == "number")
     return Number.isFinite(t) && t >= 0 ? t : void 0;
   if (!t)
@@ -257,11 +269,11 @@ function G(t) {
   const i = Number(n[1].replace(/,/g, ""));
   if (!Number.isFinite(i) || i < 0)
     return;
-  const d = n[2].toLowerCase();
-  if (!d)
+  const f = n[2].toLowerCase();
+  if (!f)
     return i;
-  const u = B[d];
-  return u === void 0 ? void 0 : i * u;
+  const c = B[f];
+  return c === void 0 ? void 0 : i * c;
 }
 function D(t, n) {
   if (t)
@@ -269,44 +281,54 @@ function D(t, n) {
   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)))
+function Y(t, n) {
+  if (!U.has(I(t)))
     return M;
-  const i = G(n);
-  return i !== void 0 && i > U ? M : A;
+  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 Y(t, n = {}) {
-  if (!t.includes(g) || W(t) || n.format === A && L(n.extension))
+function H(t, n = {}) {
+  if (!t.includes(_) || L(t) || n.format === v && b(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)
+  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 = u;
+  let r = c;
   if (i !== void 0 && Number.isFinite(i) && i > 0) {
-    const a = u.filter((c) => c <= i);
-    r = a.length > 0 ? a : [u[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 + E)
+    (a) => i > a * (1 + F)
   ) : r).map(
-    (a) => `${C(t, a)} ${a}w`
+    (a) => `${w(t, a)} ${a}w`
   );
   return l && h.push(`${t} ${i}w`), h.join(", ");
 }
-function H(t, n = 100) {
+function Q(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
+  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
 };