@orangelogic/design-system 2.161.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/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-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/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/types.js

@@ -115,7 +115,7 @@ import { d as Ic } from "../chunks/debounce.DaHuiSGU.js";
 import { t as bS, c as dI, d as FZ, i as Mk, G as Bg, j as cp, h as zZ, s as uI, T as w4, k as yi, l as F$, u as jZ, f as Pk, m as HZ, F as sy, M as Nb, n as VZ, o as z$, q as pI } from "../chunks/string.BhJ0Zogu.js";
 import { b as LXt, e as RXt, g as BXt, p as $Xt, z as FXt, y as zXt, a as jXt, x as HXt, v as VXt, r as UXt, w as qXt } from "../chunks/string.BhJ0Zogu.js";
 import { c as pi } from "../chunks/repeat.CFjcER6_.js";
-import { a as ky, F as _y, i as x4, b as hI, c as gI, d as UZ, e as j$, f as H$, g as k4, h as Nk, C as qZ, j as mI, k as fI, l as vI, m as yI, n as bI, o as wI, O as xI, D as wS, p as WZ, q as kI, u as Lk } from "../chunks/asset-link-format.CUPqX8XL.js";
+import { a as ky, F as _y, i as x4, b as hI, c as gI, d as UZ, e as j$, f as H$, g as k4, h as Nk, C as qZ, j as mI, k as fI, l as vI, m as yI, n as bI, o as wI, O as xI, D as wS, p as WZ, q as kI, u as Lk } from "../chunks/asset-link-format.DLAzKfhk.js";
 import { H as AC } from "../chunks/slot.j5oheLJC.js";
 import { a as GXt, g as KXt } from "../chunks/slot.j5oheLJC.js";
 import { c as Mr, d as GZ, H as Di, e as _a, f as ps, a as KZ, b as Qn } from "../chunks/resizable-component.styles.CAfXABBc.js";
@@ -140,8 +140,8 @@ import { g as X$, F as oQ } from "../chunks/form.CP9KLGjF.js";
 import { c as mJt, f as fJt, v as vJt, a as yJt } from "../chunks/form.CP9KLGjF.js";
 import { d as _S, c as DI, e as aQ, i as II, h as sQ, p as lQ, t as cQ } from "../chunks/date.iWq_pkIk.js";
 import { b as wJt, f as xJt, g as kJt, a as _Jt, n as CJt } from "../chunks/date.iWq_pkIk.js";
-import { F as J$, a as dQ, b as PC, H as uQ, c as pQ, f as hQ, d as Xb, g as gQ, e as mQ, o as bu, h as fQ } from "../chunks/color-swatch-group.Dg5avknJ.js";
-import { C as TJt, i as EJt, j as AJt } from "../chunks/color-swatch-group.Dg5avknJ.js";
+import { F as J$, a as dQ, b as PC, H as uQ, c as pQ, f as hQ, d as Xb, g as gQ, e as mQ, o as bu, h as fQ } from "../chunks/color-swatch-group.CLv1LSZy.js";
+import { C as TJt, i as EJt, j as AJt } from "../chunks/color-swatch-group.CLv1LSZy.js";
 import { F as jd, C as _4, s as NC, a as CS } from "../chunks/folder-select.BKAuh4GE.js";
 import { b as LC, a as sw, c as vQ, r as Ue, j as _e, w as yQ, R as bQ } from "../chunks/jsx-runtime.CTpPVMxj.js";
 import { S as MI, r as wQ, c as xQ, i as PI, a as NI, b as kQ, d as LI, e as SS } from "../chunks/index.DcjJFMlq.js";
@@ -202,7 +202,7 @@ import { C as SZt } from "../chunks/calendar-grid.BWjcZL5W.js";
 import { c as EZt, f as AZt, e as OZt, b as DZt, g as IZt, d as MZt, i as PZt, r as NZt, a as LZt } from "../chunks/image.QVlPFadX.js";
 import { b as BZt, e as $Zt } from "../chunks/waveform.1U9U_0rd.js";
 import { g as zZt, a as jZt } from "../chunks/template.ClovJacp.js";
