@orangelogic/design-system 2.163.0 → 2.165.0

package/library/chunks/{pagination.qFmncShC.js → pagination.qpK3q6zm.js}

@@ -10,7 +10,7 @@ import { r as S } from "./state.CSDxrqLd.js";
 import { e as $ } from "./class-map.BiVq-cVR.js";
 import { c as x } from "./repeat.CFjcER6_.js";
 import { n as g } from "./when.Dr1es41R.js";
-import { C as w } from "./button.DGyqdBou.js";
+import { C as w } from "./button.U0OBAsln.js";
 import { C as v } from "./input.DOorVTYZ.js";
 import { C as I } from "./option.DyNR1vzy.js";
 import B from "../components/select.js";

package/library/chunks/position-picker.DjnhxIKF.js

@@ -0,0 +1,4 @@
+var e = /* @__PURE__ */ ((t) => (t.BottomCenter = "bottom-center", t.BottomLeft = "bottom-left", t.BottomRight = "bottom-right", t.CenterCenter = "center-center", t.CenterLeft = "center-left", t.CenterRight = "center-right", t.TopCenter = "top-center", t.TopLeft = "top-left", t.TopRight = "top-right", t))(e || {});
+export {
+  e as P
+};

package/library/chunks/{tab-group.1Y71_aN8.js → tab-group.BUdxhjXK.js}

@@ -17,7 +17,7 @@ import { i as Ji } from "./guard.D4axKaMo.js";
 import { o as tr } from "./map.D8heArFD.js";
 import { o as Ue } from "./style-map.llVFPd__.js";
 import { n as Pe } from "./when.Dr1es41R.js";
-import { C as Yn } from "./button.DGyqdBou.js";
+import { C as Yn } from "./button.U0OBAsln.js";
 import Xn from "../components/dropdown.js";
 import { C as qn } from "./icon-button.BwmMJ0bI.js";
 import Gn from "../components/menu.js";

package/library/chunks/{toast.C5Ir5yKA.js → toast.CXEAfCvN.js}

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

package/library/chunks/transformation.8uLv6uwG.js

