@orangelogic/design-system 2.160.0 → 2.162.0

package/library/chunks/{color-swatch-group.Dg5avknJ.js → color-swatch-group.CLv1LSZy.js}

@@ -12272,7 +12272,7 @@ ii.moduleName = "mutator", ii.mutators = Ap;
 let Bs = ii;
 const No = class No extends I {
   constructor(e) {
-    super(e), this.element = null, this.size = 0, this.page = 1, this.count = 5, this.max = 1, this.remoteRowCountEstimate = null, this.initialLoad = !0, this.progressiveLoad = !1, this.dataChanging = !1, this.pageSizes = [], this.mode = "local", this.setPage = (t) => {
+    super(e), this.element = null, this.size = 0, this.page = 1, this.count = 5, this.max = 1, this.remoteRowCountEstimate = null, this.initialLoad = !0, this.progressiveLoad = !1, this.dataChanging = !1, this.pageSizes = [], this.mode = "local", this.rowsUpdatedScheduled = !1, this.setPage = (t) => {
       if (typeof t == "string") {
         if (["first", "prev", "next", "last"].includes(t))
           switch (t) {
@@ -12374,7 +12374,9 @@ const No = class No extends I {
     return t || this.mode === "local" && this.reset(!1), e;
   }
   rowsUpdated() {
-    this.refreshData(!0, "all");
+    this.rowsUpdatedScheduled || (this.rowsUpdatedScheduled = !0, queueMicrotask(() => {
+      this.rowsUpdatedScheduled = !1, this.refreshData(!0, "all");
+    }));
   }
   createElements() {
     const e = x`<cx-pagination back-icon-name="arrow_back" next-icon-name="arrow_forward" icon-button-size="small"></cx-pagination>`, t = x`<div slot="pagination" class="tabulator-paginator"></div>`;
@@ -16213,7 +16215,15 @@ const Gr = process.env.NODE_ENV === "development", Ur = 2e3, Kr = 1e3, mi = "dat
   // /////////////////////////////////
   // //// Cell state application /////
   // /////////////////////////////////
+  /**
+   * Only style cells that already have real DOM (`cell.loaded`). Calling
+   * `getElement()` on an unloaded cell forces it to generate a detached
+   * element — the virtual renderer's later `layoutCell()` call (on scroll/
+   * page change) is what actually applies the style once the cell is real.
+   */
   applyCellInvalidState(e) {
+    if (!e.loaded)
+      return;
     const t = e.getElement();
     if (!t)
       return;
@@ -16225,6 +16235,8 @@ const Gr = process.env.NODE_ENV === "development", Ur = 2e3, Kr = 1e3, mi = "dat
 `)), e.modules.validate.messageApplied = !0);
   }
   clearCellInvalidState(e) {
+    if (!e.loaded)
+      return;
     const t = e.getElement();
     t && (t.classList.remove("tabulator-validation-fail"), e.modules.validate?.messageApplied && (t.removeAttribute(mi), e.modules.validate.messageApplied = !1));
   }
@@ -19454,7 +19466,7 @@ const sm = {
   [nt.Checkbox]: em,
   [nt.DatePicker]: tm,
   [nt.DateRange]: im
-}, om = X`:host{display:contents}cx-dropdown{--panel-overflow:hidden}cx-details{--expand-icon-size:24px}.panel{--header-font-size:var(--cx-font-size-medium);--panel-width:min(280px, 90dvw);width:var(--panel-width);max-height:var(--panel-max-height,600px);position:relative}.panel:has(cx-facet-date-range[show-time],cx-facet-date-picker[show-time]){--panel-width:min(385px, 90dvw)}.panel__content{max-height:var(--panel-max-height,600px);flex-direction:column;display:flex}.panel__header{flex-shrink:0}.panel__body{flex:1;min-height:0;overflow-y:auto}.panel__footer{padding:var(--cx-spacing-x-small) var(--cx-spacing-medium);border-top:1px solid var(--cx-color-neutral-200);flex-shrink:0;display:flex}.applied-filters__summary{align-items:center;gap:var(--cx-spacing-2x-small);display:inline-flex}.applied-filters__title{font-weight:var(--cx-font-weight-medium);color:var(--cx-color-neutral-900)}.applied-filters__loading{align-items:center;display:inline-flex}.applied-filters{--content-padding:0 var(--cx-spacing-medium);min-width:100%;width:var(--panel-width)}.applied-filters::part(summary){flex:none}.applied-filters::part(base),cx-faceted-filter-facet::part(base){border-top-width:0;border-left-width:0;border-right-width:0}.applied-filters--empty::part(content){display:none}.faceted-filter__trigger-wrapper{display:inline-block;position:relative}.faceted-filter__trigger::part(base){background-color:var(--cx-color-neutral-100)}.faceted-filter__trigger-badge{position:absolute;top:-15px;right:-15px}.applied-filters__tags{max-width:var(--panel-width);padding-bottom:var(--cx-spacing-x-small)}.panel__clear-all-button{--cx-button-text-transform:none;padding-top:var(--cx-spacing-2x-small);padding-bottom:var(--cx-spacing-2x-small)}.panel__clear-all-button::part(label){text-decoration:underline}.panel__clear-all-button:not([disabled])::part(base):hover{color:var(--cx-color-neutral-800);background-color:#0000;border-color:#0000}cx-tag::part(remove-button){font-size:var(--cx-font-size-x-small)}cx-tag::part(remove-button__base){min-height:unset;min-width:unset;padding:var(--cx-spacing-3x-small)}`;
+}, om = X`:host{display:contents}cx-dropdown{--panel-overflow:hidden}cx-details{--expand-icon-size:24px}.panel{--header-background-color:transparent;--header-font-size:var(--cx-font-size-medium);--panel-width:min(280px, 90dvw);width:var(--panel-width);max-height:var(--panel-max-height,600px);position:relative}.panel:has(cx-facet-date-range[show-time],cx-facet-date-picker[show-time]){--panel-width:min(385px, 90dvw)}.panel__content{max-height:var(--panel-max-height,600px);flex-direction:column;display:flex}.panel__header{flex-shrink:0}.panel__body{flex:1;min-height:0;overflow-y:auto}.panel__footer{padding:var(--cx-spacing-x-small) var(--cx-spacing-medium);border-top:1px solid var(--cx-color-neutral-200);flex-shrink:0;display:flex}.applied-filters__summary{align-items:center;gap:var(--cx-spacing-2x-small);display:inline-flex}.applied-filters__title{font-weight:var(--cx-font-weight-medium);color:var(--cx-color-neutral-900)}.applied-filters__loading{align-items:center;display:inline-flex}.applied-filters{--content-padding:0 var(--cx-spacing-medium);min-width:100%;width:var(--panel-width)}.applied-filters::part(summary){flex:none}.applied-filters::part(base),cx-faceted-filter-facet::part(base){border-top-width:0;border-left-width:0;border-right-width:0}.applied-filters--empty::part(content){display:none}.faceted-filter__trigger-wrapper{display:inline-block;position:relative}.faceted-filter__trigger::part(base){background-color:var(--cx-color-neutral-100)}.faceted-filter__trigger-badge{position:absolute;top:-15px;right:-15px}.applied-filters__tags{max-width:var(--panel-width);padding-bottom:var(--cx-spacing-x-small)}.panel__clear-all-button{--cx-button-text-transform:none;padding-top:var(--cx-spacing-2x-small);padding-bottom:var(--cx-spacing-2x-small)}.panel__clear-all-button::part(label){text-decoration:underline}.panel__clear-all-button:not([disabled])::part(base):hover{color:var(--cx-color-neutral-800);background-color:#0000;border-color:#0000}cx-tag::part(remove-button){font-size:var(--cx-font-size-x-small)}cx-tag::part(remove-button__base){min-height:unset;min-width:unset;padding:var(--cx-spacing-3x-small)}`;
 var rm = Object.defineProperty, nm = Object.getOwnPropertyDescriptor, ye = (r, e, t, i) => {
   for (var s = i > 1 ? void 0 : i ? nm(e, t) : e, o = r.length - 1, n; o >= 0; o--)
     (n = r[o]) && (s = (i ? n(e, t, s) : n(s)) || s);
@@ -19589,7 +19601,7 @@ let ue = class extends Pe {
     });
   }
   renderAppliedFilters() {
-    return x`<cx-details open aria-busy=${this.loading ? "true" : "false"} class=${rt({
+    return x`<cx-details aria-busy=${this.loading ? "true" : "false"} class=${rt({
       "applied-filters": !0,
       "applied-filters--empty": this.appliedFiltersCount === 0
     })}><span slot="summary" class="applied-filters__summary"><span class="applied-filters__title">${this.localize.term("appliedFilters")}${this.appliedFiltersCount > 0 ? ` (${this.appliedFiltersCount})` : wt}</span>${Y(

package/library/chunks/drag.DenOh3AE.js

@@ -0,0 +1,39 @@
+function d(r, t = []) {
+  return r.querySelectorAll("iframe").forEach((n) => t.push(n)), r.querySelectorAll("*").forEach((n) => {
+    n.shadowRoot && d(n.shadowRoot, t);
+  }), t;
+}
+function p(r, t) {
+  function n(e, o) {
+    const l = r.getBoundingClientRect(), i = r.ownerDocument.defaultView, v = l.left + i.scrollX, m = l.top + i.scrollY;
+    let a = e.pageX - v, f = e.pageY - m;
+    if (o) {
+      const c = o.getBoundingClientRect();
+      a += c.left + i.scrollX, f += c.top + i.scrollY;
+    }
+    if (e._parentEvent) {
+      const c = e.target;
+      c instanceof HTMLElement && (a += c.getBoundingClientRect().left + c.ownerDocument.defaultView.scrollX, f += c.getBoundingClientRect().top + c.ownerDocument.defaultView.scrollY);
+    }
+    t?.onMove && t.onMove(a, f, e);
+  }
+  function u() {
+    document.removeEventListener("pointermove", n), document.removeEventListener("pointerup", u), s.forEach((e, o) => {
+      o.contentDocument?.removeEventListener("pointermove", e), o.contentDocument?.removeEventListener("pointerup", u);
+    }), s.clear(), t?.onStop && t.onStop();
+  }
+  const s = /* @__PURE__ */ new Map();
+  d(r.ownerDocument).forEach((e) => {
+    try {
+      const o = e.contentDocument;
+      if (!o)
+        return;
+      const l = (i) => n(i, e);
+      s.set(e, l), o.addEventListener("pointermove", l, { passive: !0 }), o.addEventListener("pointerup", u);
+    } catch {
+    }
+  }), document.addEventListener("pointermove", n, { passive: !0 }), document.addEventListener("pointerup", u), t?.initialEvent instanceof PointerEvent && n(t.initialEvent);
+}
+export {
+  p as d
+};

package/library/chunks/transformation.D1alV_s4.js

@@ -0,0 +1,189 @@
+import { T as c, U as p } from "./asset-link-format.QzzboHHE.js";
+const v = "/AssetLink/";
+function T({
+  asset: r,
+  baseUrl: s,
+  extension: l,
+  options: u,
+  parameters: f,
+  transformations: o,
+  useSession: $ = ""
+}) {
+  if (s == null)
+    return "";
+  let i = s;
+  const y = o?.findLast(
+    (n) => n.key === c.Quality
+  );
+  if (y && (o = [
+    ...o?.filter(
+      (n) => n.key !== c.Quality
+    ) || [],
+    y
+  ]), o) {
+    const n = [];
+    for (let e = 0; e < o.length; e++) {
+      const a = o[e];
+      if (a.key === c.Rotate) {
+        let t = a.value.rotation ?? 0;
+        for (; o[e + 1]?.key === c.Rotate; )
+          e++, t += o[e].value.rotation ?? 0;
+        t !== 0 && n.push({ key: c.Rotate, value: { rotation: t } });
+      } else
+        n.push(a);
+    }
+    o = n;
+  }
+  o && o.length > 0 && (i += "/t/"), o?.forEach(({ key: n, value: e }) => {
+    if (n === c.Resize) {
+      if (e.unit === p.AspectRatio && e.ratioWidth && e.ratioHeight) {
+        i += `re_ar_${e.ratioWidth}:${e.ratioHeight}/`;
+        return;
+      }
+      const a = [
+        ...[
+          {
+            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"
+        }
+      ];
+      a.forEach(({ key: t, value: d }, k) => {
+        i += `${t}${d}${k < a.length - 1 ? "," : ""}`;
+      }), i += "/";
+    }
+    if (n === c.Crop) {
+      const a = e.unit === p.AspectRatio && !!e.ratioWidth && !!e.ratioHeight, t = !e.disabledSize && !a, d = t && (e.x !== void 0 || e.y !== void 0), k = [
+        ...[
+          {
+            key: "c_",
+            value: e.mode
+          },
+          ...a ? [
+            {
+              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 && u?.omitZeroXY ? void 0 : Math.round(e.x ?? 0)
+            },
+            {
+              key: "c_y_",
+              value: Math.round(e.y ?? 0) === 0 && u?.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
+        })),
+        ...a ? [] : [
+          {
+            key: "c_whu_",
+            value: "pixel"
+          }
+        ]
+      ];
+      k.forEach(({ key: h, value: g }, m) => {
+        const M = ["c_w_", "c_h_", "c_x_", "c_y_"].includes(h);
+        i += `${h}${M ? Math.round(Number(g)) : g}${m < k.length - 1 ? "," : ""}`;
+      }), i += "/";
+    }
+    if (n === c.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 += "/"), n === c.Quality) {
+      const a = [
+        {
+          key: "q_level_",
+          value: e.quality
+        }
+      ].filter((t) => t.value !== void 0).map((t) => ({
+        key: t.key,
+        value: Math.round(Number(t.value))
+      }));
+      a.forEach(({ key: t, value: d }, k) => {
+        i += `${t}${d}${k < a.length - 1 ? "," : ""}`;
+      }), i += "/";
+    }
+    if (n === c.Metadata) {
+      const a = [
+        {
+          key: "fl_keep_metadata",
+          value: e.keepMetadata
+        }
+      ].filter((t) => t.value !== void 0).map((t) => ({ key: t.key, value: t.value }));
+      a.forEach(({ key: t }, d) => {
+        i += `${t}${d < a.length - 1 ? "," : ""}`;
+      }), i += "/";
+    }
+  }), l && (i += `${r?.identifier ?? crypto.randomUUID()}${l}`);
+  const _ = [];
+  return f && f.length > 0 && f.forEach(({ key: n, value: e }) => {
+    _.push(
+      `${encodeURIComponent(n.trim())}=${encodeURIComponent(e.trim())}`
+    );
+  }), s && $ && _.push(`UseSession=${encodeURIComponent($)}`), _.length > 0 && (i += `?${_.join("&")}`), i.endsWith("/") && (i = i.slice(0, -1)), i;
+}
+function R(r, s) {
+  if (!r || !s?.length)
+    return r;
+  const l = T({ baseUrl: "", transformations: s }).replace(
+    /\/t\//g,
+    ""
+  );
+  if (!l)
+    return r;
+  const u = r.indexOf(v);
+  if (u < 0)
+    return `${r}/t/${l}`;
+  const f = r.slice(0, u + v.length), o = r.slice(u + v.length), $ = o.indexOf("/t/");
+  if ($ >= 0) {
+    const y = o.slice(0, $);
+    return `${f}${y}/t/${l}`;
+  }
+  const i = o.indexOf("/");
+  if (i >= 0) {
+    const y = o.slice(0, i), _ = o.slice(i);
+    return `${f}${y}/t/${l}${_}`;
+  }
+  return `${r}/t/${l}`;
+}
+export {
+  R as a,
+  T 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.CUPqX8XL.js";
+import { C as g } from "../chunks/asset-link-format.DLAzKfhk.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.BDmd3kER.js";
+import "../chunks/transformation.D1alV_s4.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/state.CSDxrqLd.js";
 import "../chunks/when.Dr1es41R.js";

package/library/components/color-picker.js

@@ -3,7 +3,7 @@ import { c as E } from "../chunks/component.styles.CRO4Odto.js";
 import { c as I } from "../chunks/custom-element.L4WJXn1j.js";
 import { d as S } from "../chunks/debounce.DaHuiSGU.js";
 import { d as H } from "../chunks/default-value.COZopaet.js";
-import { d as w } from "../chunks/drag.DXEXVXPv.js";
+import { d as w } from "../chunks/drag.DenOh3AE.js";
 import { F as M } from "../chunks/form.CP9KLGjF.js";
 import { L as O } from "../chunks/i18n.Bchq8v1d.js";
 import { c as u } from "../chunks/math.DuKzLacZ.js";

package/library/components/color-swatch-group.js

@@ -3,7 +3,7 @@ import "../chunks/typography.IqHbnd3C.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/color-swatch.DsWP2fd-.js";
 import "../chunks/component.styles.CRO4Odto.js";
-import { C as v } from "../chunks/color-swatch-group.Dg5avknJ.js";
+import { C as v } from "../chunks/color-swatch-group.CLv1LSZy.js";
 import "../chunks/content-builder.BU8X7I6V.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/debounce.DaHuiSGU.js";

package/library/components/image-comparer.js

@@ -1,7 +1,7 @@
 import { n as h, C as f } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as g } from "../chunks/component.styles.CRO4Odto.js";
 import { c as u } from "../chunks/custom-element.L4WJXn1j.js";
-import { d as v } from "../chunks/drag.DXEXVXPv.js";
+import { d as v } from "../chunks/drag.DenOh3AE.js";
 import { L as _ } from "../chunks/i18n.Bchq8v1d.js";
 import { c as m } from "../chunks/math.DuKzLacZ.js";
 import { w } from "../chunks/watch.DOt4Mabe.js";

package/library/components/organisms.js

@@ -1,5 +1,5 @@
-import { C as a } from "../chunks/asset-link-format.CUPqX8XL.js";
-import { C as t } from "../chunks/color-swatch-group.Dg5avknJ.js";
+import { C as a } from "../chunks/asset-link-format.DLAzKfhk.js";
+import { C as t } from "../chunks/color-swatch-group.CLv1LSZy.js";
 import { default as C } from "./file-on-demand.js";
 export {
   a as CxAssetLinkFormat,

package/library/components/range.js

@@ -5,7 +5,7 @@ import { f as F } from "../chunks/form-control.styles.CaGWmeAS.js";
 import { c as U } from "../chunks/custom-element.L4WJXn1j.js";
 import { d as $ } from "../chunks/debounce.DaHuiSGU.js";
 import { d as O } from "../chunks/default-value.COZopaet.js";
-import { d as w } from "../chunks/drag.DXEXVXPv.js";
+import { d as w } from "../chunks/drag.DenOh3AE.js";
 import { F as N } from "../chunks/form.CP9KLGjF.js";
 import { L as S } from "../chunks/i18n.Bchq8v1d.js";
 import { c as d } from "../chunks/math.DuKzLacZ.js";

package/library/components/sidebar.js

@@ -5,7 +5,7 @@ import _ from "./resize-observer.js";
 import { n as d, C as m } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as f } from "../chunks/component.styles.CRO4Odto.js";
 import { c as x } from "../chunks/custom-element.L4WJXn1j.js";
-import { d as y } from "../chunks/drag.DXEXVXPv.js";
+import { d as y } from "../chunks/drag.DenOh3AE.js";
 import { H as C } from "../chunks/slot.j5oheLJC.js";
 import { w as g } from "../chunks/watch.DOt4Mabe.js";
 import { i as z, E as p, x as l } from "../chunks/lit-element.jLBm65_O.js";

package/library/components/split-panel.js

@@ -1,7 +1,7 @@
 import { n as l, C as v } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as m } from "../chunks/component.styles.CRO4Odto.js";
 import { c as u } from "../chunks/custom-element.L4WJXn1j.js";
-import { d as g } from "../chunks/drag.DXEXVXPv.js";
+import { d as g } from "../chunks/drag.DenOh3AE.js";
 import { L as f } from "../chunks/i18n.Bchq8v1d.js";
 import { c as p } from "../chunks/math.DuKzLacZ.js";
 import { w as c } from "../chunks/watch.DOt4Mabe.js";