-import { b as VZt } from "../chunks/transformation.BDmd3kER.js";
+import { a as VZt, b as UZt } from "../chunks/transformation.D1alV_s4.js";
 var PA = /* @__PURE__ */ ((i) => (i.Button = "button", i.Select = "select", i))(PA || {}), Jb = /* @__PURE__ */ ((i) => (i.Grid = "grid", i.Shadows = "shadows", i.Textures = "textures", i.Wireframe = "wireframe", i))(Jb || {}), hh = /* @__PURE__ */ ((i) => (i.Animation = "animation", i.Environment = "environment", i.Speed = "speed", i.Variant = "variant", i))(hh || {});
 const UI = 30, ree = ["0.5", "1", "1.5", "2"], qI = 100, oee = 0.01, aee = 0.01, see = 200, lee = 10, cee = 0.01, dee = 0.3, pF = "#2A2342";
 var tk = /* @__PURE__ */ ((i) => (i.Bridge = "https://downloads.orangelogic.com/3dviewer/static/environments/bridge.env", i.Church = "https://downloads.orangelogic.com/3dviewer/static/environments/church.env", i.Studio = "https://downloads.orangelogic.com/3dviewer/static/environments/studio.env", i))(tk || {}), Nd = /* @__PURE__ */ ((i) => (i.Babylon = "https://downloads.orangelogic.com/3dviewer/static/babylonjs/cdn/babylon.js", i.Fflate = "https://downloads.orangelogic.com/3dviewer/static/babylonjs/cdn/fflate.js", i.GlslangJs = "https://downloads.orangelogic.com/3dviewer/static/babylonjs/cdn/glslang.js", i.GlslangWasm = "https://downloads.orangelogic.com/3dviewer/static/babylonjs/cdn/glslang.wasm", i.Gui = "https://downloads.orangelogic.com/3dviewer/static/babylonjs/cdn/babylon.gui.min.js", i.Inspector = "https://downloads.orangelogic.com/3dviewer/static/babylonjs/cdn/babylon.inspector.bundle.js", i.Loaders = "https://downloads.orangelogic.com/3dviewer/static/babylonjs/cdn/babylonjs.loaders.min.js", i.Materials = "https://downloads.orangelogic.com/3dviewer/static/babylonjs/cdn/babylonjs.materials.js", i.Serializers = "https://downloads.orangelogic.com/3dviewer/static/babylonjs/cdn/babylonjs.serializers.min.js", i.TwgslJs = "https://downloads.orangelogic.com/3dviewer/static/babylonjs/cdn/twgsl.js", i.TwgslWasm = "https://downloads.orangelogic.com/3dviewer/static/babylonjs/cdn/twgsl.wasm", i))(Nd || {});
@@ -20825,6 +20825,16 @@ let Xn = class extends di {
       { label: "400%", value: "400-percent" }
     ];
   }
