@orangelogic/design-system 3.10.0 → 3.12.0

package/library/chunks/{input.D1TGTsxj.js → input.BJ5LN8of.js}

@@ -4,7 +4,7 @@ import { f as ot } from "./form-control.styles.CaGWmeAS.js";
 import { c as lt } from "./custom-element.L4WJXn1j.js";
 import { d as ht } from "./default-value.COZopaet.js";
 import { F as pt } from "./form.C8LMdQB4.js";
-import { L as ct } from "./i18n.BA19xtyU.js";
+import { L as ct } from "./i18n.CNnI4-0K.js";
 import { H as dt } from "./slot.j5oheLJC.js";
 import { w as V } from "./watch.DJF5K-8U.js";
 import { i as ft, x as E } from "./lit-element.jLBm65_O.js";

package/library/chunks/{markdown.CnX2rNeb.js → markdown.CrIkpd0h.js}

@@ -1,7 +1,7 @@
-import { C as jn, I as Yn } from "./icon-button.BWJ1Vqn5.js";
+import { C as jn, I as Yn } from "./icon-button.ENVA7x3u.js";
 import { C as Un, n as me } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as Gn } from "./custom-element.L4WJXn1j.js";
-import { L as Hn } from "./i18n.BA19xtyU.js";
+import { L as Hn } from "./i18n.CNnI4-0K.js";
 import { w as Ne } from "./watch.DJF5K-8U.js";
 import { s as Kn } from "./string.Demn8Xmk.js";
 import { i as mt, x as Wn } from "./lit-element.jLBm65_O.js";

package/library/chunks/{menu-item.uFqeX_J6.js → menu-item.DfsfX25P.js}

@@ -1,7 +1,7 @@
 import { n as r, C as L } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as M } from "./component.styles.CRO4Odto.js";
 import { c as E } from "./custom-element.L4WJXn1j.js";
-import { d as k, L as P } from "./i18n.BA19xtyU.js";
+import { d as k, L as P } from "./i18n.CNnI4-0K.js";
 import { H as z, g as R } from "./slot.j5oheLJC.js";
 import { w as b } from "./watch.DJF5K-8U.js";
 import { i as D, x as h, E as S } from "./lit-element.jLBm65_O.js";

package/library/chunks/{option.jeaj7_Lr.js → option.B34is9Z5.js}

@@ -1,7 +1,7 @@
 import { n as s, C as x } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as m } from "./component.styles.CRO4Odto.js";
 import { c as v } from "./custom-element.L4WJXn1j.js";
-import { L as g } from "./i18n.BA19xtyU.js";
+import { L as g } from "./i18n.CNnI4-0K.js";
 import { w as d } from "./watch.DJF5K-8U.js";
 import { i as _, x as h } from "./lit-element.jLBm65_O.js";
 import { r as f } from "./state.CSDxrqLd.js";

package/library/chunks/{pagination.DDW-Lw16.js → pagination.DMAcWRyI.js}

@@ -1,8 +1,8 @@
 import b from "../components/space.js";
 import { n as o, C as _ } from "./lib-cortex-element.CVMmyPMC.js";
-import { C as P, I as y } from "./icon-button.BWJ1Vqn5.js";
+import { C as P, I as y } from "./icon-button.ENVA7x3u.js";
 import { c as f } from "./custom-element.L4WJXn1j.js";
-import { L as z } from "./i18n.BA19xtyU.js";
+import { L as z } from "./i18n.CNnI4-0K.js";
 import { c as m } from "./math.DuKzLacZ.js";
 import { w as d } from "./watch.DJF5K-8U.js";
 import { i as C, x as s } from "./lit-element.jLBm65_O.js";
@@ -10,9 +10,9 @@ 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.w0zH5Ivx.js";
-import { C as v } from "./input.D1TGTsxj.js";
-import { C as I } from "./option.jeaj7_Lr.js";
+import { C as w } from "./button.-Jl_NdgM.js";
+import { C as v } from "./input.BJ5LN8of.js";
+import { C as I } from "./option.B34is9Z5.js";
 import B from "../components/select.js";
 import N from "../components/tooltip.js";
 import { C as k } from "./typography.IqHbnd3C.js";

package/library/chunks/{tab-group.Dpj7Lx8_.js → tab-group.D14m1Kel.js}

@@ -2,7 +2,7 @@ import zn from "../components/resize-observer.js";
 import { n as wt, C as Bn } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as Fn } from "./component.styles.CRO4Odto.js";
 import { c as Nn } from "./custom-element.L4WJXn1j.js";
-import { L as Ln } from "./i18n.BA19xtyU.js";
+import { L as Ln } from "./i18n.CNnI4-0K.js";
 import { s as Zi } from "./scroll.xtO5yojm.js";
 import { w as ft } from "./watch.DJF5K-8U.js";
 import { i as $n } from "./dom.DShN_5Jh.js";
@@ -17,11 +17,11 @@ import { i as Ji } from "./guard.D4axKaMo.js";
 import { o as tr } from "./map.D8heArFD.js";
 import { o as Ve } from "./style-map.llVFPd__.js";
 import { n as Pe } from "./when.Dr1es41R.js";
-import { C as Yn } from "./button.w0zH5Ivx.js";
+import { C as Yn } from "./button.-Jl_NdgM.js";
 import Xn from "../components/dropdown.js";
-import { C as qn } from "./icon-button.BWJ1Vqn5.js";
+import { C as qn } from "./icon-button.ENVA7x3u.js";
 import Gn from "../components/menu.js";
-import { C as Kn } from "./menu-item.uFqeX_J6.js";
+import { C as Kn } from "./menu-item.DfsfX25P.js";
 import jn from "../components/tab.js";
 var bi = /* @__PURE__ */ ((o) => (o.Bottom = "bottom", o.End = "end", o.Start = "start", o.Top = "top", o))(bi || {}), Ke = /* @__PURE__ */ ((o) => (o.Center = "center", o.End = "flex-end", o.Start = "flex-start", o))(Ke || {}), wr = /* @__PURE__ */ ((o) => (o.Auto = "auto", o.Manual = "manual", o))(wr || {}), ue = /* @__PURE__ */ ((o) => (o.Button = "button", o.Default = "default", o.Timeline = "timeline", o))(ue || {}), Tt = /* @__PURE__ */ ((o) => (o.Dropdown = "dropdown", o.Pagination = "pagination", o.Scroll = "scroll", o))(Tt || {}), Ut = /* @__PURE__ */ ((o) => (o.Absolute = "absolute", o.DisplayNone = "display-none", o))(Ut || {});
 function Dt(o) {

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
+};

package/library/chunks/{tree.DYFFjW1-.js → tree.BEFWro0D.js}

@@ -1,7 +1,7 @@
 import { C as F, n as l } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as O } from "./component.styles.CRO4Odto.js";
 import { c as U } from "./custom-element.L4WJXn1j.js";
-import { L as N } from "./i18n.BA19xtyU.js";
+import { L as N } from "./i18n.CNnI4-0K.js";
 import { c as X } from "./math.DuKzLacZ.js";
 import { w as b } from "./watch.DJF5K-8U.js";
 import { i as R, x as m, E } from "./lit-element.jLBm65_O.js";