@@ -0,0 +1,264 @@
+import { c as R } from "./capitalize.CIBKBL10.js";
+import { C as s, T as h, U as M } from "./asset-link-format.ClaYu_v8.js";
+import { P as u } from "./position-picker.DjnhxIKF.js";
+const E = window.location.origin.includes("localhost:") ? "https://local.orangelogic.com" : window.location.origin;
+function K(t, f, r, C = E) {
+  const c = new URL(C + "/" + t);
+  return Array.isArray(r) ? r.forEach((o) => {
+    o[1] && c.searchParams.append(o[0], o[1]);
+  }) : r && Object.keys(r).forEach((o) => {
+    r[o] && c.searchParams.append(o, r[o]);
+  }), fetch(c, f);
+}
+const H = "space-default";
+var L = /* @__PURE__ */ ((t) => (t.Desktop = "desktop", t.Mobile = "mobile", t.Tablet = "tablet", t))(L || {});
+const p = {
+  canvasWidth: "",
+  height: "",
+  id: "desktop",
+  maxWidth: "",
+  name: R(
+    "desktop"
+    /* Desktop */
+  )
+}, w = {
+  canvasWidth: "770px",
+  height: "",
+  id: "tablet",
+  maxWidth: "1280px",
+  name: R(
+    "tablet"
+    /* Tablet */
+  )
+}, T = {
+  canvasWidth: "320px",
+  height: "",
+  id: "mobile",
+  maxWidth: "480px",
+  name: R(
+    "mobile"
+    /* Mobile */
+  )
+}, Y = [p, w, T];
+var S = /* @__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))(S || {}), O = /* @__PURE__ */ ((t) => (t.All = "all", t.Audio = "audio", t.Image = "image", t.Other = "other", t.Video = "video", t))(O || {}), N = /* @__PURE__ */ ((t) => (t.Content = "content", t.Template = "template", t))(N || {}), B = /* @__PURE__ */ ((t) => (t.Administrator = "Administrator", t.Designer = "Designer", t.Editor = "Editor", t))(B || {}), x = /* @__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))(x || {});
+const z = Object.values(x).filter(
+  (t) => t !== "BlockCell"
+  /* Column */
+);
+var I = /* @__PURE__ */ ((t) => (t.Carousel = "carousel", t.Gallery = "gallery", t))(I || {}), W = /* @__PURE__ */ ((t) => (t.Templates = "TEMPLATES", t.TranslatableAttributes = "TRANSLATABLE_ATTRIBUTES", t.TranslatableTexts = "TRANSLATABLE_TEXTS", t))(W || {});
+const A = "/AssetLink/", D = {
+  [u.BottomCenter]: s.South,
+  [u.BottomLeft]: s.Southwest,
+  [u.BottomRight]: s.Southeast,
+  [u.CenterCenter]: s.Center,
+  [u.CenterLeft]: s.West,
+  [u.CenterRight]: s.East,
+  [u.TopCenter]: s.North,
+  [u.TopLeft]: s.Northwest,
+  [u.TopRight]: s.Northeast
+};
+function U({
+  asset: t,
+  baseUrl: f,
+  extension: r,
+  options: C,
+  parameters: c,
+  transformations: o,
+  useSession: v = ""
+}) {
+  if (f == null)
+    return "";
+  let n = f;
+  const g = o?.findLast(
+    (l) => l.key === h.Quality
+  );
+  if (g && (o = [
+    ...o?.filter(
+      (l) => l.key !== h.Quality
+    ) || [],
+    g
+  ]), o) {
+    const l = [];
+    for (let e = 0; e < o.length; e++) {
+      const i = o[e];
+      if (i.key === h.Rotate) {
+        let a = i.value.rotation ?? 0;
+        for (; o[e + 1]?.key === h.Rotate; )
+          e++, a += o[e].value.rotation ?? 0;
+        a !== 0 && l.push({ key: h.Rotate, value: { rotation: a } });
+      } else
+        l.push(i);
+    }
+    o = l;
+  }
+  o && o.length > 0 && (n += "/t/"), o?.forEach(({ key: l, value: e }) => {
+    if (l === h.Resize) {
+      if (e.unit === M.AspectRatio && e.ratioWidth && e.ratioHeight) {
+        n += `re_ar_${e.ratioWidth}:${e.ratioHeight}/`;
+        return;
+      }
+      const i = [
+        ...[
+          {
+            key: "re_w_",
+            value: Math.round(e.width ?? 0)
+          },
+          {
+            key: "re_h_",
+            value: Math.round(e.height ?? 0)
+          }
+        ].filter((a) => a.value !== void 0).map((a) => ({
+          key: a.key,
+          value: Math.round(Number(a.value))
+        })),
+        {
+          key: "re_rm_",
+          value: "stretch"
+        }
+      ];
+      i.forEach(({ key: a, value: d }, m) => {
+        n += `${a}${d}${m < i.length - 1 ? "," : ""}`;
+      }), n += "/";
+    }
+    if (l === h.Crop) {
+      const i = e.unit === M.AspectRatio && !!e.ratioWidth && !!e.ratioHeight, a = !e.disabledSize && !i, d = a && (e.x !== void 0 || e.y !== void 0), m = [
+        ...[
+          {
+            key: "c_",
+            value: e.mode
+          },
+          ...i ? [
+            {
+              key: "ar_",
+              value: `${e.ratioWidth}:${e.ratioHeight}`
+            }
+          ] : [],
+          ...a ? [
+            {
+              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 && C?.omitZeroXY ? void 0 : Math.round(e.x ?? 0)
+            },
+            {
+              key: "c_y_",
+              value: Math.round(e.y ?? 0) === 0 && C?.omitZeroXY ? void 0 : Math.round(e.y ?? 0)
+            }
+          ] : [],
+          ...!d && e.focusMode && e.focusMode !== "manual" ? [
+            {
+              key: e.isFocusModeAuto ? "acm_" : "c_g_",
+              value: e.focusMode
+            }
+          ] : [],
+          ...!d && e.focusMode === "manual" && e.position ? [
+            {
+              key: "c_g_",
+              value: D[e.position]
+            }
+          ] : []
+        ].filter((_) => _.value !== void 0 && _.value !== null).map((_) => ({
+          key: _.key,
+          value: _.value
+        })),
+        ...i ? [] : [
+          {
+            key: "c_whu_",
+            value: "pixel"
+          }
+        ]
+      ];
+      m.forEach(({ key: _, value: $ }, y) => {
+        const b = ["c_w_", "c_h_", "c_x_", "c_y_"].includes(_);
+        n += `${_}${b ? Math.round(Number($)) : $}${y < m.length - 1 ? "," : ""}`;
+      }), n += "/";
+    }
+    if (l === h.Rotate && ([
+      {
+        key: "r_a_",
+        value: e.rotation
+      }
+    ].filter((a) => a.value !== void 0).map((a) => ({
+      key: a.key,
+      value: Math.round(Number(a.value))
+    })).forEach(({ key: a, value: d }) => {
+      n += `${a}${d}`;
+    }), n += "/"), l === h.Quality) {
+      const i = [
+        {
+          key: "q_level_",
+          value: e.quality
+        }
+      ].filter((a) => a.value !== void 0).map((a) => ({
+        key: a.key,
+        value: Math.round(Number(a.value))
+      }));
+      i.forEach(({ key: a, value: d }, m) => {
+        n += `${a}${d}${m < i.length - 1 ? "," : ""}`;
+      }), n += "/";
+    }
+    if (l === h.Metadata) {
+      const i = [
+        {
+          key: "fl_keep_metadata",
+          value: e.keepMetadata
+        }
+      ].filter((a) => a.value !== void 0).map((a) => ({ key: a.key, value: a.value }));
+      i.forEach(({ key: a }, d) => {
+        n += `${a}${d < i.length - 1 ? "," : ""}`;
+      }), n += "/";
+    }
+  }), r && (n += `${t?.identifier ?? crypto.randomUUID()}${r}`);
+  const k = [];
+  return c && c.length > 0 && c.forEach(({ key: l, value: e }) => {
+    k.push(
+      `${encodeURIComponent(l.trim())}=${encodeURIComponent(e.trim())}`
+    );
+  }), f && v && k.push(`UseSession=${encodeURIComponent(v)}`), k.length > 0 && (n += `?${k.join("&")}`), n.endsWith("/") && (n = n.slice(0, -1)), n;
+}
+function Q(t, f) {
+  if (!t || !f?.length)
+    return t;
+  const r = U({ baseUrl: "", transformations: f }).replace(
+    /\/t\//g,
+    ""
+  );
+  if (!r)
+    return t;
+  const C = t.indexOf(A);
+  if (C < 0)
+    return `${t}/t/${r}`;
+  const c = t.slice(0, C + A.length), o = t.slice(C + A.length), v = o.indexOf("/t/");
+  if (v >= 0) {
+    const g = o.slice(0, v);
+    return `${c}${g}/t/${r}`;
+  }
+  const n = o.indexOf("/");
+  if (n >= 0) {
+    const g = o.slice(0, n), k = o.slice(n);
+    return `${c}${g}/t/${r}${k}`;
+  }
+  return `${t}/t/${r}`;
+}
+export {
+  O as A,
+  x as B,
+  L as D,
+  N as E,
+  S as P,
+  H as S,
+  B as T,
+  Q as a,
+  U as b,
+  I as c,
+  W as d,
+  z as e,
+  K as f,
+  Y as g
+};