@orangelogic/design-system 3.11.0 → 3.12.0

package/library/chunks/{color-swatch-group.DGPlxYsp.js → color-swatch-group.Ib1WYbMl.js}

@@ -7,7 +7,7 @@ import { C as Et } from "./button.-Jl_NdgM.js";
 import { C as Dn, o as Mn, O as Fn } from "./dialog.YFc-HBc5.js";
 import { C as oi } from "./icon-button.ENVA7x3u.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.CCWVobz5.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.CGIDPKV8.js";
 import { c as Ie } from "./custom-element.L4WJXn1j.js";
 import { L as tt } from "./i18n.CNnI4-0K.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,7 +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 "./transformation.D27sTUdZ.js";
+import { D as Ti } from "./transformation.OaRYixzE.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.DhJ4jBNe.js → document-viewer.CMET1HRd.js}

@@ -23,7 +23,7 @@ import { L as LocalizeController } from "./i18n.CNnI4-0K.js";
 import "./purify.es.BIuh5IAZ.js";
 import { w as watch } from "./watch.DJF5K-8U.js";
 import "./date-picker.BGHn6qg8.js";
-import { g as fetchCortexApi } from "./transformation.D27sTUdZ.js";
+import { f as fetchCortexApi } from "./transformation.OaRYixzE.js";
 import "./unsafe-html.Dff7-rCx.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";
@@ -34,7 +34,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.1ufrCtW1.js";
+import { C as CxImage } from "./image.rtjsax7e.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.1ufrCtW1.js → image.rtjsax7e.js}

@@ -741,7 +741,7 @@ let n = class extends Re {
       })} src=${this.applyRetryCacheBust(this.currentSrc) || this.placeholder} alt="" aria-hidden="true" decoding="async" draggable="false" crossorigin=${R(this.crossorigin)}>`
     )}</div>${A(this.showPlaceholderSkeleton, () => L`<slot name="skeleton" part="skeleton"><div class=${S({
       skeleton: !0
-    })}><cx-skeleton effect="sheen" role="status" aria-live="polite" aria-label=${this.localize.term("loading")}></cx-skeleton></div></slot>`)}
+    })}><cx-skeleton effect="none" role="status" aria-live="polite" aria-label=${this.localize.term("loading")}></cx-skeleton></div></slot>`)}
           ${A(this.isError, () => L`<slot name="fallback" part="fallback"><cx-space class=${S({ fallback: !0 })} direction="column" align-items="center" justify-content="center"><cx-icon name="hide_image" part="fallback-icon"> </cx-icon></cx-space></slot>`)}</div></cx-resize-observer>${A(this.resizable && this.isResizeActive, () => this.renderResizer())}</div>`;
   }
 };

package/library/chunks/{index.BAJfz5QI.js → index.BBLDucoY.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.Hl51n0ge.js";
-import { f as U, S as n1, E as le } from "./transformation.D27sTUdZ.js";
+import { e as U, S as n1, E as le } from "./transformation.OaRYixzE.js";
 import { c as ie } from "./custom-element.L4WJXn1j.js";
 import { L as W } from "./i18n.CNnI4-0K.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 g1, A as Ie, g as l1, 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.D0NvE1EB.js";
+import { I as je, C as Ve, a as o1, b as He, S as z, D as h1, c as g1, A as Ie, g as l1, 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.IAKAUHSg.js";
 import { C as ce } from "./button.-Jl_NdgM.js";
 import _1 from "../components/button-group.js";
 import I1 from "../components/card.js";
@@ -59,11 +59,11 @@ import { n as v } from "./when.Dr1es41R.js";
 import { a as g0 } from "./_baseXor.DixEm6JQ.js";
 import { a as l0, i as Le, 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 qe, d as Oe, i as k0, e as Me, u as Be } from "./asset-link-format.CxDu37Om.js";
+import { a as Ae, F as x0, b as b0, c as qe, d as Oe, i as k0, e as Me, u as Be } from "./asset-link-format.f7Khv8SZ.js";
 import p0 from "../components/color-picker.js";
 import { C as _e } from "./icon-button.ENVA7x3u.js";
 import u0 from "../components/spinner.js";
-import { a as f0, d as A0 } from "./color-swatch-group.DGPlxYsp.js";
+import { a as f0, d as A0 } from "./color-swatch-group.Ib1WYbMl.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.CCWVobz5.js → toast.CGIDPKV8.js}

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

package/library/chunks/transformation.OaRYixzE.js

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