@orangelogic/design-system 3.20.0 → 3.22.0

package/library/chunks/{asset-link-format.BnE0FbUH.js → asset-link-format.B5E00Je6.js}

@@ -1,49 +1,50 @@
 import "../components/cropper.js";
-import { C as K } from "./button.D1YIxtv-.js";
-import U from "../components/space.js";
-import { C as B } from "./typography.T72DuoCa.js";
-import { n as h, C as q } from "./lib-cortex-element.CVMmyPMC.js";
-import { h as E, a as Dt, C as Nt, S as Yt, b as Jt, c as te, d as ee } from "./endpoints.mJ5S-tIs.js";
+import { C as Y } from "./button.cbDkxJHn.js";
+import q from "../components/space.js";
+import { C as U } from "./typography.BLYdTF0n.js";
+import { n as h, C as B } from "./lib-cortex-element.CVMmyPMC.js";
+import { h as E, a as Dt, C as Nt, S as Jt, b as te, c as ee, d as ie } from "./endpoints.mJ5S-tIs.js";
 import "./browser.BHOCIF_A.js";
 import { i as j, x as C, E as Ot } from "./lit-element.jLBm65_O.js";
-import "./form.DN2v7-DH.js";
-import { L as V } from "./i18n.rtxrs1c1.js";
-import { a as ie } from "./string.Demn8Xmk.js";
+import "./form.LpappO1d.js";
+import { L as V } from "./i18n.BSPmBQ73.js";
+import { a as se } from "./string.CfI2ejyR.js";
 import "./date-picker.BGHn6qg8.js";
-import { a as bt, r as Lt, b as se, c as ae, d as lt } from "./transformation.OaRYixzE.js";
+import { a as bt, r as Lt, b as ae, c as oe, d as dt } from "./transformation.BwQ_H-4q.js";
+import "./content-builder.CBBdfVOl.js";
 import "./unsafe-html.Dff7-rCx.js";
-import { b as oe } from "./_baseUniq.lwMgmtt2.js";
+import { b as re } from "./_baseUniq.lwMgmtt2.js";
 import { c as G } from "./component.styles.CAS3c9pM.js";
-import { M as ct, U as o, T as m } from "./asset-link-format.ClaYu_v8.js";
-import { v as re } from "./v4.CKZ6klMF.js";
-import { P as N } from "./position-picker.DjnhxIKF.js";
+import { M as rt, U as o, T as m } from "./asset-link-format.ClaYu_v8.js";
+import { v as ne } from "./v4.CKZ6klMF.js";
+import { P as N } from "./position-picker.qkbJlboF.js";
 import { c as Q } from "./custom-element.L4WJXn1j.js";
 import { w as _ } from "./watch.DJF5K-8U.js";
-import { s as Mt, a as pt } from "./number.Cx2ncfJJ.js";
+import { s as Mt, a as ut } from "./number.Cx2ncfJJ.js";
 import { r as $ } from "./state.CSDxrqLd.js";
 import { n as M } from "./when.Dr1es41R.js";
 import at from "../components/details.js";
-import Ut from "../components/divider.js";
+import qt from "../components/divider.js";
 import { C as ot } from "./icon.BLXWp6CU.js";
-import { C as Ct } from "./icon-button.CbUddcgI.js";
-import { C as kt } from "./input.D1FFprPl.js";
-import { C as yt } from "./option.CyorNG0S.js";
+import { C as Ct } from "./icon-button.DV5Fks8j.js";
+import { C as kt } from "./input.7pumTpdu.js";
+import { C as yt } from "./option.C5f7yDqN.js";
 import St from "../components/select.js";
-import ne from "../components/position-picker.js";
-import { c as he } from "./image.Y5c_hFx8.js";
-import { e as Y } from "./query.BBf1UFkC.js";
-import { c as rt } from "./repeat.CFjcER6_.js";
+import he from "../components/position-picker.js";
+import { c as le } from "./image.Y5c_hFx8.js";
+import { e as J } from "./query.BBf1UFkC.js";
+import { c as nt } from "./repeat.CFjcER6_.js";
 import { o as O } from "./style-map.llVFPd__.js";