+  // A zoom off the preset list arrives as the raw scale factor ('4.6'), which
+  // matches no preset <cx-option> and leaves the select blank. Give it one, so
+  // the select reads "460%".
+  renderCustomScaleOption() {
+    const i = Number(this.scaleValue);
+    return Ge(
+      Number.isFinite(i) && i > 0,
+      () => M`<cx-option value=${this.scaleValue}>${Math.round(i * 1e4) / 100}%</cx-option>`
+    );
+  }
   renderMiddle() {
     return M`<cx-space class="pdf-viewer-toolbar__middle" part="middle" align-items="center" wrap="nowrap" spacing="2x-small"><cx-icon-button size="small" class=${Lt({
       "pdf-viewer-toolbar__tool": !0,
@@ -20840,7 +20850,8 @@ let Xn = class extends di {
       Xn.getScaleOptions(this.localize),
       (i) => i.value,
       (i) => M`<cx-option value=${i.value}>${i.label}</cx-option>`
-    )}</cx-select></cx-space>`;
+    )}
+          ${this.renderCustomScaleOption()}</cx-select></cx-space>`;
   }
   renderRight() {
     return M`<cx-space class="pdf-viewer-toolbar__right" part="right" align-items="center" wrap="nowrap" spacing="2x-small">${this.enableAnnotation ? M`<cx-icon-button size="small" class=${Lt({
@@ -155750,7 +155761,8 @@ export {
   nZt as animateTo,
   rF as appendProtocol,
   JJt as appendQueryParam,
-  VZt as buildTransformationString,
+  VZt as applyTransformationsToUrl,
+  UZt as buildTransformationString,
   BZt as buildWaveformPath,
   EZt as calculateAspectRatioFit,
   gp as clamp,

package/library/package.json

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

package/library/packages/hybrid/table-core/src/tabulator-tables/modules/Page/Page.d.ts

@@ -20,6 +20,12 @@ export default class Page extends Module implements IPage {
     dataChanging: boolean;
     pageSizes: number[];
     mode: 'remote' | 'local' | 'progressive_load' | 'progressive_scroll';
+    /**
+     * Coalesces bursts of 'row-added'/'row-deleted' (e.g. a streaming loader
+     * calling addData() per chunk, which dispatches one event per row) into a
+     * single pipeline refresh instead of one full re-render per row.
+     */
+    private rowsUpdatedScheduled;
     constructor(table: Tabulator);
     options(key: string): any;
     initialize(): void;

package/library/packages/hybrid/table-core/src/tabulator-tables/modules/Validate/Validate.d.ts

@@ -106,6 +106,12 @@ export default class Validate extends Module {
      * responsive.
      */
     private validateColumnsOnMainThread;
+    /**
+     * 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.
+     */
     private applyCellInvalidState;
     private clearCellInvalidState;
     private runSuppressed;

package/library/packages/molecules/src/pdf-viewer-toolbar/pdf-viewer-toolbar.d.ts

@@ -90,6 +90,7 @@ export default class CxPdfViewerToolbar extends CortexElement {
     private handleMoreOptionsSelect;
     private renderLeft;
     private static getScaleOptions;
+    private renderCustomScaleOption;
     private renderMiddle;
     private renderRight;
     render(): TemplateResult;

package/library/packages/types/src/pdf-viewer-toolbar.d.ts

@@ -11,10 +11,11 @@ export type PdfViewerScrollMode = 'page' | 'vertical' | 'horizontal' | 'wrapped'
 /** How page spreads are joined. */
 export type PdfViewerSpreadMode = 'none' | 'odd' | 'even';
 /**
- * The zoom scale. Either a named mode, a percentage zoom factor (as a string, e.g.
- * `'150-percent'` = 150%), or `'custom'` for a non-preset factor shown via `customScalePercent`.
+ * The zoom scale: a named mode, one of the select's percentage presets, or — for a
+ * zoom off that list, e.g. once the zoom buttons step past 400% — the raw scale
+ * factor as a number string (`'4.6'` = 460%).
  */
-export type PdfViewerScaleValue = 'auto' | 'page-actual' | 'page-fit' | 'page-width' | '50-percent' | '75-percent' | '100-percent' | '125-percent' | '150-percent' | '200-percent' | '300-percent' | '400-percent';
+export type PdfViewerScaleValue = 'auto' | 'page-actual' | 'page-fit' | 'page-width' | '50-percent' | '75-percent' | '100-percent' | '125-percent' | '150-percent' | '200-percent' | '300-percent' | '400-percent' | `${number}`;
 /** A row in the "View on asset" dropdown. */
 export interface ViewOnAssetRow {
     checked: boolean;

package/library/packages/utils/src/transformation/transformation.d.ts

@@ -11,3 +11,11 @@ export declare function buildTransformationString({ asset, baseUrl, extension, o
     transformations?: Transformation[];
     useSession?: string;
 }): string;
+/**
+ * Applies transformations to a (possibly finished) asset URL and returns the display URL.
+ *
+ * The backend resolver splits on the FIRST `/t/` after the access key, so for `/AssetLink/`
+ * URLs the transform is anchored right after the access key (before any prettyName/ext tail)
+ * and merged into an existing `/t/`. Other URLs keep the plain append behavior.
+ */
+export declare function applyTransformationsToUrl(url: string, transformations: Transformation[]): string;

package/library/react-web-component.d.ts

@@ -6840,7 +6840,7 @@
         /**
           * Current zoom scale.
         */
-        scaleValue?: 'auto' | 'page-actual' | 'page-fit' | 'page-width' | '50-percent' | '75-percent' | '100-percent' | '125-percent' | '150-percent' | '200-percent' | '300-percent' | '400-percent';
+        scaleValue?: 'auto' | 'page-actual' | 'page-fit' | 'page-width' | '50-percent' | '75-percent' | '100-percent' | '125-percent' | '150-percent' | '200-percent' | '300-percent' | '400-percent' | string;
         /**
           * Disables the zoom-in button.
         */

package/library/utils.js

@@ -34,7 +34,7 @@ import { s as ga } from "./chunks/parse.Cu5nBDTb.js";
 import { b as pa, o as Da, d as Ta, e as wa, f as Ca, m as xa, q as Ma, g as ya, h as Sa, l as Ea, p as Aa, z as Ia, y as La, a as va, c as Ra, s as ba, x as Va, v as Fa, t as Oa, r as ka, w as Ya, i as Na, n as Ua, u as _a } from "./chunks/string.BhJ0Zogu.js";
 import { g as Xa, a as Ha } from "./chunks/template.ClovJacp.js";
 import { c as Ba, f as $a, a as Ga, g as za } from "./chunks/time.DWfbnPnM.js";
-import { b as Qa } from "./chunks/transformation.BDmd3kER.js";
+import { a as Qa, b as Za } from "./chunks/transformation.D1alV_s4.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}`;
@@ -598,7 +598,8 @@ export {
   we as animateTo,
   O as appendProtocol,
   Et as appendQueryParam,
-  Qa as buildTransformationString,
+  Qa as applyTransformationsToUrl,
+  Za as buildTransformationString,
   ea as buildWaveformPath,
   $r as calculateAspectRatioFit,
   ze as clamp,

package/package.json

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

package/library/chunks/transformation.BDmd3kER.js

@@ -1,163 +0,0 @@
-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
-};