@orangelogic/design-system 2.63.0-pr83530.6 → 2.64.0

package/library/chunks/array.DCtvHiLS.js

@@ -0,0 +1,81 @@
+function g(n, r) {
+  return n.filter((e, t) => t !== r);
+}
+function w(n, r) {
+  return n.filter((e, t) => !r.includes(t));
+}
+function v(n, r, e) {
+  return [...n.slice(0, r), e, ...n.slice(r)];
+}
+function h(n, r, e) {
+  return [...n.slice(0, r), ...e, ...n.slice(r)];
+}
+function F(n, r, e) {
+  return n.findIndex((t) => t[r] === e);
+}
+function M(n, r, e) {
+  const t = [...n], s = g(t, r);
+  let o = e;
+  return o >= n.length - 1 && (o = o + 1), v(s, o, n[r]);
+}
+function T(n, r, e) {
+  const t = [...n], s = w(t, r), o = e !== 0 ? r.reduce(
+    (u, f) => e > f ? u - 1 : u,
+    e
+  ) : e;
+  return h(
+    s,
+    o,
+    r.map((u) => n[u])
+  );
+}
+function b(n, r) {
+  return n.reduce(
+    (e, t) => {
+      const s = t[r];
+      return e[s] ??= [], e[s].push(t), e;
+    },
+    {}
+  );
+}
+function y(n, r, e) {
+  if (!n.length)
+    return [r];
+  const t = e.findIndex(
+    (i) => i.id === r
+  ), s = n[n.length - 1], o = e.findIndex(
+    (i) => i.id === s
+  );
+  if (t < 0 || o < 0)
+    return [r];
+  const c = e.reduce(
+    (i, l, x) => (i[l.id] = x, i),
+    {}
+  ), u = t > o, f = u ? o : t, A = u ? t : o, d = e.slice(f, A + 1).filter((i) => !(!i || n.includes(i.id))).map((i) => i.id), p = u ? d : [...d].reverse(), a = n.includes(r) ? n.slice(0, n.indexOf(r) + 1) : [...n, ...p];
+  return a.sort((i, l) => c[i] - c[l]), a;
+}
+function E(n, r, e, t, s, o) {
+  const c = e + 1;
+  if (n.length < 2)
+    throw new Error("Values array must contain at least 2 elements");
+  if (e < 0 || c >= n.length)
+    throw new Error("Invalid index or not enough values to adjust");
+  if (t < 0)
+    throw new Error("Minimum value must be non-negative");
+  let u = s + r;
+  u < t && (r = t - s, u = t);
+  let f = o - r;
+  f < t && (r = o - t, u = s + r, f = t), n[e] = parseFloat(u.toFixed(2)), n[c] = parseFloat(f.toFixed(2));
+}
+export {
+  T as a,
+  g as b,
+  v as c,
+  M as d,
+  E as e,
+  F as f,
+  b as g,
+  h as i,
+  y as m,
+  w as r
+};

package/library/chunks/{color-swatch-group.gu6NbIB_.js → color-swatch-group.BaFFkIh8.js}

@@ -1,15 +1,15 @@
 import z from "../components/space.js";
-import { C as $ } from "./table.DUcvVqNw.js";
+import { C as $ } from "./table.D34xVq4y.js";
 import { C as k } from "./typography.oDzoLbZS.js";
 import { n as h, C as F } from "./lib-cortex-element.CVMmyPMC.js";
 import { C, a as m } from "./color-swatch.B7XXHxx1.js";
 import { c as A } from "./component.styles.DMSLciL5.js";
-import { D as p } from "./content-builder.Bxi6k2LA.js";
+import { D as p } from "./content-builder.Bf7kqzDI.js";
 import { c as S } from "./custom-element.L4WJXn1j.js";
 import { d as T } from "./debounce.DaHuiSGU.js";
 import { L as E } from "./i18n.BMRLOAZR.js";
 import { w as x } from "./watch.q1sEjPWL.js";
-import { g as D, a as R } from "./responsive.DgQTIrna.js";
+import { g as D, a as R } from "./responsive.CA6dcNiM.js";
 import { x as l, B as H, i as O } from "./lit-element.jLBm65_O.js";
 import { r as d } from "./state.CSDxrqLd.js";
 import { e as P } from "./query.BBf1UFkC.js";