-import Bt from "../components/tooltip.js";
-import le from "../components/button-group.js";
-import ce from "../components/checkbox.js";
-function pe(t) {
-  return t && t.length ? oe(t) : [];
+import Ut from "../components/tooltip.js";
+import ce from "../components/button-group.js";
+import pe from "../components/checkbox.js";
+function de(t) {
+  return t && t.length ? re(t) : [];
 }
-function qt(t) {
+function Bt(t) {
   return typeof t == "object" && t !== null && "URI" in t;
 }
-const de = {
+const ue = {
   artist: "Artist",
   color: "Color",
   createDate: "CreateDate",
@@ -65,7 +66,7 @@ const de = {
   systemIdentifier: "SystemIdentifier",
   text: "Text",
   title: "Title"
-}, ue = /* @__PURE__ */ new Set(["mediaDate", "createDate", "editDate"]);
+}, me = /* @__PURE__ */ new Set(["mediaDate", "createDate", "editDate"]);
 function wt(t) {
   return !/[\s&+/*"\\:(),'<>~|[\]{}]/.test(t) && !/^(?:OR|AND|NOT)$/.test(t) ? t : `"${t.replace(/\\/g, "\\\\").replace(/"/g, '\\"')}"`;
 }
@@ -73,10 +74,10 @@ function It(t, e) {
   const s = (Array.isArray(e) ? e : [e]).map((a) => `${t}:${wt(a)}`);
   return s.length > 1 ? `(${s.join(" OR ")})` : s[0] ?? "";
 }
-function me(t, e) {
+function fe(t, e) {
   return (Array.isArray(e) ? e : [e]).map((s) => `${t}${s.operator}${s.value}`).join(" AND ");
 }
-function fe(t) {
+function ge(t) {
   const e = [];
   for (const i of Object.keys(t)) {
     const s = i, a = t[s];
@@ -89,11 +90,11 @@ function fe(t) {
         e.push(It(n, l));
       continue;
     }
-    const r = de[s];
+    const r = ue[s];
     if (r) {
-      if (ue.has(s)) {
+      if (me.has(s)) {
         e.push(
-          me(r, a)
+          fe(r, a)
         );
         continue;
       }
@@ -117,26 +118,26 @@ function fe(t) {
   }
   return e.join(" AND ");
 }
-function dt(t) {
+function mt(t) {
   if ("and" in t)
-    return t.and.map(dt).filter(Boolean).join(" AND ");
+    return t.and.map(mt).filter(Boolean).join(" AND ");
   if ("or" in t) {
-    const e = t.or.map(dt).filter(Boolean);
+    const e = t.or.map(mt).filter(Boolean);
     return e.length > 1 ? `(${e.join(" OR ")})` : e[0] ?? "";
   }
   if ("not" in t) {
-    const e = dt(t.not);
+    const e = mt(t.not);
     return e ? `NOT (${e})` : "";
   }
-  return fe(t);
+  return ge(t);
 }
-const ge = "CoreField.LargeSizePreview", ut = "CoreField.DocType", Rt = "Document.Title", xe = "Document.CaptionLong", nt = "Document.FileExtension", mt = "CoreField.FileSize", Et = "CoreField.Identifier", Ui = "CoreField.MaxHeight", Bi = "CoreField.MaxWidth", ft = "Document.RecordID", Ht = "CoreField.DocSubType", gt = "CoreField.TitleWithFallback", st = "CoreField.OriginalFileName", jt = "__width", Vt = "__height", ye = "CoreField.OriginalPreview", qi = "Document.DocSubType", ji = "Document.InPoint", Vi = "Document.OutPoint", Tt = {
+const xe = "CoreField.LargeSizePreview", ht = "CoreField.DocType", Rt = "Document.Title", ye = "Document.CaptionLong", lt = "Document.FileExtension", ft = "CoreField.FileSize", Et = "CoreField.Identifier", Bi = "CoreField.MaxHeight", ji = "CoreField.MaxWidth", gt = "Document.RecordID", Ht = "CoreField.DocSubType", xt = "CoreField.TitleWithFallback", st = "CoreField.OriginalFileName", jt = "__width", Vt = "__height", Se = "CoreField.OriginalPreview", Vi = "Document.DocSubType", Gi = "Document.InPoint", Qi = "Document.OutPoint", Tt = {
   DEFAULT_VIEW_SIZE: "Document.LargeSizePreview",
   ORIGINAL_VIEW_SIZE: "Document.OriginalPreview"
 }, Gt = {
-  [ge]: Tt.DEFAULT_VIEW_SIZE,
-  [ye]: Tt.ORIGINAL_VIEW_SIZE
-}, Se = Object.fromEntries(
+  [xe]: Tt.DEFAULT_VIEW_SIZE,
+  [Se]: Tt.ORIGINAL_VIEW_SIZE
+}, ve = Object.fromEntries(
   Object.entries(Gt).map(([t, e]) => [
     e,
     t
@@ -145,13 +146,13 @@ const ge = "CoreField.LargeSizePreview", ut = "CoreField.DocType", Rt = "Documen
 function Ae(t) {
   return Gt[t] ?? t;
 }
-function ve(t) {
-  return t === gt ? [Rt, st] : [Ae(t)];
-}
 function ze(t) {
+  return t === xt ? [Rt, st] : [Ae(t)];
+}
+function be(t) {
   const e = {};
   for (const [i, s] of Object.entries(t)) {
-    const a = Se[i] ?? i;
+    const a = ve[i] ?? i;
     e[a] = s;
   }
   return e;
@@ -159,9 +160,9 @@ function ze(t) {
 function Qt(t, e, i) {
   t[i] = H(e, i);
   const s = e[i];
-  return s != null && qt(s) && (typeof s.Width == "number" && s.Width > 0 && (t[`${i}${jt}`] = String(s.Width)), typeof s.Height == "number" && s.Height > 0 && (t[`${i}${Vt}`] = String(s.Height))), t;
+  return s != null && Bt(s) && (typeof s.Width == "number" && s.Width > 0 && (t[`${i}${jt}`] = String(s.Width)), typeof s.Height == "number" && s.Height > 0 && (t[`${i}${Vt}`] = String(s.Height))), t;
 }
-function be(t) {
+function we(t) {
   const e = new URLSearchParams();
   for (const [i, s] of Object.entries(t))
     s != null && (Array.isArray(s) ? s.forEach((a) => e.append(i, String(a))) : e.append(i, String(s)));
@@ -177,14 +178,14 @@ async function Xt({
   pageNumber: n,
   query: l,
   securityByPassToken: p,
-  siteUrl: g,
-  sort: c,
-  token: f,
-  useSession: S
+  siteUrl: c,
+  sort: g,
+  token: u,
+  useSession: y
 }) {
-  const x = i?.flatMap(ve), d = i?.includes(gt) ?? !1, v = (P) => {
-    const w = ze(P);
-    return d && (w[gt] = H(w, Rt) || H(w, st)), w;
+  const S = i?.flatMap(ze), d = i?.includes(xt) ?? !1, v = (F) => {
+    const z = be(F);
+    return d && (z[xt] = H(z, Rt) || H(z, st)), z;
   }, k = {
     /*
      * Opt-in only, never inferred from `isSiteBuilder`: that flag picks the endpoint, and callers set
@@ -194,43 +195,43 @@ async function Xt({
      */
     Consistency: t || void 0,
     CountPerPage: e,
-    Fields: pe(x),
+    Fields: de(S),
     Format: "json",
     GetPermanentAssetsPaths: s || void 0,
     PageNumber: n,
-    Query: dt(l),
+    Query: mt(l),
     SecurityByPassToken: p || void 0,
-    Sort: c || void 0,
-    UseSession: S || void 0
-  }, z = a === "POST";
+    Sort: g || void 0,
+    UseSession: y || void 0
+  }, b = a === "POST";
   try {
     return (await E.request({
-      baseURL: g,
-      headers: f ? { Authorization: `Bearer ${f}` } : void 0,
+      baseURL: c,
+      headers: u ? { Authorization: `Bearer ${u}` } : void 0,
       method: a,
       // POST large RecordID queries as a urlencoded body to dodge the ~2KB URL cap;
       // GET keeps the same fields on the query string.
-      ...z ? { data: be(k) } : { params: k, paramsSerializer: { indexes: null } },
+      ...b ? { data: we(k) } : { params: k, paramsSerializer: { indexes: null } },
       responseType: "json",
       transformResponse: [
         ...Array.isArray(E.defaults.transformResponse) ? E.defaults.transformResponse : [],
-        r ? (w) => ({
-          items: (w.results?.Items ?? []).map(v),
-          sort: w.results?.GlobalInfo?.Sort ?? "",
-          totalCount: w.results?.GlobalInfo?.TotalCount ?? 0
-        }) : (w) => ({
-          items: (w.APIResponse?.Items ?? []).map(v),
-          sort: w.APIResponse?.GlobalInfo?.Sort ?? "",
-          totalCount: w.APIResponse?.GlobalInfo?.TotalCount ?? 0
+        r ? (z) => ({
+          items: (z.results?.Items ?? []).map(v),
+          sort: z.results?.GlobalInfo?.Sort ?? "",
+          totalCount: z.results?.GlobalInfo?.TotalCount ?? 0
+        }) : (z) => ({
+          items: (z.APIResponse?.Items ?? []).map(v),
+          sort: z.APIResponse?.GlobalInfo?.Sort ?? "",
+          totalCount: z.APIResponse?.GlobalInfo?.TotalCount ?? 0
         })
       ],
-      url: r ? Nt.SEARCH_ASSETS : Yt["4.0"]
+      url: r ? Nt.SEARCH_ASSETS : Jt["4.0"]
     })).data;
   } catch {
     return { items: [], sort: "", totalCount: 0 };
   }
 }
-async function we({
+async function Ce({
   assetId: t,
   extension: e,
   format: i,
@@ -246,7 +247,7 @@ async function we({
       params: {
         SourceAssetFormat: i,
         SourceAssetRecordID: t,
-        TargetExtension: ie(e),
+        TargetExtension: se(e),
         Token: a || void 0,
         Transformations: r,
         UseSession: n || void 0
@@ -262,14 +263,14 @@ async function we({
     return null;
   }
 }
-const Ce = 50;
-function ke(t, e) {
+const ke = 50;
+function Re(t, e) {
   const i = [];
   for (let s = 0; s < t.length; s += e)
     i.push(t.slice(s, s + e));
   return i;
 }
-async function Re({
+async function $e({
   consistency: t,
   extraFields: e,
   getPermanentAssetsPaths: i,
@@ -284,10 +285,10 @@ async function Re({
     ...l,
     st,
     Rt,
-    xe,
-    ft
-  ], g = ke(a, Ce), c = await Promise.all(
-    g.map(
+    ye,
+    gt
+  ], c = Re(a, ke), g = await Promise.all(
+    c.map(
       (d) => Xt({
         consistency: t,
         countPerPage: d.length,
@@ -301,26 +302,26 @@ async function Re({
         token: n
       })
     )
-  ), f = new Map(a.map((d, v) => [d, v])), S = c.flatMap((d) => d.items).map((d) => ({
+  ), u = new Map(a.map((d, v) => [d, v])), y = g.flatMap((d) => d.items).map((d) => ({
     name: H(d, st),
-    recordId: H(d, ft),
+    recordId: H(d, gt),
     ...l.reduce(
       (v, k) => Qt(v, d, k),
       {}
     )
   })).sort(
-    (d, v) => (f.get(d.recordId) ?? 1 / 0) - (f.get(v.recordId) ?? 1 / 0)
-  ), x = c.reduce(
+    (d, v) => (u.get(d.recordId) ?? 1 / 0) - (u.get(v.recordId) ?? 1 / 0)
+  ), S = g.reduce(
     (d, v) => d + v.totalCount,
     0
   );
-  return { facets: [], items: S, totalCount: x };
+  return { facets: [], items: y, totalCount: S };
 }
 function H(t, e) {
   const i = t[e];
-  return i == null ? "" : typeof i == "string" ? i : typeof i == "number" || typeof i == "boolean" ? String(i) : qt(i) ? i.URI : "";
+  return i == null ? "" : typeof i == "string" ? i : typeof i == "number" || typeof i == "boolean" ? String(i) : Bt(i) ? i.URI : "";
 }
-async function $e({
+async function Pe({
   consistency: t,
   countPerPage: e,
   directParentFolderIdentifier: i,
@@ -330,14 +331,14 @@ async function $e({
   limitedDocTypes: n,
   pageNumber: l,
   parentFolderIdentifier: p,
-  searchTerm: g,
-  securityByPassToken: c,
-  sortOrder: f,
-  token: S
+  searchTerm: c,
+  securityByPassToken: g,
+  sortOrder: u,
+  token: y
 }) {
   if (!i && !p)
     return { facets: [], items: [], totalCount: 0 };
-  const x = (s?.filter((z) => z && typeof z == "string") ?? []).map((z) => z.replace("%20", " ")), d = {
+  const S = (s?.filter((b) => b && typeof b == "string") ?? []).map((b) => b.replace("%20", " ")), d = {
     directParentFolderIdentifier: i,
     parentFolderIdentifier: p,
     ...n && n.length > 0 ? { docType: n } : {}
@@ -345,38 +346,38 @@ async function $e({
     consistency: t,
     countPerPage: e,
     fields: [
-      ...x,
-      gt,
-      mt,
-      ut,
+      ...S,
+      xt,
+      ft,
+      ht,
       Ht,
       Et,
-      nt,
-      ft,
+      lt,
+      gt,
       st
     ],
     getPermanentAssetsPaths: a,
     isSiteBuilder: r,
     pageNumber: l,
     query: d,
-    securityByPassToken: c,
+    securityByPassToken: g,
     sort: void 0,
-    token: S
-  }), k = v.items.map((z) => {
-    let P = H(z, nt);
-    P && !P.startsWith(".") && (P = "." + P);
-    const w = H(z, ft);
+    token: y
+  }), k = v.items.map((b) => {
+    let F = H(b, lt);
+    F && !F.startsWith(".") && (F = "." + F);
+    const z = H(b, gt);
     return {
-      docSubType: H(z, Ht),
-      docType: H(z, ut) || "",
-      extension: P,
-      id: w,
-      identifier: H(z, Et),
-      name: H(z, st),
-      recordId: w,
-      size: H(z, mt) || "0 MB",
-      ...x.reduce(
-        (tt, et) => Qt(tt, z, et),
+      docSubType: H(b, Ht),
+      docType: H(b, ht) || "",
+      extension: F,
+      id: z,
+      identifier: H(b, Et),
+      name: H(b, st),
+      recordId: z,
+      size: H(b, ft) || "0 MB",
+      ...S.reduce(
+        (et, it) => Qt(et, b, it),
         {}
       )
     };
@@ -387,7 +388,7 @@ async function $e({
     totalCount: v.totalCount
   };
 }
-async function Pe({
+async function Fe({
   autoCropMode: t,
   cropHeight: e,
   cropWidth: i,
@@ -422,7 +423,7 @@ async function Pe({
     return null;
   }
 }
-async function Gi({
+async function Xi({
   assetRecordId: t,
   isSiteBuilder: e,
   siteUrl: i,
@@ -453,13 +454,13 @@ async function Gi({
           width: l.width
         })) ?? []
       ],
-      url: e ? Nt.GET_AVAILABLE_PROXIES : ee
+      url: e ? Nt.GET_AVAILABLE_PROXIES : ie
     })).data;
   } catch {
     return [];
   }
 }
-async function Qi({
+async function Zi({
   siteUrl: t
 } = {}) {
   try {
@@ -480,13 +481,13 @@ async function Qi({
           formatsByDocType: i.formatsByDocType ?? {}
         }
       ],
-      url: Jt
+      url: te
     })).data;
   } catch {
     return { formatsByDocType: {} };
   }
 }
-async function Xi({
+async function Ki({
   recordIds: t,
   rightsToCheck: e
 }) {
@@ -502,14 +503,14 @@ async function Xi({
       params: { RecordIDs: t, RightsToCheck: e },
       paramsSerializer: { indexes: null },
       responseType: "json",
-      url: te.GET_AUTHORIZED_OBJECTS
+      url: ee.GET_AUTHORIZED_OBJECTS
     });
     return s;
   } catch {
     return i;
   }
 }
-const vt = 20, it = "TR1", xt = "TRX", Fe = /* @__PURE__ */ new Set([".gif"]), _e = /* @__PURE__ */ new Set([
+const At = 20, Z = "TR1", ct = "TRX", _e = /* @__PURE__ */ new Set([".gif"]), Me = /* @__PURE__ */ new Set([
   ".avif",
   ".bmp",
   ".gif",
@@ -520,53 +521,57 @@ const vt = 20, it = "TR1", xt = "TRX", Fe = /* @__PURE__ */ new Set([".gif"]), _
   ".svg",
   ".webp"
 ]);
-function Me(t) {
+function Zt(t) {
   const e = t.toLowerCase(), i = e.startsWith(".") ? e : `.${e}`;
-  return _e.has(i);
+  return Me.has(i);
+}
+function Ie(t, e) {
+  return t !== void 0 && t !== "" && t !== rt.Image ? !1 : !e || Zt(e);
 }
 function Wt({
   autoFormat: t,
   buildSrcset: e,
-  extension: i,
-  format: s,
-  item: a,
-  manualFormat: r,
-  size: n
+  docType: i,
+  extension: s,
+  format: a,
+  item: r,
+  manualFormat: n,
+  size: l
 }) {
-  const l = i?.toLowerCase() ?? "", p = l.startsWith(".") ? l : `.${l}`, g = `path_${it}`, c = (x, d) => {
-    const v = a[x];
-    if (!v)
+  const p = s?.toLowerCase() ?? "", c = p.startsWith(".") ? p : `.${p}`, g = `path_${Z}`, u = (d, v) => {
+    const k = r[d];
+    if (!k)
       return;
-    const k = a[`${x}${jt}`], z = a[`${x}${Vt}`], P = t ? bt(v, [], {
-      autoFormat: !r,
-      extension: l,
-      format: d
-    }) : v;
+    const b = r[`${d}${jt}`], F = r[`${d}${Vt}`], z = t ? bt(k, [], {
+      autoFormat: !n,
+      extension: p,
+      format: v
+    }) : k;
     return {
-      maxHeight: z,
-      maxWidth: k,
-      src: P,
-      srcset: e ? se(P, {
-        extension: l,
-        format: d,
-        maxWidth: ae(r, k)
+      maxHeight: F,
+      maxWidth: b,
+      src: z,
+      srcset: e ? ae(z, {
+        extension: p,
+        format: v,
+        maxWidth: oe(n, b)
       }) : ""
     };
   };
-  if (!r) {
-    const x = Lt(l, n), d = `path_${x}`;
-    return c(d, x) ?? c(g, it) ?? {};
+  if (!n) {
+    const d = Lt(p, l), v = `path_${d}`;
+    return u(v, d) ?? u(g, Z) ?? {};
   }
-  const f = s ? `path_${s}` : void 0;
-  return f && a[f] ? c(f, s) ?? {} : !!l && Fe.has(p) ? c(`path_${xt}`, xt) ?? c(g, it) ?? {} : c(g, it) ?? {};
+  const y = a ? `path_${a}` : void 0;
+  return y && r[y] ? a !== ct || Ie(i, p) ? u(y, a) ?? {} : u(g, Z) ?? {} : !!p && _e.has(c) ? u(`path_${ct}`, ct) ?? u(g, Z) ?? {} : u(g, Z) ?? {};
 }
-class Zi {
+class Yi {
   constructor(e, i) {
-    this.data = [], this.folderId = "", this.fetchedPages = /* @__PURE__ */ new Set(), this.totalCount = 0, this.maxEnd = 1 / 0, this.pageSize = vt, this.requestEpoch = 0, this.host = e, this.host.addController?.(this);
+    this.data = [], this.folderId = "", this.fetchedPages = /* @__PURE__ */ new Set(), this.totalCount = 0, this.maxEnd = 1 / 0, this.pageSize = At, this.requestEpoch = 0, this.host = e, this.host.addController?.(this);
     const s = i?.maxEnd;
     this.maxEnd = typeof s == "number" && Number.isFinite(s) && s >= 0 ? Math.floor(s) : 1 / 0;
     const a = i?.pageSize;
-    this.pageSize = typeof a == "number" && Number.isFinite(a) && a >= 1 ? Math.floor(a) : vt, this.authToken = i?.token, this.securityByPassToken = i?.securityByPassToken, this.isSiteBuilder = i?.isSiteBuilder ?? !1, this.autoFormat = i?.autoFormat ?? !1, this.buildSrcset = i?.buildSrcset ?? !1, this.consistency = i?.consistency;
+    this.pageSize = typeof a == "number" && Number.isFinite(a) && a >= 1 ? Math.floor(a) : At, this.authToken = i?.token, this.securityByPassToken = i?.securityByPassToken, this.isSiteBuilder = i?.isSiteBuilder ?? !1, this.autoFormat = i?.autoFormat ?? !1, this.buildSrcset = i?.buildSrcset ?? !1, this.consistency = i?.consistency;
   }
   get totalDataCount() {
     return this.totalCount;
@@ -584,7 +589,7 @@ class Zi {
    * Shrinking is ignored once pages are cached: collapsing already has what it needs.
    */
   setPageSize(e) {
-    const i = Number.isFinite(e) && e >= 1 ? Math.floor(e) : vt;
+    const i = Number.isFinite(e) && e >= 1 ? Math.floor(e) : At;
     if (this.pageSize === i)
       return;
     const s = this.fetchedPages.size > 0;
@@ -605,24 +610,24 @@ class Zi {
     const l = this.requestEpoch;
     if (!this.folderId || l !== this.requestEpoch)
       return this.data;
-    const p = s ? `path_${s}` : void 0, g = `path_${it}`, c = `path_${xt}`, f = [
+    const p = s ? `path_${s}` : void 0, c = `path_${Z}`, g = `path_${ct}`, u = [
       ...new Set(
-        [p, g, c].filter(
+        [p, c, g].filter(
           (d) => !!d
         )
       )
-    ], S = Math.floor(r / this.pageSize) + 1, x = Math.floor(e / this.pageSize) + 1;
-    for (let d = S; d <= x; d++) {
+    ], y = Math.floor(r / this.pageSize) + 1, S = Math.floor(e / this.pageSize) + 1;
+    for (let d = y; d <= S; d++) {
       if (this.fetchedPages.has(d))
         continue;
-      const v = await $e({
+      const v = await Pe({
         consistency: this.consistency,
         countPerPage: this.pageSize,
         directParentFolderIdentifier: this.folderId,
-        extraFields: [...i, ...f],
+        extraFields: [...i, ...u],
         getPermanentAssetsPaths: !0,
         isSiteBuilder: this.isSiteBuilder,
-        limitedDocTypes: [ct.Image, ct.Audio, ct.Video, ct.Multimedia],
+        limitedDocTypes: [rt.Image, rt.Audio, rt.Video, rt.Multimedia],
         pageNumber: d,
         searchTerm: "",
         securityByPassToken: this.securityByPassToken,
@@ -632,45 +637,46 @@ class Zi {
       if (l !== this.requestEpoch)
         return this.data;
       if (this.fetchedPages.add(d), !this.totalCount && v.totalCount) {
-        const z = Math.min(this.maxEnd, v.totalCount);
-        this.totalCount = z, this.data = Array.from({ length: z }, () => ({
+        const b = Math.min(this.maxEnd, v.totalCount);
+        this.totalCount = b, this.data = Array.from({ length: b }, () => ({
           alt: "",
-          id: `temp-${re()}`,
+          id: `temp-${ne()}`,
           name: "",
           src: ""
         }));
       }
       const k = (d - 1) * this.pageSize;
-      for (let z = 0; z < v.items.length; z++) {
-        const P = k + z;
-        if (P < this.data.length) {
-          const w = v.items[z], {
-            maxHeight: tt,
-            maxWidth: et,
-            src: Zt,
-            srcset: Kt
+      for (let b = 0; b < v.items.length; b++) {
+        const F = k + b;
+        if (F < this.data.length) {
+          const z = v.items[b], {
+            maxHeight: et,
+            maxWidth: it,
+            src: Kt,
+            srcset: Yt
           } = Wt({
             autoFormat: this.autoFormat,
             buildSrcset: this.buildSrcset,
-            extension: w.extension,
+            docType: z.docType,
+            extension: z.extension,
             format: s,
-            item: w,
+            item: z,
             manualFormat: a,
-            size: w.size
+            size: z.size
           });
-          let ht = Zt, Pt = Kt;
-          ht && n && n.length > 0 && (ht = bt(ht, n), Pt = ""), this.data[P] = {
-            alt: w.name,
-            docType: w.docType,
-            extension: w.extension,
-            id: w.id,
-            maxHeight: tt,
-            maxWidth: et,
-            name: w.name,
-            src: ht,
+          let pt = Kt, Pt = Yt;
+          pt && n && n.length > 0 && (pt = bt(pt, n), Pt = ""), this.data[F] = {
+            alt: z.name,
+            docType: z.docType,
+            extension: z.extension,
+            id: z.id,
+            maxHeight: et,
+            maxWidth: it,
+            name: z.name,
+            src: pt,
             srcset: Pt,
             ...i.reduce(
-              (Ft, _t) => (Ft[_t] = w[_t] ?? "", Ft),
+              (Ft, _t) => (Ft[_t] = z[_t] ?? "", Ft),
               {}
             )
           };
@@ -687,28 +693,28 @@ class Zi {
     manualFormat: n = !0,
     minLimit: l = 5,
     noPlaceholders: p = !1,
-    transformations: g
+    transformations: c
   }) {
     (!this.folderId || this.folderId !== s) && (this.folderId = s, this.resetFolderState()), a && this.resetPageCache();
-    const c = Math.max(5, l), f = e, S = e + c, x = [...i];
+    const g = Math.max(5, l), u = e, y = e + g, S = [...i];
     await this.fetchImages({
-      end: S,
-      extraFields: x.filter((k) => k !== ""),
+      end: y,
+      extraFields: S.filter((k) => k !== ""),
       format: r,
       manualFormat: n,
-      start: f,
-      transformations: g
+      start: u,
+      transformations: c
     });
-    let d = e - c;
+    let d = e - g;
     d < 0 && (this.totalCount === 0 ? d = 0 : d = Math.max(0, this.totalCount + d));
-    const v = d + c;
+    const v = d + g;
     return await this.fetchImages({
       end: v,
-      extraFields: x.filter((k) => k !== ""),
+      extraFields: S.filter((k) => k !== ""),
       format: r,
       manualFormat: n,
       start: d,
-      transformations: g
+      transformations: c
     }), p ? this.data.filter((k) => k.id && !k.id.startsWith("temp-")) : this.data;
   }
   async fetchImagesByIDs({
@@ -720,49 +726,50 @@ class Zi {
   }) {
     if (a.length === 0)
       return [];
-    const n = i ? `path_${i}` : void 0, l = `path_${it}`, p = `path_${xt}`, g = [
+    const n = i ? `path_${i}` : void 0, l = `path_${Z}`, p = `path_${ct}`, c = [
       ...new Set(
         [n, l, p].filter(
-          (x) => !!x
+          (S) => !!S
         )
       )
-    ], c = [nt, mt], f = [...e, ut];
-    return (await Re({
+    ], g = [lt, ft], u = [...e, ht];
+    return (await $e({
       consistency: this.consistency,
-      extraFields: [...f, ...g, ...c].filter((x) => x !== ""),
+      extraFields: [...u, ...c, ...g].filter((S) => S !== ""),
       getPermanentAssetsPaths: !0,
       isSiteBuilder: this.isSiteBuilder,
       recordIds: a,
       securityByPassToken: this.securityByPassToken,
       token: this.authToken
-    })).items.map((x) => {
+    })).items.map((S) => {
       const {
         maxHeight: d,
         maxWidth: v,
         src: k,
-        srcset: z
+        srcset: b
       } = Wt({
         autoFormat: this.autoFormat,
         buildSrcset: this.buildSrcset,
-        extension: x[nt],
+        docType: S[ht],
+        extension: S[lt],
         format: i,
-        item: x,
+        item: S,
         manualFormat: s,
-        size: x[mt]
+        size: S[ft]
       });
-      let P = k, w = z;
-      return P && r && r.length > 0 && (P = bt(P, r), w = ""), {
-        alt: x.name,
-        docType: x[ut],
-        extension: x[nt] || "",
-        id: x.recordId,
+      let F = k, z = b;
+      return F && r && r.length > 0 && (F = bt(F, r), z = ""), {
+        alt: S.name,
+        docType: S[ht],
+        extension: S[lt] || "",
+        id: S.recordId,
         maxHeight: d,
         maxWidth: v,
-        name: x.name,
-        src: P,
-        srcset: w,
-        ...f.reduce(
-          (tt, et) => (tt[et] = x[et] ?? "", tt),
+        name: S.name,
+        src: F,
+        srcset: z,
+        ...u.reduce(
+          (et, it) => (et[it] = S[it] ?? "", et),
           {}
         )
       };
@@ -777,18 +784,18 @@ class Zi {
     noPlaceholders: n = !1,
     page: l,
     pageSize: p = 10,
-    transformations: g
+    transformations: c
   }) {
     (!this.folderId || this.folderId !== i) && (this.folderId = i, this.resetFolderState()), s && this.resetPageCache();
-    const c = l * p, f = c + p - 1;
+    const g = l * p, u = g + p - 1;
     return await this.fetchImages({
-      end: f,
+      end: u,
       extraFields: e,
       format: a,
       manualFormat: r,
-      start: c,
-      transformations: g
-    }), n ? this.data.filter((S) => S.id && !S.id.startsWith("temp-")) : this.data;
+      start: g,
+      transformations: c
+    }), n ? this.data.filter((y) => y.id && !y.id.startsWith("temp-")) : this.data;
   }
   async *fetchImagesInFolderByChunk({
     chunkSize: e = 10,
@@ -799,9 +806,9 @@ class Zi {
     format: n,
     manualFormat: l = !0,
     start: p = 0,
-    transformations: g
+    transformations: c
   }) {
-    const c = Math.max(1, e);
+    const g = Math.max(1, e);
     if ((!this.folderId || this.folderId !== a) && (this.folderId = a, this.resetFolderState()), r && this.resetPageCache(), i !== -1) {
       await this.fetchImages({
         end: i,
@@ -809,27 +816,27 @@ class Zi {
         format: n,
         manualFormat: l,
         start: p,
-        transformations: g
+        transformations: c
       }), yield this.data;
       return;
     }
-    let f = p, S = p + c;
+    let u = p, y = p + g;
     if (await this.fetchImages({
-      end: S,
+      end: y,
       extraFields: s,
       format: n,
       manualFormat: l,
-      start: f,
-      transformations: g
-    }), yield this.data, !(!this.totalCount || this.totalCount <= S))
-      for (; S < this.totalCount; )
-        f = S, S = Math.min(S + c, this.totalCount), await this.fetchImages({
-          end: S,
+      start: u,
+      transformations: c
+    }), yield this.data, !(!this.totalCount || this.totalCount <= y))
+      for (; y < this.totalCount; )
+        u = y, y = Math.min(y + g, this.totalCount), await this.fetchImages({
+          end: y,
           extraFields: s,
           format: n,
           manualFormat: l,
-          start: f,
-          transformations: g
+          start: u,
+          transformations: c
         }), yield this.data;
   }
   hostConnected() {
@@ -844,13 +851,13 @@ class Zi {
     this.resetPageCache();
   }
 }
-const Ie = j`.asset-link-format__details{--header-padding:var(--cx-spacing-small) var(--cx-spacing-medium)}.asset-link-format__details::part(icon){width:var(--cx-font-size-3x-large);height:var(--cx-font-size-3x-large);background-color:var(--cx-color-neutral-100);border-radius:var(--cx-border-radius-large);color:var(--cx-color-neutral-600);font-size:var(--cx-font-size-large);justify-content:center;align-items:center;display:flex}.asset-link-format__details::part(input-label){color:var(--cx-color-neutral-400);margin-inline-start:var(--cx-spacing-small)}.asset-link-format__header{padding:var(--cx-spacing-medium)}.asset-link-format__section-header{padding:0 var(--cx-spacing-medium);border-top:var(--section-header-border-width,1px) solid var(--cx-color-neutral-200);background-color:var(--cx-color-neutral-50)}.asset-link-format__undo,.asset-link-format__reset{--color:var(--cx-color-primary);--background-color:transparent}`, Ee = j`cx-details::part(base){border-bottom-width:0}cx-space{width:100%}cx-space cx-input{flex:1}.crop__unit-select{width:120px}.crop__input-group{flex:1;display:flex}`;
-var He = Object.defineProperty, Te = Object.getOwnPropertyDescriptor, b = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? Te(e, i) : e, r = t.length - 1, n; r >= 0; r--)
+const Ee = j`.asset-link-format__details{--header-padding:var(--cx-spacing-small) var(--cx-spacing-medium)}.asset-link-format__details::part(icon){width:var(--cx-font-size-3x-large);height:var(--cx-font-size-3x-large);background-color:var(--cx-color-neutral-100);border-radius:var(--cx-border-radius-large);color:var(--cx-color-neutral-600);font-size:var(--cx-font-size-large);justify-content:center;align-items:center;display:flex}.asset-link-format__details::part(input-label){color:var(--cx-color-neutral-400);margin-inline-start:var(--cx-spacing-small)}.asset-link-format__header{padding:var(--cx-spacing-medium)}.asset-link-format__section-header{padding:0 var(--cx-spacing-medium);border-top:var(--section-header-border-width,1px) solid var(--cx-color-neutral-200);background-color:var(--cx-color-neutral-50)}.asset-link-format__undo,.asset-link-format__reset{--color:var(--cx-color-primary);--background-color:transparent}`, He = j`cx-details::part(base){border-bottom-width:0}cx-space{width:100%}cx-space cx-input{flex:1}.crop__unit-select{width:120px}.crop__input-group{flex:1;display:flex}`;
+var Te = Object.defineProperty, We = Object.getOwnPropertyDescriptor, w = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? We(e, i) : e, r = t.length - 1, n; r >= 0; r--)
     (n = t[r]) && (a = (s ? n(e, i, a) : n(a)) || a);
-  return s && a && He(e, i, a), a;
+  return s && a && Te(e, i, a), a;
 };
-let A = class extends q {
+let A = class extends B {
   constructor() {
     super(...arguments), this.localize = new V(this), this.open = !1, this.width = 0, this.height = 0, this.maxWidth = 0, this.maxHeight = 0, this.ratioWidth = 1, this.ratioHeight = 1, this.percentageWidth = 0, this.percentageHeight = 0, this.unit = o.Pixel, this.disabledApply = !1, this.noRatioModes = !1, this.showPositionPicker = !1, this.lastAppliedSetting = {
       [o.Pixel]: {
@@ -964,7 +971,7 @@ let A = class extends q {
       const [s, a] = e.split(":").map(Number);
       if (this.unit === o.Pixel) {
         let r = s, n = a;
-        Number.isFinite(this.maxWidth) && Number.isFinite(this.maxHeight) && ({ height: n, width: r } = he(
+        Number.isFinite(this.maxWidth) && Number.isFinite(this.maxHeight) && ({ height: n, width: r } = le(
           this.maxWidth,
           this.maxHeight,
           s,
@@ -1086,7 +1093,7 @@ let A = class extends q {
       !this.noRatioModes,
       () => C`<cx-select data-testid="cx-asset-link-format-crop-mode" value=${this.cropMode} hoist style=${O({
         width: "100%"
-      })} @cx-change=${this.onCropModeChange} ?disabled=${this.loading}>${rt(
+      })} @cx-change=${this.onCropModeChange} ?disabled=${this.loading}>${nt(
         t,
         (i) => i.value,
         ({ label: i, value: s }) => C`<cx-option value=${s}>${i}</cx-option>`
@@ -1095,7 +1102,7 @@ let A = class extends q {
         e.length > 0,
         () => C`<cx-divider></cx-divider><small>${this.localize.term("autoCropping")}</small>`
       )}
-              ${rt(
+              ${nt(
         e,
         (i) => i.value,
         ({ label: i, value: s }) => C`<cx-option value=${s}>${i}</cx-option>`
@@ -1113,7 +1120,7 @@ let A = class extends q {
       this.focusModes.length > 0,
       () => C`<cx-select data-testid="cx-asset-link-format-crop-focus-mode" value=${this.focusMode} hoist style=${O({
         width: "100%"
-      })} @cx-change=${this.onFocusModeChange} ?disabled=${this.loading || this.selectedMode?.disabledSize}>${rt(
+      })} @cx-change=${this.onFocusModeChange} ?disabled=${this.loading || this.selectedMode?.disabledSize}>${nt(
         this.focusModes,
         (i) => i.value,
         ({ label: i, value: s }) => C`<cx-option value=${s}>${i}</cx-option>`
@@ -1127,117 +1134,117 @@ let A = class extends q {
     })} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
   }
 };
-A.styles = [G, Ee];
+A.styles = [G, He];
 A.dependencies = {
-  "cx-button": K,
+  "cx-button": Y,
   "cx-details": at,
-  "cx-divider": Ut,
+  "cx-divider": qt,
   "cx-icon": ot,
   "cx-icon-button": Ct,
   "cx-input": kt,
   "cx-option": yt,
-  "cx-position-picker": ne,
+  "cx-position-picker": he,
   "cx-select": St,
-  "cx-space": U,
-  "cx-typography": B
+  "cx-space": q,
+  "cx-typography": U
 };
-b([
-  Y(".details")
+w([
+  J(".details")
 ], A.prototype, "base", 2);
-b([
-  Y("cx-position-picker")
+w([
+  J("cx-position-picker")
 ], A.prototype, "positionPicker", 2);
-b([
+w([
   h({ reflect: !0, type: Boolean })
 ], A.prototype, "open", 2);
-b([
+w([
   h({ reflect: !0, type: Number })
 ], A.prototype, "width", 2);
-b([
+w([
   h({ reflect: !0, type: Number })
 ], A.prototype, "height", 2);
-b([
+w([
   h({ attribute: "max-width", reflect: !0, type: Number })
 ], A.prototype, "maxWidth", 2);
-b([
+w([
   h({ attribute: "max-height", reflect: !0, type: Number })
 ], A.prototype, "maxHeight", 2);
-b([
+w([
   h({ attribute: "ratio-width", reflect: !0, type: Number })
 ], A.prototype, "ratioWidth", 2);
-b([
+w([
   h({ attribute: "ratio-height", reflect: !0, type: Number })
 ], A.prototype, "ratioHeight", 2);
-b([
+w([
   h({ attribute: "percentage-width", reflect: !0, type: Number })
 ], A.prototype, "percentageWidth", 2);
-b([
+w([
   h({ attribute: "percentage-height", reflect: !0, type: Number })
 ], A.prototype, "percentageHeight", 2);
-b([
+w([
   h({ reflect: !0, type: String })
 ], A.prototype, "unit", 2);
-b([
+w([
   h({ attribute: "disabled-apply", reflect: !0, type: Boolean })
 ], A.prototype, "disabledApply", 2);
-b([
+w([
   h({ attribute: "no-ratio-modes", reflect: !0, type: Boolean })
 ], A.prototype, "noRatioModes", 2);
-b([
+w([
   h({ attribute: "show-position-picker", reflect: !0, type: Boolean })
 ], A.prototype, "showPositionPicker", 2);
-b([
+w([
   h({ attribute: "last-applied-setting", reflect: !1, type: Object })
 ], A.prototype, "lastAppliedSetting", 2);
-b([
+w([
   h({ reflect: !0, type: Boolean })
 ], A.prototype, "loading", 2);
-b([
+w([
   h({ attribute: "crop-modes", reflect: !1, type: Array })
 ], A.prototype, "cropModes", 2);
-b([
+w([
   h({ attribute: "focus-modes", reflect: !1, type: Object })
 ], A.prototype, "focusModes", 2);
-b([
+w([
   h({ attribute: "focus-mode", reflect: !0, type: String })
 ], A.prototype, "focusMode", 2);
-b([
+w([
   h({ attribute: "crop-mode", reflect: !0, type: String })
 ], A.prototype, "cropMode", 2);
-b([
+w([
   h({ reflect: !0, type: String })
 ], A.prototype, "position", 2);
-b([
+w([
   h({ attribute: "keep-aspect-ratio", reflect: !0, type: Boolean })
 ], A.prototype, "keepAspectRatio", 2);
-b([
+w([
   $()
 ], A.prototype, "invalidWidth", 2);
-b([
+w([
   $()
 ], A.prototype, "invalidHeight", 2);
-b([
+w([
   $()
 ], A.prototype, "aspectRatio", 2);
-b([
+w([
   _("cropMode", { waitUntilFirstUpdate: !0 }),
   _("maxWidth", { waitUntilFirstUpdate: !0 }),
   _("maxHeight", { waitUntilFirstUpdate: !0 }),
   _("keepAspectRatio")
 ], A.prototype, "handleCropModeChange", 1);
-b([
+w([
   _("open", { waitUntilFirstUpdate: !0 })
 ], A.prototype, "handleOpenChange", 1);
-A = b([
+A = w([
   Q("cx-asset-link-format-crop")
 ], A);
-const We = j`.extension{padding:var(--cx-spacing-small) var(--cx-spacing-medium);border:solid 1px var(--cx-color-neutral-200);background-color:var(--cx-color-neutral-0);& cx-select{flex:1;width:100%}}`;
-var De = Object.defineProperty, Ne = Object.getOwnPropertyDescriptor, $t = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? Ne(e, i) : e, r = t.length - 1, n; r >= 0; r--)
+const De = j`.extension{padding:var(--cx-spacing-small) var(--cx-spacing-medium);border:solid 1px var(--cx-color-neutral-200);background-color:var(--cx-color-neutral-0);& cx-select{flex:1;width:100%}}`;
+var Ne = Object.defineProperty, Oe = Object.getOwnPropertyDescriptor, $t = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? Oe(e, i) : e, r = t.length - 1, n; r >= 0; r--)
     (n = t[r]) && (a = (s ? n(e, i, a) : n(a)) || a);
-  return s && a && De(e, i, a), a;
+  return s && a && Ne(e, i, a), a;
 };
-let Z = class extends q {
+let K = class extends B {
   constructor() {
     super(...arguments), this.localize = new V(this), this.value = "", this.items = [];
   }
@@ -1248,37 +1255,37 @@ let Z = class extends q {
     });
   }
   render() {
-    return C`<cx-space direction="vertical" spacing="small" class="extension"><cx-typography variant="body2">${this.localize.term("extension")}</cx-typography><cx-select data-label=${this.localize.term("extension")} data-testid="cx-asset-link-format-extension-select" value=${this.value} hoist @cx-change=${this.handleExtensionChange}>${rt(
+    return C`<cx-space direction="vertical" spacing="small" class="extension"><cx-typography variant="body2">${this.localize.term("extension")}</cx-typography><cx-select data-label=${this.localize.term("extension")} data-testid="cx-asset-link-format-extension-select" value=${this.value} hoist @cx-change=${this.handleExtensionChange}>${nt(
       this.items,
       (t) => t.value,
       (t) => C`<cx-option value=${t.value}>${t.displayName}</cx-option>`
     )}</cx-select></cx-space>`;
   }
 };
-Z.styles = [G, We];
-Z.dependencies = {
+K.styles = [G, De];
+K.dependencies = {
   "cx-option": yt,
   "cx-select": St,
-  "cx-space": U,
-  "cx-typography": B
+  "cx-space": q,
+  "cx-typography": U
 };
 $t([
   h({ reflect: !0, type: String })
-], Z.prototype, "value", 2);
+], K.prototype, "value", 2);
 $t([
   h({ reflect: !1, type: Array })
-], Z.prototype, "items", 2);
-Z = $t([
+], K.prototype, "items", 2);
+K = $t([
   Q("cx-asset-link-format-extension")
-], Z);
-const Oe = j`cx-details::part(base){border-bottom-width:0}`;
-var Le = Object.defineProperty, Ue = Object.getOwnPropertyDescriptor, D = (t, e, i, s) => {
+], K);
+const Le = j`cx-details::part(base){border-bottom-width:0}`;
+var qe = Object.defineProperty, Ue = Object.getOwnPropertyDescriptor, D = (t, e, i, s) => {
   for (var a = s > 1 ? void 0 : s ? Ue(e, i) : e, r = t.length - 1, n; r >= 0; r--)
     (n = t[r]) && (a = (s ? n(e, i, a) : n(a)) || a);
-  return s && a && Le(e, i, a), a;
+  return s && a && qe(e, i, a), a;
 };
 const zt = "auto";
-let I = class extends q {
+let I = class extends B {
   constructor() {
     super(...arguments), this.localize = new V(this), this.open = !1, this.value = "", this.items = [], this.canAutoFormat = !1, this.autoFormat = !1, this.loading = !1, this.scopedValue = "";
   }
@@ -1337,7 +1344,7 @@ let I = class extends q {
     t.target !== this.base && t.stopPropagation();
   }
   render() {
-    return C`<cx-details class="details" ?open=${this.open} @cx-show=${this.onShowDetails} @cx-hide=${this.onHideDetails}><cx-space slot="summary" align-items="center"><div part="icon"><cx-icon name="photo_size_select_large"></cx-icon></div><cx-typography variant="body2">${this.localize.term("format")}</cx-typography></cx-space><cx-space direction="vertical" spacing="small" class="format"><cx-select data-label=${this.localize.term("imageFormat")} data-testid="cx-asset-link-format-proxy-select" value=${this.scopedValue} hoist @cx-change=${this.handleProxyChange} ?disabled=${this.loading}>${rt(
+    return C`<cx-details class="details" ?open=${this.open} @cx-show=${this.onShowDetails} @cx-hide=${this.onHideDetails}><cx-space slot="summary" align-items="center"><div part="icon"><cx-icon name="photo_size_select_large"></cx-icon></div><cx-typography variant="body2">${this.localize.term("format")}</cx-typography></cx-space><cx-space direction="vertical" spacing="small" class="format"><cx-select data-label=${this.localize.term("imageFormat")} data-testid="cx-asset-link-format-proxy-select" value=${this.scopedValue} hoist @cx-change=${this.handleProxyChange} ?disabled=${this.loading}>${nt(
       this.items,
       (t) => t.id,
       (t) => C`<cx-option value=${t.id}>${t.proxyLabel}</cx-option>`
@@ -1351,19 +1358,19 @@ let I = class extends q {
     })} ?disabled=${this.scopedValue === this.committedValue} ?loading=${this.loading} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
   }
 };
-I.styles = [G, Oe];
+I.styles = [G, Le];
 I.dependencies = {
-  "cx-button": K,
+  "cx-button": Y,
   "cx-details": at,
-  "cx-divider": Ut,
+  "cx-divider": qt,
   "cx-icon": ot,
   "cx-option": yt,
   "cx-select": St,
-  "cx-space": U,
-  "cx-typography": B
+  "cx-space": q,
+  "cx-typography": U
 };
 D([
-  Y(".details")
+  J(".details")
 ], I.prototype, "base", 2);
 D([
   h({ reflect: !0, type: Boolean })
@@ -1397,12 +1404,12 @@ I = D([
   Q("cx-asset-link-format-proxy")
 ], I);
 const Be = j`cx-details::part(base){border-bottom-width:0}`;
-var qe = Object.defineProperty, je = Object.getOwnPropertyDescriptor, J = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? je(e, i) : e, r = t.length - 1, n; r >= 0; r--)
+var je = Object.defineProperty, Ve = Object.getOwnPropertyDescriptor, tt = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? Ve(e, i) : e, r = t.length - 1, n; r >= 0; r--)
     (n = t[r]) && (a = (s ? n(e, i, a) : n(a)) || a);
-  return s && a && qe(e, i, a), a;
+  return s && a && je(e, i, a), a;
 };
-let W = class extends q {
+let W = class extends B {
   constructor() {
     super(...arguments), this.localize = new V(this), this.open = !1, this.value = 100, this.loading = !1, this.scopedValue = 100;
   }
@@ -1455,42 +1462,42 @@ let W = class extends q {
 };
 W.styles = [G, Be];
 W.dependencies = {
-  "cx-button": K,
+  "cx-button": Y,
   "cx-details": at,
   "cx-icon": ot,
   "cx-input": kt,
-  "cx-space": U,
-  "cx-tooltip": Bt,
-  "cx-typography": B
+  "cx-space": q,
+  "cx-tooltip": Ut,
+  "cx-typography": U
 };
-J([
-  Y(".details")
+tt([
+  J(".details")
 ], W.prototype, "base", 2);
-J([
+tt([
   h({ reflect: !0, type: Boolean })
 ], W.prototype, "open", 2);
-J([
+tt([
   h({ reflect: !0, type: Number })
 ], W.prototype, "value", 2);
-J([
+tt([
   h({ reflect: !0, type: Boolean })
 ], W.prototype, "loading", 2);
-J([
+tt([
   $()
 ], W.prototype, "scopedValue", 2);
-J([
+tt([
   _("value")
 ], W.prototype, "handleValueChange", 1);
-W = J([
+W = tt([
   Q("cx-asset-link-format-quality")
 ], W);
-const Ve = j`cx-details::part(base){border-bottom-width:0}cx-space{width:100%}cx-space cx-input{flex:1}.resize__unit-select{width:120px}.resize__input-group{flex:1;display:flex}`;
-var Ge = Object.defineProperty, Qe = Object.getOwnPropertyDescriptor, F = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? Qe(e, i) : e, r = t.length - 1, n; r >= 0; r--)
+const Ge = j`cx-details::part(base){border-bottom-width:0}cx-space{width:100%}cx-space cx-input{flex:1}.resize__unit-select{width:120px}.resize__input-group{flex:1;display:flex}`;
+var Qe = Object.defineProperty, Xe = Object.getOwnPropertyDescriptor, P = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? Xe(e, i) : e, r = t.length - 1, n; r >= 0; r--)
     (n = t[r]) && (a = (s ? n(e, i, a) : n(a)) || a);
-  return s && a && Ge(e, i, a), a;
+  return s && a && Qe(e, i, a), a;
 };
-let R = class extends q {
+let R = class extends B {
   constructor() {
     super(...arguments), this.localize = new V(this), this.open = !1, this.width = 0, this.height = 0, this.maxWidth = 0, this.maxHeight = 0, this.ratioWidth = 1, this.ratioHeight = 1, this.unit = o.Pixel, this.lastAppliedSetting = {
       [o.Pixel]: { height: 0, width: 0 },
@@ -1645,85 +1652,85 @@ let R = class extends q {
     })} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
   }
 };
-R.styles = [G, Ve];
+R.styles = [G, Ge];
 R.dependencies = {
-  "cx-button": K,
+  "cx-button": Y,
   "cx-details": at,
   "cx-icon": ot,
   "cx-icon-button": Ct,
   "cx-input": kt,
   "cx-option": yt,
   "cx-select": St,
-  "cx-space": U,
-  "cx-typography": B
+  "cx-space": q,
+  "cx-typography": U
 };
-F([
-  Y(".details")
+P([
+  J(".details")
 ], R.prototype, "base", 2);
-F([
+P([
   h({ reflect: !0, type: Boolean })
 ], R.prototype, "open", 2);
-F([
+P([
   h({ reflect: !0, type: Number })
 ], R.prototype, "width", 2);
-F([
+P([
   h({ reflect: !0, type: Number })
 ], R.prototype, "height", 2);
-F([
+P([
   h({ attribute: "max-width", reflect: !0, type: Number })
 ], R.prototype, "maxWidth", 2);
-F([
+P([
   h({ attribute: "max-height", reflect: !0, type: Number })
 ], R.prototype, "maxHeight", 2);
-F([
+P([
   h({ attribute: "ratio-width", reflect: !0, type: Number })
 ], R.prototype, "ratioWidth", 2);
-F([
+P([
   h({ attribute: "ratio-height", reflect: !0, type: Number })
 ], R.prototype, "ratioHeight", 2);
-F([
+P([
   h({ reflect: !0, type: String })
 ], R.prototype, "unit", 2);
-F([
+P([
   h({ attribute: "last-applied-setting", reflect: !1, type: Object })
 ], R.prototype, "lastAppliedSetting", 2);
-F([
+P([
   h({ reflect: !0, type: Boolean })
 ], R.prototype, "loading", 2);
-F([
+P([
   h({ attribute: "no-ratio-modes", reflect: !0, type: Boolean })
 ], R.prototype, "noRatioModes", 2);
-F([
+P([
   h({ attribute: "keep-aspect-ratio", reflect: !0, type: Boolean })
 ], R.prototype, "keepAspectRatio", 2);
-F([
+P([
   $()
 ], R.prototype, "invalidWidth", 2);
-F([
+P([
   $()
 ], R.prototype, "invalidHeight", 2);
-F([
+P([
   $()
 ], R.prototype, "aspectRatio", 2);
-F([
+P([
   _("cropMode", { waitUntilFirstUpdate: !0 }),
   _("maxWidth", { waitUntilFirstUpdate: !0 }),
   _("maxHeight", { waitUntilFirstUpdate: !0 }),
   _("keepAspectRatio")
 ], R.prototype, "handleCropModeChange", 1);
-F([
+P([
   _("open", { waitUntilFirstUpdate: !0 })
 ], R.prototype, "handleOpenChange", 1);
-R = F([
+R = P([
   Q("cx-asset-link-format-resize")
 ], R);
-const Xe = j`cx-details::part(base){border-bottom-width:0}`;
-var Ze = Object.defineProperty, Ke = Object.getOwnPropertyDescriptor, X = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? Ke(e, i) : e, r = t.length - 1, n; r >= 0; r--)
+const Ze = j`cx-details::part(base){border-bottom-width:0}`;
+var Ke = Object.defineProperty, Ye = Object.getOwnPropertyDescriptor, X = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? Ye(e, i) : e, r = t.length - 1, n; r >= 0; r--)
     (n = t[r]) && (a = (s ? n(e, i, a) : n(a)) || a);
-  return s && a && Ze(e, i, a), a;
+  return s && a && Ke(e, i, a), a;
 };
-let T = class extends q {
+let T = class extends B {
   constructor() {
     super(...arguments), this.localize = new V(this), this.open = !1, this.value = 0, this.defaultValue = 0, this.loading = !1, this.lastAppliedValue = 0;
   }
@@ -1769,18 +1776,18 @@ let T = class extends q {
     })} @cx-input=${this.handleRotationChange}></cx-input><cx-button data-testid="cx-asset-link-format-rotation-apply" variant="primary" ?disabled=${this.value === this.lastAppliedValue} ?loading=${this.loading} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
   }
 };
-T.styles = [G, Xe];
+T.styles = [G, Ze];
 T.dependencies = {
-  "cx-button": K,
-  "cx-button-group": le,
+  "cx-button": Y,
+  "cx-button-group": ce,
   "cx-details": at,
   "cx-icon": ot,
   "cx-icon-button": Ct,
-  "cx-space": U,
-  "cx-typography": B
+  "cx-space": q,
+  "cx-typography": U
 };
 X([
-  Y(".details")
+  J(".details")
 ], T.prototype, "base", 2);
 X([
   h({ reflect: !0, type: Boolean })
@@ -1803,13 +1810,13 @@ X([
 T = X([
   Q("cx-asset-link-format-rotation")
 ], T);
-const Ye = j`cx-details::part(base){border-bottom-width:0}`;
-var Je = Object.defineProperty, ti = Object.getOwnPropertyDescriptor, At = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? ti(e, i) : e, r = t.length - 1, n; r >= 0; r--)
+const Je = j`cx-details::part(base){border-bottom-width:0}`;
+var ti = Object.defineProperty, ei = Object.getOwnPropertyDescriptor, vt = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? ei(e, i) : e, r = t.length - 1, n; r >= 0; r--)
     (n = t[r]) && (a = (s ? n(e, i, a) : n(a)) || a);
-  return s && a && Je(e, i, a), a;
+  return s && a && ti(e, i, a), a;
 };
-let L = class extends q {
+let L = class extends B {
   constructor() {
     super(...arguments), this.localize = new V(this), this.open = !1, this.value = !1;
   }
@@ -1838,34 +1845,34 @@ let L = class extends q {
     return C`<cx-details class="details" ?open=${this.open} @cx-show=${this.onShowDetails} @cx-hide=${this.onHideDetails}><cx-space slot="summary" align-items="center"><div class="details__summary__icon"><div part="icon"><cx-icon name="short_text"></cx-icon></div></div><cx-typography variant="body2">${this.localize.term("metadata")}</cx-typography></cx-space><cx-space spacing="small"><cx-tooltip data-testid="cx-asset-link-format-metadata-tooltip" content=${this.localize.term("metadataHelpText")} hoist><cx-checkbox data-testid="cx-asset-link-format-metadata" class="details__checkbox" ?checked=${this.value} @cx-change=${this.handleApply}>${this.localize.term("preserveMetadata")}</cx-checkbox></cx-tooltip></cx-space></cx-details>`;
   }
 };
-L.styles = [G, Ye];
+L.styles = [G, Je];
 L.dependencies = {
-  "cx-button": K,
-  "cx-checkbox": ce,
+  "cx-button": Y,
+  "cx-checkbox": pe,
   "cx-details": at,
   "cx-icon": ot,
-  "cx-space": U,
-  "cx-tooltip": Bt,
-  "cx-typography": B
+  "cx-space": q,
+  "cx-tooltip": Ut,
+  "cx-typography": U
 };
-At([
-  Y(".details")
+vt([
+  J(".details")
 ], L.prototype, "base", 2);
-At([
+vt([
   h({ reflect: !0, type: Boolean })
 ], L.prototype, "open", 2);
-At([
+vt([
   h({ reflect: !0, type: Boolean })
 ], L.prototype, "value", 2);
-L = At([
+L = vt([
   Q("cx-asset-link-format-metadata")
 ], L);
-var ei = Object.defineProperty, ii = Object.getOwnPropertyDescriptor, y = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? ii(e, i) : e, r = t.length - 1, n; r >= 0; r--)
+var ii = Object.defineProperty, si = Object.getOwnPropertyDescriptor, x = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? si(e, i) : e, r = t.length - 1, n; r >= 0; r--)
     (n = t[r]) && (a = (s ? n(e, i, a) : n(a)) || a);
-  return s && a && ei(e, i, a), a;
+  return s && a && ii(e, i, a), a;
 };
-let u = class extends q {
+let f = class extends B {
   constructor() {
     super(), this.localize = new V(this), this.baseUrl = void 0, this.token = void 0, this.asset = void 0, this.cropModes = [
       {
@@ -1963,7 +1970,7 @@ let u = class extends q {
     }, this.rotation = 0, this.defaultSize = {
       height: 0,
       width: 0
-    }, this.cropperElement = null, this.parameters = [], this.loading = !1, this.lastAction = void 0, this.frozenIndex = void 0, this.preResetTransformations = void 0, this.preResetAutoFormat = void 0, this.preResetSelectedProxy = void 0, this.apiGetTransformAssetLink = we, this.apiGetCropFocusMode = Pe, this.onCropComplete = this.onCropComplete.bind(this), this.onCropDragStart = this.onCropDragStart.bind(this);
+    }, this.cropperElement = null, this.parameters = [], this.loading = !1, this.lastAction = void 0, this.frozenIndex = void 0, this.preResetTransformations = void 0, this.preResetAutoFormat = void 0, this.preResetSelectedProxy = void 0, this.apiGetTransformAssetLink = Ce, this.apiGetCropFocusMode = Fe, this.onCropComplete = this.onCropComplete.bind(this), this.onCropDragStart = this.onCropDragStart.bind(this);
   }
   /**
    * Transform requests must resolve to a web-displayable image (the browser renders the
@@ -1972,7 +1979,7 @@ let u = class extends q {
    * extension fallback in asset-transformation-dialog.
    */
   static getTransformExtension(t) {
-    return !t || Me(t) ? t : "jpg";
+    return !t || Zt(t) ? t : "jpg";
   }
   /** True when there are transformations beyond the frozen index (i.e. user has added new ones). */
   get hasUnfrozenTransformations() {
@@ -2087,7 +2094,7 @@ let u = class extends q {
           }
         };
       if (e?.value.width && e?.value.height) {
-        const { height: i, width: s, x: a = 0, y: r = 0 } = e.value, n = pt(s, i);
+        const { height: i, width: s, x: a = 0, y: r = 0 } = e.value, n = ut(s, i);
         return {
           [o.AspectRatio]: {
             height: n.height,
@@ -2110,7 +2117,7 @@ let u = class extends q {
         };
       }
     }
-    const t = this.lastImageSize.width && this.lastImageSize.height ? pt(this.lastImageSize.width, this.lastImageSize.height) : { height: 1, width: 1 };
+    const t = this.lastImageSize.width && this.lastImageSize.height ? ut(this.lastImageSize.width, this.lastImageSize.height) : { height: 1, width: 1 };
     return {
       [o.AspectRatio]: {
         height: t.height,
@@ -2157,7 +2164,7 @@ let u = class extends q {
           }
         };
       if (e?.value.width && e?.value.height) {
-        const { height: i, width: s } = e.value, a = pt(s, i);
+        const { height: i, width: s } = e.value, a = ut(s, i);
         return {
           [o.AspectRatio]: {
             height: a.height,
@@ -2172,7 +2179,7 @@ let u = class extends q {
         };
       }
     }
-    const t = this.lastImageSize.width && this.lastImageSize.height ? pt(this.lastImageSize.width, this.lastImageSize.height) : { height: 1, width: 1 };
+    const t = this.lastImageSize.width && this.lastImageSize.height ? ut(this.lastImageSize.width, this.lastImageSize.height) : { height: 1, width: 1 };
     return {
       [o.AspectRatio]: {
         height: t.height,
@@ -2203,7 +2210,7 @@ let u = class extends q {
    * Returns the transformation string for the asset link.
    */
   get transformationString() {
-    return lt({
+    return dt({
       asset: this.asset,
       baseUrl: "",
       parameters: this.parameters,
@@ -2237,32 +2244,22 @@ let u = class extends q {
     if (t.has("activeSetting") && this.handleActiveSettingChange(), t.has("selectedFormat") && this.handleSelectedFormatChange(), t.has("resizeSize") && this.handleResizeSizeChange(), t.has("cropSize") && this.handleCropSizeChange(), t.has("rotation") && this.handleRotationChange(), t.has("cropperElement") && this.handleCropperElementChange(), t.has("selectedFormat")) {
       if (!this.asset || !this.selectedFormat || this.selectedFormat.extension === t.get("selectedFormat")?.extension)
         return;
-      const e = this.proxies?.find(
-        (s) => s.id === this.selectedProxy
-      );
-      this.loading = !0, this.apiGetTransformAssetLink({
-        assetId: this.asset.id,
-        extension: u.getTransformExtension(this.asset.extension),
-        format: e?.proxyName ?? "",
-        siteUrl: this.baseUrl,
-        token: this.token,
-        transformations: this.transformationString
-      }).then((s) => {
-        this.loading = !1, !(!s?.relativePath || !this.selectedFormat) && (this.lastAction === m.Rotate && (this.rotation = 0), this.lastAction = void 0, this.lastImageSize = {
-          height: s.height,
-          width: s.width
+      this.loading = !0, this.requestTransformAsset().then((i) => {
+        this.loading = !1, !(!i?.relativePath || !this.selectedFormat) && (this.lastAction === m.Rotate && (this.rotation = 0), this.lastAction = void 0, this.lastImageSize = {
+          height: i.height,
+          width: i.width
         }, this.selectedFormat = {
           ...this.selectedFormat,
-          height: s.height,
-          url: this.baseUrl && this.baseUrl.length > 0 ? `${this.baseUrl}/${s.relativePath}` : s.relativePath,
-          width: s.width
+          height: i.height,
+          url: this.baseUrl && this.baseUrl.length > 0 ? `${this.baseUrl}/${i.relativePath}` : i.relativePath,
+          width: i.width
           /**
            * For local development uses the base URL to construct the full URL.
            * url: `${this.baseUrl}/${response.relativePath}`,
            */
         });
       });
-      const i = lt({
+      const e = dt({
         asset: this.asset,
         baseUrl: "",
         extension: this.selectedFormat.extension,
@@ -2271,13 +2268,52 @@ let u = class extends q {
         useSession: this.useSession
       });
       this.emit("cx-asset-link-format-change", {
-        detail: i
+        detail: e
       });
     }
   }
   getCropSize() {
     return this.cropSize;
   }
+  /** Captures the current request synchronously; later edits cannot change Save's ratio. */
+  async getAppliedAspectRatio() {
+    if (!this.asset || !this.selectedFormat)
+      return;
+    const e = await this.getTransformRequest(this.transformRequestOptions).promise.catch(() => {
+    });
+    if (!e?.relativePath)
+      return;
+    const i = Number(e?.width) / Number(e?.height);
+    return Number(e?.width) > 0 && Number(e?.height) > 0 && Number.isFinite(i) ? i : void 0;
+  }
+  get transformRequestOptions() {
+    return {
+      assetId: this.asset?.id ?? "",
+      // The API sends this as TargetExtension, so both preview paths and Save
+      // must use the selected output extension, not the original asset's extension.
+      extension: f.getTransformExtension(this.selectedFormat?.extension ?? ""),
+      format: this.proxies?.find((t) => t.id === this.selectedProxy)?.proxyName ?? "",
+      siteUrl: this.baseUrl,
+      token: this.token,
+      transformations: this.transformationString
+    };
+  }
+  getTransformRequest(t) {
+    const e = JSON.stringify(t);
+    if (this.transformRequest?.key !== e) {
+      const i = { key: e, promise: this.apiGetTransformAssetLink(t) };
+      i.promise = i.promise.catch(() => null).then((s) => (!s?.relativePath && this.transformRequest === i && (this.transformRequest = void 0), s)), this.transformRequest = i;
+    }
+    return this.transformRequest;
+  }
+  async requestTransformAsset() {
+    if (!this.asset || !this.selectedFormat)
+      return;
+    const t = this.getTransformRequest(this.transformRequestOptions), e = await t.promise.catch(() => {
+    });
+    if (!(this.transformRequest !== t || JSON.stringify(this.transformRequestOptions) !== t.key))
+      return e;
+  }
   setActiveSetting(t) {
     this.activeSetting = t;
   }
@@ -2295,7 +2331,7 @@ let u = class extends q {
   async handleTransformationsChange() {
     if (await this.updateComplete, !this.asset) {
       this.emit("cx-asset-link-format-change", {
-        detail: lt({
+        detail: dt({
           asset: this.asset,
           baseUrl: "",
           options: {
@@ -2306,36 +2342,36 @@ let u = class extends q {
           useSession: this.useSession
         }).replace(/\/t\//g, "")
       });
-      const r = this.transformations.findLast(
+      const a = this.transformations.findLast(
         (c) => c.key === m.Crop && (c.value.unit === o.AspectRatio && c.value.ratioWidth && c.value.ratioHeight || c.value.width && c.value.height)
       );
-      if (r?.value.unit === o.AspectRatio && r.value.ratioWidth && r.value.ratioHeight) {
-        const { focusMode: c, position: f, ratioHeight: S, ratioWidth: x } = r.value;
+      if (a?.value.unit === o.AspectRatio && a.value.ratioWidth && a.value.ratioHeight) {
+        const { focusMode: c, position: g, ratioHeight: u, ratioWidth: y } = a.value;
         this.cropSize = {
           ...this.cropSize,
           cropMode: "free",
           focusMode: c ?? "manual",
           percentageHeight: 100,
           percentageWidth: 100,
-          position: f ?? N.CenterCenter,
-          ratioHeight: S,
-          ratioWidth: x,
+          position: g ?? N.CenterCenter,
+          ratioHeight: u,
+          ratioWidth: y,
           unit: o.AspectRatio
         };
-      } else if (r) {
-        const { focusMode: c, height: f, position: S, unit: x, width: d, x: v = 0, y: k = 0 } = r.value;
+      } else if (a) {
+        const { focusMode: c, height: g, position: u, unit: y, width: S, x: d = 0, y: v = 0 } = a.value;
         this.cropSize = {
           ...this.cropSize,
           cropMode: "free",
           focusMode: c ?? "manual",
-          height: f,
+          height: g,
           percentageHeight: 100,
           percentageWidth: 100,
-          position: S ?? N.CenterCenter,
-          unit: x ?? o.Pixel,
-          width: d,
-          x: v,
-          y: k
+          position: u ?? N.CenterCenter,
+          unit: y ?? o.Pixel,
+          width: S,
+          x: d,
+          y: v
         };
       } else
         this.cropSize = {
@@ -2357,24 +2393,24 @@ let u = class extends q {
           x: 0,
           y: 0
         };
-      const n = this.transformations.findLast(
+      const r = this.transformations.findLast(
         (c) => c.key === m.Resize && (c.value.unit === o.AspectRatio && c.value.ratioWidth && c.value.ratioHeight || c.value.width || c.value.height)
       );
-      if (n?.value.unit === o.AspectRatio && n.value.ratioWidth && n.value.ratioHeight) {
-        const { ratioHeight: c, ratioWidth: f } = n.value;
+      if (r?.value.unit === o.AspectRatio && r.value.ratioWidth && r.value.ratioHeight) {
+        const { ratioHeight: c, ratioWidth: g } = r.value;
         this.resizeSize = {
           ...this.resizeSize,
           ratioHeight: c,
-          ratioWidth: f,
+          ratioWidth: g,
           unit: o.AspectRatio
         };
-      } else if (n) {
-        const { height: c = 0, unit: f, width: S = 0 } = n.value;
+      } else if (r) {
+        const { height: c = 0, unit: g, width: u = 0 } = r.value;
         this.resizeSize = {
           ...this.resizeSize,
           height: c,
-          unit: f ?? o.Pixel,
-          width: S
+          unit: g ?? o.Pixel,
+          width: u
         };
       } else
         this.resizeSize = {
@@ -2388,18 +2424,18 @@ let u = class extends q {
           unit: o.Pixel,
           width: 1
         };
-      const l = this.transformations.findLast(
+      const n = this.transformations.findLast(
         (c) => c.key === m.Rotate
       );
-      this.rotation = l?.value.rotation ?? 0;
-      const p = this.transformations.findLast((c) => c.key === m.Quality)?.value.quality ?? 100, g = this.transformations.some(
+      this.rotation = n?.value.rotation ?? 0;
+      const l = this.transformations.findLast((c) => c.key === m.Quality)?.value.quality ?? 100, p = this.transformations.some(
         (c) => c.key === m.Metadata
       );
-      this.selectedFormat ? this.selectedFormat = { ...this.selectedFormat, keepMetadata: g, quality: p } : this.selectedFormat = {
+      this.selectedFormat ? this.selectedFormat = { ...this.selectedFormat, keepMetadata: p, quality: l } : this.selectedFormat = {
         extension: "",
         height: 0,
-        keepMetadata: g,
-        quality: p,
+        keepMetadata: p,
+        quality: l,
         rotation: 0,
         url: "",
         width: 0,
@@ -2410,34 +2446,24 @@ let u = class extends q {
     }
     if (!this.selectedFormat)
       return;
-    const t = this.proxies?.find(
-      (r) => r.id === this.selectedProxy
-    );
     this.loading = !0;
-    const e = await this.apiGetTransformAssetLink({
-      assetId: this.asset.id,
-      extension: u.getTransformExtension(this.selectedFormat.extension),
-      format: t?.proxyName ?? "",
-      siteUrl: this.baseUrl,
-      token: this.token,
-      transformations: this.transformationString
-    });
-    if (this.loading = !1, !e?.relativePath || !this.selectedFormat)
+    const t = await this.requestTransformAsset();
+    if (this.loading = !1, !t?.relativePath || !this.selectedFormat)
       return;
     this.lastImageSize = {
-      height: e.height,
-      width: e.width
+      height: t.height,
+      width: t.width
     }, this.resizeSize = {
-      height: e.height,
+      height: t.height,
       keepAspectRatio: !0,
       ratioHeight: 1,
       ratioWidth: 1,
       unit: o.Pixel,
-      width: e.width
+      width: t.width
     }, this.cropSize = {
       cropMode: "free",
       focusMode: "manual",
-      height: e.height,
+      height: t.height,
       keepAspectRatio: this.cropSize.keepAspectRatio,
       percentageHeight: 100,
       percentageWidth: 100,
@@ -2445,28 +2471,28 @@ let u = class extends q {
       ratioHeight: 1,
       ratioWidth: 1,
       unit: o.Pixel,
-      width: e.width,
+      width: t.width,
       x: 0,
       y: 0
     }, this.lastAction === m.Rotate && (this.rotation = 0), this.lastAction = void 0;
-    const i = this.transformations.some(
-      (r) => r.key === m.Metadata
-    ), s = this.transformations.findLast(
-      (r) => r.key === m.Quality
+    const e = this.transformations.some(
+      (a) => a.key === m.Metadata
+    ), i = this.transformations.findLast(
+      (a) => a.key === m.Quality
     );
     this.selectedFormat = {
       ...this.selectedFormat,
-      height: e.height,
-      keepMetadata: i,
-      quality: s?.value?.quality ?? this.selectedFormat.quality,
-      url: this.baseUrl && this.baseUrl.length > 0 ? `${this.baseUrl}/${e.relativePath}` : e.relativePath,
-      width: e.width
+      height: t.height,
+      keepMetadata: e,
+      quality: i?.value?.quality ?? this.selectedFormat.quality,
+      url: this.baseUrl && this.baseUrl.length > 0 ? `${this.baseUrl}/${t.relativePath}` : t.relativePath,
+      width: t.width
       /**
        * For local development uses the base URL to construct the full URL.
        * url: `${this.baseUrl}/${response.relativePath}`,
        */
     };
-    const a = lt({
+    const s = dt({
       asset: this.asset,
       baseUrl: "",
       extension: this.selectedFormat.extension,
@@ -2475,7 +2501,7 @@ let u = class extends q {
       useSession: this.useSession
     });
     this.emit("cx-asset-link-format-change", {
-      detail: a
+      detail: s
     });
   }
   handleCropperElementChange() {
@@ -2642,29 +2668,29 @@ let u = class extends q {
     ratioHeight: n,
     ratioWidth: l,
     unit: p,
-    useCropMode: g,
-    width: c
+    useCropMode: c,
+    width: g
   }) {
     if (!this.selectedFormat?.url || e === "manual")
       return;
     this.loading = !0, this.lastAction = m.Crop;
-    const f = await this.apiGetCropFocusMode({
+    const u = await this.apiGetCropFocusMode({
       autoCropMode: e,
       cropHeight: i,
-      cropWidth: c,
+      cropWidth: g,
       imageUrl: this.selectedFormat.url
     });
-    if (f) {
-      let S = a, x = r;
-      i || (S = f.height * 100 / this.selectedFormat.height), c || (x = f.width * 100 / this.selectedFormat.width), this.cropSize = {
+    if (u) {
+      let y = a, S = r;
+      i || (y = u.height * 100 / this.selectedFormat.height), g || (S = u.width * 100 / this.selectedFormat.width), this.cropSize = {
         ...this.cropSize,
-        height: f.height,
-        percentageHeight: S ?? this.cropSize.percentageHeight,
-        percentageWidth: x ?? this.cropSize.percentageWidth,
-        width: f.width,
-        x: f.x * 100 / this.selectedFormat.width,
-        y: f.y * 100 / this.selectedFormat.height,
-        ...g ? {
+        height: u.height,
+        percentageHeight: y ?? this.cropSize.percentageHeight,
+        percentageWidth: S ?? this.cropSize.percentageWidth,
+        width: u.width,
+        x: u.x * 100 / this.selectedFormat.width,
+        y: u.y * 100 / this.selectedFormat.height,
+        ...c ? {
           cropMode: e,
           focusMode: "manual",
           keepAspectRatio: !1
@@ -2690,25 +2716,25 @@ let u = class extends q {
     if (s === 0 || i === 0)
       return;
     const n = this.cropSize.percentageWidth !== s, l = this.cropSize.percentageHeight !== i;
-    let p = this.cropSize.height, g = this.cropSize.width;
-    n && (g = Math.round(s * this.selectedFormat.width / 100)), l && (p = Math.round(
+    let p = this.cropSize.height, c = this.cropSize.width;
+    n && (c = Math.round(s * this.selectedFormat.width / 100)), l && (p = Math.round(
       i * this.selectedFormat.height / 100
     ));
-    const c = this.cropSize.focusMode;
+    const g = this.cropSize.focusMode;
     this.focusModes.find(
-      (S) => S.value === c
+      (y) => y.value === g
     )?.auto && this.selectedFormat?.url && this.cropperElement ? await this.handleRequestAutoCropSuggestion({
-      focusMode: c,
+      focusMode: g,
       height: p,
       percentageHeight: i,
       percentageWidth: s,
-      width: g
+      width: c
     }) : this.cropSize = {
       ...this.cropSize,
       height: p,
       percentageHeight: i,
       percentageWidth: s,
-      width: g,
+      width: c,
       x: a,
       y: r
     };
@@ -2809,12 +2835,12 @@ let u = class extends q {
       ) : 0, r = this.asset ? a * 100 / this.selectedFormat.height : 100, n = this.asset ? s * 100 / this.selectedFormat.width : 100;
       let l = this.cropSize.x, p = this.cropSize.y;
       l + n > 100 && (l = 100 - n), p + r > 100 && (p = 100 - r);
-      let g = this.cropSize.cropMode;
+      let c = this.cropSize.cropMode;
       this.cropModes.find(
-        (f) => f.value === g
-      )?.auto && (g = "free"), t.detail.silent ? (this.cropSize.height = a, this.cropSize.keepAspectRatio = t.detail.keepAspectRatio, this.cropSize.percentageHeight = r, this.cropSize.percentageWidth = n, this.cropSize.ratioHeight = t.detail.height, this.cropSize.ratioWidth = t.detail.width, this.cropSize.unit = o.AspectRatio, this.cropSize.width = s) : this.cropSize = {
+        (u) => u.value === c
+      )?.auto && (c = "free"), t.detail.silent ? (this.cropSize.height = a, this.cropSize.keepAspectRatio = t.detail.keepAspectRatio, this.cropSize.percentageHeight = r, this.cropSize.percentageWidth = n, this.cropSize.ratioHeight = t.detail.height, this.cropSize.ratioWidth = t.detail.width, this.cropSize.unit = o.AspectRatio, this.cropSize.width = s) : this.cropSize = {
         ...this.cropSize,
-        cropMode: g,
+        cropMode: c,
         height: a,
         keepAspectRatio: t.detail.keepAspectRatio,
         percentageHeight: r,
@@ -2866,39 +2892,39 @@ let u = class extends q {
       const {
         focusMode: l,
         height: p,
-        position: g,
-        ratioHeight: c,
-        ratioWidth: f,
-        unit: S,
-        width: x,
+        position: c,
+        ratioHeight: g,
+        ratioWidth: u,
+        unit: y,
+        width: S,
         x: d,
         y: v
       } = this.cropSize, k = this.focusModes.find(
-        (z) => z.value === l
+        (b) => b.value === l
       )?.auto ?? !1;
-      if (S === o.AspectRatio) {
-        f && c && this.upsertTransformation({
+      if (y === o.AspectRatio) {
+        u && g && this.upsertTransformation({
           key: m.Crop,
           value: {
             focusMode: l,
             isFocusModeAuto: k,
-            position: g,
-            ratioHeight: c,
-            ratioWidth: f,
-            unit: S
+            position: c,
+            ratioHeight: g,
+            ratioWidth: u,
+            unit: y
           }
         });
         return;
       }
-      (p || x) && this.upsertTransformation({
+      (p || S) && this.upsertTransformation({
         key: m.Crop,
         value: {
           focusMode: l,
           height: p,
           isFocusModeAuto: k,
-          position: g,
-          unit: S,
-          width: x,
+          position: c,
+          unit: y,
+          width: S,
           /**
            * Without an asset there is no cropper to drag, so x/y are always the 0
            * placeholder from cropSize's default — never a real manual offset. Omit
@@ -2935,7 +2961,7 @@ let u = class extends q {
           }
         ];
       else {
-        const g = this.cropSize.x / 100 * this.selectedFormat.width, c = this.cropSize.y / 100 * this.selectedFormat.height;
+        const c = this.cropSize.x / 100 * this.selectedFormat.width, g = this.cropSize.y / 100 * this.selectedFormat.height;
         this.transformations = [
           ...this.transformations,
           {
@@ -2946,8 +2972,8 @@ let u = class extends q {
               isFocusModeAuto: n,
               unit: s,
               width: l,
-              x: g,
-              y: c
+              x: c,
+              y: g
             }
           }
         ];
@@ -2992,12 +3018,12 @@ let u = class extends q {
     const { height: e, unit: i, width: s } = t.detail;
     if (this.clearResetSnapshot(), this.lastAction = m.Resize, !this.asset) {
       if (i === o.AspectRatio) {
-        const { ratioHeight: p, ratioWidth: g } = this.resizeSize;
-        g && p && this.upsertTransformation({
+        const { ratioHeight: p, ratioWidth: c } = this.resizeSize;
+        c && p && this.upsertTransformation({
           key: m.Resize,
           value: {
             ratioHeight: p,
-            ratioWidth: g,
+            ratioWidth: c,
             unit: i
           }
         });
@@ -3168,168 +3194,169 @@ let u = class extends q {
     )}</div>`;
   }
 };
-u.styles = [G, Ie];
-u.dependencies = {
+f.styles = [G, Ee];
+f.dependencies = {
   "cx-asset-link-format-crop": A,
-  "cx-asset-link-format-extension": Z,
+  "cx-asset-link-format-extension": K,
   "cx-asset-link-format-metadata": L,
   "cx-asset-link-format-proxy": I,
   "cx-asset-link-format-quality": W,
   "cx-asset-link-format-resize": R,
   "cx-asset-link-format-rotation": T,
-  "cx-button": K,
-  "cx-space": U,
-  "cx-typography": B
+  "cx-button": Y,
+  "cx-space": q,
+  "cx-typography": U
 };
-y([
+x([
   h({ attribute: "base-url", type: String })
-], u.prototype, "baseUrl", 2);
-y([
+], f.prototype, "baseUrl", 2);
+x([
   h({ attribute: "token", type: String })
-], u.prototype, "token", 2);
-y([
+], f.prototype, "token", 2);
+x([
   h({ reflect: !1, type: Object })
-], u.prototype, "asset", 2);
-y([
+], f.prototype, "asset", 2);
+x([
   h({ attribute: "crop-modes", reflect: !1, type: Array })
-], u.prototype, "cropModes", 2);
-y([
+], f.prototype, "cropModes", 2);
+x([
   h({ attribute: "focus-modes", reflect: !1, type: Object })
-], u.prototype, "focusModes", 2);
-y([
+], f.prototype, "focusModes", 2);
+x([
   h({ reflect: !1, type: Array })
-], u.prototype, "extensions", 2);
-y([
+], f.prototype, "extensions", 2);
+x([
   h({ reflect: !1, type: Array })
-], u.prototype, "proxies", 2);
-y([
+], f.prototype, "proxies", 2);
+x([
   h({ attribute: "for-cropper", reflect: !0, type: String })
-], u.prototype, "forCropper", 2);
-y([
+], f.prototype, "forCropper", 2);
+x([
   h({ attribute: "use-session", reflect: !0, type: String })
-], u.prototype, "useSession", 2);
-y([
+], f.prototype, "useSession", 2);
+x([
   h({ reflect: !1, type: Array })
-], u.prototype, "transformations", 2);
-y([
+], f.prototype, "transformations", 2);
+x([
   h({ attribute: "selected-proxy", reflect: !0, type: String })
-], u.prototype, "selectedProxy", 2);
-y([
+], f.prototype, "selectedProxy", 2);
+x([
   h({ attribute: "default-proxy", reflect: !0, type: String })
-], u.prototype, "defaultProxy", 2);
-y([
+], f.prototype, "defaultProxy", 2);
+x([
   h({ attribute: "can-auto-format", reflect: !0, type: Boolean })
-], u.prototype, "canAutoFormat", 2);
-y([
+], f.prototype, "canAutoFormat", 2);
+x([
   h({ attribute: "auto-format", reflect: !0, type: Boolean })
-], u.prototype, "autoFormat", 2);
-y([
+], f.prototype, "autoFormat", 2);
+x([
   h({ attribute: "use-custom-extension", reflect: !0, type: Boolean })
-], u.prototype, "useCustomExtension", 2);
-y([
+], f.prototype, "useCustomExtension", 2);
+x([
   h({ attribute: "no-metadata", reflect: !0, type: Boolean })
-], u.prototype, "noMetadata", 2);
-y([
+], f.prototype, "noMetadata", 2);
+x([
   h({ attribute: "no-format", reflect: !0, type: Boolean })
-], u.prototype, "noFormat", 2);
-y([
+], f.prototype, "noFormat", 2);
+x([
   h({ attribute: "no-crop", reflect: !0, type: Boolean })
-], u.prototype, "noCrop", 2);
-y([
+], f.prototype, "noCrop", 2);
+x([
   h({ attribute: "no-resize", reflect: !0, type: Boolean })
-], u.prototype, "noResize", 2);
-y([
+], f.prototype, "noResize", 2);
+x([
   h({ attribute: "no-rotate", reflect: !0, type: Boolean })
-], u.prototype, "noRotate", 2);
-y([
+], f.prototype, "noRotate", 2);
+x([
   h({ attribute: "last-image-size", reflect: !1, type: Object })
-], u.prototype, "lastImageSize", 2);
-y([
+], f.prototype, "lastImageSize", 2);
+x([
   h({ attribute: "hide-header", reflect: !1, type: Boolean })
-], u.prototype, "hideHeader", 2);
-y([
+], f.prototype, "hideHeader", 2);
+x([
   h({ attribute: "can-reset", type: Boolean })
-], u.prototype, "canReset", 2);
-y([
+], f.prototype, "canReset", 2);
+x([
   h({ attribute: !1, reflect: !1, type: Object })
-], u.prototype, "queryElement", 2);
-y([
+], f.prototype, "queryElement", 2);
+x([
   $()
-], u.prototype, "activeSetting", 2);
-y([
+], f.prototype, "activeSetting", 2);
+x([
   $()
-], u.prototype, "selectedFormat", 2);
-y([
+], f.prototype, "selectedFormat", 2);
+x([
   $()
-], u.prototype, "resizeSize", 2);
-y([
+], f.prototype, "resizeSize", 2);
+x([
   $()
-], u.prototype, "cropSize", 2);
-y([
+], f.prototype, "cropSize", 2);
+x([
   $()
-], u.prototype, "rotation", 2);
-y([
+], f.prototype, "rotation", 2);
+x([
   $()
-], u.prototype, "defaultSize", 2);
-y([
+], f.prototype, "defaultSize", 2);
+x([
   $()
-], u.prototype, "cropperElement", 2);
-y([
+], f.prototype, "cropperElement", 2);
+x([
   $()
-], u.prototype, "parameters", 2);
-y([
+], f.prototype, "parameters", 2);
+x([
   $()
-], u.prototype, "loading", 2);
-y([
+], f.prototype, "loading", 2);
+x([
   $()
-], u.prototype, "lastAction", 2);
-y([
+], f.prototype, "lastAction", 2);
+x([
   $()
-], u.prototype, "frozenIndex", 2);
-y([
+], f.prototype, "frozenIndex", 2);
+x([
   $()
-], u.prototype, "preResetTransformations", 2);
-y([
+], f.prototype, "preResetTransformations", 2);
+x([
   $()
-], u.prototype, "preResetAutoFormat", 2);
-y([
+], f.prototype, "preResetAutoFormat", 2);
+x([
   $()
-], u.prototype, "preResetSelectedProxy", 2);
-y([
+], f.prototype, "preResetSelectedProxy", 2);
+x([
   _("transformations")
-], u.prototype, "handleTransformationsChange", 1);
-y([
+], f.prototype, "handleTransformationsChange", 1);
+x([
   _("selectedProxy")
-], u.prototype, "handleSelectedProxyChange", 1);
-y([
+], f.prototype, "handleSelectedProxyChange", 1);
+x([
   _("loading")
-], u.prototype, "handleLoadingChange", 1);
-u = y([
+], f.prototype, "handleLoadingChange", 1);
+f = x([
   Q("cx-asset-link-format")
-], u);
+], f);
 export {
-  u as C,
-  Zi as F,
+  f as C,
+  lt as F,
   jt as M,
-  Re as a,
-  Xt as b,
-  nt as c,
-  mt as d,
-  ft as e,
-  qt as f,
-  Rt as g,
-  gt as h,
-  Me as i,
-  Qi as j,
-  Xi as k,
-  Gi as l,
-  ut as m,
-  Et as n,
-  Ui as o,
-  Bi as p,
-  Ht as q,
-  qi as r,
-  ji as s,
-  Vi as t,
-  pe as u
+  $e as a,
+  ht as b,
+  Ie as c,
+  Rt as d,
+  xt as e,
+  Zi as f,
+  Ki as g,
+  Xi as h,
+  Xt as i,
+  gt as j,
+  ft as k,
+  Et as l,
+  Bi as m,
+  ji as n,
+  Ht as o,
+  Zt as p,
+  Yi as q,
+  Bt as r,
+  Vi as s,
+  Gi as t,
+  de as u,
+  Qi as v
 };