@orangelogic/design-system 3.7.0 → 3.8.0

package/library/chunks/{asset-link-format.a59f8lRl.js → asset-link-format.B-tXtkr4.js}

@@ -12,39 +12,39 @@ import { a as ie } from "./string.Demn8Xmk.js";
 import "./date-picker.BGHn6qg8.js";
 import "./content-builder.BX4pHujE.js";
 import "./unsafe-html.Dff7-rCx.js";
-import { d as It, r as Bt, e as lt } from "./transformation.JkkMVin_.js";
-import { b as se } from "./_baseUniq.lwMgmtt2.js";
+import { c as It, r as Bt, d as se, e as ct } from "./transformation.DNl_AZs1.js";
+import { b as ae } from "./_baseUniq.lwMgmtt2.js";
 import { c as Q } from "./component.styles.CRO4Odto.js";
-import { M as zt, U as o, T as m } from "./asset-link-format.ClaYu_v8.js";
-import { v as ae } from "./v4.CKZ6klMF.js";
+import { M as wt, U as r, T as f } from "./asset-link-format.ClaYu_v8.js";
+import { v as oe } from "./v4.CKZ6klMF.js";
 import { P as N } from "./position-picker.DjnhxIKF.js";
 import { c as X } from "./custom-element.L4WJXn1j.js";
 import { w as P } from "./watch.DJF5K-8U.js";
-import { s as Et, a as ct } from "./number.Cx2ncfJJ.js";
-import { r as k } from "./state.CSDxrqLd.js";
+import { s as Et, a as pt } from "./number.Cx2ncfJJ.js";
+import { r as R } from "./state.CSDxrqLd.js";
 import { n as I } from "./when.Dr1es41R.js";
-import it from "../components/details.js";
+import st from "../components/details.js";
 import qt from "../components/divider.js";
-import { C as st } from "./icon.CpHbi8tH.js";
+import { C as at } from "./icon.CpHbi8tH.js";
 import { C as Pt } from "./icon-button.BWJ1Vqn5.js";
 import { C as Ft } from "./input.D1TGTsxj.js";
-import { C as St } from "./option.jeaj7_Lr.js";
-import At from "../components/select.js";
-import oe from "../components/position-picker.js";
-import { c as re } from "./image.Y5c_hFx8.js";
+import { C as vt } from "./option.jeaj7_Lr.js";
+import zt from "../components/select.js";
+import re from "../components/position-picker.js";
+import { c as ne } from "./image.Y5c_hFx8.js";
 import { e as tt } from "./query.BBf1UFkC.js";
-import { c as rt } from "./repeat.CFjcER6_.js";
+import { c as nt } from "./repeat.CFjcER6_.js";
 import { o as O } from "./style-map.llVFPd__.js";
 import jt from "../components/tooltip.js";
