@orangelogic/design-system 2.157.0 → 2.158.0

package/library/chunks/{asset-link-format.DzYh0_YS.js → asset-link-format.CUPqX8XL.js}

@@ -15,7 +15,7 @@ import "./content-builder.BU8X7I6V.js";
 import "./unsafe-html.Dff7-rCx.js";
 import { b as Xt } from "./_baseUniq.je-HWbb3.js";
 import { c as j } from "./component.styles.CRO4Odto.js";
-import { b as Y } from "./transformation.DGzjBg6V.js";
+import { b as Y } from "./transformation.BDmd3kER.js";
 import { v as Kt } from "./v4.CKZ6klMF.js";
 import { c as V } from "./custom-element.L4WJXn1j.js";
 import { w as F } from "./watch.DOt4Mabe.js";

package/library/chunks/{header.x8SZLjAG.js → header.e1FLwywx.js}

@@ -3,8 +3,8 @@ import { n as c, C as b } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as k } from "./component.styles.CRO4Odto.js";
 import { i as p } from "./lit-element.jLBm65_O.js";
 import { c as v } from "./custom-element.L4WJXn1j.js";
-import { L as y } from "./i18n.Bchq8v1d.js";
-import { w } from "./watch.DOt4Mabe.js";
+import { L as w } from "./i18n.Bchq8v1d.js";
+import { w as y } from "./watch.DOt4Mabe.js";
 import { e as m } from "./query.BBf1UFkC.js";
 import { e as u } from "./class-map.BiVq-cVR.js";
 import { o as P } from "./style-map.llVFPd__.js";
