@orangelogic/design-system 3.8.0 → 3.9.0

package/library/chunks/{color-swatch-group.D1evXBSR.js → color-swatch-group.Bvq6xkM-.js}

@@ -7,7 +7,7 @@ import { C as Et } from "./button.w0zH5Ivx.js";
 import { C as Dn, o as Mn, O as Fn } from "./dialog.ICoCAj6Z.js";
 import { C as oi } from "./icon-button.BWJ1Vqn5.js";
 import Pt from "../components/tooltip.js";
-import { i as Wr, r as Ln, f as Jt, m as zn, a as _n, t as jr, g as On, b as An, c as Pn } from "./toast.C5Ir5yKA.js";
+import { i as Wr, r as Ln, f as Jt, m as zn, a as _n, t as jr, g as On, b as An, c as Pn } from "./toast.CCWVobz5.js";
 import { c as Ie } from "./custom-element.L4WJXn1j.js";
 import { L as tt } from "./i18n.BA19xtyU.js";
 import { b as In, S as Hn, c as Vo, p as Nn, w as V, E as Vn } from "./watch.DJF5K-8U.js";
@@ -47,8 +47,7 @@ import "./browser.BHOCIF_A.js";
 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.DNl_AZs1.js";
+import { D as Ti } from "./transformation.D27sTUdZ.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.C_3p-Fr2.js → document-viewer.CRMRT7Ou.js}

@@ -23,9 +23,8 @@ import { L as LocalizeController } from "./i18n.BA19xtyU.js";
 import "./purify.es.BIuh5IAZ.js";
 import { w as watch } from "./watch.DJF5K-8U.js";
 import "./date-picker.BGHn6qg8.js";
-import { f as fetchCortexApi } from "./content-builder.BX4pHujE.js";
+import { g as fetchCortexApi } from "./transformation.D27sTUdZ.js";
 import "./unsafe-html.Dff7-rCx.js";
-import "./transformation.DNl_AZs1.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.B60ncEsL.js → index.4gEMGYGn.js}

@@ -2,7 +2,7 @@ import { C as Z } from "./typography.IqHbnd3C.js";
 import { n as y, C as ee } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as ae } from "./component.styles.CRO4Odto.js";
 import { C as Ee, s as ve, F as Q, a as Ce } from "./folder-select.CP0NPc0S.js";
-import { a as U, S as n1, E as ge } from "./content-builder.BX4pHujE.js";
+import { f as U, S as n1, E as ge } from "./transformation.D27sTUdZ.js";
 import { c as ie } from "./custom-element.L4WJXn1j.js";
 import { L as W } from "./i18n.BA19xtyU.js";
 import { w as O } from "./watch.DJF5K-8U.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.CRoGmgCO.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.Bin5fi-e.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.B-tXtkr4.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.BLKOUD2l.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.D1evXBSR.js";
+import { a as f0, d as A0 } from "./color-swatch-group.Bvq6xkM-.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/{toast.C5Ir5yKA.js → toast.CCWVobz5.js}

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

package/library/chunks/transformation.D27sTUdZ.js