package/library/chunks/content-builder.Bf7kqzDI.js

@@ -0,0 +1,42 @@
+import { c as t } from "./capitalize.WSkCXkNE.js";
+var n = /* @__PURE__ */ ((a) => (a.Desktop = "desktop", a.Mobile = "mobile", a.Tablet = "tablet", a))(n || {});
+const e = {
+  canvasWidth: "",
+  height: "",
+  id: "desktop",
+  maxWidth: "",
+  name: t(
+    "desktop"
+    /* Desktop */
+  )
+}, l = {
+  canvasWidth: "770px",
+  height: "",
+  id: "tablet",
+  maxWidth: "1280px",
+  name: t(
+    "tablet"
+    /* Tablet */
+  )
+}, r = {
+  canvasWidth: "320px",
+  height: "",
+  id: "mobile",
+  maxWidth: "480px",
+  name: t(
+    "mobile"
+    /* Mobile */
+  )
+}, g = [e, l, r];
+var d = /* @__PURE__ */ ((a) => (a.All = "ALL", a.CanDelete = "CanDelete", a.CanDownload = "CanDownload", a.CanFind = "CanFind", a.CanManageRights = "CanManageRights", a.CanMove = "CanMove", a.CanRead = "CanRead", a.CanReadAll = "CanReadAll", a.CanReadAndWrite = "CanReadAndWrite", a.CanReadLarge = "CanReadLarge", a.CanReadMedium = "CanReadMedium", a.CanReadOriginal = "CanReadOriginal", a.CanShare = "CanShare", a.CanUpload = "CanUpload", a.CanWrite = "CanWrite", a.None = "NONE", a))(d || {}), o = /* @__PURE__ */ ((a) => (a.All = "all", a.Audio = "audio", a.Image = "image", a.Other = "other", a.Video = "video", a))(o || {}), C = /* @__PURE__ */ ((a) => (a.Content = "content", a.Template = "template", a))(C || {}), i = /* @__PURE__ */ ((a) => (a.Administrator = "Administrator", a.Designer = "Designer", a.Editor = "Editor", a))(i || {}), h = /* @__PURE__ */ ((a) => (a.Accordion = "BlockAccordion", a.Analytics = "BlockAnalytics", a.Button = "BlockButton", a.Carousel = "BlockCarousel", a.ColorSwatches = "BlockColorSwatches", a.Column = "BlockCell", a.ColumnGroup = "BlockColumns", a.Divider = "BlockDivider", a.FontKit = "BlockFontKit", a.Gallery = "BlockGallery", a.Header = "BlockHeader", a.Image = "BlockImage", a.RichText = "BlockRichText", a.SearchBox = "BlockSearchBox", a.TabGroup = "BlockTabs", a.Text = "BlockText", a.Timeline = "BlockTimeline", a.Video = "BlockVideo", a))(h || {}), u = /* @__PURE__ */ ((a) => (a.Carousel = "carousel", a.Gallery = "gallery", a))(u || {}), A = /* @__PURE__ */ ((a) => (a.Templates = "TEMPLATES", a.TranslatableAttributes = "TRANSLATABLE_ATTRIBUTES", a.TranslatableTexts = "TRANSLATABLE_TEXTS", a))(A || {});
+export {
+  o as A,
+  h as B,
+  n as D,
+  C as E,
+  d as P,
+  i as T,
+  u as a,
+  A as b,
+  g as c
+};

package/library/chunks/{index.Bhnf0N8Q.js → index.DlyaD23D.js}

@@ -1,5 +1,5 @@
 import { a as S } from "./url.LjsR2sB5.js";
-import "./content-builder.Bxi6k2LA.js";
+import "./array.DCtvHiLS.js";
 import "./browser.BHOCIF_A.js";
 import "./color.vLD2sNTs.js";
 import "./modal.U1QltQKe.js";
@@ -23,12 +23,52 @@ import "./toast.BXNbwZV8.js";
 import "./image.mbpyiQpQ.js";
 import "./number.CjNxU7Xs.js";
 import "./parse.Cu5nBDTb.js";
-import "./responsive.DgQTIrna.js";
+import "./responsive.CA6dcNiM.js";
 import "./string.Cp_XNbnV.js";
 import "./template.CsJd8Pb_.js";
 import "./time.D_uFZqqe.js";