@@ -75,11 +75,13 @@ const z = p`insert,span[format]{background-color:var(--cx-color-success-200)}del
 
   /* Scale the number/bullet marker with the item's font (matches the content-builder text block's */
   .ProseMirror li::marker {
-    color: var(--color);
-    font-family: var(--font-family, inherit), var(--cx-font-sans);
     font-size: var(--font-size);
-    font-style: var(--font-style, inherit);
-    font-weight: var(--font-weight);
+  }
+
+  /* Highlight the full link range when the cursor is inside it. */
+  .ProseMirror .link--active {
+    background-color: var(--cx-color-primary-100);
+    border-radius: var(--cx-border-radius-x-small);
   }
 
   /* Keep a hyperlink's underline attached to superscript/subscript text. */
@@ -585,7 +587,7 @@ const S = {
 };
 let o = class extends b {
   constructor() {
-    super(), this.localize = new y(this), this.variant = t.H6, this.fontSize = void 0, this.hasAnchorLink = !1, this.anchorLink = "", this.alignment = f.Left, this.disabledCopyButton = !1, this.customLineHeight = !1, this.cms5PageReadyTimeout = null, this.scrollToAnchor = () => {
+    super(), this.localize = new w(this), this.variant = t.H6, this.fontSize = void 0, this.hasAnchorLink = !1, this.anchorLink = "", this.alignment = f.Left, this.disabledCopyButton = !1, this.customLineHeight = !1, this.cms5PageReadyTimeout = null, this.scrollToAnchor = () => {
       const e = this.getAnchorID();
       !e || e !== this.anchorID || this.scrollIntoView({
         block: "start"
@@ -711,7 +713,7 @@ n([
   c({ attribute: "custom-line-height", reflect: !0, type: Boolean })
 ], o.prototype, "customLineHeight", 2);
 n([
-  w("variant")
+  y("variant")
 ], o.prototype, "handleHeadingChange", 1);
 o = n([
   v("cx-header")

package/library/chunks/transformation.BDmd3kER.js

@@ -0,0 +1,163 @@
+import { T as n, U as $ } from "./asset-link-format.QzzboHHE.js";
+function R({
+  asset: p,
+  baseUrl: c,
+  extension: f,
+  options: _,
+  parameters: y,
+  transformations: r,
+  useSession: k = ""
+}) {
+  if (c == null)
+    return "";
+  let i = c;
+  const s = r?.findLast(
+    (a) => a.key === n.Quality
+  );
+  if (s && (r = [
+    ...r?.filter(
+      (a) => a.key !== n.Quality
+    ) || [],
+    s
+  ]), r) {
+    const a = [];
+    for (let e = 0; e < r.length; e++) {
+      const o = r[e];
+      if (o.key === n.Rotate) {
+        let t = o.value.rotation ?? 0;
+        for (; r[e + 1]?.key === n.Rotate; )
+          e++, t += r[e].value.rotation ?? 0;
+        t !== 0 && a.push({ key: n.Rotate, value: { rotation: t } });
+      } else
+        a.push(o);
+    }
+    r = a;
+  }
+  r && r.length > 0 && (i += "/t/"), r?.forEach(({ key: a, value: e }) => {
+    if (a === n.Resize) {
+      if (e.unit === $.AspectRatio && e.ratioWidth && e.ratioHeight) {
+        i += `re_ar_${e.ratioWidth}:${e.ratioHeight}/`;
+        return;
+      }
+      const o = [
+        ...[
+          {
+            key: "re_w_",
+            value: Math.round(e.width ?? 0)
+          },
+          {
+            key: "re_h_",
+            value: Math.round(e.height ?? 0)
+          }
+        ].filter((t) => t.value !== void 0).map((t) => ({
+          key: t.key,
+          value: Math.round(Number(t.value))
+        })),
+        {
+          key: "re_rm_",
+          value: "stretch"
+        }
+      ];
+      o.forEach(({ key: t, value: d }, u) => {
+        i += `${t}${d}${u < o.length - 1 ? "," : ""}`;
+      }), i += "/";
+    }
+    if (a === n.Crop) {
+      const o = e.unit === $.AspectRatio && !!e.ratioWidth && !!e.ratioHeight, t = !e.disabledSize && !o, d = t && (e.x !== void 0 || e.y !== void 0), u = [
+        ...[
+          {
+            key: "c_",
+            value: e.mode
+          },
+          ...o ? [
+            {
+              key: "ar_",
+              value: `${e.ratioWidth}:${e.ratioHeight}`
+            }
+          ] : [],
+          ...t ? [
+            {
+              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 && _?.omitZeroXY ? void 0 : Math.round(e.x ?? 0)
+            },
+            {
+              key: "c_y_",
+              value: Math.round(e.y ?? 0) === 0 && _?.omitZeroXY ? void 0 : Math.round(e.y ?? 0)
+            }
+          ] : [],
+          ...!d && e.focusMode && e.focusMode !== "manual" ? [
+            {
+              key: e.isFocusModeAuto ? "acm_" : "c_g_",
+              value: e.focusMode
+            }
+          ] : []
+        ].filter((h) => h.value !== void 0 && h.value !== null).map((h) => ({
+          key: h.key,
+          value: h.value
+        })),
+        ...o ? [] : [
+          {
+            key: "c_whu_",
+            value: "pixel"
+          }
+        ]
+      ];
+      u.forEach(({ key: h, value: v }, M) => {
+        const g = ["c_w_", "c_h_", "c_x_", "c_y_"].includes(h);
+        i += `${h}${g ? Math.round(Number(v)) : v}${M < u.length - 1 ? "," : ""}`;
+      }), i += "/";
+    }
+    if (a === n.Rotate && ([
+      {
+        key: "r_a_",
+        value: e.rotation
+      }
+    ].filter((t) => t.value !== void 0).map((t) => ({
+      key: t.key,
+      value: Math.round(Number(t.value))
+    })).forEach(({ key: t, value: d }) => {
+      i += `${t}${d}`;
+    }), i += "/"), a === n.Quality) {
+      const o = [
+        {
+          key: "q_level_",
+          value: e.quality
+        }
+      ].filter((t) => t.value !== void 0).map((t) => ({
+        key: t.key,
+        value: Math.round(Number(t.value))
+      }));
+      o.forEach(({ key: t, value: d }, u) => {
+        i += `${t}${d}${u < o.length - 1 ? "," : ""}`;
+      }), i += "/";
+    }
+    if (a === n.Metadata) {
+      const o = [
+        {
+          key: "fl_keep_metadata",
+          value: e.keepMetadata
+        }
+      ].filter((t) => t.value !== void 0).map((t) => ({ key: t.key, value: t.value }));
+      o.forEach(({ key: t }, d) => {
+        i += `${t}${d < o.length - 1 ? "," : ""}`;
+      }), i += "/";
+    }
+  }), f && (i += `${p?.identifier ?? crypto.randomUUID()}${f}`);
+  const l = [];
+  return y && y.length > 0 && y.forEach(({ key: a, value: e }) => {
+    l.push(
+      `${encodeURIComponent(a.trim())}=${encodeURIComponent(e.trim())}`
+    );
+  }), c && k && l.push(`UseSession=${encodeURIComponent(k)}`), l.length > 0 && (i += `?${l.join("&")}`), i.endsWith("/") && (i = i.slice(0, -1)), i;
+}
+export {
+  R as b
+};

package/library/components/asset-link-format.js

@@ -3,14 +3,14 @@ import "../chunks/button.8syoJXYs.js";
 import "./space.js";
 import "../chunks/typography.IqHbnd3C.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
-import { C as g } from "../chunks/asset-link-format.DzYh0_YS.js";
+import { C as g } from "../chunks/asset-link-format.CUPqX8XL.js";
 import "../chunks/component.styles.CRO4Odto.js";
 import "../chunks/asset-link-format.QzzboHHE.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.Bchq8v1d.js";
 import "../chunks/watch.DOt4Mabe.js";
 import "../chunks/number.CtCaI0T_.js";
-import "../chunks/transformation.DGzjBg6V.js";
+import "../chunks/transformation.BDmd3kER.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/state.CSDxrqLd.js";
 import "../chunks/when.Dr1es41R.js";

package/library/components/atoms.js

@@ -33,7 +33,7 @@ import { default as Se } from "./format-number.js";
 import { default as De } from "./format-time.js";
 import { default as Be } from "./grid.js";
 import { default as he } from "./grid-item.js";
-import { C as Pe } from "../chunks/header.x8SZLjAG.js";
+import { C as Pe } from "../chunks/header.e1FLwywx.js";
 import { C as Me } from "../chunks/hub-connection.CA_wS_wh.js";
 import { f } from "../chunks/icon.mxNZ85k0.js";
 import { C as Fe } from "../chunks/icon.mxNZ85k0.js";

package/library/components/header.js

@@ -1,7 +1,7 @@
 import "./copy-button.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CRO4Odto.js";
-import { C as x } from "../chunks/header.x8SZLjAG.js";
+import { C as x } from "../chunks/header.e1FLwywx.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.Bchq8v1d.js";
 import "../chunks/watch.DOt4Mabe.js";

package/library/components/organisms.js

@@ -1,4 +1,4 @@
-import { C as a } from "../chunks/asset-link-format.DzYh0_YS.js";
+import { C as a } from "../chunks/asset-link-format.CUPqX8XL.js";
 import { C as t } from "../chunks/color-swatch-group.oFxwjebo.js";
 import { default as C } from "./file-on-demand.js";
 export {