@orangelogic/design-system 3.0.0 → 3.2.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "3.0.0",
+  "version": "3.2.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

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

@@ -1,264 +0,0 @@
-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
-};