-import ne from "../components/button-group.js";
-import he from "../components/checkbox.js";
-function le(t) {
-  return t && t.length ? se(t) : [];
+import he from "../components/button-group.js";
+import le from "../components/checkbox.js";
+function ce(t) {
+  return t && t.length ? ae(t) : [];
 }
 function Vt(t) {
   return typeof t == "object" && t !== null && "URI" in t;
 }
-const ce = {
+const pe = {
   artist: "Artist",
   color: "Color",
   createDate: "CreateDate",
@@ -66,97 +66,97 @@ const ce = {
   systemIdentifier: "SystemIdentifier",
   text: "Text",
   title: "Title"
-}, pe = /* @__PURE__ */ new Set(["mediaDate", "createDate", "editDate"]);
-function kt(t) {
+}, de = /* @__PURE__ */ new Set(["mediaDate", "createDate", "editDate"]);
+function $t(t) {
   return !/[\s&+/*"\\:(),'<>~|[\]{}]/.test(t) && !/^(?:OR|AND|NOT)$/.test(t) ? t : `"${t.replace(/\\/g, "\\\\").replace(/"/g, '\\"')}"`;
 }
 function Tt(t, e) {
-  const s = (Array.isArray(e) ? e : [e]).map((a) => `${t}:${kt(a)}`);
+  const s = (Array.isArray(e) ? e : [e]).map((a) => `${t}:${$t(a)}`);
   return s.length > 1 ? `(${s.join(" OR ")})` : s[0] ?? "";
 }
-function de(t, e) {
+function ue(t, e) {
   return (Array.isArray(e) ? e : [e]).map((s) => `${t}${s.operator}${s.value}`).join(" AND ");
 }
-function ue(t) {
+function me(t) {
   const e = [];
   for (const i of Object.keys(t)) {
     const s = i, a = t[s];
     if (a == null)
       continue;
     if (s === "custom") {
-      for (const [n, l] of Object.entries(
+      for (const [o, l] of Object.entries(
         a
       ))
-        e.push(Tt(n, l));
+        e.push(Tt(o, l));
       continue;
     }
-    const r = ce[s];
-    if (r) {
-      if (pe.has(s)) {
+    const n = pe[s];
+    if (n) {
+      if (de.has(s)) {
         e.push(
-          de(r, a)
+          ue(n, a)
         );
         continue;
       }
       if (s === "color") {
-        e.push(`${r}:${a}`);
+        e.push(`${n}:${a}`);
         continue;
       }
       if (s === "parentFolderIdentifier") {
-        const n = Array.isArray(a) ? a : [a];
-        if (n.length === 0)
+        const o = Array.isArray(a) ? a : [a];
+        if (o.length === 0)
           continue;
         const l = [
-          ...n.map((p) => `ParentFolderIdentifier:${kt(String(p))}`),
-          ...n.map((p) => `ParentAlbumIdentifier:${kt(String(p))}`)
+          ...o.map((d) => `ParentFolderIdentifier:${$t(String(d))}`),
+          ...o.map((d) => `ParentAlbumIdentifier:${$t(String(d))}`)
         ];
         e.push(`(${l.join(" OR ")})`);
         continue;
       }
-      e.push(Tt(r, a));
+      e.push(Tt(n, a));
     }
   }
   return e.join(" AND ");
 }
-function pt(t) {
+function dt(t) {
   if ("and" in t)
-    return t.and.map(pt).filter(Boolean).join(" AND ");
+    return t.and.map(dt).filter(Boolean).join(" AND ");
   if ("or" in t) {
-    const e = t.or.map(pt).filter(Boolean);
+    const e = t.or.map(dt).filter(Boolean);
     return e.length > 1 ? `(${e.join(" OR ")})` : e[0] ?? "";
   }
   if ("not" in t) {
-    const e = pt(t.not);
+    const e = dt(t.not);
     return e ? `NOT (${e})` : "";
   }
-  return ue(t);
+  return me(t);
 }
-const me = "CoreField.LargeSizePreview", dt = "CoreField.DocType", fe = "Document.Title", ge = "Document.CaptionLong", nt = "Document.FileExtension", ut = "CoreField.FileSize", Ht = "CoreField.Identifier", mt = "CoreField.MaxHeight", ft = "CoreField.MaxWidth", gt = "Document.RecordID", Wt = "CoreField.DocSubType", Gt = "CoreField.TitleWithFallback", xt = "CoreField.OriginalFileName", yt = "CoreField.UpdatedFileName", _t = "__width", xe = "CoreField.OriginalPreview", Oi = "Document.DocSubType", Li = "Document.InPoint", Ui = "Document.OutPoint", Ct = {
+const fe = "CoreField.LargeSizePreview", ut = "CoreField.DocType", ge = "Document.Title", xe = "Document.CaptionLong", ht = "Document.FileExtension", mt = "CoreField.FileSize", Ht = "CoreField.Identifier", ft = "CoreField.MaxHeight", gt = "CoreField.MaxWidth", xt = "Document.RecordID", Wt = "CoreField.DocSubType", Gt = "CoreField.TitleWithFallback", yt = "CoreField.OriginalFileName", St = "CoreField.UpdatedFileName", _t = "__width", ye = "CoreField.OriginalPreview", Li = "Document.DocSubType", Ui = "Document.InPoint", Bi = "Document.OutPoint", bt = {
   DEFAULT_VIEW_SIZE: "Document.LargeSizePreview",
   FIELD_TITLE_WITH_FALLBACK: "Document.TitleWithFallback",
   ORIGINAL_VIEW_SIZE: "Document.OriginalPreview"
 }, Qt = {
-  [me]: Ct.DEFAULT_VIEW_SIZE,
-  [Gt]: Ct.FIELD_TITLE_WITH_FALLBACK,
-  [xe]: Ct.ORIGINAL_VIEW_SIZE
-}, ye = Object.fromEntries(
+  [fe]: bt.DEFAULT_VIEW_SIZE,
+  [Gt]: bt.FIELD_TITLE_WITH_FALLBACK,
+  [ye]: bt.ORIGINAL_VIEW_SIZE
+}, Se = Object.fromEntries(
   Object.entries(Qt).map(([t, e]) => [
     e,
     t
   ])
 );
-function Se(t) {
+function Ae(t) {
   return Qt[t] ?? t;
 }
 function Dt(t) {
   const e = {};
   for (const [i, s] of Object.entries(t)) {
-    const a = ye[i] ?? i;
+    const a = Se[i] ?? i;
     e[a] = s;
   }
   return e;
 }
-function Ae(t) {
+function ve(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)));
@@ -168,33 +168,33 @@ async function Xt({
   getPermanentAssetsPaths: i,
   httpMethod: s = "GET",
   isSiteBuilder: a,
-  pageNumber: r,
-  query: n,
+  pageNumber: n,
+  query: o,
   securityByPassToken: l,
-  siteUrl: p,
-  sort: x,
+  siteUrl: d,
+  sort: m,
   token: c,
-  useSession: f
+  useSession: y
 }) {
-  const y = e?.map(Se), d = {
+  const S = e?.map(Ae), p = {
     CountPerPage: t,
-    Fields: le(y),
+    Fields: ce(S),
     Format: "json",
     GetPermanentAssetsPaths: i || void 0,
-    PageNumber: r,
-    Query: pt(n),
+    PageNumber: n,
+    Query: dt(o),
     SecurityByPassToken: l || void 0,
-    Sort: x || void 0,
-    UseSession: f || void 0
-  }, S = s === "POST";
+    Sort: m || void 0,
+    UseSession: y || void 0
+  }, g = s === "POST";
   try {
     return (await T.request({
-      baseURL: p,
+      baseURL: d,
       headers: c ? { Authorization: `Bearer ${c}` } : void 0,
       method: s,
       // POST large RecordID queries as a urlencoded body to dodge the ~2KB URL cap;
       // GET keeps the same fields on the query string.
-      ...S ? { data: Ae(d) } : { params: d, paramsSerializer: { indexes: null } },
+      ...g ? { data: ve(p) } : { params: p, paramsSerializer: { indexes: null } },
       responseType: "json",
       transformResponse: [
         ...Array.isArray(T.defaults.transformResponse) ? T.defaults.transformResponse : [],
@@ -214,14 +214,14 @@ async function Xt({
     return { items: [], sort: "", totalCount: 0 };
   }
 }
-async function ve({
+async function ze({
   assetId: t,
   extension: e,
   format: i,
   siteUrl: s,
   token: a,
-  transformations: r,
-  useSession: n
+  transformations: n,
+  useSession: o
 }) {
   try {
     return (await T.request({
@@ -232,8 +232,8 @@ async function ve({
         SourceAssetRecordID: t,
         TargetExtension: ie(e),
         Token: a || void 0,
-        Transformations: r,
-        UseSession: n || void 0
+        Transformations: n,
+        UseSession: o || void 0
       },
       /**
        * https://link.orangelogic.com/Tasks/41S1XH
@@ -246,65 +246,65 @@ async function ve({
     return null;
   }
 }
-const ze = 50;
-function Ce(t, e) {
+const Ce = 50;
+function we(t, e) {
   const i = [];
   for (let s = 0; s < t.length; s += e)
     i.push(t.slice(s, s + e));
   return i;
 }
-async function we({
+async function be({
   extraFields: t,
   getPermanentAssetsPaths: e,
   isSiteBuilder: i,
   recordIds: s,
   securityByPassToken: a,
-  token: r
+  token: n
 }) {
   if (!Array.isArray(s) || s.length === 0)
     return { facets: [], items: [], totalCount: 0 };
-  const n = t?.filter((d) => d && typeof d == "string") ?? [], l = [
-    ...n,
+  const o = t?.filter((p) => p && typeof p == "string") ?? [], l = [
+    ...o,
+    St,
     yt,
-    xt,
-    fe,
     ge,
-    gt
-  ], p = Ce(s, ze), x = await Promise.all(
-    p.map(
-      (d) => Xt({
-        countPerPage: d.length,
+    xe,
+    xt
+  ], d = we(s, Ce), m = await Promise.all(
+    d.map(
+      (p) => Xt({
+        countPerPage: p.length,
         fields: l,
         getPermanentAssetsPaths: e,
         httpMethod: i ? "GET" : "POST",
         isSiteBuilder: i,
         pageNumber: 1,
-        query: { recordId: d },
+        query: { recordId: p },
         securityByPassToken: a,
-        token: r
+        token: n
       })
     )
-  ), c = new Map(s.map((d, S) => [d, S])), f = x.flatMap((d) => d.items).map((d) => {
-    let S = M(d, yt);
-    return S === "" && (S = M(d, xt)), {
-      name: S,
-      recordId: M(d, gt),
-      ...n.reduce(
-        (R, A) => {
-          R[A] = M(d, A);
-          const F = Kt(d, A);
-          return F !== void 0 && (R[`${A}${_t}`] = String(F)), R;
+  ), c = new Map(s.map((p, g) => [p, g])), y = m.flatMap((p) => p.items).map((p) => {
+    let g = M(p, St);
+    return g === "" && (g = M(p, yt)), {
+      name: g,
+      recordId: M(p, xt),
+      ...o.reduce(
+        (w, A) => {
+          w[A] = M(p, A);
+          const F = Kt(p, A);
+          return F !== void 0 && (w[`${A}${_t}`] = String(F)), w;
         },
         {}
       )
     };
   }).sort(
-    (d, S) => (c.get(d.recordId) ?? 1 / 0) - (c.get(S.recordId) ?? 1 / 0)
-  ), y = x.reduce(
-    (d, S) => d + S.totalCount,
+    (p, g) => (c.get(p.recordId) ?? 1 / 0) - (c.get(g.recordId) ?? 1 / 0)
+  ), S = m.reduce(
+    (p, g) => p + g.totalCount,
     0
   );
-  return { facets: [], items: f, totalCount: y };
+  return { facets: [], items: y, totalCount: S };
 }
 function M(t, e) {
   const i = t[e];
@@ -315,70 +315,70 @@ function Kt(t, e) {
   if (!(i == null || !Vt(i)))
     return typeof i.Width == "number" && i.Width > 0 ? i.Width : void 0;
 }
-async function be({
+async function ke({
   countPerPage: t,
   directParentFolderIdentifier: e,
   excludedDocTypes: i,
   extraFields: s,
   getPermanentAssetsPaths: a,
-  isSiteBuilder: r,
-  limitedDocTypes: n,
+  isSiteBuilder: n,
+  limitedDocTypes: o,
   pageNumber: l,
-  parentFolderIdentifier: p,
-  searchTerm: x,
+  parentFolderIdentifier: d,
+  searchTerm: m,
   securityByPassToken: c,
-  sortOrder: f,
-  token: y
+  sortOrder: y,
+  token: S
 }) {
-  if (!e && !p)
+  if (!e && !d)
     return { facets: [], items: [], totalCount: 0 };
-  const d = (s?.filter((w) => w && typeof w == "string") ?? []).map((w) => w.replace("%20", " ")), S = {
+  const p = (s?.filter((b) => b && typeof b == "string") ?? []).map((b) => b.replace("%20", " ")), g = {
     directParentFolderIdentifier: e,
-    parentFolderIdentifier: p,
-    ...n && n.length > 0 ? { docType: n } : {}
-  }, R = i && i.length > 0 ? { and: [S, { not: { docType: i } }] } : S, A = await Xt({
+    parentFolderIdentifier: d,
+    ...o && o.length > 0 ? { docType: o } : {}
+  }, w = i && i.length > 0 ? { and: [g, { not: { docType: i } }] } : g, A = await Xt({
     countPerPage: t,
     fields: [
-      ...d,
+      ...p,
       Gt,
+      gt,
       ft,
       mt,
       ut,
-      dt,
       Wt,
       Ht,
-      nt,
-      gt,
+      ht,
       xt,
-      yt
+      yt,
+      St
     ],
     getPermanentAssetsPaths: a,
-    isSiteBuilder: r,
+    isSiteBuilder: n,
     pageNumber: l,
-    query: R,
+    query: w,
     securityByPassToken: c,
     sort: void 0,
-    token: y
-  }), F = A.items.map((w) => {
-    let _ = M(w, nt), at = M(w, yt);
-    _ && !_.startsWith(".") && (_ = "." + _), at === "" && (at = M(w, xt));
-    const ht = M(w, gt);
+    token: S
+  }), F = A.items.map((b) => {
+    let _ = M(b, ht), ot = M(b, St);
+    _ && !_.startsWith(".") && (_ = "." + _), ot === "" && (ot = M(b, yt));
+    const lt = M(b, xt);
     return {
-      docSubType: M(w, Wt),
-      docType: M(w, dt) || "",
+      docSubType: M(b, Wt),
+      docType: M(b, ut) || "",
       extension: _,
-      height: M(w, mt) || "0",
-      id: ht,
-      identifier: M(w, Ht),
-      name: at,
-      recordId: ht,
-      size: M(w, ut) || "0 MB",
-      width: M(w, ft) || "0",
-      ...d.reduce(
+      height: M(b, ft) || "0",
+      id: lt,
+      identifier: M(b, Ht),
+      name: ot,
+      recordId: lt,
+      size: M(b, mt) || "0 MB",
+      width: M(b, gt) || "0",
+      ...p.reduce(
         (L, Z) => {
-          L[Z] = M(w, Z);
-          const ot = Kt(w, Z);
-          return ot !== void 0 && (L[`${Z}${_t}`] = String(ot)), L;
+          L[Z] = M(b, Z);
+          const rt = Kt(b, Z);
+          return rt !== void 0 && (L[`${Z}${_t}`] = String(rt)), L;
         },
         {}
       )
@@ -390,7 +390,7 @@ async function be({
     totalCount: A.totalCount
   };
 }
-async function ke({
+async function Re({
   autoCropMode: t,
   cropHeight: e,
   cropWidth: i,
@@ -412,11 +412,11 @@ async function ke({
       // 5 minutes
       transformResponse: [
         ...Array.isArray(T.defaults.transformResponse) ? T.defaults.transformResponse : [],
-        (n) => ({
-          height: n.cropHeight,
-          width: n.cropWidth,
-          x: n.cropX,
-          y: n.cropY
+        (o) => ({
+          height: o.cropHeight,
+          width: o.cropWidth,
+          x: o.cropX,
+          y: o.cropY
         })
       ],
       url: Ot.GET_CROP_ZONE_SUGGESTION
@@ -425,7 +425,7 @@ async function ke({
     return null;
   }
 }
-async function Bi({
+async function qi({
   assetRecordId: t,
   isSiteBuilder: e,
   siteUrl: i,
@@ -444,7 +444,7 @@ async function Bi({
       responseType: "json",
       transformResponse: [
         ...Array.isArray(T.defaults.transformResponse) ? T.defaults.transformResponse : [],
-        (n) => !n || typeof n != "object" ? [] : n.proxies?.map((l) => ({
+        (o) => !o || typeof o != "object" ? [] : o.proxies?.map((l) => ({
           cdnName: l.cdnName,
           extension: l.extension,
           formatHeight: l.formatHeight,
@@ -462,7 +462,7 @@ async function Bi({
     return [];
   }
 }
-async function qi({
+async function ji({
   siteUrl: t
 } = {}) {
   try {
@@ -489,7 +489,7 @@ async function qi({
     return { formatsByDocType: {} };
   }
 }
-async function ji({
+async function Vi({
   recordIds: t,
   rightsToCheck: e
 }) {
@@ -512,11 +512,11 @@ async function ji({
     return i;
   }
 }
-const wt = 20, Re = [
-  zt.Album,
-  zt.ProjectDocument,
-  zt.Story
-], Rt = "TR1", $t = "TRX", $e = /* @__PURE__ */ new Set([".gif"]), Pe = /* @__PURE__ */ new Set([
+const kt = 20, $e = [
+  wt.Album,
+  wt.ProjectDocument,
+  wt.Story
+], it = "TR1", At = "TRX", Pe = /* @__PURE__ */ new Set([".gif"]), Fe = /* @__PURE__ */ new Set([
   ".avif",
   ".bmp",
   ".gif",
@@ -529,30 +529,43 @@ const wt = 20, Re = [
 ]);
 function Zt(t) {
   const e = t.toLowerCase(), i = e.startsWith(".") ? e : `.${e}`;
-  return Pe.has(i);
+  return Fe.has(i);
 }
 function Nt({
-  extension: t,
-  format: e,
-  item: i,
-  manualFormat: s,
-  size: a
+  autoFormat: t,
+  extension: e,
+  format: i,
+  item: s,
+  manualFormat: a,
+  size: n
 }) {
-  const r = t?.toLowerCase() ?? "", n = r.startsWith(".") ? r : `.${r}`, l = `path_${Rt}`, p = (y) => i[y] ? { maxWidth: i[`${y}${_t}`], src: i[y] } : void 0;
-  if (!s)
-    return p(`path_${Bt(r, a)}`) ?? p(l) ?? {};
-  if (!!r && $e.has(n))
-    return p(`path_${$t}`) ?? p(l) ?? {};
-  const c = !r || Zt(r), f = e ? `path_${e}` : void 0;
-  return f && c && i[f] ? p(f) ?? {} : p(l) ?? {};
+  const o = e?.toLowerCase() ?? "", l = o.startsWith(".") ? o : `.${o}`, d = `path_${it}`, m = (p, g) => {
+    const w = s[p];
+    if (w)
+      return {
+        maxWidth: s[`${p}${_t}`],
+        src: t ? se(w, {
+          extension: o,
+          format: g
+        }) : w
+      };
+  };
+  if (!a) {
+    const p = Bt(o, n), g = `path_${p}`;
+    return m(g, p) ?? m(d, it) ?? {};
+  }
+  if (!!o && Pe.has(l))
+    return m(`path_${At}`, At) ?? m(d, it) ?? {};
+  const y = !o || Zt(o), S = i ? `path_${i}` : void 0;
+  return S && y && s[S] ? m(S, i) ?? {} : m(d, it) ?? {};
 }
-class Vi {
+class Gi {
   constructor(e, i) {
-    this.data = [], this.folderId = "", this.fetchedPages = /* @__PURE__ */ new Set(), this.totalCount = 0, this.maxEnd = 1 / 0, this.pageSize = wt, 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 = kt, 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) : wt, this.authToken = i?.token, this.securityByPassToken = i?.securityByPassToken, this.isSiteBuilder = i?.isSiteBuilder ?? !1;
+    this.pageSize = typeof a == "number" && Number.isFinite(a) && a >= 1 ? Math.floor(a) : kt, this.authToken = i?.token, this.securityByPassToken = i?.securityByPassToken, this.isSiteBuilder = i?.isSiteBuilder ?? !1, this.autoFormat = i?.autoFormat ?? !1;
   }
   get totalDataCount() {
     return this.totalCount;
@@ -570,7 +583,7 @@ class Vi {
    * 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) : wt;
+    const i = Number.isFinite(e) && e >= 1 ? Math.floor(e) : kt;
     if (this.pageSize === i)
       return;
     const s = this.fetchedPages.size > 0;
@@ -581,34 +594,34 @@ class Vi {
     extraFields: i = [],
     format: s,
     manualFormat: a = !0,
-    start: r,
-    transformations: n
+    start: n,
+    transformations: o
   }) {
-    if (e < r)
+    if (e < n)
       return this.data;
-    if (this.totalCount > 0 && e >= this.totalCount && (e = this.totalCount - 1, e < r))
+    if (this.totalCount > 0 && e >= this.totalCount && (e = this.totalCount - 1, e < n))
       return this.data;
     const l = this.requestEpoch;
     if (!this.folderId || l !== this.requestEpoch)
       return this.data;
-    const p = s ? `path_${s}` : void 0, x = `path_${Rt}`, c = `path_${$t}`, f = [
+    const d = s ? `path_${s}` : void 0, m = `path_${it}`, c = `path_${At}`, y = [
       ...new Set(
-        [p, x, c].filter(
-          (S) => !!S
+        [d, m, c].filter(
+          (g) => !!g
         )
       )
-    ], y = Math.floor(r / this.pageSize) + 1, d = Math.floor(e / this.pageSize) + 1;
-    for (let S = y; S <= d; S++) {
-      if (this.fetchedPages.has(S))
+    ], S = Math.floor(n / this.pageSize) + 1, p = Math.floor(e / this.pageSize) + 1;
+    for (let g = S; g <= p; g++) {
+      if (this.fetchedPages.has(g))
         continue;
-      const R = await be({
+      const w = await ke({
         countPerPage: this.pageSize,
         directParentFolderIdentifier: this.folderId,
-        excludedDocTypes: Re,
-        extraFields: [...i, ...f],
+        excludedDocTypes: $e,
+        extraFields: [...i, ...y],
         getPermanentAssetsPaths: !0,
         isSiteBuilder: this.isSiteBuilder,
-        pageNumber: S,
+        pageNumber: g,
         searchTerm: "",
         securityByPassToken: this.securityByPassToken,
         sortOrder: "",
@@ -616,37 +629,38 @@ class Vi {
       });
       if (l !== this.requestEpoch)
         return this.data;
-      if (this.fetchedPages.add(S), !this.totalCount && R.totalCount) {
-        const F = Math.min(this.maxEnd, R.totalCount);
+      if (this.fetchedPages.add(g), !this.totalCount && w.totalCount) {
+        const F = Math.min(this.maxEnd, w.totalCount);
         this.totalCount = F, this.data = Array.from({ length: F }, () => ({
           alt: "",
-          id: `temp-${ae()}`,
+          id: `temp-${oe()}`,
           name: "",
           src: ""
         }));
       }
-      const A = (S - 1) * this.pageSize;
-      for (let F = 0; F < R.items.length; F++) {
-        const w = A + F;
-        if (w < this.data.length) {
-          const _ = R.items[F], { maxWidth: at, src: ht } = Nt({
+      const A = (g - 1) * this.pageSize;
+      for (let F = 0; F < w.items.length; F++) {
+        const b = A + F;
+        if (b < this.data.length) {
+          const _ = w.items[F], { maxWidth: ot, src: lt } = Nt({
+            autoFormat: this.autoFormat,
             extension: _.extension,
             format: s,
             item: _,
             manualFormat: a,
             size: _.size
           });
-          let L = ht;
-          L && n && n.length > 0 && (L = It(L, n)), this.data[w] = {
+          let L = lt;
+          L && o && o.length > 0 && (L = It(L, o)), this.data[b] = {
             alt: _.name,
             docType: _.docType,
             extension: _.extension,
             id: _.id,
-            maxWidth: at,
+            maxWidth: ot,
             name: _.name,
             src: L,
             ...i.reduce(
-              (Z, ot) => (Z[ot] = _[ot] ?? "", Z),
+              (Z, rt) => (Z[rt] = _[rt] ?? "", Z),
               {}
             )
           };
@@ -659,85 +673,86 @@ class Vi {
     extraFields: i = [],
     folderId: s,
     forceRefetch: a = !1,
-    format: r,
-    manualFormat: n = !0,
+    format: n,
+    manualFormat: o = !0,
     minLimit: l = 5,
-    noPlaceholders: p = !1,
-    transformations: x
+    noPlaceholders: d = !1,
+    transformations: m
   }) {
     (!this.folderId || this.folderId !== s) && (this.folderId = s, this.resetFolderState()), a && this.resetPageCache();
-    const c = Math.max(5, l), f = e, y = e + c, d = [
+    const c = Math.max(5, l), y = e, S = e + c, p = [
       ...i,
-      mt,
-      ft
+      ft,
+      gt
     ];
     await this.fetchImages({
-      end: y,
-      extraFields: d.filter((A) => A !== ""),
-      format: r,
-      manualFormat: n,
-      start: f,
-      transformations: x
+      end: S,
+      extraFields: p.filter((A) => A !== ""),
+      format: n,
+      manualFormat: o,
+      start: y,
+      transformations: m
     });
-    let S = e - c;
-    S < 0 && (this.totalCount === 0 ? S = 0 : S = Math.max(0, this.totalCount + S));
-    const R = S + c;
+    let g = e - c;
+    g < 0 && (this.totalCount === 0 ? g = 0 : g = Math.max(0, this.totalCount + g));
+    const w = g + c;
     return await this.fetchImages({
-      end: R,
-      extraFields: d.filter((A) => A !== ""),
-      format: r,
-      manualFormat: n,
-      start: S,
-      transformations: x
-    }), p ? this.data.filter((A) => A.id && !A.id.startsWith("temp-")) : this.data;
+      end: w,
+      extraFields: p.filter((A) => A !== ""),
+      format: n,
+      manualFormat: o,
+      start: g,
+      transformations: m
+    }), d ? this.data.filter((A) => A.id && !A.id.startsWith("temp-")) : this.data;
   }
   async fetchImagesByIDs({
     extraFields: e = [],
     format: i,
     manualFormat: s = !0,
     recordIds: a,
-    transformations: r
+    transformations: n
   }) {
     if (a.length === 0)
       return [];
-    const n = i ? `path_${i}` : void 0, l = `path_${Rt}`, p = `path_${$t}`, x = [
+    const o = i ? `path_${i}` : void 0, l = `path_${it}`, d = `path_${At}`, m = [
       ...new Set(
-        [n, l, p].filter(
-          (d) => !!d
+        [o, l, d].filter(
+          (p) => !!p
         )
       )
-    ], c = [nt, ut], f = [
+    ], c = [ht, mt], y = [
       ...e,
-      dt,
-      mt,
-      ft
+      ut,
+      ft,
+      gt
     ];
-    return (await we({
-      extraFields: [...f, ...x, ...c].filter((d) => d !== ""),
+    return (await be({
+      extraFields: [...y, ...m, ...c].filter((p) => p !== ""),
       getPermanentAssetsPaths: !0,
       isSiteBuilder: this.isSiteBuilder,
       recordIds: a,
       securityByPassToken: this.securityByPassToken,
       token: this.authToken
-    })).items.map((d) => {
-      const { maxWidth: S, src: R } = Nt({
-        extension: d[nt],
+    })).items.map((p) => {
+      const { maxWidth: g, src: w } = Nt({
+        autoFormat: this.autoFormat,
+        extension: p[ht],
         format: i,
-        item: d,
+        item: p,
         manualFormat: s,
-        size: d[ut]
+        size: p[mt]
       });
-      let A = R;
-      return A && r && r.length > 0 && (A = It(A, r)), {
-        alt: d.name,
-        docType: d[dt],
-        extension: d[nt] || "",
-        id: d.recordId,
-        maxWidth: S,
-        name: d.name,
+      let A = w;
+      return A && n && n.length > 0 && (A = It(A, n)), {
+        alt: p.name,
+        docType: p[ut],
+        extension: p[ht] || "",
+        id: p.recordId,
+        maxWidth: g,
+        name: p.name,
         src: A,
-        ...f.reduce(
-          (F, w) => (F[w] = d[w] ?? "", F),
+        ...y.reduce(
+          (F, b) => (F[b] = p[b] ?? "", F),
           {}
         )
       };
@@ -748,63 +763,63 @@ class Vi {
     folderId: i,
     forceRefetch: s = !1,
     format: a,
-    manualFormat: r = !0,
-    noPlaceholders: n = !1,
+    manualFormat: n = !0,
+    noPlaceholders: o = !1,
     page: l,
-    pageSize: p = 10,
-    transformations: x
+    pageSize: d = 10,
+    transformations: m
   }) {
     (!this.folderId || this.folderId !== i) && (this.folderId = i, this.resetFolderState()), s && this.resetPageCache();
-    const c = l * p, f = c + p - 1;
+    const c = l * d, y = c + d - 1;
     return await this.fetchImages({
-      end: f,
+      end: y,
       extraFields: e,
       format: a,
-      manualFormat: r,
+      manualFormat: n,
       start: c,
-      transformations: x
-    }), n ? this.data.filter((y) => y.id && !y.id.startsWith("temp-")) : this.data;
+      transformations: m
+    }), o ? this.data.filter((S) => S.id && !S.id.startsWith("temp-")) : this.data;
   }
   async *fetchImagesInFolderByChunk({
     chunkSize: e = 10,
     end: i = 0,
     extraFields: s = [],
     folderId: a,
-    forceRefetch: r = !1,
-    format: n,
+    forceRefetch: n = !1,
+    format: o,
     manualFormat: l = !0,
-    start: p = 0,
-    transformations: x
+    start: d = 0,
+    transformations: m
   }) {
     const c = Math.max(1, e);
-    if ((!this.folderId || this.folderId !== a) && (this.folderId = a, this.resetFolderState()), r && this.resetPageCache(), i !== -1) {
+    if ((!this.folderId || this.folderId !== a) && (this.folderId = a, this.resetFolderState()), n && this.resetPageCache(), i !== -1) {
       await this.fetchImages({
         end: i,
         extraFields: s,
-        format: n,
+        format: o,
         manualFormat: l,
-        start: p,
-        transformations: x
+        start: d,
+        transformations: m
       }), yield this.data;
       return;
     }
-    let f = p, y = p + c;
+    let y = d, S = d + c;
     if (await this.fetchImages({
-      end: y,
+      end: S,
       extraFields: s,
-      format: n,
+      format: o,
       manualFormat: l,
-      start: f,
-      transformations: x
-    }), yield this.data, !(!this.totalCount || this.totalCount <= y))
-      for (; y < this.totalCount; )
-        f = y, y = Math.min(y + c, this.totalCount), await this.fetchImages({
-          end: y,
+      start: y,
+      transformations: m
+    }), yield this.data, !(!this.totalCount || this.totalCount <= S))
+      for (; S < this.totalCount; )
+        y = S, S = Math.min(S + c, this.totalCount), await this.fetchImages({
+          end: S,
           extraFields: s,
-          format: n,
+          format: o,
           manualFormat: l,
-          start: f,
-          transformations: x
+          start: y,
+          transformations: m
         }), yield this.data;
   }
   hostConnected() {
@@ -819,29 +834,29 @@ class Vi {
     this.resetPageCache();
   }
 }
-const Fe = V`.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}`, _e = V`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 Me = Object.defineProperty, Ie = Object.getOwnPropertyDescriptor, z = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? Ie(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 && Me(e, i, a), a;
+const _e = V`.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}`, Me = V`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 Ie = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, z = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? Ee(e, i) : e, n = t.length - 1, o; n >= 0; n--)
+    (o = t[n]) && (a = (s ? o(e, i, a) : o(a)) || a);
+  return s && a && Ie(e, i, a), a;
 };
 let v = class extends j {
   constructor() {
-    super(...arguments), this.localize = new G(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]: {
+    super(...arguments), this.localize = new G(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 = r.Pixel, this.disabledApply = !1, this.noRatioModes = !1, this.showPositionPicker = !1, this.lastAppliedSetting = {
+      [r.Pixel]: {
         height: 0,
         percentageHeight: 100,
         percentageWidth: 100,
-        unit: o.Pixel,
+        unit: r.Pixel,
         width: 0,
         x: 0,
         y: 0
       },
-      [o.AspectRatio]: {
+      [r.AspectRatio]: {
         height: 1,
         percentageHeight: 100,
         percentageWidth: 100,
-        unit: o.AspectRatio,
+        unit: r.AspectRatio,
         width: 1,
         x: 0,
         y: 0
@@ -858,10 +873,10 @@ let v = class extends j {
       return;
     }
     if (this.keepAspectRatio) {
-      if (this.unit === o.Pixel && this.width && this.height) {
+      if (this.unit === r.Pixel && this.width && this.height) {
         this.aspectRatio = this.width / this.height;
         return;
-      } else if (this.unit === o.AspectRatio && this.ratioWidth && this.ratioHeight) {
+      } else if (this.unit === r.AspectRatio && this.ratioWidth && this.ratioHeight) {
         this.aspectRatio = this.ratioWidth / this.ratioHeight;
         return;
       }
@@ -892,9 +907,9 @@ let v = class extends j {
     }
     this.invalidWidth = !1;
     let e = Number(t.target.value);
-    this.unit === o.Pixel && (e = Math.max(Math.min(e, this.maxWidth), 1)), t.target.value = e.toString();
-    let i = this.unit === o.Pixel ? this.height : this.ratioHeight, s = !1;
-    this.keepAspectRatio && (i = Math.round(e / this.aspectRatio), this.unit === o.Pixel && i > this.maxHeight && (i = this.maxHeight, s = !0)), this.invalidHeight = !1, this.emit("cx-asset-link-format-crop-change", {
+    this.unit === r.Pixel && (e = Math.max(Math.min(e, this.maxWidth), 1)), t.target.value = e.toString();
+    let i = this.unit === r.Pixel ? this.height : this.ratioHeight, s = !1;
+    this.keepAspectRatio && (i = Math.round(e / this.aspectRatio), this.unit === r.Pixel && i > this.maxHeight && (i = this.maxHeight, s = !0)), this.invalidHeight = !1, this.emit("cx-asset-link-format-crop-change", {
       detail: {
         breakAspectRatio: s,
         height: i,
@@ -911,9 +926,9 @@ let v = class extends j {
     }
     this.invalidHeight = !1;
     let e = Number(t.target.value);
-    this.unit === o.Pixel && (e = Math.max(Math.min(e, this.maxHeight), 1)), t.target.value = e.toString();
-    let i = this.unit === o.Pixel ? this.width : this.ratioWidth, s = !1;
-    this.keepAspectRatio && (i = Math.round(e * this.aspectRatio), this.unit === o.Pixel && i > this.maxWidth && (i = this.maxWidth, s = !0)), this.invalidWidth = !1, this.emit("cx-asset-link-format-crop-change", {
+    this.unit === r.Pixel && (e = Math.max(Math.min(e, this.maxHeight), 1)), t.target.value = e.toString();
+    let i = this.unit === r.Pixel ? this.width : this.ratioWidth, s = !1;
+    this.keepAspectRatio && (i = Math.round(e * this.aspectRatio), this.unit === r.Pixel && i > this.maxWidth && (i = this.maxWidth, s = !0)), this.invalidWidth = !1, this.emit("cx-asset-link-format-crop-change", {
       detail: {
         breakAspectRatio: s,
         height: e,
@@ -928,29 +943,29 @@ let v = class extends j {
     if (e === "free")
       this.selectedMode?.auto && this.emit("cx-asset-link-format-crop-change", {
         detail: {
-          height: this.lastAppliedSetting[o.Pixel].height,
+          height: this.lastAppliedSetting[r.Pixel].height,
           keepAspectRatio: !1,
           silent: !0,
-          unit: o.Pixel,
-          width: this.lastAppliedSetting[o.Pixel].width
+          unit: r.Pixel,
+          width: this.lastAppliedSetting[r.Pixel].width
         }
       });
     else if (!i) {
       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 } = re(
+      if (this.unit === r.Pixel) {
+        let n = s, o = a;
+        Number.isFinite(this.maxWidth) && Number.isFinite(this.maxHeight) && ({ height: o, width: n } = ne(
           this.maxWidth,
           this.maxHeight,
           s,
           a
         )), this.emit("cx-asset-link-format-crop-change", {
           detail: {
-            height: n,
+            height: o,
             keepAspectRatio: !0,
             silent: !0,
-            unit: o.Pixel,
-            width: r
+            unit: r.Pixel,
+            width: n
           }
         });
       } else
@@ -959,7 +974,7 @@ let v = class extends j {
             height: a,
             keepAspectRatio: !0,
             silent: !0,
-            unit: o.AspectRatio,
+            unit: r.AspectRatio,
             width: s
           }
         });
@@ -992,19 +1007,19 @@ let v = class extends j {
    * This allows the parent component to update the crop settings accordingly.
    */
   onUnitChange(t) {
-    t.target.value === o.AspectRatio ? this.emit("cx-asset-link-format-crop-change", {
+    t.target.value === r.AspectRatio ? this.emit("cx-asset-link-format-crop-change", {
       detail: {
-        height: this.lastAppliedSetting[o.AspectRatio].height,
+        height: this.lastAppliedSetting[r.AspectRatio].height,
         keepAspectRatio: this.keepAspectRatio,
-        unit: o.AspectRatio,
-        width: this.lastAppliedSetting[o.AspectRatio].width
+        unit: r.AspectRatio,
+        width: this.lastAppliedSetting[r.AspectRatio].width
       }
     }) : this.emit("cx-asset-link-format-crop-change", {
       detail: {
-        height: this.lastAppliedSetting[o.Pixel].height,
+        height: this.lastAppliedSetting[r.Pixel].height,
         keepAspectRatio: this.keepAspectRatio,
-        unit: o.Pixel,
-        width: this.lastAppliedSetting[o.Pixel].width
+        unit: r.Pixel,
+        width: this.lastAppliedSetting[r.Pixel].width
       }
     }), this.emit("cx-asset-link-format-crop-mode-change", {
       detail: {
@@ -1048,10 +1063,10 @@ let v = class extends j {
       }
     }), this.emit("cx-asset-link-format-crop-change", {
       detail: {
-        height: this.unit === o.Pixel ? this.height : this.ratioHeight,
+        height: this.unit === r.Pixel ? this.height : this.ratioHeight,
         keepAspectRatio: !this.keepAspectRatio,
         unit: this.unit,
-        width: this.unit === o.Pixel ? this.width : this.ratioWidth
+        width: this.unit === r.Pixel ? this.width : this.ratioWidth
       }
     });
   }
@@ -1061,7 +1076,7 @@ let v = class extends j {
       !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>`
@@ -1070,25 +1085,25 @@ let v = class extends j {
         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>`
       )}</cx-select>`
-    )}<cx-space spacing="small"><div class="crop__input-group"><cx-input data-testid="cx-asset-link-format-crop-width" placeholder=${this.localize.term("width")} mask="num" .maskBlocks=${{ num: { mask: Number, min: 1 } }} value=${this.unit === o.Pixel ? this.width.toString() : this.ratioWidth.toString()} @cx-change=${this.handleInputChange} @cx-input=${this.handleWidthChange} required ?disabled=${this.loading}><cx-typography slot="prefix" variant="body3" part="input-label">
+    )}<cx-space spacing="small"><div class="crop__input-group"><cx-input data-testid="cx-asset-link-format-crop-width" placeholder=${this.localize.term("width")} mask="num" .maskBlocks=${{ num: { mask: Number, min: 1 } }} value=${this.unit === r.Pixel ? this.width.toString() : this.ratioWidth.toString()} @cx-change=${this.handleInputChange} @cx-input=${this.handleWidthChange} required ?disabled=${this.loading}><cx-typography slot="prefix" variant="body3" part="input-label">
                 W
               </cx-typography></cx-input><cx-icon-button data-testid="cx-asset-link-format-crop-aspect-ratio" name=${this.keepAspectRatio ? "insert_link" : "link_off"} @click=${this.handleAspectRatioClick} style=${O({
       color: this.keepAspectRatio ? "var(--cx-color-primary)" : void 0
-    })} ?disabled=${this.loading}></cx-icon-button><cx-input data-testid="cx-asset-link-format-crop-height" placeholder=${this.localize.term("height")} mask="num" .maskBlocks=${{ num: { mask: Number, min: 1 } }} value=${this.unit === o.Pixel ? this.height.toString() : this.ratioHeight.toString()} ?disabled=${this.loading} @cx-change=${this.handleInputChange} @cx-input=${this.handleHeightChange} required><cx-typography slot="prefix" variant="body3" part="input-label">
+    })} ?disabled=${this.loading}></cx-icon-button><cx-input data-testid="cx-asset-link-format-crop-height" placeholder=${this.localize.term("height")} mask="num" .maskBlocks=${{ num: { mask: Number, min: 1 } }} value=${this.unit === r.Pixel ? this.height.toString() : this.ratioHeight.toString()} ?disabled=${this.loading} @cx-change=${this.handleInputChange} @cx-input=${this.handleHeightChange} required><cx-typography slot="prefix" variant="body3" part="input-label">
                 H
               </cx-typography></cx-input></div>${I(
       !this.noRatioModes,
-      () => C`<cx-select data-testid="cx-asset-link-format-crop-unit" value=${this.unit} hoist class="crop__unit-select" ?disabled=${this.loading} @cx-change=${this.onUnitChange}><cx-option value=${o.Pixel}>${this.localize.term("pixels")}</cx-option><cx-option value=${o.AspectRatio}>${this.localize.term("aspectRatio")}</cx-option></cx-select>`
+      () => C`<cx-select data-testid="cx-asset-link-format-crop-unit" value=${this.unit} hoist class="crop__unit-select" ?disabled=${this.loading} @cx-change=${this.onUnitChange}><cx-option value=${r.Pixel}>${this.localize.term("pixels")}</cx-option><cx-option value=${r.AspectRatio}>${this.localize.term("aspectRatio")}</cx-option></cx-select>`
     )}</cx-space>${I(
       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>`
@@ -1102,17 +1117,17 @@ let v = class extends j {
     })} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
   }
 };
-v.styles = [Q, _e];
+v.styles = [Q, Me];
 v.dependencies = {
   "cx-button": J,
-  "cx-details": it,
+  "cx-details": st,
   "cx-divider": qt,
-  "cx-icon": st,
+  "cx-icon": at,
   "cx-icon-button": Pt,
   "cx-input": Ft,
-  "cx-option": St,
-  "cx-position-picker": oe,
-  "cx-select": At,
+  "cx-option": vt,
+  "cx-position-picker": re,
+  "cx-select": zt,
   "cx-space": B,
   "cx-typography": q
 };
@@ -1186,13 +1201,13 @@ z([
   h({ attribute: "keep-aspect-ratio", reflect: !0, type: Boolean })
 ], v.prototype, "keepAspectRatio", 2);
 z([
-  k()
+  R()
 ], v.prototype, "invalidWidth", 2);
 z([
-  k()
+  R()
 ], v.prototype, "invalidHeight", 2);
 z([
-  k()
+  R()
 ], v.prototype, "aspectRatio", 2);
 z([
   P("cropMode", { waitUntilFirstUpdate: !0 }),
@@ -1206,11 +1221,11 @@ z([
 v = z([
   X("cx-asset-link-format-crop")
 ], v);
-const Ee = V`.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 Te = Object.defineProperty, He = Object.getOwnPropertyDescriptor, Mt = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? He(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 && Te(e, i, a), a;
+const Te = V`.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 He = Object.defineProperty, We = Object.getOwnPropertyDescriptor, Mt = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? We(e, i) : e, n = t.length - 1, o; n >= 0; n--)
+    (o = t[n]) && (a = (s ? o(e, i, a) : o(a)) || a);
+  return s && a && He(e, i, a), a;
 };
 let Y = class extends j {
   constructor() {
@@ -1223,17 +1238,17 @@ let Y = class extends j {
     });
   }
   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>`;
   }
 };
-Y.styles = [Q, Ee];
+Y.styles = [Q, Te];
 Y.dependencies = {
-  "cx-option": St,
-  "cx-select": At,
+  "cx-option": vt,
+  "cx-select": zt,
   "cx-space": B,
   "cx-typography": q
 };
@@ -1246,13 +1261,13 @@ Mt([
 Y = Mt([
   X("cx-asset-link-format-extension")
 ], Y);
-const We = V`cx-details::part(base){border-bottom-width:0}`;
-var De = Object.defineProperty, Ne = Object.getOwnPropertyDescriptor, D = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? Ne(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;
+const De = V`cx-details::part(base){border-bottom-width:0}`;
+var Ne = Object.defineProperty, Oe = Object.getOwnPropertyDescriptor, D = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? Oe(e, i) : e, n = t.length - 1, o; n >= 0; n--)
+    (o = t[n]) && (a = (s ? o(e, i, a) : o(a)) || a);
+  return s && a && Ne(e, i, a), a;
 };
-const bt = "auto";
+const Rt = "auto";
 let E = class extends j {
   constructor() {
     super(...arguments), this.localize = new G(this), this.open = !1, this.value = "", this.items = [], this.canAutoFormat = !1, this.autoFormat = !1, this.loading = !1, this.scopedValue = "";
@@ -1262,7 +1277,7 @@ let E = class extends j {
    * active, otherwise the resolved proxy id.
    */
   get committedValue() {
-    return this.autoFormat ? bt : this.value;
+    return this.autoFormat ? Rt : this.value;
   }
   handleValueChange() {
     this.scopedValue = this.committedValue;
@@ -1282,7 +1297,7 @@ let E = class extends j {
   handleApply() {
     if (this.loading)
       return;
-    if (this.scopedValue === bt) {
+    if (this.scopedValue === Rt) {
       this.emit("cx-asset-link-format-proxy-change", {
         detail: { autoFormat: !0 }
       });
@@ -1312,28 +1327,28 @@ let E = class extends j {
     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>`
     )}
             ${I(
       this.canAutoFormat,
-      () => C`<cx-divider></cx-divider><cx-option data-testid="cx-asset-link-format-proxy-auto-option" value=${bt}>${this.localize.term("auto")}</cx-option>`,
+      () => C`<cx-divider></cx-divider><cx-option data-testid="cx-asset-link-format-proxy-auto-option" value=${Rt}>${this.localize.term("auto")}</cx-option>`,
       () => Ut
     )}</cx-select><cx-button data-testid="cx-asset-link-format-proxy-apply" variant="primary" style=${O({
       "margin-left": "auto"
     })} ?disabled=${this.scopedValue === this.committedValue} ?loading=${this.loading} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
   }
 };
-E.styles = [Q, We];
+E.styles = [Q, De];
 E.dependencies = {
   "cx-button": J,
-  "cx-details": it,
+  "cx-details": st,
   "cx-divider": qt,
-  "cx-icon": st,
-  "cx-option": St,
-  "cx-select": At,
+  "cx-icon": at,
+  "cx-option": vt,
+  "cx-select": zt,
   "cx-space": B,
   "cx-typography": q
 };
@@ -1359,7 +1374,7 @@ D([
   h({ reflect: !0, type: Boolean })
 ], E.prototype, "loading", 2);
 D([
-  k()
+  R()
 ], E.prototype, "scopedValue", 2);
 D([
   P("autoFormat"),
@@ -1371,11 +1386,11 @@ D([
 E = D([
   X("cx-asset-link-format-proxy")
 ], E);
-const Oe = V`cx-details::part(base){border-bottom-width:0}`;
-var Le = Object.defineProperty, Ue = Object.getOwnPropertyDescriptor, et = (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;
+const Le = V`cx-details::part(base){border-bottom-width:0}`;
+var Ue = Object.defineProperty, Be = Object.getOwnPropertyDescriptor, et = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? Be(e, i) : e, n = t.length - 1, o; n >= 0; n--)
+    (o = t[n]) && (a = (s ? o(e, i, a) : o(a)) || a);
+  return s && a && Ue(e, i, a), a;
 };
 let W = class extends j {
   constructor() {
@@ -1428,11 +1443,11 @@ let W = class extends j {
     })} @cx-input=${this.handleQualityChange}></cx-input></cx-tooltip><cx-button data-testid="cx-asset-link-format-quality-apply" variant="primary" ?disabled=${this.invalidValue} ?loading=${this.loading} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
   }
 };
-W.styles = [Q, Oe];
+W.styles = [Q, Le];
 W.dependencies = {
   "cx-button": J,
-  "cx-details": it,
-  "cx-icon": st,
+  "cx-details": st,
+  "cx-icon": at,
   "cx-input": Ft,
   "cx-space": B,
   "cx-tooltip": jt,
@@ -1451,7 +1466,7 @@ et([
   h({ reflect: !0, type: Boolean })
 ], W.prototype, "loading", 2);
 et([
-  k()
+  R()
 ], W.prototype, "scopedValue", 2);
 et([
   P("value")
@@ -1459,17 +1474,17 @@ et([
 W = et([
   X("cx-asset-link-format-quality")
 ], W);
-const Be = V`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, je = Object.getOwnPropertyDescriptor, $ = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? je(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;
+const qe = V`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 je = Object.defineProperty, Ve = Object.getOwnPropertyDescriptor, $ = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? Ve(e, i) : e, n = t.length - 1, o; n >= 0; n--)
+    (o = t[n]) && (a = (s ? o(e, i, a) : o(a)) || a);
+  return s && a && je(e, i, a), a;
 };
-let b = class extends j {
+let k = class extends j {
   constructor() {
-    super(...arguments), this.localize = new G(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 },
-      [o.AspectRatio]: { height: 1, width: 1 }
+    super(...arguments), this.localize = new G(this), this.open = !1, this.width = 0, this.height = 0, this.maxWidth = 0, this.maxHeight = 0, this.ratioWidth = 1, this.ratioHeight = 1, this.unit = r.Pixel, this.lastAppliedSetting = {
+      [r.Pixel]: { height: 0, width: 0 },
+      [r.AspectRatio]: { height: 1, width: 1 }
     }, this.loading = !1, this.noRatioModes = !1, this.keepAspectRatio = !1, this.invalidWidth = !1, this.invalidHeight = !1, this.aspectRatio = 0;
   }
   /**
@@ -1483,11 +1498,11 @@ let b = class extends j {
   async handleCropModeChange() {
     const t = Number.isFinite(this.maxWidth) && Number.isFinite(this.maxHeight) && this.maxWidth > 0 && this.maxHeight > 0;
     if (this.keepAspectRatio) {
-      if (this.unit === o.AspectRatio && this.ratioWidth && this.ratioHeight) {
+      if (this.unit === r.AspectRatio && this.ratioWidth && this.ratioHeight) {
         this.aspectRatio = this.ratioWidth / this.ratioHeight;
         return;
       }
-      if (this.unit === o.Pixel && !t && this.width && this.height) {
+      if (this.unit === r.Pixel && !t && this.width && this.height) {
         this.aspectRatio = this.width / this.height;
         return;
       }
@@ -1518,8 +1533,8 @@ let b = class extends j {
     }
     this.invalidWidth = !1;
     let e = Number(t.target.value);
-    this.unit === o.Pixel && (e = Math.max(Math.min(e, this.maxWidth), 1)), t.target.value = e.toString();
-    let i = this.unit === o.Pixel ? this.height : this.ratioHeight;
+    this.unit === r.Pixel && (e = Math.max(Math.min(e, this.maxWidth), 1)), t.target.value = e.toString();
+    let i = this.unit === r.Pixel ? this.height : this.ratioHeight;
     this.keepAspectRatio && (i = Math.min(
       Math.round(e / this.aspectRatio),
       this.maxHeight
@@ -1539,8 +1554,8 @@ let b = class extends j {
     }
     this.invalidHeight = !1;
     let e = Number(t.target.value);
-    this.unit === o.Pixel && (e = Math.max(Math.min(e, this.maxHeight), 1)), t.target.value = e.toString();
-    let i = this.unit === o.Pixel ? this.width : this.ratioWidth;
+    this.unit === r.Pixel && (e = Math.max(Math.min(e, this.maxHeight), 1)), t.target.value = e.toString();
+    let i = this.unit === r.Pixel ? this.width : this.ratioWidth;
     this.keepAspectRatio && (i = Math.min(
       Math.round(e * this.aspectRatio),
       this.maxWidth
@@ -1554,19 +1569,19 @@ let b = class extends j {
     });
   }
   onUnitChange(t) {
-    t.target.value === o.AspectRatio ? this.emit("cx-asset-link-format-resize-change", {
+    t.target.value === r.AspectRatio ? this.emit("cx-asset-link-format-resize-change", {
       detail: {
-        height: this.lastAppliedSetting[o.AspectRatio].height,
+        height: this.lastAppliedSetting[r.AspectRatio].height,
         keepAspectRatio: this.keepAspectRatio,
-        unit: o.AspectRatio,
-        width: this.lastAppliedSetting[o.AspectRatio].width
+        unit: r.AspectRatio,
+        width: this.lastAppliedSetting[r.AspectRatio].width
       }
     }) : this.emit("cx-asset-link-format-resize-change", {
       detail: {
-        height: this.lastAppliedSetting[o.Pixel].height,
+        height: this.lastAppliedSetting[r.Pixel].height,
         keepAspectRatio: this.keepAspectRatio,
-        unit: o.Pixel,
-        width: this.lastAppliedSetting[o.Pixel].width
+        unit: r.Pixel,
+        width: this.lastAppliedSetting[r.Pixel].width
       }
     });
   }
@@ -1598,105 +1613,105 @@ let b = class extends j {
   handleAspectRatioClick() {
     this.emit("cx-asset-link-format-resize-change", {
       detail: {
-        height: this.unit === o.Pixel ? this.height : this.ratioHeight,
+        height: this.unit === r.Pixel ? this.height : this.ratioHeight,
         keepAspectRatio: !this.keepAspectRatio,
         unit: this.unit,
-        width: this.unit === o.Pixel ? this.width : this.ratioWidth
+        width: this.unit === r.Pixel ? this.width : this.ratioWidth
       }
     });
   }
   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="aspect_ratio"></cx-icon></div><cx-typography variant="body2">${this.localize.term("resize")}</cx-typography></cx-space><cx-space direction="vertical" spacing="small"><cx-space spacing="small"><div class="resize__input-group"><cx-input data-testid="cx-asset-link-format-resize-width" placeholder=${this.localize.term("width")} mask="num" .maskBlocks=${{ num: { mask: Number, min: 1 } }} value=${this.unit === o.Pixel ? this.width.toString() : this.ratioWidth.toString()} @cx-input=${this.handleWidthChange} required ?disabled=${this.loading}><cx-typography slot="prefix" variant="body3" part="input-label">
+    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="aspect_ratio"></cx-icon></div><cx-typography variant="body2">${this.localize.term("resize")}</cx-typography></cx-space><cx-space direction="vertical" spacing="small"><cx-space spacing="small"><div class="resize__input-group"><cx-input data-testid="cx-asset-link-format-resize-width" placeholder=${this.localize.term("width")} mask="num" .maskBlocks=${{ num: { mask: Number, min: 1 } }} value=${this.unit === r.Pixel ? this.width.toString() : this.ratioWidth.toString()} @cx-input=${this.handleWidthChange} required ?disabled=${this.loading}><cx-typography slot="prefix" variant="body3" part="input-label">
                 W
               </cx-typography></cx-input><cx-icon-button data-testid="cx-asset-link-format-resize-aspect-ratio" name=${this.keepAspectRatio ? "insert_link" : "link_off"} @click=${this.handleAspectRatioClick} style=${O({
       color: this.keepAspectRatio ? "var(--cx-color-primary)" : void 0
-    })} ?disabled=${this.loading}></cx-icon-button><cx-input data-testid="cx-asset-link-format-resize-height" placeholder=${this.localize.term("height")} mask="num" .maskBlocks=${{ num: { mask: Number, min: 1 } }} value=${this.unit === o.Pixel ? this.height.toString() : this.ratioHeight.toString()} @cx-input=${this.handleHeightChange} required ?disabled=${this.loading}><cx-typography slot="prefix" variant="body3" part="input-label">
+    })} ?disabled=${this.loading}></cx-icon-button><cx-input data-testid="cx-asset-link-format-resize-height" placeholder=${this.localize.term("height")} mask="num" .maskBlocks=${{ num: { mask: Number, min: 1 } }} value=${this.unit === r.Pixel ? this.height.toString() : this.ratioHeight.toString()} @cx-input=${this.handleHeightChange} required ?disabled=${this.loading}><cx-typography slot="prefix" variant="body3" part="input-label">
                 H
               </cx-typography></cx-input></div>${I(
       !this.noRatioModes,
-      () => C`<cx-select data-testid="cx-asset-link-format-resize-unit" value=${this.unit} hoist class="resize__unit-select" @cx-change=${this.onUnitChange}><cx-option value=${o.Pixel}>${this.localize.term("pixels")}</cx-option><cx-option value=${o.AspectRatio}>${this.localize.term("aspectRatio")}</cx-option></cx-select>`
+      () => C`<cx-select data-testid="cx-asset-link-format-resize-unit" value=${this.unit} hoist class="resize__unit-select" @cx-change=${this.onUnitChange}><cx-option value=${r.Pixel}>${this.localize.term("pixels")}</cx-option><cx-option value=${r.AspectRatio}>${this.localize.term("aspectRatio")}</cx-option></cx-select>`
     )}</cx-space><cx-button data-testid="cx-asset-link-format-resize-apply" variant="primary" ?disabled=${this.disabledApply || this.invalidHeight || this.invalidWidth} ?loading=${this.loading} style=${O({
       marginLeft: "auto"
     })} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
   }
 };
-b.styles = [Q, Be];
-b.dependencies = {
+k.styles = [Q, qe];
+k.dependencies = {
   "cx-button": J,
-  "cx-details": it,
-  "cx-icon": st,
+  "cx-details": st,
+  "cx-icon": at,
   "cx-icon-button": Pt,
   "cx-input": Ft,
-  "cx-option": St,
-  "cx-select": At,
+  "cx-option": vt,
+  "cx-select": zt,
   "cx-space": B,
   "cx-typography": q
 };
 $([
   tt(".details")
-], b.prototype, "base", 2);
+], k.prototype, "base", 2);
 $([
   h({ reflect: !0, type: Boolean })
-], b.prototype, "open", 2);
+], k.prototype, "open", 2);
 $([
   h({ reflect: !0, type: Number })
-], b.prototype, "width", 2);
+], k.prototype, "width", 2);
 $([
   h({ reflect: !0, type: Number })
-], b.prototype, "height", 2);
+], k.prototype, "height", 2);
 $([
   h({ attribute: "max-width", reflect: !0, type: Number })
-], b.prototype, "maxWidth", 2);
+], k.prototype, "maxWidth", 2);
 $([
   h({ attribute: "max-height", reflect: !0, type: Number })
-], b.prototype, "maxHeight", 2);
+], k.prototype, "maxHeight", 2);
 $([
   h({ attribute: "ratio-width", reflect: !0, type: Number })
-], b.prototype, "ratioWidth", 2);
+], k.prototype, "ratioWidth", 2);
 $([
   h({ attribute: "ratio-height", reflect: !0, type: Number })
-], b.prototype, "ratioHeight", 2);
+], k.prototype, "ratioHeight", 2);
 $([
   h({ reflect: !0, type: String })
-], b.prototype, "unit", 2);
+], k.prototype, "unit", 2);
 $([
   h({ attribute: "last-applied-setting", reflect: !1, type: Object })
-], b.prototype, "lastAppliedSetting", 2);
+], k.prototype, "lastAppliedSetting", 2);
 $([
   h({ reflect: !0, type: Boolean })
-], b.prototype, "loading", 2);
+], k.prototype, "loading", 2);
 $([
   h({ attribute: "no-ratio-modes", reflect: !0, type: Boolean })
-], b.prototype, "noRatioModes", 2);
+], k.prototype, "noRatioModes", 2);
 $([
   h({ attribute: "keep-aspect-ratio", reflect: !0, type: Boolean })
-], b.prototype, "keepAspectRatio", 2);
+], k.prototype, "keepAspectRatio", 2);
 $([
-  k()
-], b.prototype, "invalidWidth", 2);
+  R()
+], k.prototype, "invalidWidth", 2);
 $([
-  k()
-], b.prototype, "invalidHeight", 2);
+  R()
+], k.prototype, "invalidHeight", 2);
 $([
-  k()
-], b.prototype, "aspectRatio", 2);
+  R()
+], k.prototype, "aspectRatio", 2);
 $([
   P("cropMode", { waitUntilFirstUpdate: !0 }),
   P("maxWidth", { waitUntilFirstUpdate: !0 }),
   P("maxHeight", { waitUntilFirstUpdate: !0 }),
   P("keepAspectRatio")
-], b.prototype, "handleCropModeChange", 1);
+], k.prototype, "handleCropModeChange", 1);
 $([
   P("open", { waitUntilFirstUpdate: !0 })
-], b.prototype, "handleOpenChange", 1);
-b = $([
+], k.prototype, "handleOpenChange", 1);
+k = $([
   X("cx-asset-link-format-resize")
-], b);
-const Ve = V`cx-details::part(base){border-bottom-width:0}`;
-var Ge = Object.defineProperty, Qe = Object.getOwnPropertyDescriptor, K = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? Qe(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;
+], k);
+const Ge = V`cx-details::part(base){border-bottom-width:0}`;
+var Qe = Object.defineProperty, Xe = Object.getOwnPropertyDescriptor, K = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? Xe(e, i) : e, n = t.length - 1, o; n >= 0; n--)
+    (o = t[n]) && (a = (s ? o(e, i, a) : o(a)) || a);
+  return s && a && Qe(e, i, a), a;
 };
 let H = class extends j {
   constructor() {
@@ -1744,12 +1759,12 @@ let H = class extends j {
     })} @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>`;
   }
 };
-H.styles = [Q, Ve];
+H.styles = [Q, Ge];
 H.dependencies = {
   "cx-button": J,
-  "cx-button-group": ne,
-  "cx-details": it,
-  "cx-icon": st,
+  "cx-button-group": he,
+  "cx-details": st,
+  "cx-icon": at,
   "cx-icon-button": Pt,
   "cx-space": B,
   "cx-typography": q
@@ -1778,11 +1793,11 @@ K([
 H = K([
   X("cx-asset-link-format-rotation")
 ], H);
-const Xe = V`cx-details::part(base){border-bottom-width:0}`;
-var Ke = Object.defineProperty, Ze = Object.getOwnPropertyDescriptor, vt = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? Ze(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 && Ke(e, i, a), a;
+const Ke = V`cx-details::part(base){border-bottom-width:0}`;
+var Ze = Object.defineProperty, Ye = Object.getOwnPropertyDescriptor, Ct = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? Ye(e, i) : e, n = t.length - 1, o; n >= 0; n--)
+    (o = t[n]) && (a = (s ? o(e, i, a) : o(a)) || a);
+  return s && a && Ze(e, i, a), a;
 };
 let U = class extends j {
   constructor() {
@@ -1813,32 +1828,32 @@ let U = class extends j {
     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>`;
   }
 };
-U.styles = [Q, Xe];
+U.styles = [Q, Ke];
 U.dependencies = {
   "cx-button": J,
-  "cx-checkbox": he,
-  "cx-details": it,
-  "cx-icon": st,
+  "cx-checkbox": le,
+  "cx-details": st,
+  "cx-icon": at,
   "cx-space": B,
   "cx-tooltip": jt,
   "cx-typography": q
 };
-vt([
+Ct([
   tt(".details")
 ], U.prototype, "base", 2);
-vt([
+Ct([
   h({ reflect: !0, type: Boolean })
 ], U.prototype, "open", 2);
-vt([
+Ct([
   h({ reflect: !0, type: Boolean })
 ], U.prototype, "value", 2);
-U = vt([
+U = Ct([
   X("cx-asset-link-format-metadata")
 ], U);
-var Ye = Object.defineProperty, Je = Object.getOwnPropertyDescriptor, g = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? Je(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 && Ye(e, i, a), a;
+var Je = Object.defineProperty, ti = Object.getOwnPropertyDescriptor, x = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? ti(e, i) : e, n = t.length - 1, o; n >= 0; n--)
+    (o = t[n]) && (a = (s ? o(e, i, a) : o(a)) || a);
+  return s && a && Je(e, i, a), a;
 };
 let u = class extends j {
   constructor() {
@@ -1914,7 +1929,7 @@ let u = class extends j {
       keepAspectRatio: !0,
       ratioHeight: 1,
       ratioWidth: 1,
-      unit: o.Pixel,
+      unit: r.Pixel,
       width: 1
     }, this.cropSize = {
       cropMode: "free",
@@ -1931,14 +1946,14 @@ let u = class extends j {
       position: N.CenterCenter,
       ratioHeight: 1,
       ratioWidth: 1,
-      unit: o.Pixel,
+      unit: r.Pixel,
       width: 1,
       x: 0,
       y: 0
     }, 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 = ve, this.apiGetCropFocusMode = ke, 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 = ze, this.apiGetCropFocusMode = Re, 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
@@ -1960,8 +1975,8 @@ let u = class extends j {
    */
   get lastAppliedCropUnit() {
     return this.transformations.findLast(
-      (e) => e.key === m.Crop
-    )?.value.unit ?? o.Pixel;
+      (e) => e.key === f.Crop
+    )?.value.unit ?? r.Pixel;
   }
   /**
    * The focus mode of the last applied crop transformation, for the no-asset case only.
@@ -1970,7 +1985,7 @@ let u = class extends j {
    */
   get lastAppliedCropFocusMode() {
     return this.transformations.findLast(
-      (e) => e.key === m.Crop
+      (e) => e.key === f.Crop
     )?.value.focusMode ?? "manual";
   }
   /**
@@ -1980,7 +1995,7 @@ let u = class extends j {
    */
   get lastAppliedCropPosition() {
     return this.transformations.findLast(
-      (e) => e.key === m.Crop
+      (e) => e.key === f.Crop
     )?.value.position ?? N.CenterCenter;
   }
   /**
@@ -1992,8 +2007,8 @@ let u = class extends j {
   get disabledCropApply() {
     if (!this.asset && this.cropSize.unit !== this.lastAppliedCropUnit)
       return !1;
-    if (this.cropSize.unit === o.AspectRatio && !this.asset) {
-      const e = this.lastCropSize[o.AspectRatio];
+    if (this.cropSize.unit === r.AspectRatio && !this.asset) {
+      const e = this.lastCropSize[r.AspectRatio];
       return this.cropSize.ratioWidth === e.width && this.cropSize.ratioHeight === e.height && this.cropSize.focusMode === this.lastAppliedCropFocusMode && this.cropSize.position === this.lastAppliedCropPosition;
     }
     if (!this.asset && this.cropSize.focusMode !== this.lastAppliedCropFocusMode || !this.asset && this.cropSize.position !== this.lastAppliedCropPosition)
@@ -2007,7 +2022,7 @@ let u = class extends j {
       "y"
     ];
     for (const e of t)
-      if (this.cropSize[e] !== this.lastCropSize[o.Pixel][e])
+      if (this.cropSize[e] !== this.lastCropSize[r.Pixel][e])
         return !1;
     return !0;
   }
@@ -2032,15 +2047,15 @@ let u = class extends j {
   get lastCropSize() {
     if (!this.asset) {
       const e = this.transformations.findLast(
-        (i) => i.key === m.Crop
+        (i) => i.key === f.Crop
       );
-      if (e?.value.unit === o.AspectRatio && e.value.ratioWidth && e.value.ratioHeight)
+      if (e?.value.unit === r.AspectRatio && e.value.ratioWidth && e.value.ratioHeight)
         return {
-          [o.AspectRatio]: {
+          [r.AspectRatio]: {
             height: e.value.ratioHeight,
             percentageHeight: 100,
             percentageWidth: 100,
-            unit: o.AspectRatio,
+            unit: r.AspectRatio,
             width: e.value.ratioWidth,
             x: 0,
             y: 0
@@ -2051,56 +2066,56 @@ let u = class extends j {
            * `min: 1`) instead of 0x0, so switching the unit selector back to Pixel and
            * clicking Apply immediately still commits a meaningful crop instead of a no-op.
            */
-          [o.Pixel]: {
+          [r.Pixel]: {
             height: 1,
             percentageHeight: 100,
             percentageWidth: 100,
-            unit: o.Pixel,
+            unit: r.Pixel,
             width: 1,
             x: 0,
             y: 0
           }
         };
       if (e?.value.width && e?.value.height) {
-        const { height: i, width: s, x: a = 0, y: r = 0 } = e.value, n = ct(s, i);
+        const { height: i, width: s, x: a = 0, y: n = 0 } = e.value, o = pt(s, i);
         return {
-          [o.AspectRatio]: {
-            height: n.height,
+          [r.AspectRatio]: {
+            height: o.height,
             percentageHeight: 100,
             percentageWidth: 100,
-            unit: o.AspectRatio,
-            width: n.width,
+            unit: r.AspectRatio,
+            width: o.width,
             x: 0,
             y: 0
           },
-          [o.Pixel]: {
+          [r.Pixel]: {
             height: i,
             percentageHeight: 100,
             percentageWidth: 100,
-            unit: o.Pixel,
+            unit: r.Pixel,
             width: s,
             x: a,
-            y: r
+            y: n
           }
         };
       }
     }
-    const t = this.lastImageSize.width && this.lastImageSize.height ? ct(this.lastImageSize.width, this.lastImageSize.height) : { height: 1, width: 1 };
+    const t = this.lastImageSize.width && this.lastImageSize.height ? pt(this.lastImageSize.width, this.lastImageSize.height) : { height: 1, width: 1 };
     return {
-      [o.AspectRatio]: {
+      [r.AspectRatio]: {
         height: t.height,
         percentageHeight: 100,
         percentageWidth: 100,
-        unit: o.AspectRatio,
+        unit: r.AspectRatio,
         width: t.width,
         x: 0,
         y: 0
       },
-      [o.Pixel]: {
+      [r.Pixel]: {
         height: this.lastImageSize.height,
         percentageHeight: 100,
         percentageWidth: 100,
-        unit: o.Pixel,
+        unit: r.Pixel,
         width: this.lastImageSize.width,
         x: 0,
         y: 0
@@ -2115,48 +2130,48 @@ let u = class extends j {
   get lastResizeSize() {
     if (!this.asset) {
       const e = this.transformations.findLast(
-        (i) => i.key === m.Resize
+        (i) => i.key === f.Resize
       );
-      if (e?.value.unit === o.AspectRatio && e.value.ratioWidth && e.value.ratioHeight)
+      if (e?.value.unit === r.AspectRatio && e.value.ratioWidth && e.value.ratioHeight)
         return {
-          [o.AspectRatio]: {
+          [r.AspectRatio]: {
             height: e.value.ratioHeight,
-            unit: o.AspectRatio,
+            unit: r.AspectRatio,
             width: e.value.ratioWidth
           },
           // See lastCropSize's equivalent branch for why this falls back to 1x1, not 0x0.
-          [o.Pixel]: {
+          [r.Pixel]: {
             height: 1,
-            unit: o.Pixel,
+            unit: r.Pixel,
             width: 1
           }
         };
       if (e?.value.width && e?.value.height) {
-        const { height: i, width: s } = e.value, a = ct(s, i);
+        const { height: i, width: s } = e.value, a = pt(s, i);
         return {
-          [o.AspectRatio]: {
+          [r.AspectRatio]: {
             height: a.height,
-            unit: o.AspectRatio,
+            unit: r.AspectRatio,
             width: a.width
           },
-          [o.Pixel]: {
+          [r.Pixel]: {
             height: i,
-            unit: o.Pixel,
+            unit: r.Pixel,
             width: s
           }
         };
       }
     }
-    const t = this.lastImageSize.width && this.lastImageSize.height ? ct(this.lastImageSize.width, this.lastImageSize.height) : { height: 1, width: 1 };
+    const t = this.lastImageSize.width && this.lastImageSize.height ? pt(this.lastImageSize.width, this.lastImageSize.height) : { height: 1, width: 1 };
     return {
-      [o.AspectRatio]: {
+      [r.AspectRatio]: {
         height: t.height,
-        unit: o.AspectRatio,
+        unit: r.AspectRatio,
         width: t.width
       },
-      [o.Pixel]: {
+      [r.Pixel]: {
         height: this.lastImageSize.height,
-        unit: o.Pixel,
+        unit: r.Pixel,
         width: this.lastImageSize.width
       }
     };
@@ -2171,14 +2186,14 @@ let u = class extends j {
    */
   get lastRotation() {
     return this.asset ? 0 : this.transformations.findLast(
-      (e) => e.key === m.Rotate
+      (e) => e.key === f.Rotate
     )?.value.rotation ?? 0;
   }
   /**
    * Returns the transformation string for the asset link.
    */
   get transformationString() {
-    return lt({
+    return ct({
       asset: this.asset,
       baseUrl: "",
       parameters: this.parameters,
@@ -2223,7 +2238,7 @@ let u = class extends j {
         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 = {
+        this.loading = !1, !(!s?.relativePath || !this.selectedFormat) && (this.lastAction === f.Rotate && (this.rotation = 0), this.lastAction = void 0, this.lastImageSize = {
           height: s.height,
           width: s.width
         }, this.selectedFormat = {
@@ -2237,7 +2252,7 @@ let u = class extends j {
            */
         });
       });
-      const i = lt({
+      const i = ct({
         asset: this.asset,
         baseUrl: "",
         extension: this.selectedFormat.extension,
@@ -2270,7 +2285,7 @@ let u = class extends j {
   async handleTransformationsChange() {
     if (await this.updateComplete, !this.asset) {
       this.emit("cx-asset-link-format-change", {
-        detail: lt({
+        detail: ct({
           asset: this.asset,
           baseUrl: "",
           options: {
@@ -2281,35 +2296,35 @@ let u = class extends j {
           useSession: this.useSession
         }).replace(/\/t\//g, "")
       });
-      const r = 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)
+      const n = this.transformations.findLast(
+        (c) => c.key === f.Crop && (c.value.unit === r.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: y, ratioWidth: d } = r.value;
+      if (n?.value.unit === r.AspectRatio && n.value.ratioWidth && n.value.ratioHeight) {
+        const { focusMode: c, position: y, ratioHeight: S, ratioWidth: p } = n.value;
         this.cropSize = {
           ...this.cropSize,
           cropMode: "free",
           focusMode: c ?? "manual",
           percentageHeight: 100,
           percentageWidth: 100,
-          position: f ?? N.CenterCenter,
-          ratioHeight: y,
-          ratioWidth: d,
-          unit: o.AspectRatio
+          position: y ?? N.CenterCenter,
+          ratioHeight: S,
+          ratioWidth: p,
+          unit: r.AspectRatio
         };
-      } else if (r) {
-        const { focusMode: c, height: f, position: y, unit: d, width: S, x: R = 0, y: A = 0 } = r.value;
+      } else if (n) {
+        const { focusMode: c, height: y, position: S, unit: p, width: g, x: w = 0, y: A = 0 } = n.value;
         this.cropSize = {
           ...this.cropSize,
           cropMode: "free",
           focusMode: c ?? "manual",
-          height: f,
+          height: y,
           percentageHeight: 100,
           percentageWidth: 100,
-          position: y ?? N.CenterCenter,
-          unit: d ?? o.Pixel,
-          width: S,
-          x: R,
+          position: S ?? N.CenterCenter,
+          unit: p ?? r.Pixel,
+          width: g,
+          x: w,
           y: A
         };
       } else
@@ -2327,29 +2342,29 @@ let u = class extends j {
           percentageHeight: 0,
           percentageWidth: 0,
           position: N.CenterCenter,
-          unit: o.Pixel,
+          unit: r.Pixel,
           width: 1,
           x: 0,
           y: 0
         };
-      const n = 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)
+      const o = this.transformations.findLast(
+        (c) => c.key === f.Resize && (c.value.unit === r.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 (o?.value.unit === r.AspectRatio && o.value.ratioWidth && o.value.ratioHeight) {
+        const { ratioHeight: c, ratioWidth: y } = o.value;
         this.resizeSize = {
           ...this.resizeSize,
           ratioHeight: c,
-          ratioWidth: f,
-          unit: o.AspectRatio
+          ratioWidth: y,
+          unit: r.AspectRatio
         };
-      } else if (n) {
-        const { height: c = 0, unit: f, width: y = 0 } = n.value;
+      } else if (o) {
+        const { height: c = 0, unit: y, width: S = 0 } = o.value;
         this.resizeSize = {
           ...this.resizeSize,
           height: c,
-          unit: f ?? o.Pixel,
-          width: y
+          unit: y ?? r.Pixel,
+          width: S
         };
       } else
         this.resizeSize = {
@@ -2360,21 +2375,21 @@ let u = class extends j {
            * Apply silently no-op.
            */
           height: 1,
-          unit: o.Pixel,
+          unit: r.Pixel,
           width: 1
         };
       const l = this.transformations.findLast(
-        (c) => c.key === m.Rotate
+        (c) => c.key === f.Rotate
       );
       this.rotation = l?.value.rotation ?? 0;
-      const p = this.transformations.findLast((c) => c.key === m.Quality)?.value.quality ?? 100, x = this.transformations.some(
-        (c) => c.key === m.Metadata
+      const d = this.transformations.findLast((c) => c.key === f.Quality)?.value.quality ?? 100, m = this.transformations.some(
+        (c) => c.key === f.Metadata
       );
-      this.selectedFormat ? this.selectedFormat = { ...this.selectedFormat, keepMetadata: x, quality: p } : this.selectedFormat = {
+      this.selectedFormat ? this.selectedFormat = { ...this.selectedFormat, keepMetadata: m, quality: d } : this.selectedFormat = {
         extension: "",
         height: 0,
-        keepMetadata: x,
-        quality: p,
+        keepMetadata: m,
+        quality: d,
         rotation: 0,
         url: "",
         width: 0,
@@ -2386,7 +2401,7 @@ let u = class extends j {
     if (!this.selectedFormat)
       return;
     const t = this.proxies?.find(
-      (r) => r.id === this.selectedProxy
+      (n) => n.id === this.selectedProxy
     );
     this.loading = !0;
     const e = await this.apiGetTransformAssetLink({
@@ -2407,7 +2422,7 @@ let u = class extends j {
       keepAspectRatio: !0,
       ratioHeight: 1,
       ratioWidth: 1,
-      unit: o.Pixel,
+      unit: r.Pixel,
       width: e.width
     }, this.cropSize = {
       cropMode: "free",
@@ -2419,15 +2434,15 @@ let u = class extends j {
       position: N.CenterCenter,
       ratioHeight: 1,
       ratioWidth: 1,
-      unit: o.Pixel,
+      unit: r.Pixel,
       width: e.width,
       x: 0,
       y: 0
-    }, this.lastAction === m.Rotate && (this.rotation = 0), this.lastAction = void 0;
+    }, this.lastAction === f.Rotate && (this.rotation = 0), this.lastAction = void 0;
     const i = this.transformations.some(
-      (r) => r.key === m.Metadata
+      (n) => n.key === f.Metadata
     ), s = this.transformations.findLast(
-      (r) => r.key === m.Quality
+      (n) => n.key === f.Quality
     );
     this.selectedFormat = {
       ...this.selectedFormat,
@@ -2441,7 +2456,7 @@ let u = class extends j {
        * url: `${this.baseUrl}/${response.relativePath}`,
        */
     };
-    const a = lt({
+    const a = ct({
       asset: this.asset,
       baseUrl: "",
       extension: this.selectedFormat.extension,
@@ -2473,7 +2488,7 @@ let u = class extends j {
       width: Number.parseInt(this.asset.width, 10)
     });
     const t = this.transformations.findLast(
-      (e) => e.key === m.Quality
+      (e) => e.key === f.Quality
     );
     this.selectedFormat = {
       extension: this.asset.extension,
@@ -2499,7 +2514,7 @@ let u = class extends j {
       position: N.CenterCenter,
       ratioHeight: 1,
       ratioWidth: 1,
-      unit: o.Pixel,
+      unit: r.Pixel,
       width: this.defaultSize.width,
       x: 0,
       y: 0
@@ -2528,26 +2543,26 @@ let u = class extends j {
     e.proxyName === "TRX" && (e.formatHeight = Number(this.asset.height), e.formatWidth = Number(this.asset.width));
     const i = this.proxies?.find((s) => s.id === t);
     i && (this.asset && i.proxyName === "TRX" && (i.formatHeight = Number(this.asset.height), i.formatWidth = Number(this.asset.width)), this.transformations = this.transformations.map((s) => {
-      if (s.key === m.Crop) {
-        const a = s.value, r = a.width / i.formatWidth * e.formatWidth, n = a.height / i.formatHeight * e.formatHeight, l = a.x / i.formatWidth * e.formatWidth, p = a.y / i.formatHeight * e.formatHeight;
+      if (s.key === f.Crop) {
+        const a = s.value, n = a.width / i.formatWidth * e.formatWidth, o = a.height / i.formatHeight * e.formatHeight, l = a.x / i.formatWidth * e.formatWidth, d = a.y / i.formatHeight * e.formatHeight;
         return {
           ...s,
           value: {
             ...s.value,
-            height: n,
-            width: r,
+            height: o,
+            width: n,
             x: l,
-            y: p
+            y: d
           }
         };
       }
-      if (s.key === m.Resize) {
-        const a = s.value, r = a.width / i.formatWidth * e.formatWidth, n = a.height / i.formatHeight * e.formatHeight;
+      if (s.key === f.Resize) {
+        const a = s.value, n = a.width / i.formatWidth * e.formatWidth, o = a.height / i.formatHeight * e.formatHeight;
         return {
           ...s,
           value: {
-            height: n,
-            width: r
+            height: o,
+            width: n
           }
         };
       }
@@ -2562,24 +2577,24 @@ let u = class extends j {
     }, await this.updateComplete, this.cropSize = {
       cropMode: "free",
       focusMode: "manual",
-      height: this.lastCropSize[o.Pixel].height,
+      height: this.lastCropSize[r.Pixel].height,
       keepAspectRatio: !0,
       percentageHeight: 100,
       percentageWidth: 100,
       position: N.CenterCenter,
       ratioHeight: 1,
       ratioWidth: 1,
-      unit: o.Pixel,
-      width: this.lastCropSize[o.Pixel].width,
+      unit: r.Pixel,
+      width: this.lastCropSize[r.Pixel].width,
       x: 0,
       y: 0
     }, this.resizeSize = {
-      height: this.lastResizeSize[o.Pixel].height,
+      height: this.lastResizeSize[r.Pixel].height,
       keepAspectRatio: !0,
       ratioHeight: 1,
       ratioWidth: 1,
-      unit: o.Pixel,
-      width: this.lastResizeSize[o.Pixel].width
+      unit: r.Pixel,
+      width: this.lastResizeSize[r.Pixel].width
     };
   }
   handleLoadingChange() {
@@ -2599,12 +2614,12 @@ let u = class extends j {
   }
   handleActiveSettingChange() {
     this.cropperElement && (this.resizeSize = {
-      height: this.lastResizeSize[o.Pixel].height,
+      height: this.lastResizeSize[r.Pixel].height,
       keepAspectRatio: !0,
       ratioHeight: 1,
       ratioWidth: 1,
-      unit: o.Pixel,
-      width: this.lastResizeSize[o.Pixel].width
+      unit: r.Pixel,
+      width: this.lastResizeSize[r.Pixel].width
     }, this.cropperElement.disabled = this.activeSetting !== "cx-asset-link-format-crop");
   }
   async handleRequestAutoCropSuggestion({
@@ -2613,33 +2628,33 @@ let u = class extends j {
     height: i,
     keepAspectRatio: s,
     percentageHeight: a,
-    percentageWidth: r,
-    ratioHeight: n,
+    percentageWidth: n,
+    ratioHeight: o,
     ratioWidth: l,
-    unit: p,
-    useCropMode: x,
+    unit: d,
+    useCropMode: m,
     width: c
   }) {
     if (!this.selectedFormat?.url || e === "manual")
       return;
-    this.loading = !0, this.lastAction = m.Crop;
-    const f = await this.apiGetCropFocusMode({
+    this.loading = !0, this.lastAction = f.Crop;
+    const y = await this.apiGetCropFocusMode({
       autoCropMode: e,
       cropHeight: i,
       cropWidth: c,
       imageUrl: this.selectedFormat.url
     });
-    if (f) {
-      let y = a, d = r;
-      i || (y = f.height * 100 / this.selectedFormat.height), c || (d = f.width * 100 / this.selectedFormat.width), this.cropSize = {
+    if (y) {
+      let S = a, p = n;
+      i || (S = y.height * 100 / this.selectedFormat.height), c || (p = y.width * 100 / this.selectedFormat.width), this.cropSize = {
         ...this.cropSize,
-        height: f.height,
-        percentageHeight: y ?? this.cropSize.percentageHeight,
-        percentageWidth: d ?? this.cropSize.percentageWidth,
-        width: f.width,
-        x: f.x * 100 / this.selectedFormat.width,
-        y: f.y * 100 / this.selectedFormat.height,
-        ...x ? {
+        height: y.height,
+        percentageHeight: S ?? this.cropSize.percentageHeight,
+        percentageWidth: p ?? this.cropSize.percentageWidth,
+        width: y.width,
+        x: y.x * 100 / this.selectedFormat.width,
+        y: y.y * 100 / this.selectedFormat.height,
+        ...m ? {
           cropMode: e,
           focusMode: "manual",
           keepAspectRatio: !1
@@ -2648,9 +2663,9 @@ let u = class extends j {
           focusMode: e
         },
         keepAspectRatio: s ?? this.cropSize.keepAspectRatio,
-        ratioHeight: n ?? this.cropSize.ratioHeight,
+        ratioHeight: o ?? this.cropSize.ratioHeight,
         ratioWidth: l ?? this.cropSize.ratioWidth,
-        unit: p ?? this.cropSize.unit
+        unit: d ?? this.cropSize.unit
       };
     }
     this.loading = !1, this.lastAction = void 0;
@@ -2660,32 +2675,32 @@ let u = class extends j {
       height: i,
       width: s,
       x: a,
-      y: r
+      y: n
     } = e;
     if (s === 0 || i === 0)
       return;
-    const n = this.cropSize.percentageWidth !== s, l = this.cropSize.percentageHeight !== i;
-    let p = this.cropSize.height, x = this.cropSize.width;
-    n && (x = Math.round(s * this.selectedFormat.width / 100)), l && (p = Math.round(
+    const o = this.cropSize.percentageWidth !== s, l = this.cropSize.percentageHeight !== i;
+    let d = this.cropSize.height, m = this.cropSize.width;
+    o && (m = Math.round(s * this.selectedFormat.width / 100)), l && (d = Math.round(
       i * this.selectedFormat.height / 100
     ));
     const c = this.cropSize.focusMode;
     this.focusModes.find(
-      (y) => y.value === c
+      (S) => S.value === c
     )?.auto && this.selectedFormat?.url && this.cropperElement ? await this.handleRequestAutoCropSuggestion({
       focusMode: c,
-      height: p,
+      height: d,
       percentageHeight: i,
       percentageWidth: s,
-      width: x
+      width: m
     }) : this.cropSize = {
       ...this.cropSize,
-      height: p,
+      height: d,
       percentageHeight: i,
       percentageWidth: s,
-      width: x,
+      width: m,
       x: a,
-      y: r
+      y: n
     };
   }
   onCropDragStart() {
@@ -2719,7 +2734,7 @@ let u = class extends j {
   }
   onProxyChange(t) {
     const e = t.detail;
-    if (this.lastAction = m.Proxy, e.autoFormat) {
+    if (this.lastAction = f.Proxy, e.autoFormat) {
       this.autoFormat = !0;
       const i = this.autoResolvedProxyId;
       i && (this.selectedProxy = i);
@@ -2736,21 +2751,21 @@ let u = class extends j {
       });
     else {
       const s = this.focusModes.find(
-        (p) => p.value === this.cropSize.focusMode
+        (d) => d.value === this.cropSize.focusMode
       )?.auto;
-      let a = this.cropSize.keepAspectRatio, r = this.cropSize.focusMode, n = this.cropSize.x, l = this.cropSize.y;
-      e === "free" ? (a = !1, r = "manual") : this.cropSize.unit === o.Pixel && !s && (n = 0, l = 0), s ? await this.handleRequestAutoCropSuggestion({
+      let a = this.cropSize.keepAspectRatio, n = this.cropSize.focusMode, o = this.cropSize.x, l = this.cropSize.y;
+      e === "free" ? (a = !1, n = "manual") : this.cropSize.unit === r.Pixel && !s && (o = 0, l = 0), s ? await this.handleRequestAutoCropSuggestion({
         cropMode: e,
-        focusMode: r,
+        focusMode: n,
         height: this.cropSize.height,
         keepAspectRatio: a,
         width: this.cropSize.width
       }) : this.cropSize = {
         ...this.cropSize,
         cropMode: e,
-        focusMode: r,
+        focusMode: n,
         keepAspectRatio: a,
-        x: n,
+        x: o,
         y: l
       };
     }
@@ -2774,52 +2789,52 @@ let u = class extends j {
   }
   async onCropChange(t) {
     const e = this.cropSize.unit;
-    if (t.detail.unit === o.AspectRatio) {
+    if (t.detail.unit === r.AspectRatio) {
       const i = t.detail.width / t.detail.height, s = this.asset ? Math.min(
         Math.max(Math.round(this.cropSize.height * i), 0),
         this.resizeSize.width
       ) : 0, a = this.asset ? Math.min(
         Math.max(Math.round(s / i), 0),
         this.resizeSize.height
-      ) : 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 x = this.cropSize.cropMode;
+      ) : 0, n = this.asset ? a * 100 / this.selectedFormat.height : 100, o = this.asset ? s * 100 / this.selectedFormat.width : 100;
+      let l = this.cropSize.x, d = this.cropSize.y;
+      l + o > 100 && (l = 100 - o), d + n > 100 && (d = 100 - n);
+      let m = this.cropSize.cropMode;
       this.cropModes.find(
-        (f) => f.value === x
-      )?.auto && (x = "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 = {
+        (y) => y.value === m
+      )?.auto && (m = "free"), t.detail.silent ? (this.cropSize.height = a, this.cropSize.keepAspectRatio = t.detail.keepAspectRatio, this.cropSize.percentageHeight = n, this.cropSize.percentageWidth = o, this.cropSize.ratioHeight = t.detail.height, this.cropSize.ratioWidth = t.detail.width, this.cropSize.unit = r.AspectRatio, this.cropSize.width = s) : this.cropSize = {
         ...this.cropSize,
-        cropMode: x,
+        cropMode: m,
         height: a,
         keepAspectRatio: t.detail.keepAspectRatio,
-        percentageHeight: r,
-        percentageWidth: n,
+        percentageHeight: n,
+        percentageWidth: o,
         ratioHeight: t.detail.height,
         ratioWidth: t.detail.width,
-        unit: o.AspectRatio,
+        unit: r.AspectRatio,
         width: s,
         x: l,
-        y: p
+        y: d
       };
     } else {
       const i = this.asset ? t.detail.height * 100 / this.selectedFormat.height : 100, s = this.asset ? t.detail.width * 100 / this.selectedFormat.width : 100;
-      let a = this.cropSize.x, r = this.cropSize.y;
-      a + s > 100 && (a = 100 - s), r + i > 100 && (r = 100 - i);
-      let n = this.cropSize.cropMode;
+      let a = this.cropSize.x, n = this.cropSize.y;
+      a + s > 100 && (a = 100 - s), n + i > 100 && (n = 100 - i);
+      let o = this.cropSize.cropMode;
       const l = this.cropModes.find(
-        (p) => p.value === n
+        (d) => d.value === o
       )?.auto;
-      (t.detail.breakAspectRatio || l) && (n = "free"), t.detail.silent ? (this.cropSize.cropMode = n, this.cropSize.height = t.detail.height, this.cropSize.keepAspectRatio = t.detail.keepAspectRatio, this.cropSize.percentageHeight = i, this.cropSize.percentageWidth = s, this.cropSize.unit = o.Pixel, this.cropSize.width = t.detail.width, this.cropSize.x = a, this.cropSize.y = r) : this.cropSize = {
+      (t.detail.breakAspectRatio || l) && (o = "free"), t.detail.silent ? (this.cropSize.cropMode = o, this.cropSize.height = t.detail.height, this.cropSize.keepAspectRatio = t.detail.keepAspectRatio, this.cropSize.percentageHeight = i, this.cropSize.percentageWidth = s, this.cropSize.unit = r.Pixel, this.cropSize.width = t.detail.width, this.cropSize.x = a, this.cropSize.y = n) : this.cropSize = {
         ...this.cropSize,
-        cropMode: n,
+        cropMode: o,
         height: t.detail.height,
         keepAspectRatio: t.detail.keepAspectRatio,
         percentageHeight: i,
         percentageWidth: s,
-        unit: o.Pixel,
+        unit: r.Pixel,
         width: t.detail.width,
         x: a,
-        y: r
+        y: n
       };
     }
     e !== this.cropSize.unit && (this.cropSize = {
@@ -2837,43 +2852,43 @@ let u = class extends j {
     });
   }
   onCropApply(t) {
-    if (this.clearResetSnapshot(), this.lastAction = m.Crop, !this.asset) {
+    if (this.clearResetSnapshot(), this.lastAction = f.Crop, !this.asset) {
       const {
         focusMode: l,
-        height: p,
-        position: x,
+        height: d,
+        position: m,
         ratioHeight: c,
-        ratioWidth: f,
-        unit: y,
-        width: d,
-        x: S,
-        y: R
+        ratioWidth: y,
+        unit: S,
+        width: p,
+        x: g,
+        y: w
       } = this.cropSize, A = this.focusModes.find(
         (F) => F.value === l
       )?.auto ?? !1;
-      if (y === o.AspectRatio) {
-        f && c && this.upsertTransformation({
-          key: m.Crop,
+      if (S === r.AspectRatio) {
+        y && c && this.upsertTransformation({
+          key: f.Crop,
           value: {
             focusMode: l,
             isFocusModeAuto: A,
-            position: x,
+            position: m,
             ratioHeight: c,
-            ratioWidth: f,
-            unit: y
+            ratioWidth: y,
+            unit: S
           }
         });
         return;
       }
-      (p || d) && this.upsertTransformation({
-        key: m.Crop,
+      (d || p) && this.upsertTransformation({
+        key: f.Crop,
         value: {
           focusMode: l,
-          height: p,
+          height: d,
           isFocusModeAuto: A,
-          position: x,
-          unit: y,
-          width: d,
+          position: m,
+          unit: S,
+          width: p,
           /**
            * 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
@@ -2881,8 +2896,8 @@ let u = class extends j {
            * string) so `hasManualXY` in buildTransformationString doesn't spuriously
            * suppress the focus mode / position `c_g_` gravity value.
            */
-          x: Number.isFinite(S) && S !== 0 ? S : void 0,
-          y: Number.isFinite(R) && R !== 0 ? R : void 0
+          x: Number.isFinite(g) && g !== 0 ? g : void 0,
+          y: Number.isFinite(w) && w !== 0 ? w : void 0
         }
       });
       return;
@@ -2890,38 +2905,38 @@ let u = class extends j {
     const { height: e, mode: i, unit: s, width: a } = t.detail;
     if (!this.cropperElement || !this.selectedFormat)
       return;
-    const r = this.cropSize.focusMode, n = this.focusModes.find(
-      (l) => l.value === r
+    const n = this.cropSize.focusMode, o = this.focusModes.find(
+      (l) => l.value === n
     )?.auto ?? !1;
     if (e && a && s) {
-      let l = a, p = e;
-      if (s === o.AspectRatio && (l = this.cropSize.percentageWidth * this.selectedFormat.width / 100, p = this.cropSize.percentageHeight * this.selectedFormat.height / 100), i)
+      let l = a, d = e;
+      if (s === r.AspectRatio && (l = this.cropSize.percentageWidth * this.selectedFormat.width / 100, d = this.cropSize.percentageHeight * this.selectedFormat.height / 100), i)
         this.transformations = [
           ...this.transformations,
           {
-            key: m.Crop,
+            key: f.Crop,
             value: {
-              focusMode: r,
-              height: p,
-              isFocusModeAuto: n,
+              focusMode: n,
+              height: d,
+              isFocusModeAuto: o,
               mode: i,
               width: l
             }
           }
         ];
       else {
-        const x = this.cropSize.x / 100 * this.selectedFormat.width, c = this.cropSize.y / 100 * this.selectedFormat.height;
+        const m = this.cropSize.x / 100 * this.selectedFormat.width, c = this.cropSize.y / 100 * this.selectedFormat.height;
         this.transformations = [
           ...this.transformations,
           {
-            key: m.Crop,
+            key: f.Crop,
             value: {
-              focusMode: r,
-              height: p,
-              isFocusModeAuto: n,
+              focusMode: n,
+              height: d,
+              isFocusModeAuto: o,
               unit: s,
               width: l,
-              x,
+              x: m,
               y: c
             }
           }
@@ -2930,19 +2945,19 @@ let u = class extends j {
     } else i && (this.transformations = [
       ...this.transformations,
       {
-        key: m.Crop,
+        key: f.Crop,
         value: {
-          focusMode: r,
-          isFocusModeAuto: n,
+          focusMode: n,
+          isFocusModeAuto: o,
           mode: i
         }
       }
     ]);
   }
   onResizeChange(t) {
-    if (t.detail.unit === o.AspectRatio) {
+    if (t.detail.unit === r.AspectRatio) {
       const e = t.detail.width / t.detail.height, i = Math.max(
-        Math.round(this.lastResizeSize[o.Pixel].height * e),
+        Math.round(this.lastResizeSize[r.Pixel].height * e),
         0
       ), s = Math.max(Math.round(i / e), 0);
       this.resizeSize = {
@@ -2965,21 +2980,21 @@ let u = class extends j {
   }
   onResizeApply(t) {
     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: x } = this.resizeSize;
-        x && p && this.upsertTransformation({
-          key: m.Resize,
+    if (this.clearResetSnapshot(), this.lastAction = f.Resize, !this.asset) {
+      if (i === r.AspectRatio) {
+        const { ratioHeight: d, ratioWidth: m } = this.resizeSize;
+        m && d && this.upsertTransformation({
+          key: f.Resize,
           value: {
-            ratioHeight: p,
-            ratioWidth: x,
+            ratioHeight: d,
+            ratioWidth: m,
             unit: i
           }
         });
         return;
       }
       (e || s) && this.upsertTransformation({
-        key: m.Resize,
+        key: f.Resize,
         value: {
           height: e,
           unit: i,
@@ -2990,16 +3005,16 @@ let u = class extends j {
     }
     if (!this.selectedFormat)
       return;
-    const a = this.selectedFormat.width || this.defaultSize.width, r = this.selectedFormat.height || this.defaultSize.height;
-    let n = s, l = e;
-    this.resizeSize.unit !== i ? (n = a, l = r) : i === o.AspectRatio && (n = Math.round(s / e * r), l = r), this.transformations = [
+    const a = this.selectedFormat.width || this.defaultSize.width, n = this.selectedFormat.height || this.defaultSize.height;
+    let o = s, l = e;
+    this.resizeSize.unit !== i ? (o = a, l = n) : i === r.AspectRatio && (o = Math.round(s / e * n), l = n), this.transformations = [
       ...this.transformations,
       {
-        key: m.Resize,
+        key: f.Resize,
         value: {
           height: l,
           unit: i,
-          width: n
+          width: o
         }
       }
     ];
@@ -3009,21 +3024,21 @@ let u = class extends j {
   }
   onRotationApply(t) {
     const e = t.detail;
-    if (this.clearResetSnapshot(), this.lastAction = m.Rotate, !this.asset) {
+    if (this.clearResetSnapshot(), this.lastAction = f.Rotate, !this.asset) {
       e ? this.upsertTransformation({
-        key: m.Rotate,
+        key: f.Rotate,
         value: {
           rotation: e
         }
       }) : this.transformations = this.transformations.filter(
-        (i) => i.key !== m.Rotate
+        (i) => i.key !== f.Rotate
       );
       return;
     }
     this.selectedFormat && (this.transformations = [
       ...this.transformations,
       {
-        key: m.Rotate,
+        key: f.Rotate,
         value: {
           rotation: e
         }
@@ -3032,9 +3047,9 @@ let u = class extends j {
   }
   onQualityChange(t) {
     const e = t.detail;
-    this.selectedFormat && (this.selectedFormat.quality = e), this.clearResetSnapshot(), this.lastAction = m.Quality;
+    this.selectedFormat && (this.selectedFormat.quality = e), this.clearResetSnapshot(), this.lastAction = f.Quality;
     const i = {
-      key: m.Quality,
+      key: f.Quality,
       value: {
         quality: e
       }
@@ -3048,22 +3063,22 @@ let u = class extends j {
       keepMetadata: e
     }), !this.asset) {
       e ? this.upsertTransformation({
-        key: m.Metadata,
+        key: f.Metadata,
         value: {
           keepMetadata: e
         }
       }) : this.transformations = this.transformations.filter(
-        (i) => i.key !== m.Metadata
+        (i) => i.key !== f.Metadata
       );
       return;
     }
     e ? this.upsertTransformation({
-      key: m.Metadata,
+      key: f.Metadata,
       value: {
         keepMetadata: e
       }
     }) : this.transformations = this.transformations.filter(
-      (i) => i.key !== m.Metadata
+      (i) => i.key !== f.Metadata
     );
   }
   onExtensionChange(t) {
@@ -3075,7 +3090,7 @@ let u = class extends j {
   }
   syncQuality() {
     const t = this.transformations.findLast(
-      (e) => e.key === m.Quality
+      (e) => e.key === f.Quality
     )?.value?.quality;
     this.selectedFormat && (this.selectedFormat = {
       ...this.selectedFormat,
@@ -3120,20 +3135,20 @@ let u = class extends j {
     )}
       ${I(
       !this.noFormat,
-      () => C`<cx-asset-link-format-proxy class="asset-link-format__details" value=${this.selectedProxy || this.proxies?.[0]?.id || ""} ?open=${this.activeSetting === "cx-asset-link-format-proxy"} ?auto-format=${this.autoFormat} ?can-auto-format=${this.canAutoFormat} .items=${this.formats} ?loading=${this.loading && this.lastAction === m.Proxy} @cx-asset-link-format-proxy-change=${this.onProxyChange}></cx-asset-link-format-proxy>`
+      () => C`<cx-asset-link-format-proxy class="asset-link-format__details" value=${this.selectedProxy || this.proxies?.[0]?.id || ""} ?open=${this.activeSetting === "cx-asset-link-format-proxy"} ?auto-format=${this.autoFormat} ?can-auto-format=${this.canAutoFormat} .items=${this.formats} ?loading=${this.loading && this.lastAction === f.Proxy} @cx-asset-link-format-proxy-change=${this.onProxyChange}></cx-asset-link-format-proxy>`
     )}
       ${I(
       !this.noCrop,
-      () => C`<cx-asset-link-format-crop class="asset-link-format__details" ?open=${this.activeSetting === "cx-asset-link-format-crop"} ?disabled-apply=${this.disabledCropApply} ?loading=${this.loading && this.lastAction === m.Crop} ?keep-aspect-ratio=${this.cropSize.keepAspectRatio} ?show-position-picker=${!this.asset} focus-mode=${this.cropSize.focusMode} crop-mode=${this.cropSize.cropMode} width=${this.cropSize.width} height=${this.cropSize.height} max-width=${this.asset ? this.lastResizeSize[o.Pixel].width : 1 / 0} max-height=${this.asset ? this.lastResizeSize[o.Pixel].height : 1 / 0} percentage-width=${this.cropSize.percentageWidth} percentage-height=${this.cropSize.percentageHeight} position=${this.cropSize.position} ratio-width=${this.cropSize.ratioWidth} ratio-height=${this.cropSize.ratioHeight} unit=${this.cropSize.unit} .lastAppliedSetting=${this.lastCropSize} .cropModes=${this.cropModes} .focusModes=${this.focusModes} @cx-asset-link-format-crop-mode-change=${this.onCropModeChange} @cx-asset-link-format-crop-focus-mode-change=${this.onCropFocusModeChange} @cx-asset-link-format-crop-position-change=${this.onCropPositionChange} @cx-asset-link-format-crop-change=${this.onCropChange} @cx-asset-link-format-crop-changed=${this.onCropChanged} @cx-asset-link-format-crop-apply=${this.onCropApply}></cx-asset-link-format-crop>`
+      () => C`<cx-asset-link-format-crop class="asset-link-format__details" ?open=${this.activeSetting === "cx-asset-link-format-crop"} ?disabled-apply=${this.disabledCropApply} ?loading=${this.loading && this.lastAction === f.Crop} ?keep-aspect-ratio=${this.cropSize.keepAspectRatio} ?show-position-picker=${!this.asset} focus-mode=${this.cropSize.focusMode} crop-mode=${this.cropSize.cropMode} width=${this.cropSize.width} height=${this.cropSize.height} max-width=${this.asset ? this.lastResizeSize[r.Pixel].width : 1 / 0} max-height=${this.asset ? this.lastResizeSize[r.Pixel].height : 1 / 0} percentage-width=${this.cropSize.percentageWidth} percentage-height=${this.cropSize.percentageHeight} position=${this.cropSize.position} ratio-width=${this.cropSize.ratioWidth} ratio-height=${this.cropSize.ratioHeight} unit=${this.cropSize.unit} .lastAppliedSetting=${this.lastCropSize} .cropModes=${this.cropModes} .focusModes=${this.focusModes} @cx-asset-link-format-crop-mode-change=${this.onCropModeChange} @cx-asset-link-format-crop-focus-mode-change=${this.onCropFocusModeChange} @cx-asset-link-format-crop-position-change=${this.onCropPositionChange} @cx-asset-link-format-crop-change=${this.onCropChange} @cx-asset-link-format-crop-changed=${this.onCropChanged} @cx-asset-link-format-crop-apply=${this.onCropApply}></cx-asset-link-format-crop>`
     )}
       ${I(
       !this.noResize,
-      () => C`<cx-asset-link-format-resize class="asset-link-format__details" ?open=${this.activeSetting === "cx-asset-link-format-resize"} ?loading=${this.loading && this.lastAction === m.Resize} ?no-ratio-modes=${!this.asset} ?keep-aspect-ratio=${this.resizeSize.keepAspectRatio} width=${this.resizeSize.width} height=${this.resizeSize.height} max-width=${this.asset ? this.imageSize.width : 1 / 0} max-height=${this.asset ? this.imageSize.height : 1 / 0} ratio-width=${this.resizeSize.ratioWidth} ratio-height=${this.resizeSize.ratioHeight} unit=${this.resizeSize.unit} .lastAppliedSetting=${this.lastResizeSize} @cx-asset-link-format-resize-change=${this.onResizeChange} @cx-asset-link-format-resize-apply=${this.onResizeApply}></cx-asset-link-format-resize>`
+      () => C`<cx-asset-link-format-resize class="asset-link-format__details" ?open=${this.activeSetting === "cx-asset-link-format-resize"} ?loading=${this.loading && this.lastAction === f.Resize} ?no-ratio-modes=${!this.asset} ?keep-aspect-ratio=${this.resizeSize.keepAspectRatio} width=${this.resizeSize.width} height=${this.resizeSize.height} max-width=${this.asset ? this.imageSize.width : 1 / 0} max-height=${this.asset ? this.imageSize.height : 1 / 0} ratio-width=${this.resizeSize.ratioWidth} ratio-height=${this.resizeSize.ratioHeight} unit=${this.resizeSize.unit} .lastAppliedSetting=${this.lastResizeSize} @cx-asset-link-format-resize-change=${this.onResizeChange} @cx-asset-link-format-resize-apply=${this.onResizeApply}></cx-asset-link-format-resize>`
     )}
       ${I(
       !this.noRotate,
-      () => C`<cx-asset-link-format-rotation class="asset-link-format__details" ?loading=${this.loading && this.lastAction === m.Rotate} ?open=${this.activeSetting === "cx-asset-link-format-rotation"} default-value=${this.selectedFormat?.rotation ?? 0} last-applied-value=${this.lastRotation} value=${this.rotation} @cx-asset-link-format-rotation-change=${this.onRotationChange} @cx-asset-link-format-rotation-apply=${this.onRotationApply}></cx-asset-link-format-rotation>`
-    )}<cx-asset-link-format-quality class="asset-link-format__details" ?loading=${this.loading && this.lastAction === m.Quality} ?open=${this.activeSetting === "cx-asset-link-format-quality"} value=${this.selectedFormat?.quality ?? 100} @cx-asset-link-format-quality-change=${this.onQualityChange}></cx-asset-link-format-quality>${I(
+      () => C`<cx-asset-link-format-rotation class="asset-link-format__details" ?loading=${this.loading && this.lastAction === f.Rotate} ?open=${this.activeSetting === "cx-asset-link-format-rotation"} default-value=${this.selectedFormat?.rotation ?? 0} last-applied-value=${this.lastRotation} value=${this.rotation} @cx-asset-link-format-rotation-change=${this.onRotationChange} @cx-asset-link-format-rotation-apply=${this.onRotationApply}></cx-asset-link-format-rotation>`
+    )}<cx-asset-link-format-quality class="asset-link-format__details" ?loading=${this.loading && this.lastAction === f.Quality} ?open=${this.activeSetting === "cx-asset-link-format-quality"} value=${this.selectedFormat?.quality ?? 100} @cx-asset-link-format-quality-change=${this.onQualityChange}></cx-asset-link-format-quality>${I(
       !this.noMetadata,
       () => C`<cx-asset-link-format-metadata class="asset-link-format__details" ?open=${this.activeSetting === "cx-asset-link-format-metadata"} .value=${this.selectedFormat?.keepMetadata ?? !1} @cx-asset-link-format-metadata-change=${this.onMetadataChange}></cx-asset-link-format-metadata>`
     )}
@@ -3143,168 +3158,168 @@ let u = class extends j {
     )}</div>`;
   }
 };
-u.styles = [Q, Fe];
+u.styles = [Q, _e];
 u.dependencies = {
   "cx-asset-link-format-crop": v,
   "cx-asset-link-format-extension": Y,
   "cx-asset-link-format-metadata": U,
   "cx-asset-link-format-proxy": E,
   "cx-asset-link-format-quality": W,
-  "cx-asset-link-format-resize": b,
+  "cx-asset-link-format-resize": k,
   "cx-asset-link-format-rotation": H,
   "cx-button": J,
   "cx-space": B,
   "cx-typography": q
 };
-g([
+x([
   h({ attribute: "base-url", type: String })
 ], u.prototype, "baseUrl", 2);
-g([
+x([
   h({ attribute: "token", type: String })
 ], u.prototype, "token", 2);
-g([
+x([
   h({ reflect: !1, type: Object })
 ], u.prototype, "asset", 2);
-g([
+x([
   h({ attribute: "crop-modes", reflect: !1, type: Array })
 ], u.prototype, "cropModes", 2);
-g([
+x([
   h({ attribute: "focus-modes", reflect: !1, type: Object })
 ], u.prototype, "focusModes", 2);
-g([
+x([
   h({ reflect: !1, type: Array })
 ], u.prototype, "extensions", 2);
-g([
+x([
   h({ reflect: !1, type: Array })
 ], u.prototype, "proxies", 2);
-g([
+x([
   h({ attribute: "for-cropper", reflect: !0, type: String })
 ], u.prototype, "forCropper", 2);
-g([
+x([
   h({ attribute: "use-session", reflect: !0, type: String })
 ], u.prototype, "useSession", 2);
-g([
+x([
   h({ reflect: !1, type: Array })
 ], u.prototype, "transformations", 2);
-g([
+x([
   h({ attribute: "selected-proxy", reflect: !0, type: String })
 ], u.prototype, "selectedProxy", 2);
-g([
+x([
   h({ attribute: "default-proxy", reflect: !0, type: String })
 ], u.prototype, "defaultProxy", 2);
-g([
+x([
   h({ attribute: "can-auto-format", reflect: !0, type: Boolean })
 ], u.prototype, "canAutoFormat", 2);
-g([
+x([
   h({ attribute: "auto-format", reflect: !0, type: Boolean })
 ], u.prototype, "autoFormat", 2);
-g([
+x([
   h({ attribute: "use-custom-extension", reflect: !0, type: Boolean })
 ], u.prototype, "useCustomExtension", 2);
-g([
+x([
   h({ attribute: "no-metadata", reflect: !0, type: Boolean })
 ], u.prototype, "noMetadata", 2);
-g([
+x([
   h({ attribute: "no-format", reflect: !0, type: Boolean })
 ], u.prototype, "noFormat", 2);
-g([
+x([
   h({ attribute: "no-crop", reflect: !0, type: Boolean })
 ], u.prototype, "noCrop", 2);
-g([
+x([
   h({ attribute: "no-resize", reflect: !0, type: Boolean })
 ], u.prototype, "noResize", 2);
-g([
+x([
   h({ attribute: "no-rotate", reflect: !0, type: Boolean })
 ], u.prototype, "noRotate", 2);
-g([
+x([
   h({ attribute: "last-image-size", reflect: !1, type: Object })
 ], u.prototype, "lastImageSize", 2);
-g([
+x([
   h({ attribute: "hide-header", reflect: !1, type: Boolean })
 ], u.prototype, "hideHeader", 2);
-g([
+x([
   h({ attribute: "can-reset", type: Boolean })
 ], u.prototype, "canReset", 2);
-g([
+x([
   h({ attribute: !1, reflect: !1, type: Object })
 ], u.prototype, "queryElement", 2);
-g([
-  k()
+x([
+  R()
 ], u.prototype, "activeSetting", 2);
-g([
-  k()
+x([
+  R()
 ], u.prototype, "selectedFormat", 2);
-g([
-  k()
+x([
+  R()
 ], u.prototype, "resizeSize", 2);
-g([
-  k()
+x([
+  R()
 ], u.prototype, "cropSize", 2);
-g([
-  k()
+x([
+  R()
 ], u.prototype, "rotation", 2);
-g([
-  k()
+x([
+  R()
 ], u.prototype, "defaultSize", 2);
-g([
-  k()
+x([
+  R()
 ], u.prototype, "cropperElement", 2);
-g([
-  k()
+x([
+  R()
 ], u.prototype, "parameters", 2);
-g([
-  k()
+x([
+  R()
 ], u.prototype, "loading", 2);
-g([
-  k()
+x([
+  R()
 ], u.prototype, "lastAction", 2);
-g([
-  k()
+x([
+  R()
 ], u.prototype, "frozenIndex", 2);
-g([
-  k()
+x([
+  R()
 ], u.prototype, "preResetTransformations", 2);
-g([
-  k()
+x([
+  R()
 ], u.prototype, "preResetAutoFormat", 2);
-g([
-  k()
+x([
+  R()
 ], u.prototype, "preResetSelectedProxy", 2);
-g([
+x([
   P("transformations")
 ], u.prototype, "handleTransformationsChange", 1);
-g([
+x([
   P("selectedProxy")
 ], u.prototype, "handleSelectedProxyChange", 1);
-g([
+x([
   P("loading")
 ], u.prototype, "handleLoadingChange", 1);
-u = g([
+u = x([
   X("cx-asset-link-format")
 ], u);
 export {
   u as C,
-  Vi as F,
+  Gi as F,
   _t as M,
-  we as a,
+  be as a,
   Xt as b,
-  nt as c,
-  gt as d,
+  ht as c,
+  xt as d,
   Vt as e,
-  fe as f,
+  ge as f,
   Gt as g,
-  qi as h,
+  ji as h,
   Zt as i,
-  ji as j,
-  Bi as k,
-  dt as l,
-  ut as m,
+  Vi as j,
+  qi as k,
+  ut as l,
+  mt as m,
   Ht as n,
-  mt as o,
-  ft as p,
+  ft as o,
+  gt as p,
   Wt as q,
-  Oi as r,
-  Li as s,
-  Ui as t,
-  le as u
+  Li as r,
+  Ui as s,
+  Bi as t,
+  ce as u
 };