+function ut(t, e) {
+  return typeof Storage < "u" && localStorage.getItem(t) !== null ? localStorage.getItem(t) : e;
+}
+function ct(t, e) {
+  typeof Storage < "u" && localStorage.setItem(t, e.toString());
+}
+class ht {
+  constructor(e) {
+    this.currentZIndex = M(), (this.host = e).addController(this);
+  }
+  hostConnected() {
+  }
+  hostDisconnected() {
+  }
+  async activatePopup() {
+    this.currentZIndex = M();
+  }
+}
+const mt = (t) => t.ctrlKey || t.metaKey;
 var d = /* @__PURE__ */ ((t) => (t.DoNothing = "do-nothing", t.DownloadAsset = "download-asset", t.ExpandAssetInFullScreen = "expand-asset-in-full-screen", t.OpenAssetOverview = "open-asset-overview", t.OpenLink = "open-link", t.OpenPage = "open-page", t.OpenSpace = "open-space", t.ShareAsset = "share-asset", t.ShowAssetInLibrary = "show-asset-in-library", t))(d || {}), b = /* @__PURE__ */ ((t) => (t.Bento = "bento", t.Carousel = "carousel", t.Grid = "grid", t.Ribbon = "ribbon", t))(b || {}), E = /* @__PURE__ */ ((t) => (t.Expand = "expand", t.Split = "split", t))(E || {}), L = /* @__PURE__ */ ((t) => (t.Api = "api", t.Manual = "manual", t))(L || {}), O = /* @__PURE__ */ ((t) => (t.Automatic = "automatic", t.Custom = "custom", t))(O || {}), f = /* @__PURE__ */ ((t) => (t.DoNothing = "do-nothing", t.OpenAssetInLibrary = "open-asset-in-library", t.OpenAssetOverview = "open-asset-overview", t.Zoom = "zoom", t))(f || {});