@@ -0,0 +1,392 @@
+import { c as b } from "./capitalize.CIBKBL10.js";
+import { C as A, T as g, U as M } from "./asset-link-format.ClaYu_v8.js";
+import { P as C } from "./position-picker.DjnhxIKF.js";
+const p = window.location.origin.includes("localhost:") ? "https://local.orangelogic.com" : window.location.origin;
+function at(t, i, e, l = p) {
+  const s = new URL(l + "/" + t);
+  return Array.isArray(e) ? e.forEach((a) => {
+    a[1] && s.searchParams.append(a[0], a[1]);
+  }) : e && Object.keys(e).forEach((a) => {
+    e[a] && s.searchParams.append(a, e[a]);
+  }), fetch(s, i);
+}
+const ot = "space-default";
+var L = /* @__PURE__ */ ((t) => (t.Desktop = "desktop", t.Mobile = "mobile", t.Tablet = "tablet", t))(L || {});
+const w = {
+  canvasWidth: "",
+  height: "",
+  id: "desktop",
+  maxWidth: "",
+  name: b(
+    "desktop"
+    /* Desktop */
+  )
+}, F = {
+  canvasWidth: "770px",
+  height: "",
+  id: "tablet",
+  maxWidth: "1280px",
+  name: b(
+    "tablet"
+    /* Tablet */
+  )
+}, W = {
+  canvasWidth: "320px",
+  height: "",
+  id: "mobile",
+  maxWidth: "480px",
+  name: b(
+    "mobile"
+    /* Mobile */
+  )
+}, rt = [w, F, W];
+var B = /* @__PURE__ */ ((t) => (t.All = "ALL", t.CanDelete = "CanDelete", t.CanDownload = "CanDownload", t.CanFind = "CanFind", t.CanManageRights = "CanManageRights", t.CanMove = "CanMove", t.CanRead = "CanRead", t.CanReadAll = "CanReadAll", t.CanReadAndWrite = "CanReadAndWrite", t.CanReadLarge = "CanReadLarge", t.CanReadMedium = "CanReadMedium", t.CanReadOriginal = "CanReadOriginal", t.CanShare = "CanShare", t.CanUpload = "CanUpload", t.CanWrite = "CanWrite", t.None = "NONE", t))(B || {}), U = /* @__PURE__ */ ((t) => (t.All = "all", t.Audio = "audio", t.Image = "image", t.Other = "other", t.Video = "video", t))(U || {}), D = /* @__PURE__ */ ((t) => (t.Content = "content", t.Template = "template", t))(D || {}), G = /* @__PURE__ */ ((t) => (t.Administrator = "Administrator", t.Designer = "Designer", t.Editor = "Editor", t))(G || {}), I = /* @__PURE__ */ ((t) => (t.Accordion = "BlockAccordion", t.Analytics = "BlockAnalytics", t.Audio = "BlockAudio", t.Button = "BlockButton", t.Carousel = "BlockCarousel", t.ColorSwatches = "BlockColorSwatches", t.Column = "BlockCell", t.ColumnGroup = "BlockColumns", t.DamView = "BlockDamView", t.Divider = "BlockDivider", t.DocumentViewer = "BlockDocumentViewer", t.FontKit = "BlockFontKit", t.Gallery = "BlockGallery", t.Header = "BlockHeader", t.Image = "BlockImage", t.RichText = "BlockRichText", t.SearchBox = "BlockSearchBox", t.TabGroup = "BlockTabs", t.Text = "BlockText", t.Timeline = "BlockTimeline", t.Video = "BlockVideo", t))(I || {});
+const st = Object.values(I).filter(
+  (t) => t !== "BlockCell"
+  /* Column */
+);
+var K = /* @__PURE__ */ ((t) => (t.Carousel = "carousel", t.Gallery = "gallery", t))(K || {}), V = /* @__PURE__ */ ((t) => (t.Templates = "TEMPLATES", t.TranslatableAttributes = "TRANSLATABLE_ATTRIBUTES", t.TranslatableTexts = "TRANSLATABLE_TEXTS", t))(V || {});
+const m = "/AssetLink/", X = {
+  [C.BottomCenter]: A.South,
+  [C.BottomLeft]: A.Southwest,
+  [C.BottomRight]: A.Southeast,
+  [C.CenterCenter]: A.Center,
+  [C.CenterLeft]: A.West,
+  [C.CenterRight]: A.East,
+  [C.TopCenter]: A.North,
+  [C.TopLeft]: A.Northwest,
+  [C.TopRight]: A.Northeast
+}, v = "/t/", j = [400, 800, 1200, 1600, 2400], z = 0.15;
+function H({
+  asset: t,
+  baseUrl: i,
+  extension: e,
+  options: l,
+  parameters: s,
+  transformations: a,
+  useSession: h = ""
+}) {
+  if (i == null)
+    return "";
+  let r = i;
+  const f = a?.findLast(
+    (d) => d.key === g.Quality
+  );
+  if (f && (a = [
+    ...a?.filter(
+      (d) => d.key !== g.Quality
+    ) || [],
+    f
+  ]), a) {
+    const d = [];
+    for (let n = 0; n < a.length; n++) {
+      const u = a[n];
+      if (u.key === g.Rotate) {
+        let o = u.value.rotation ?? 0;
+        for (; a[n + 1]?.key === g.Rotate; )
+          n++, o += a[n].value.rotation ?? 0;
+        o !== 0 && d.push({ key: g.Rotate, value: { rotation: o } });
+      } else
+        d.push(u);
+    }
+    a = d;
+  }
+  a && a.length > 0 && (r += "/t/"), a?.forEach(({ key: d, value: n }) => {
+    if (d === g.Resize) {
+      if (n.unit === M.AspectRatio && n.ratioWidth && n.ratioHeight) {
+        r += `re_ar_${n.ratioWidth}:${n.ratioHeight}/`;
+        return;
+      }
+      const u = [
+        ...[
+          {
+            key: "re_w_",
+            value: Math.round(n.width ?? 0)
+          },
+          {
+            key: "re_h_",
+            value: Math.round(n.height ?? 0)
+          }
+        ].filter((o) => o.value !== void 0).map((o) => ({
+          key: o.key,
+          value: Math.round(Number(o.value))
+        })),
+        {
+          key: "re_rm_",
+          value: "stretch"
+        }
+      ];
+      u.forEach(({ key: o, value: _ }, $) => {
+        r += `${o}${_}${$ < u.length - 1 ? "," : ""}`;
+      }), r += "/";
+    }
+    if (d === g.Crop) {
+      const u = n.unit === M.AspectRatio && !!n.ratioWidth && !!n.ratioHeight, o = !n.disabledSize && !u, _ = o && (n.x !== void 0 || n.y !== void 0), $ = [
+        ...[
+          {
+            key: "c_",
+            value: n.mode
+          },
+          ...u ? [
+            {
+              key: "ar_",
+              value: `${n.ratioWidth}:${n.ratioHeight}`
+            }
+          ] : [],
+          ...o ? [
+            {
+              key: "c_w_",
+              value: Math.round(n.width ?? 0)
+            },
+            {
+              key: "c_h_",
+              value: Math.round(n.height ?? 0)
+            },
+            {
+              key: "c_x_",
+              value: Math.round(n.x ?? 0) === 0 && l?.omitZeroXY ? void 0 : Math.round(n.x ?? 0)
+            },
+            {
+              key: "c_y_",
+              value: Math.round(n.y ?? 0) === 0 && l?.omitZeroXY ? void 0 : Math.round(n.y ?? 0)
+            }
+          ] : [],
+          ...!_ && n.focusMode && n.focusMode !== "manual" ? [
+            {
+              key: n.isFocusModeAuto ? "acm_" : "c_g_",
+              value: n.focusMode
+            }
+          ] : [],
+          ...!_ && n.focusMode === "manual" && n.position ? [
+            {
+              key: "c_g_",
+              value: X[n.position]
+            }
+          ] : []
+        ].filter((R) => R.value !== void 0 && R.value !== null).map((R) => ({
+          key: R.key,
+          value: R.value
+        })),
+        ...u ? [] : [
+          {
+            key: "c_whu_",
+            value: "pixel"
+          }
+        ]
+      ];
+      $.forEach(({ key: R, value: k }, S) => {
+        const y = ["c_w_", "c_h_", "c_x_", "c_y_"].includes(R);
+        r += `${R}${y ? Math.round(Number(k)) : k}${S < $.length - 1 ? "," : ""}`;
+      }), r += "/";
+    }
+    if (d === g.Rotate && ([
+      {
+        key: "r_a_",
+        value: n.rotation
+      }
+    ].filter((o) => o.value !== void 0).map((o) => ({
+      key: o.key,
+      value: Math.round(Number(o.value))
+    })).forEach(({ key: o, value: _ }) => {
+      r += `${o}${_}`;
+    }), r += "/"), d === g.Quality) {
+      const u = [
+        {
+          key: "q_level_",
+          value: n.quality
+        }
+      ].filter((o) => o.value !== void 0).map((o) => ({
+        key: o.key,
+        value: Math.round(Number(o.value))
+      }));
+      u.forEach(({ key: o, value: _ }, $) => {
+        r += `${o}${_}${$ < u.length - 1 ? "," : ""}`;
+      }), r += "/";
+    }
+    if (d === g.Metadata) {
+      const u = [
+        {
+          key: "fl_keep_metadata",
+          value: n.keepMetadata
+        }
+      ].filter((o) => o.value !== void 0).map((o) => ({ key: o.key, value: o.value }));
+      u.forEach(({ key: o }, _) => {
+        r += `${o}${_ < u.length - 1 ? "," : ""}`;
+      }), r += "/";
+    }
+  }), e && (r += `${t?.identifier ?? crypto.randomUUID()}${e}`);
+  const c = [];
+  return s && s.length > 0 && s.forEach(({ key: d, value: n }) => {
+    c.push(
+      `${encodeURIComponent(d.trim())}=${encodeURIComponent(n.trim())}`
+    );
+  }), i && h && c.push(`UseSession=${encodeURIComponent(h)}`), c.length > 0 && (r += `?${c.join("&")}`), r.endsWith("/") && (r = r.slice(0, -1)), r;
+}
+function ct(t, i) {
+  if (!t || !i?.length)
+    return t;
+  const e = H({ baseUrl: "", transformations: i }).replace(
+    /\/t\//g,
+    ""
+  );
+  if (!e)
+    return t;
+  const l = t.indexOf(m);
+  if (l < 0)
+    return `${t}/t/${e}`;
+  const s = t.slice(0, l + m.length), a = t.slice(l + m.length), h = a.indexOf("/t/");
+  if (h >= 0) {
+    const f = a.slice(0, h);
+    return `${s}${f}/t/${e}`;
+  }
+  const r = a.indexOf("/");
+  if (r >= 0) {
+    const f = a.slice(0, r), c = a.slice(r);
+    return `${s}${f}/t/${e}${c}`;
+  }
+  return `${t}/t/${e}`;
+}
+function Y(t) {
+  return `re_w_${Math.round(t)}`;
+}
+function q(t, i) {
+  if (!t || !Number.isFinite(i) || i <= 0)
+    return t;
+  const e = t.indexOf(m);
+  if (e < 0)
+    return t;
+  const l = Y(i), s = t.slice(0, e + m.length), a = t.slice(e + m.length), h = a.indexOf(v);
+  if (h >= 0) {
+    const f = a.slice(0, h), c = a.slice(
+      h + v.length
+    );
+    return `${s}${f}${v}${l}/${c}`;
+  }
+  const r = a.indexOf("/");
+  if (r >= 0) {
+    const f = a.slice(0, r), c = a.slice(r);
+    return `${s}${f}${v}${l}${c}`;
+  }
+  return `${s}${a}${v}${l}`;
+}
+function Q(t) {
+  const i = t.indexOf(m);
+  return i < 0 ? !1 : t.slice(i + m.length).includes(v);
+}
+const x = "TRX", T = "TR1", Z = /* @__PURE__ */ new Set([
+  "avif",
+  "bmp",
+  "gif",
+  "ico",
+  "jpeg",
+  "jpg",
+  "png",
+  "svg",
+  "tif",
+  "tiff",
+  "webp"
+]);
+function N(t) {
+  if (!t)
+    return "";
+  const i = t.trim().toLowerCase();
+  return i.startsWith(".") ? i.slice(1) : i;
+}
+function O(t) {
+  return N(t) === "gif";
+}
+const J = 1e3 * 1024 * 1024, P = {
+  b: 1,
+  byte: 1,
+  bytes: 1,
+  gb: 1024 ** 3,
+  kb: 1024,
+  mb: 1024 ** 2,
+  tb: 1024 ** 4
+};
+function tt(t) {
+  if (typeof t == "number")
+    return Number.isFinite(t) && t >= 0 ? t : void 0;
+  if (!t)
+    return;
+  const i = /^\s*([\d.,]+)\s*([a-z]*)\s*$/i.exec(t);
+  if (!i)
+    return;
+  const e = Number(i[1].replace(/,/g, ""));
+  if (!Number.isFinite(e) || e < 0)
+    return;
+  const l = i[2].toLowerCase();
+  if (!l)
+    return e;
+  const s = P[l];
+  return s === void 0 ? void 0 : e * s;
+}
+function lt(t, i) {
+  if (t)
+    return;
+  const e = typeof i == "number" ? i : Number(i ?? "");
+  return Number.isFinite(e) && e > 0 ? e : void 0;
+}
+function dt(t, i) {
+  if (!Z.has(N(t)))
+    return T;
+  const e = tt(i);
+  return e !== void 0 && e > J ? T : x;
+}
+const E = ".auto";
+function ut(t, i = {}) {
+  const e = t ? t.indexOf(m) : -1;
+  if (e < 0 || i.format === x && O(i.extension))
+    return t;
+  const l = t.slice(e + m.length), s = l.slice(l.lastIndexOf("/") + 1);
+  return s === "" || s.endsWith(E) ? t : `${t}${E}`;
+}
+function ft(t, i = {}) {
+  if (!t.includes(m) || Q(t) || i.format === x && O(i.extension))
+    return "";
+  const { maxWidth: e, widths: l = j } = i, s = [...l].filter((c) => Number.isFinite(c) && c > 0).sort((c, d) => c - d);
+  if (s.length === 0)
+    return "";
+  let a = s;
+  if (e !== void 0 && Number.isFinite(e) && e > 0) {
+    const c = s.filter((d) => d <= e);
+    a = c.length > 0 ? c : [s[0]];
+  }
+  const h = e !== void 0 && Number.isFinite(e) && e > 0, f = (h ? a.filter(
+    (c) => e > c * (1 + z)
+  ) : a).map(
+    (c) => `${q(t, c)} ${c}w`
+  );
+  return h && f.push(`${t} ${e}w`), f.join(", ");
+}
+function ht(t, i = 100) {
+  return !Number.isFinite(t) || t <= 0 ? "" : `${Math.ceil(t / i) * i}px`;
+}
+export {
+  U as A,
+  I as B,
+  L as D,
+  D as E,
+  B as P,
+  ot as S,
+  G as T,
+  ct as a,
+  ut as b,
+  ft as c,
+  lt as d,
+  H as e,
+  K as f,
+  at as g,
+  ht as h,
+  V as i,
+  st as j,
+  rt as k,
+  j as l,
+  q as m,
+  Q as n,
+  T as o,
+  J as p,
+  tt as q,
+  dt as r,
+  E as s
+};