@orangelogic/design-system 2.156.0 → 2.158.0

package/library/package.json

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

package/library/packages/organisms/src/comment/comment.d.ts

@@ -93,7 +93,18 @@ export default class CxComment extends CortexElement {
     private handleMentionUpdate;
     private handleMentionKeyDown;
     private initEditor;
+    /**
+     * First init must happen here: on Cortex ajax refresh the element renders while
+     * detached, so the editor DOM has to exist before insertion or the first paint
+     * collapses to zero height (buttons below overlap the comment box).
+     */
     runFirstUpdated(): void;
+    /**
+     * Re-init on every (re)connect: `disconnectedCallback` destroys the editor, and on
+     * Cortex ajax refresh props like `content` are applied after `runFirstUpdated`
+     * (see docs/cortex-render-order.md) — re-initializing here picks up the latest values.
+     */
+    connectedUpdatedCallback(): void;
     private handleCommentMousedown;
     handleEditableChange(): void;
     handlePlaceholderChange(): void;

package/library/utils.js

@@ -34,7 +34,7 @@ import { s as fa } from "./chunks/parse.Cu5nBDTb.js";
 import { b as ga, o as da, d as pa, e as Da, f as Ta, m as wa, q as Ca, g as xa, h as Ma, l as ya, p as Sa, z as Ea, y as Aa, a as La, c as Ia, s as va, x as ba, v as Ra, t as Va, r as Fa, w as ka, i as Oa, n as Ya, u as Na } from "./chunks/string.BhJ0Zogu.js";
 import { g as Pa, a as _a } from "./chunks/template.ClovJacp.js";
 import { c as Ha, f as Wa, a as Ba, g as $a } from "./chunks/time.DWfbnPnM.js";
-import { b as za } from "./chunks/transformation.DGzjBg6V.js";
+import { b as za } from "./chunks/transformation.BDmd3kER.js";
 function n(t) {
   const e = t.getFullYear(), r = String(t.getMonth() + 1).padStart(2, "0"), s = String(t.getDate()).padStart(2, "0");
   return `${e}-${r}-${s}`;

package/package.json

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

package/library/chunks/transformation.DGzjBg6V.js

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