-function ut(t) {
+function dt(t) {
+  const e = new FormData(t), s = {};
+  return e.forEach((n, r) => {
+    if (Reflect.has(s, r)) {
+      const o = s[r];
+      Array.isArray(o) ? o.push(n) : s[r] = [s[r], n];
+    } else
+      s[r] = n;
+  }), s;
+}
+function A(t) {
+  const s = [...t.getRootNode().querySelectorAll("*")], n = [...t.elements], r = x.get(t), o = r ? Array.from(r) : [];
+  return [...n, ...o].sort(
+    (i, a) => s.indexOf(i) < s.indexOf(a) ? -1 : s.indexOf(i) > s.indexOf(a) ? 1 : 0
+  );
+}
+function ft(t) {
+  return A(t).some(
+    (s) => s.hasAttribute("data-user-valid") || s.hasAttribute("data-user-invalid")
+  );
+}
+function pt(t) {
   if (!this.ownerDocument.defaultView?.Matrix3 || !t)
     return;
   const e = this.ownerDocument.defaultView?.location.origin;
@@ -40,7 +80,7 @@ function ut(t) {
     e
   );
 }
-function ct(t) {
+function gt(t) {
   if (!this.ownerDocument.defaultView?.Matrix3 || !t)
     return;
   const e = this.ownerDocument.defaultView?.location.origin;
@@ -52,13 +92,13 @@ function ct(t) {
     e
   );
 }
-function ht(t, e = void 0) {
+function wt(t, e = void 0) {
   !this.ownerDocument.defaultView?.Matrix3 || !t || this.ownerDocument.defaultView?.open(
     S(t, "https://", !0),
     e ?? "_blank"
   );
 }
-function mt(t) {
+function yt(t) {
   if (!this.ownerDocument.defaultView?.Matrix3 || !t)
     return;
   const e = this.ownerDocument.defaultView?.location.origin;
@@ -70,7 +110,7 @@ function mt(t) {
     e
   );
 }
-function dt(t, e) {
+function Dt(t, e) {
   if (!this.ownerDocument.defaultView?.Matrix3 || !t || !e)
     return;
   const s = this.ownerDocument.defaultView?.location.origin;
@@ -79,7 +119,7 @@ function dt(t, e) {
     s
   );
 }
-function ft(t) {
+function Mt(t) {
   switch (t) {
     case d.OpenAssetOverview:
       return f.OpenAssetOverview;
@@ -91,19 +131,108 @@ function ft(t) {
       return t;
   }
 }
-class pt {
-  constructor(e) {
-    this.currentZIndex = M(), (this.host = e).addController(this);
-  }
-  hostConnected() {
-  }
-  hostDisconnected() {
+function Ct(t, e) {
+  const s = {}, n = new Set(e);
+  return Object.keys(t).forEach((r) => {
+    n.has(r) || (s[r] = t[r]);
+  }), s;
+}
+function vt(t, e) {
+  const s = {};
+  return e.forEach((n) => {
+    n in t && (s[n] = t[n]);
+  }), s;
+}
+const I = 10;
+function St(t, e) {
+  let s = 0, n = t.length;
+  for (; s < n; ) {
+    const r = Math.floor((s + n) / 2);
+    t[r].time < e.time ? s = r + 1 : n = r;
   }
-  async activatePopup() {
-    this.currentZIndex = M();
+  t.splice(s, 0, e);
+}
+function F(t, e, s) {
+  return t.find(
+    (n) => n.col === e && n.row === s
+  ) ?? null;
+}
+function k(t, e, s) {
+  return new Promise((n) => {
+    if (e > 0 && Math.abs(t.currentTime - e) < 1e-3) {
+      n();
+      return;
+    }
+    if (e === 0) {
+      const r = () => {
+        t.removeEventListener("seeked", r);
+        const o = () => {
+          t.removeEventListener("seeked", o), n();
+        };
+        t.addEventListener("seeked", o), t.currentTime = 0;
+      };
+      t.addEventListener("seeked", r), t.currentTime = s;
+    } else {
+      const r = () => {
+        t.removeEventListener("seeked", r), n();
+      };
+      t.addEventListener("seeked", r), t.currentTime = e;
+    }
+  });
+}
+async function* xt({
+  cache: t,
+  canvas: e,
+  duration: s,
+  maxInterval: n,
+  src: r,
+  video: o
+}) {
+  if (!e)
+    throw new Error("Canvas is required");
+  if (!o)
+    throw new Error("Video is required");
+  const { columns: i, frameHeight: a, frameWidth: h, rows: l, spriteCtx: v } = e;
+  try {
+    for (let u = 0; u < l; u++)
+      for (let c = 0; c < i; c++) {
+        const p = u * i + c, m = p * n;
+        if (m >= s)
+          continue;
+        const g = c * h, w = u * a, y = F(t[r] ?? [], c, u), D = c === i - 1 && u === l - 1 || m + n >= s;
+        y ? yield { ...y, isLastFrame: D } : (await k(o, m, n), v.drawImage(
+          o,
+          g,
+          w,
+          h,
+          a
+        ), yield {
+          col: c,
+          columns: i,
+          frameHeight: a,
+          frameWidth: h,
+          index: p,
+          isLastFrame: D,
+          row: u,
+          rows: l,
+          time: Number(m.toFixed(I)),
+          x: g,
+          y: w
+        }), await new Promise(requestAnimationFrame);
+      }
+  } catch {
   }
 }
-class gt {
+function bt({
+  duration: t,
+  frameWidth: e,
+  playbackSpeed: s,
+  scale: n
+}) {
+  let r = e * s / n;
+  return r > t && (r = t / 2), r;
+}
+class Et {
   constructor(e, s = {}) {
     this.element = e, this.noChildDrag = s.noChildDrag ?? !1, this.dragThreshold = s.dragThreshold ?? 5, this.isDragging = !1, this.hasDragged = !1, this.startX = 0, this.startY = 0, this.lastClientX = 0, this.lastClientY = 0, this.onMouseDown = this.onMouseDown.bind(this), this.onMouseMove = this.onMouseMove.bind(this), this.onMouseUp = this.onMouseUp.bind(this), this.onClick = this.onClick.bind(this), this.attach();
   }
@@ -129,14 +258,13 @@ class gt {
     this.hasDragged && (e.stopImmediatePropagation(), e.preventDefault());
   }
 }
-const wt = (t) => t.ctrlKey || t.metaKey;
 function C(t, e) {
   if (!t?.document)
     return !1;
   const s = "mmmmmmmmmmwwwwwww", n = "32px", o = t.document.createElement("canvas").getContext("2d"), i = (l) => o ? (o.font = `${n} ${l}, monospace`, o.measureText(s).width) : 0, a = i("monospace");
   return i(e) !== a;
 }
-function yt(t, e) {
+function Lt(t, e) {
   if (!t?.document.fonts)
     return !1;
   let s = !1;
@@ -144,7 +272,7 @@ function yt(t, e) {
     n.family.replace(/['"]/g, "").toLowerCase() === e.toLowerCase() && (s = !0);
   }), s ? !0 : C(t, e);
 }
-function A(t) {
+function V(t) {
   const e = /\bitalic\b/i, s = /\b(semi[-\s]?condensed|condensed)\b/i, n = (r) => {
     const o = r.fontFamily.toLowerCase(), i = r.fontStyle.toLowerCase(), a = e.test(i), h = s.test(o);
     let l = 0;
@@ -159,7 +287,7 @@ function A(t) {
     return i.weight !== a.weight ? i.weight - a.weight : i.styleRank !== a.styleRank ? i.styleRank - a.styleRank : i.family.localeCompare(a.family);
   });
 }
-function Dt(t, e, s = [300, 400, 500, 700, 900], n = ["normal", "italic"]) {
+function Ot(t, e, s = [300, 400, 500, 700, 900], n = ["normal", "italic"]) {
   const r = [];
   if (C(t, e))
     for (const o of s)
@@ -170,30 +298,9 @@ function Dt(t, e, s = [300, 400, 500, 700, 900], n = ["normal", "italic"]) {
           fontWeight: o.toString(),
           src: ""
         });
-  return A(r);
-}
-function Mt(t) {
-  const e = new FormData(t), s = {};
-  return e.forEach((n, r) => {
-    if (Reflect.has(s, r)) {
-      const o = s[r];
-      Array.isArray(o) ? o.push(n) : s[r] = [s[r], n];
-    } else
-      s[r] = n;
-  }), s;
-}
-function I(t) {
-  const s = [...t.getRootNode().querySelectorAll("*")], n = [...t.elements], r = x.get(t), o = r ? Array.from(r) : [];
-  return [...n, ...o].sort(
-    (i, a) => s.indexOf(i) < s.indexOf(a) ? -1 : s.indexOf(i) > s.indexOf(a) ? 1 : 0
-  );
-}
-function Ct(t) {
-  return I(t).some(
-    (s) => s.hasAttribute("data-user-valid") || s.hasAttribute("data-user-invalid")
-  );
+  return V(r);
 }
-class vt {
+class At {
   constructor(e = null) {
     this.history = e !== null ? [e] : [], this.redoStack = [];
   }
@@ -230,144 +337,37 @@ class vt {
     return [...this.history];
   }
 }
-function St(t, e) {
-  const s = {}, n = new Set(e);
-  return Object.keys(t).forEach((r) => {
-    n.has(r) || (s[r] = t[r]);
-  }), s;
-}
-function xt(t, e) {
-  const s = {};
-  return e.forEach((n) => {
-    n in t && (s[n] = t[n]);
-  }), s;
-}
-function bt(t, e) {
-  return typeof Storage < "u" && localStorage.getItem(t) !== null ? localStorage.getItem(t) : e;
-}
-function Et(t, e) {
-  typeof Storage < "u" && localStorage.setItem(t, e.toString());
-}
-const F = 10;
-function Lt(t, e) {
-  let s = 0, n = t.length;
-  for (; s < n; ) {
-    const r = Math.floor((s + n) / 2);
-    t[r].time < e.time ? s = r + 1 : n = r;
-  }
-  t.splice(s, 0, e);
-}
-function k(t, e, s) {
-  return t.find(
-    (n) => n.col === e && n.row === s
-  ) ?? null;
-}
-function V(t, e, s) {
-  return new Promise((n) => {
-    if (e > 0 && Math.abs(t.currentTime - e) < 1e-3) {
-      n();
-      return;
-    }
-    if (e === 0) {
-      const r = () => {
-        t.removeEventListener("seeked", r);
-        const o = () => {
-          t.removeEventListener("seeked", o), n();
-        };
-        t.addEventListener("seeked", o), t.currentTime = 0;
-      };
-      t.addEventListener("seeked", r), t.currentTime = s;
-    } else {
-      const r = () => {
-        t.removeEventListener("seeked", r), n();
-      };
-      t.addEventListener("seeked", r), t.currentTime = e;
-    }
-  });
-}
-async function* Ot({
-  cache: t,
-  canvas: e,
-  duration: s,
-  maxInterval: n,
-  src: r,
-  video: o
-}) {
-  if (!e)
-    throw new Error("Canvas is required");
-  if (!o)
-    throw new Error("Video is required");
-  const { columns: i, frameHeight: a, frameWidth: h, rows: l, spriteCtx: v } = e;
-  try {
-    for (let u = 0; u < l; u++)
-      for (let c = 0; c < i; c++) {
-        const p = u * i + c, m = p * n;
-        if (m >= s)
-          continue;
-        const g = c * h, w = u * a, y = k(t[r] ?? [], c, u), D = c === i - 1 && u === l - 1 || m + n >= s;
-        y ? yield { ...y, isLastFrame: D } : (await V(o, m, n), v.drawImage(
-          o,
-          g,
-          w,
-          h,
-          a
-        ), yield {
-          col: c,
-          columns: i,
-          frameHeight: a,
-          frameWidth: h,
-          index: p,
-          isLastFrame: D,
-          row: u,
-          rows: l,
-          time: Number(m.toFixed(F)),
-          x: g,
-          y: w
-        }), await new Promise(requestAnimationFrame);
-      }
-  } catch {
-  }
-}
-function At({
-  duration: t,
-  frameWidth: e,
-  playbackSpeed: s,
-  scale: n
-}) {
-  let r = e * s / n;
-  return r > t && (r = t / 2), r;
-}
 export {
-  pt as C,
-  gt as D,
+  ht as C,
+  Et as D,
   b as G,
-  vt as H,
+  At as H,
   E as O,
-  F as P,
+  I as P,
   L as S,
   d as a,
   O as b,
   f as c,
-  Ct as d,
-  Ot as e,
-  k as f,
-  At as g,
-  Lt as h,
-  wt as i,
-  ut as j,
-  ct as k,
-  ht as l,
-  dt as m,
+  ft as d,
+  xt as e,
+  F as f,
+  bt as g,
+  St as h,
+  mt as i,
+  pt as j,
+  gt as k,
+  wt as l,
+  Dt as m,
   C as n,
-  St as o,
-  yt as p,
-  A as q,
-  bt as r,
-  mt as s,
-  ft as t,
-  Dt as u,
-  Mt as v,
-  Et as w,
-  I as x,
-  xt as y
+  Ct as o,
+  Lt as p,
+  V as q,
+  ut as r,
+  yt as s,
+  Mt as t,
+  Ot as u,
+  dt as v,
+  ct as w,
+  A as x,
+  vt as y
 };

package/library/chunks/{list-editor.Bp1jMvFz.js → list-editor.OXCgQphx.js}

@@ -7,7 +7,7 @@ import P from "../components/line-clamp.js";
 import F from "../components/radio.js";
 import B from "../components/radio-group.js";
 import E from "../components/space.js";
-import { C as K, H as U } from "./table.DUcvVqNw.js";
+import { C as K, H as U } from "./table.D34xVq4y.js";
 import { C as L } from "./typography.oDzoLbZS.js";
 import { n as o, C as T } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as D } from "./component.styles.DMSLciL5.js";
@@ -29,7 +29,7 @@ import Z from "../components/icon-button.js";
 import { C as Q } from "./image.bndP5q2c.js";
 import { a as ee, D as w } from "./asset.CG_yXtWK.js";
 import { a as ae } from "./index.Cpamj0jB.js";
-import { A as v } from "./content-builder.Bxi6k2LA.js";
+import { A as v } from "./content-builder.Bf7kqzDI.js";
 import { e as te, t as I } from "./string.Cp_XNbnV.js";
 import { t as ie } from "./toast.BXNbwZV8.js";
 var A, k;

package/library/chunks/{responsive.DgQTIrna.js → responsive.CA6dcNiM.js}

@@ -1,4 +1,4 @@
-import { D as i } from "./content-builder.Bxi6k2LA.js";
+import { D as i } from "./content-builder.Bf7kqzDI.js";
 function s(r, t = [350, 696, 1024]) {
   const o = getComputedStyle(r), e = [
     Number.parseFloat(o.getPropertyValue("--breakpoint-mobile").trim()),