@orangelogic/design-system 3.15.0 → 3.17.0

package/library/chunks/{asset-link-format.GZb85GYh.js → asset-link-format.FmSSysED.js}

@@ -1,49 +1,49 @@
 import "../components/cropper.js";
-import { C as Y } from "./button.BQoebhw_.js";
-import B from "../components/space.js";
-import { C as q } from "./typography.T72DuoCa.js";
-import { n as h, C as j } from "./lib-cortex-element.CVMmyPMC.js";
-import { h as E, a as Ut, C as Bt, S as Jt, b as te, c as ee, d as ie } from "./endpoints.mJ5S-tIs.js";
+import { C as K } from "./button.DCyoZrRj.js";
+import U from "../components/space.js";
+import { C as B } from "./typography.T72DuoCa.js";
+import { n as h, C as q } from "./lib-cortex-element.CVMmyPMC.js";
+import { h as E, a as Dt, C as Nt, S as Yt, b as Jt, c as te, d as ee } from "./endpoints.mJ5S-tIs.js";
 import "./browser.BHOCIF_A.js";
-import { i as V, x as b, E as qt } from "./lit-element.jLBm65_O.js";
-import "./form.C8LMdQB4.js";
-import { L as G } from "./i18n.CNnI4-0K.js";
-import { a as se } from "./string.Demn8Xmk.js";
+import { i as j, x as C, E as Ot } from "./lit-element.jLBm65_O.js";
+import "./form.DN2v7-DH.js";
+import { L as V } from "./i18n.CNnI4-0K.js";
+import { a as ie } from "./string.Demn8Xmk.js";
 import "./date-picker.BGHn6qg8.js";
-import { a as Rt, r as jt, b as ae, c as oe, d as lt } from "./transformation.OaRYixzE.js";
+import { a as bt, r as Lt, b as se, c as ae, d as lt } from "./transformation.OaRYixzE.js";
 import "./unsafe-html.Dff7-rCx.js";
-import { b as re } from "./_baseUniq.lwMgmtt2.js";
-import { c as Q } from "./component.styles.CAS3c9pM.js";
-import { M as ct, U as o, T as f } from "./asset-link-format.ClaYu_v8.js";
-import { v as ne } from "./v4.CKZ6klMF.js";
+import { b as oe } from "./_baseUniq.lwMgmtt2.js";
+import { c as G } from "./component.styles.CAS3c9pM.js";
+import { M as ct, U as o, T as m } from "./asset-link-format.ClaYu_v8.js";
+import { v as re } from "./v4.CKZ6klMF.js";
 import { P as N } from "./position-picker.DjnhxIKF.js";
-import { c as X } from "./custom-element.L4WJXn1j.js";
-import { w as P } from "./watch.DJF5K-8U.js";
-import { s as Ht, a as pt } from "./number.Cx2ncfJJ.js";
-import { r as R } from "./state.CSDxrqLd.js";
+import { c as Q } from "./custom-element.L4WJXn1j.js";
+import { w as _ } from "./watch.DJF5K-8U.js";
+import { s as Mt, a as pt } from "./number.Cx2ncfJJ.js";
+import { r as $ } from "./state.CSDxrqLd.js";
 import { n as M } from "./when.Dr1es41R.js";
-import st from "../components/details.js";
-import Vt from "../components/divider.js";
-import { C as at } from "./icon.BLXWp6CU.js";
-import { C as Pt } from "./icon-button.5-oAlIkv.js";
-import { C as Ft } from "./input.BRZzv6Zk.js";
-import { C as vt } from "./option.DgxoCq1j.js";
-import zt from "../components/select.js";
-import he from "../components/position-picker.js";
-import { c as le } from "./image.Y5c_hFx8.js";
-import { e as J } from "./query.BBf1UFkC.js";
-import { c as ot } from "./repeat.CFjcER6_.js";
+import at from "../components/details.js";
+import Ut from "../components/divider.js";
+import { C as ot } from "./icon.BLXWp6CU.js";
+import { C as Ct } from "./icon-button.5-oAlIkv.js";
+import { C as kt } from "./input.Csf-S2nB.js";
+import { C as yt } from "./option.DgxoCq1j.js";
+import St from "../components/select.js";
+import ne from "../components/position-picker.js";
+import { c as he } from "./image.Y5c_hFx8.js";
+import { e as Y } from "./query.BBf1UFkC.js";
+import { c as rt } from "./repeat.CFjcER6_.js";
 import { o as O } from "./style-map.llVFPd__.js";
-import Gt from "../components/tooltip.js";
-import ce from "../components/button-group.js";
-import pe from "../components/checkbox.js";
-function de(t) {
-  return t && t.length ? re(t) : [];
+import Bt from "../components/tooltip.js";
+import le from "../components/button-group.js";
+import ce from "../components/checkbox.js";
+function pe(t) {
+  return t && t.length ? oe(t) : [];
 }
-function Qt(t) {
+function qt(t) {
   return typeof t == "object" && t !== null && "URI" in t;
 }
-const ue = {
+const de = {
   artist: "Artist",
   color: "Color",
   createDate: "CreateDate",
@@ -65,18 +65,18 @@ const ue = {
   systemIdentifier: "SystemIdentifier",
   text: "Text",
   title: "Title"
-}, me = /* @__PURE__ */ new Set(["mediaDate", "createDate", "editDate"]);
-function $t(t) {
+}, ue = /* @__PURE__ */ new Set(["mediaDate", "createDate", "editDate"]);
+function wt(t) {
   return !/[\s&+/*"\\:(),'<>~|[\]{}]/.test(t) && !/^(?:OR|AND|NOT)$/.test(t) ? t : `"${t.replace(/\\/g, "\\\\").replace(/"/g, '\\"')}"`;
 }
-function Wt(t, e) {
-  const s = (Array.isArray(e) ? e : [e]).map((a) => `${t}:${$t(a)}`);
+function It(t, e) {
+  const s = (Array.isArray(e) ? e : [e]).map((a) => `${t}:${wt(a)}`);
   return s.length > 1 ? `(${s.join(" OR ")})` : s[0] ?? "";
 }
-function fe(t, e) {
+function me(t, e) {
   return (Array.isArray(e) ? e : [e]).map((s) => `${t}${s.operator}${s.value}`).join(" AND ");
 }
-function ge(t) {
+function fe(t) {
   const e = [];
   for (const i of Object.keys(t)) {
     const s = i, a = t[s];
@@ -86,14 +86,14 @@ function ge(t) {
       for (const [n, l] of Object.entries(
         a
       ))
-        e.push(Wt(n, l));
+        e.push(It(n, l));
       continue;
     }
-    const r = ue[s];
+    const r = de[s];
     if (r) {
-      if (me.has(s)) {
+      if (ue.has(s)) {
         e.push(
-          fe(r, a)
+          me(r, a)
         );
         continue;
       }
@@ -106,13 +106,13 @@ function ge(t) {
         if (n.length === 0)
           continue;
         const l = [
-          ...n.map((d) => `ParentFolderIdentifier:${$t(String(d))}`),
-          ...n.map((d) => `ParentAlbumIdentifier:${$t(String(d))}`)
+          ...n.map((p) => `ParentFolderIdentifier:${wt(String(p))}`),
+          ...n.map((p) => `ParentAlbumIdentifier:${wt(String(p))}`)
         ];
         e.push(`(${l.join(" OR ")})`);
         continue;
       }
-      e.push(Wt(r, a));
+      e.push(It(r, a));
     }
   }
   return e.join(" AND ");
@@ -128,92 +128,109 @@ function dt(t) {
     const e = dt(t.not);
     return e ? `NOT (${e})` : "";
   }
-  return ge(t);
+  return fe(t);
 }
-const xe = "CoreField.LargeSizePreview", ut = "CoreField.DocType", ye = "Document.Title", Se = "Document.CaptionLong", rt = "Document.FileExtension", mt = "CoreField.FileSize", Dt = "CoreField.Identifier", ft = "CoreField.MaxHeight", gt = "CoreField.MaxWidth", xt = "Document.RecordID", Nt = "CoreField.DocSubType", Xt = "CoreField.TitleWithFallback", yt = "CoreField.OriginalFileName", St = "CoreField.UpdatedFileName", _t = "__width", Ae = "CoreField.OriginalPreview", Ui = "Document.DocSubType", Bi = "Document.InPoint", qi = "Document.OutPoint", Ct = {
+const ge = "CoreField.LargeSizePreview", ut = "CoreField.DocType", Rt = "Document.Title", xe = "Document.CaptionLong", nt = "Document.FileExtension", mt = "CoreField.FileSize", Et = "CoreField.Identifier", Ui = "CoreField.MaxHeight", Bi = "CoreField.MaxWidth", ft = "Document.RecordID", Ht = "CoreField.DocSubType", gt = "CoreField.TitleWithFallback", st = "CoreField.OriginalFileName", jt = "__width", Vt = "__height", ye = "CoreField.OriginalPreview", qi = "Document.DocSubType", ji = "Document.InPoint", Vi = "Document.OutPoint", Tt = {
   DEFAULT_VIEW_SIZE: "Document.LargeSizePreview",
-  FIELD_TITLE_WITH_FALLBACK: "Document.TitleWithFallback",
   ORIGINAL_VIEW_SIZE: "Document.OriginalPreview"
-}, Kt = {
-  [xe]: Ct.DEFAULT_VIEW_SIZE,
-  [Xt]: Ct.FIELD_TITLE_WITH_FALLBACK,
-  [Ae]: Ct.ORIGINAL_VIEW_SIZE
-}, ve = Object.fromEntries(
-  Object.entries(Kt).map(([t, e]) => [
+}, Gt = {
+  [ge]: Tt.DEFAULT_VIEW_SIZE,
+  [ye]: Tt.ORIGINAL_VIEW_SIZE
+}, Se = Object.fromEntries(
+  Object.entries(Gt).map(([t, e]) => [
     e,
     t
   ])
 );
-function ze(t) {
-  return Kt[t] ?? t;
+function Ae(t) {
+  return Gt[t] ?? t;
+}
+function ve(t) {
+  return t === gt ? [Rt, st] : [Ae(t)];
 }
-function Ot(t) {
+function ze(t) {
   const e = {};
   for (const [i, s] of Object.entries(t)) {
-    const a = ve[i] ?? i;
+    const a = Se[i] ?? i;
     e[a] = s;
   }
   return e;
 }
+function Qt(t, e, i) {
+  t[i] = H(e, i);
+  const s = e[i];
+  return s != null && qt(s) && (typeof s.Width == "number" && s.Width > 0 && (t[`${i}${jt}`] = String(s.Width)), typeof s.Height == "number" && s.Height > 0 && (t[`${i}${Vt}`] = String(s.Height))), t;
+}
 function be(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)));
   return e;
 }
-async function Zt({
-  countPerPage: t,
-  fields: e,
-  getPermanentAssetsPaths: i,
-  httpMethod: s = "GET",
-  isSiteBuilder: a,
-  pageNumber: r,
-  query: n,
-  securityByPassToken: l,
-  siteUrl: d,
-  sort: g,
-  token: c,
-  useSession: x
+async function Xt({
+  consistency: t,
+  countPerPage: e,
+  fields: i,
+  getPermanentAssetsPaths: s,
+  httpMethod: a = "GET",
+  isSiteBuilder: r,
+  pageNumber: n,
+  query: l,
+  securityByPassToken: p,
+  siteUrl: g,
+  sort: c,
+  token: f,
+  useSession: S
 }) {
-  const A = e?.map(ze), p = {
-    CountPerPage: t,
-    Fields: de(A),
+  const x = i?.flatMap(ve), d = i?.includes(gt) ?? !1, v = (P) => {
+    const w = ze(P);
+    return d && (w[gt] = H(w, Rt) || H(w, st)), w;
+  }, k = {
+    /*
+     * Opt-in only, never inferred from `isSiteBuilder`: that flag picks the endpoint, and callers set
+     * it while AUTHORING (see the gallery block, which passes its edit-mode state), so inferring from
+     * it would ask for possibly-stale values in the one place a caller writes and reads back.
+     * Both endpoints understand the mode - CMS5 forwards it to the same Search v4.0 service.
+     */
+    Consistency: t || void 0,
+    CountPerPage: e,
+    Fields: pe(x),
     Format: "json",
-    GetPermanentAssetsPaths: i || void 0,
-    PageNumber: r,
-    Query: dt(n),
-    SecurityByPassToken: l || void 0,
-    Sort: g || void 0,
-    UseSession: x || void 0
-  }, y = s === "POST";
+    GetPermanentAssetsPaths: s || void 0,
+    PageNumber: n,
+    Query: dt(l),
+    SecurityByPassToken: p || void 0,
+    Sort: c || void 0,
+    UseSession: S || void 0
+  }, z = a === "POST";
   try {
     return (await E.request({
-      baseURL: d,
-      headers: c ? { Authorization: `Bearer ${c}` } : void 0,
-      method: s,
+      baseURL: g,
+      headers: f ? { Authorization: `Bearer ${f}` } : void 0,
+      method: a,
       // POST large RecordID queries as a urlencoded body to dodge the ~2KB URL cap;
       // GET keeps the same fields on the query string.
-      ...y ? { data: be(p) } : { params: p, paramsSerializer: { indexes: null } },
+      ...z ? { data: be(k) } : { params: k, paramsSerializer: { indexes: null } },
       responseType: "json",
       transformResponse: [
         ...Array.isArray(E.defaults.transformResponse) ? E.defaults.transformResponse : [],
-        a ? (u) => ({
-          items: (u.results?.Items ?? []).map(Ot),
-          sort: u.results?.GlobalInfo?.Sort ?? "",
-          totalCount: u.results?.GlobalInfo?.TotalCount ?? 0
-        }) : (u) => ({
-          items: (u.APIResponse?.Items ?? []).map(Ot),
-          sort: u.APIResponse?.GlobalInfo?.Sort ?? "",
-          totalCount: u.APIResponse?.GlobalInfo?.TotalCount ?? 0
+        r ? (w) => ({
+          items: (w.results?.Items ?? []).map(v),
+          sort: w.results?.GlobalInfo?.Sort ?? "",
+          totalCount: w.results?.GlobalInfo?.TotalCount ?? 0
+        }) : (w) => ({
+          items: (w.APIResponse?.Items ?? []).map(v),
+          sort: w.APIResponse?.GlobalInfo?.Sort ?? "",
+          totalCount: w.APIResponse?.GlobalInfo?.TotalCount ?? 0
         })
       ],
-      url: a ? Bt.SEARCH_ASSETS : Jt["4.0"]
+      url: r ? Nt.SEARCH_ASSETS : Yt["4.0"]
     })).data;
   } catch {
     return { items: [], sort: "", totalCount: 0 };
   }
 }
-async function Ce({
+async function we({
   assetId: t,
   extension: e,
   format: i,
@@ -229,7 +246,7 @@ async function Ce({
       params: {
         SourceAssetFormat: i,
         SourceAssetRecordID: t,
-        TargetExtension: se(e),
+        TargetExtension: ie(e),
         Token: a || void 0,
         Transformations: r,
         UseSession: n || void 0
@@ -239,13 +256,13 @@ async function Ce({
        */
       timeout: 3e5,
       // 5 minutes
-      url: Ut.GET_TRANSFORM_ASSET_LINK
+      url: Dt.GET_TRANSFORM_ASSET_LINK
     })).data;
   } catch {
     return null;
   }
 }
-const we = 50;
+const Ce = 50;
 function ke(t, e) {
   const i = [];
   for (let s = 0; s < t.length; s += e)
@@ -253,139 +270,121 @@ function ke(t, e) {
   return i;
 }
 async function Re({
-  extraFields: t,
-  getPermanentAssetsPaths: e,
-  isSiteBuilder: i,
-  recordIds: s,
-  securityByPassToken: a,
-  token: r
+  consistency: t,
+  extraFields: e,
+  getPermanentAssetsPaths: i,
+  isSiteBuilder: s,
+  recordIds: a,
+  securityByPassToken: r,
+  token: n
 }) {
-  if (!Array.isArray(s) || s.length === 0)
+  if (!Array.isArray(a) || a.length === 0)
     return { facets: [], items: [], totalCount: 0 };
-  const n = t?.filter((p) => p && typeof p == "string") ?? [], l = [
-    ...n,
-    St,
-    yt,
-    ye,
-    Se,
-    xt
-  ], d = ke(s, we), g = await Promise.all(
-    d.map(
-      (p) => Zt({
-        countPerPage: p.length,
-        fields: l,
-        getPermanentAssetsPaths: e,
-        httpMethod: i ? "GET" : "POST",
-        isSiteBuilder: i,
+  const l = e?.filter((d) => d && typeof d == "string") ?? [], p = [
+    ...l,
+    st,
+    Rt,
+    xe,
+    ft
+  ], g = ke(a, Ce), c = await Promise.all(
+    g.map(
+      (d) => Xt({
+        consistency: t,
+        countPerPage: d.length,
+        fields: p,
+        getPermanentAssetsPaths: i,
+        httpMethod: s ? "GET" : "POST",
+        isSiteBuilder: s,
         pageNumber: 1,
-        query: { recordId: p },
-        securityByPassToken: a,
-        token: r
+        query: { recordId: d },
+        securityByPassToken: r,
+        token: n
       })
     )
-  ), c = new Map(s.map((p, y) => [p, y])), x = g.flatMap((p) => p.items).map((p) => {
-    let y = _(p, St);
-    return y === "" && (y = _(p, yt)), {
-      name: y,
-      recordId: _(p, xt),
-      ...n.reduce(
-        (w, u) => {
-          w[u] = _(p, u);
-          const C = Yt(p, u);
-          return C !== void 0 && (w[`${u}${_t}`] = String(C)), w;
-        },
-        {}
-      )
-    };
-  }).sort(
-    (p, y) => (c.get(p.recordId) ?? 1 / 0) - (c.get(y.recordId) ?? 1 / 0)
-  ), A = g.reduce(
-    (p, y) => p + y.totalCount,
+  ), f = new Map(a.map((d, v) => [d, v])), S = c.flatMap((d) => d.items).map((d) => ({
+    name: H(d, st),
+    recordId: H(d, ft),
+    ...l.reduce(
+      (v, k) => Qt(v, d, k),
+      {}
+    )
+  })).sort(
+    (d, v) => (f.get(d.recordId) ?? 1 / 0) - (f.get(v.recordId) ?? 1 / 0)
+  ), x = c.reduce(
+    (d, v) => d + v.totalCount,
     0
   );
-  return { facets: [], items: x, totalCount: A };
-}
-function _(t, e) {
-  const i = t[e];
-  return i == null ? "" : typeof i == "string" ? i : typeof i == "number" || typeof i == "boolean" ? String(i) : Qt(i) ? i.URI : "";
+  return { facets: [], items: S, totalCount: x };
 }
-function Yt(t, e) {
+function H(t, e) {
   const i = t[e];
-  if (!(i == null || !Qt(i)))
-    return typeof i.Width == "number" && i.Width > 0 ? i.Width : void 0;
+  return i == null ? "" : typeof i == "string" ? i : typeof i == "number" || typeof i == "boolean" ? String(i) : qt(i) ? i.URI : "";
 }
 async function $e({
-  countPerPage: t,
-  directParentFolderIdentifier: e,
-  extraFields: i,
-  getPermanentAssetsPaths: s,
-  isSiteBuilder: a,
-  limitedDocTypes: r,
-  pageNumber: n,
-  parentFolderIdentifier: l,
-  searchTerm: d,
-  securityByPassToken: g,
-  sortOrder: c,
-  token: x
+  consistency: t,
+  countPerPage: e,
+  directParentFolderIdentifier: i,
+  extraFields: s,
+  getPermanentAssetsPaths: a,
+  isSiteBuilder: r,
+  limitedDocTypes: n,
+  pageNumber: l,
+  parentFolderIdentifier: p,
+  searchTerm: g,
+  securityByPassToken: c,
+  sortOrder: f,
+  token: S
 }) {
-  if (!e && !l)
+  if (!i && !p)
     return { facets: [], items: [], totalCount: 0 };
-  const A = (i?.filter((u) => u && typeof u == "string") ?? []).map((u) => u.replace("%20", " ")), p = {
-    directParentFolderIdentifier: e,
-    parentFolderIdentifier: l,
-    ...r && r.length > 0 ? { docType: r } : {}
-  }, y = await Zt({
-    countPerPage: t,
+  const x = (s?.filter((z) => z && typeof z == "string") ?? []).map((z) => z.replace("%20", " ")), d = {
+    directParentFolderIdentifier: i,
+    parentFolderIdentifier: p,
+    ...n && n.length > 0 ? { docType: n } : {}
+  }, v = await Xt({
+    consistency: t,
+    countPerPage: e,
     fields: [
-      ...A,
-      Xt,
+      ...x,
       gt,
-      ft,
       mt,
       ut,
-      Nt,
-      Dt,
-      rt,
-      xt,
-      yt,
-      St
+      Ht,
+      Et,
+      nt,
+      ft,
+      st
     ],
-    getPermanentAssetsPaths: s,
-    isSiteBuilder: a,
-    pageNumber: n,
-    query: p,
-    securityByPassToken: g,
+    getPermanentAssetsPaths: a,
+    isSiteBuilder: r,
+    pageNumber: l,
+    query: d,
+    securityByPassToken: c,
     sort: void 0,
-    token: x
-  }), w = y.items.map((u) => {
-    let C = _(u, rt), D = _(u, St);
-    C && !C.startsWith(".") && (C = "." + C), D === "" && (D = _(u, yt));
-    const F = _(u, xt);
+    token: S
+  }), k = v.items.map((z) => {
+    let P = H(z, nt);
+    P && !P.startsWith(".") && (P = "." + P);
+    const w = H(z, ft);
     return {
-      docSubType: _(u, Nt),
-      docType: _(u, ut) || "",
-      extension: C,
-      height: _(u, ft) || "0",
-      id: F,
-      identifier: _(u, Dt),
-      name: D,
-      recordId: F,
-      size: _(u, mt) || "0 MB",
-      width: _(u, gt) || "0",
-      ...A.reduce(
-        (L, et) => {
-          L[et] = _(u, et);
-          const nt = Yt(u, et);
-          return nt !== void 0 && (L[`${et}${_t}`] = String(nt)), L;
-        },
+      docSubType: H(z, Ht),
+      docType: H(z, ut) || "",
+      extension: P,
+      id: w,
+      identifier: H(z, Et),
+      name: H(z, st),
+      recordId: w,
+      size: H(z, mt) || "0 MB",
+      ...x.reduce(
+        (tt, et) => Qt(tt, z, et),
         {}
       )
     };
   });
   return {
     facets: [],
-    items: w,
-    totalCount: y.totalCount
+    items: k,
+    totalCount: v.totalCount
   };
 }
 async function Pe({
@@ -417,13 +416,13 @@ async function Pe({
           y: n.cropY
         })
       ],
-      url: Ut.GET_CROP_ZONE_SUGGESTION
+      url: Dt.GET_CROP_ZONE_SUGGESTION
     })).data;
   } catch {
     return null;
   }
 }
-async function ji({
+async function Gi({
   assetRecordId: t,
   isSiteBuilder: e,
   siteUrl: i,
@@ -454,13 +453,13 @@ async function ji({
           width: l.width
         })) ?? []
       ],
-      url: e ? Bt.GET_AVAILABLE_PROXIES : ie
+      url: e ? Nt.GET_AVAILABLE_PROXIES : ee
     })).data;
   } catch {
     return [];
   }
 }
-async function Vi({
+async function Qi({
   siteUrl: t
 } = {}) {
   try {
@@ -481,13 +480,13 @@ async function Vi({
           formatsByDocType: i.formatsByDocType ?? {}
         }
       ],
-      url: te
+      url: Jt
     })).data;
   } catch {
     return { formatsByDocType: {} };
   }
 }
-async function Gi({
+async function Xi({
   recordIds: t,
   rightsToCheck: e
 }) {
@@ -503,14 +502,14 @@ async function Gi({
       params: { RecordIDs: t, RightsToCheck: e },
       paramsSerializer: { indexes: null },
       responseType: "json",
-      url: ee.GET_AUTHORIZED_OBJECTS
+      url: te.GET_AUTHORIZED_OBJECTS
     });
     return s;
   } catch {
     return i;
   }
 }
-const wt = 20, it = "TR1", At = "TRX", Fe = /* @__PURE__ */ new Set([".gif"]), _e = /* @__PURE__ */ new Set([
+const vt = 20, it = "TR1", xt = "TRX", Fe = /* @__PURE__ */ new Set([".gif"]), _e = /* @__PURE__ */ new Set([
   ".avif",
   ".bmp",
   ".gif",
@@ -525,7 +524,7 @@ function Me(t) {
   const e = t.toLowerCase(), i = e.startsWith(".") ? e : `.${e}`;
   return _e.has(i);
 }
-function Lt({
+function Wt({
   autoFormat: t,
   buildSrcset: e,
   extension: i,
@@ -534,39 +533,40 @@ function Lt({
   manualFormat: r,
   size: n
 }) {
-  const l = i?.toLowerCase() ?? "", d = l.startsWith(".") ? l : `.${l}`, g = `path_${it}`, c = (p, y) => {
-    const w = a[p];
-    if (!w)
+  const l = i?.toLowerCase() ?? "", p = l.startsWith(".") ? l : `.${l}`, g = `path_${it}`, c = (x, d) => {
+    const v = a[x];
+    if (!v)
       return;
-    const u = a[`${p}${_t}`], C = t ? Rt(w, [], {
+    const k = a[`${x}${jt}`], z = a[`${x}${Vt}`], P = t ? bt(v, [], {
       autoFormat: !r,
       extension: l,
-      format: y
-    }) : w;
+      format: d
+    }) : v;
     return {
-      maxWidth: u,
-      src: C,
-      srcset: e ? ae(C, {
+      maxHeight: z,
+      maxWidth: k,
+      src: P,
+      srcset: e ? se(P, {
         extension: l,
-        format: y,
-        maxWidth: oe(r, u)
+        format: d,
+        maxWidth: ae(r, k)
       }) : ""
     };
   };
   if (!r) {
-    const p = jt(l, n), y = `path_${p}`;
-    return c(y, p) ?? c(g, it) ?? {};
+    const x = Lt(l, n), d = `path_${x}`;
+    return c(d, x) ?? c(g, it) ?? {};
   }
-  const x = s ? `path_${s}` : void 0;
-  return x && a[x] ? c(x, s) ?? {} : !!l && Fe.has(d) ? c(`path_${At}`, At) ?? c(g, it) ?? {} : c(g, it) ?? {};
+  const f = s ? `path_${s}` : void 0;
+  return f && a[f] ? c(f, s) ?? {} : !!l && Fe.has(p) ? c(`path_${xt}`, xt) ?? c(g, it) ?? {} : c(g, it) ?? {};
 }
-class Qi {
+class Zi {
   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 = vt, 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.autoFormat = i?.autoFormat ?? !1, this.buildSrcset = i?.buildSrcset ?? !1;
+    this.pageSize = typeof a == "number" && Number.isFinite(a) && a >= 1 ? Math.floor(a) : vt, this.authToken = i?.token, this.securityByPassToken = i?.securityByPassToken, this.isSiteBuilder = i?.isSiteBuilder ?? !1, this.autoFormat = i?.autoFormat ?? !1, this.buildSrcset = i?.buildSrcset ?? !1, this.consistency = i?.consistency;
   }
   get totalDataCount() {
     return this.totalCount;
@@ -584,7 +584,7 @@ class Qi {
    * 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) : vt;
     if (this.pageSize === i)
       return;
     const s = this.fetchedPages.size > 0;
@@ -605,24 +605,25 @@ class Qi {
     const l = this.requestEpoch;
     if (!this.folderId || l !== this.requestEpoch)
       return this.data;
-    const d = s ? `path_${s}` : void 0, g = `path_${it}`, c = `path_${At}`, x = [
+    const p = s ? `path_${s}` : void 0, g = `path_${it}`, c = `path_${xt}`, f = [
       ...new Set(
-        [d, g, c].filter(
-          (y) => !!y
+        [p, g, c].filter(
+          (d) => !!d
         )
       )
-    ], A = Math.floor(r / this.pageSize) + 1, p = Math.floor(e / this.pageSize) + 1;
-    for (let y = A; y <= p; y++) {
-      if (this.fetchedPages.has(y))
+    ], S = Math.floor(r / this.pageSize) + 1, x = Math.floor(e / this.pageSize) + 1;
+    for (let d = S; d <= x; d++) {
+      if (this.fetchedPages.has(d))
         continue;
-      const w = await $e({
+      const v = await $e({
+        consistency: this.consistency,
         countPerPage: this.pageSize,
         directParentFolderIdentifier: this.folderId,
-        extraFields: [...i, ...x],
+        extraFields: [...i, ...f],
         getPermanentAssetsPaths: !0,
         isSiteBuilder: this.isSiteBuilder,
         limitedDocTypes: [ct.Image, ct.Audio, ct.Video, ct.Multimedia],
-        pageNumber: y,
+        pageNumber: d,
         searchTerm: "",
         securityByPassToken: this.securityByPassToken,
         sortOrder: "",
@@ -630,44 +631,46 @@ class Qi {
       });
       if (l !== this.requestEpoch)
         return this.data;
-      if (this.fetchedPages.add(y), !this.totalCount && w.totalCount) {
-        const C = Math.min(this.maxEnd, w.totalCount);
-        this.totalCount = C, this.data = Array.from({ length: C }, () => ({
+      if (this.fetchedPages.add(d), !this.totalCount && v.totalCount) {
+        const z = Math.min(this.maxEnd, v.totalCount);
+        this.totalCount = z, this.data = Array.from({ length: z }, () => ({
           alt: "",
-          id: `temp-${ne()}`,
+          id: `temp-${re()}`,
           name: "",
           src: ""
         }));
       }
-      const u = (y - 1) * this.pageSize;
-      for (let C = 0; C < w.items.length; C++) {
-        const D = u + C;
-        if (D < this.data.length) {
-          const F = w.items[C], {
-            maxWidth: L,
-            src: et,
-            srcset: nt
-          } = Lt({
+      const k = (d - 1) * this.pageSize;
+      for (let z = 0; z < v.items.length; z++) {
+        const P = k + z;
+        if (P < this.data.length) {
+          const w = v.items[z], {
+            maxHeight: tt,
+            maxWidth: et,
+            src: Zt,
+            srcset: Kt
+          } = Wt({
             autoFormat: this.autoFormat,
             buildSrcset: this.buildSrcset,
-            extension: F.extension,
+            extension: w.extension,
             format: s,
-            item: F,
+            item: w,
             manualFormat: a,
-            size: F.size
+            size: w.size
           });
-          let ht = et, It = nt;
-          ht && n && n.length > 0 && (ht = Rt(ht, n), It = ""), this.data[D] = {
-            alt: F.name,
-            docType: F.docType,
-            extension: F.extension,
-            id: F.id,
-            maxWidth: L,
-            name: F.name,
+          let ht = Zt, Pt = Kt;
+          ht && n && n.length > 0 && (ht = bt(ht, n), Pt = ""), this.data[P] = {
+            alt: w.name,
+            docType: w.docType,
+            extension: w.extension,
+            id: w.id,
+            maxHeight: tt,
+            maxWidth: et,
+            name: w.name,
             src: ht,
-            srcset: It,
+            srcset: Pt,
             ...i.reduce(
-              (Et, Tt) => (Et[Tt] = F[Tt] ?? "", Et),
+              (Ft, _t) => (Ft[_t] = w[_t] ?? "", Ft),
               {}
             )
           };
@@ -683,34 +686,30 @@ class Qi {
     format: r,
     manualFormat: n = !0,
     minLimit: l = 5,
-    noPlaceholders: d = !1,
+    noPlaceholders: p = !1,
     transformations: g
   }) {
     (!this.folderId || this.folderId !== s) && (this.folderId = s, this.resetFolderState()), a && this.resetPageCache();
-    const c = Math.max(5, l), x = e, A = e + c, p = [
-      ...i,
-      ft,
-      gt
-    ];
+    const c = Math.max(5, l), f = e, S = e + c, x = [...i];
     await this.fetchImages({
-      end: A,
-      extraFields: p.filter((u) => u !== ""),
+      end: S,
+      extraFields: x.filter((k) => k !== ""),
       format: r,
       manualFormat: n,
-      start: x,
+      start: f,
       transformations: g
     });
-    let y = e - c;
-    y < 0 && (this.totalCount === 0 ? y = 0 : y = Math.max(0, this.totalCount + y));
-    const w = y + c;
+    let d = e - c;
+    d < 0 && (this.totalCount === 0 ? d = 0 : d = Math.max(0, this.totalCount + d));
+    const v = d + c;
     return await this.fetchImages({
-      end: w,
-      extraFields: p.filter((u) => u !== ""),
+      end: v,
+      extraFields: x.filter((k) => k !== ""),
       format: r,
       manualFormat: n,
-      start: y,
+      start: d,
       transformations: g
-    }), d ? this.data.filter((u) => u.id && !u.id.startsWith("temp-")) : this.data;
+    }), p ? this.data.filter((k) => k.id && !k.id.startsWith("temp-")) : this.data;
   }
   async fetchImagesByIDs({
     extraFields: e = [],
@@ -721,51 +720,49 @@ class Qi {
   }) {
     if (a.length === 0)
       return [];
-    const n = i ? `path_${i}` : void 0, l = `path_${it}`, d = `path_${At}`, g = [
+    const n = i ? `path_${i}` : void 0, l = `path_${it}`, p = `path_${xt}`, g = [
       ...new Set(
-        [n, l, d].filter(
-          (p) => !!p
+        [n, l, p].filter(
+          (x) => !!x
         )
       )
-    ], c = [rt, mt], x = [
-      ...e,
-      ut,
-      ft,
-      gt
-    ];
+    ], c = [nt, mt], f = [...e, ut];
     return (await Re({
-      extraFields: [...x, ...g, ...c].filter((p) => p !== ""),
+      consistency: this.consistency,
+      extraFields: [...f, ...g, ...c].filter((x) => x !== ""),
       getPermanentAssetsPaths: !0,
       isSiteBuilder: this.isSiteBuilder,
       recordIds: a,
       securityByPassToken: this.securityByPassToken,
       token: this.authToken
-    })).items.map((p) => {
+    })).items.map((x) => {
       const {
-        maxWidth: y,
-        src: w,
-        srcset: u
-      } = Lt({
+        maxHeight: d,
+        maxWidth: v,
+        src: k,
+        srcset: z
+      } = Wt({
         autoFormat: this.autoFormat,
         buildSrcset: this.buildSrcset,
-        extension: p[rt],
+        extension: x[nt],
         format: i,
-        item: p,
+        item: x,
         manualFormat: s,
-        size: p[mt]
+        size: x[mt]
       });
-      let C = w, D = u;
-      return C && r && r.length > 0 && (C = Rt(C, r), D = ""), {
-        alt: p.name,
-        docType: p[ut],
-        extension: p[rt] || "",
-        id: p.recordId,
-        maxWidth: y,
-        name: p.name,
-        src: C,
-        srcset: D,
-        ...x.reduce(
-          (F, L) => (F[L] = p[L] ?? "", F),
+      let P = k, w = z;
+      return P && r && r.length > 0 && (P = bt(P, r), w = ""), {
+        alt: x.name,
+        docType: x[ut],
+        extension: x[nt] || "",
+        id: x.recordId,
+        maxHeight: d,
+        maxWidth: v,
+        name: x.name,
+        src: P,
+        srcset: w,
+        ...f.reduce(
+          (tt, et) => (tt[et] = x[et] ?? "", tt),
           {}
         )
       };
@@ -779,19 +776,19 @@ class Qi {
     manualFormat: r = !0,
     noPlaceholders: n = !1,
     page: l,
-    pageSize: d = 10,
+    pageSize: p = 10,
     transformations: g
   }) {
     (!this.folderId || this.folderId !== i) && (this.folderId = i, this.resetFolderState()), s && this.resetPageCache();
-    const c = l * d, x = c + d - 1;
+    const c = l * p, f = c + p - 1;
     return await this.fetchImages({
-      end: x,
+      end: f,
       extraFields: e,
       format: a,
       manualFormat: r,
       start: c,
       transformations: g
-    }), n ? this.data.filter((A) => A.id && !A.id.startsWith("temp-")) : this.data;
+    }), n ? this.data.filter((S) => S.id && !S.id.startsWith("temp-")) : this.data;
   }
   async *fetchImagesInFolderByChunk({
     chunkSize: e = 10,
@@ -801,7 +798,7 @@ class Qi {
     forceRefetch: r = !1,
     format: n,
     manualFormat: l = !0,
-    start: d = 0,
+    start: p = 0,
     transformations: g
   }) {
     const c = Math.max(1, e);
@@ -811,27 +808,27 @@ class Qi {
         extraFields: s,
         format: n,
         manualFormat: l,
-        start: d,
+        start: p,
         transformations: g
       }), yield this.data;
       return;
     }
-    let x = d, A = d + c;
+    let f = p, S = p + c;
     if (await this.fetchImages({
-      end: A,
+      end: S,
       extraFields: s,
       format: n,
       manualFormat: l,
-      start: x,
+      start: f,
       transformations: g
-    }), yield this.data, !(!this.totalCount || this.totalCount <= A))
-      for (; A < this.totalCount; )
-        x = A, A = Math.min(A + c, this.totalCount), await this.fetchImages({
-          end: A,
+    }), yield this.data, !(!this.totalCount || this.totalCount <= S))
+      for (; S < this.totalCount; )
+        f = S, S = Math.min(S + c, this.totalCount), await this.fetchImages({
+          end: S,
           extraFields: s,
           format: n,
           manualFormat: l,
-          start: x,
+          start: f,
           transformations: g
         }), yield this.data;
   }
@@ -847,15 +844,15 @@ class Qi {
     this.resetPageCache();
   }
 }
-const Ie = 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}`, Ee = 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 Te = Object.defineProperty, He = Object.getOwnPropertyDescriptor, z = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? He(e, i) : e, r = t.length - 1, n; r >= 0; r--)
+const Ie = j`.asset-link-format__details{--header-padding:var(--cx-spacing-small) var(--cx-spacing-medium)}.asset-link-format__details::part(icon){width:var(--cx-font-size-3x-large);height:var(--cx-font-size-3x-large);background-color:var(--cx-color-neutral-100);border-radius:var(--cx-border-radius-large);color:var(--cx-color-neutral-600);font-size:var(--cx-font-size-large);justify-content:center;align-items:center;display:flex}.asset-link-format__details::part(input-label){color:var(--cx-color-neutral-400);margin-inline-start:var(--cx-spacing-small)}.asset-link-format__header{padding:var(--cx-spacing-medium)}.asset-link-format__section-header{padding:0 var(--cx-spacing-medium);border-top:var(--section-header-border-width,1px) solid var(--cx-color-neutral-200);background-color:var(--cx-color-neutral-50)}.asset-link-format__undo,.asset-link-format__reset{--color:var(--cx-color-primary);--background-color:transparent}`, Ee = j`cx-details::part(base){border-bottom-width:0}cx-space{width:100%}cx-space cx-input{flex:1}.crop__unit-select{width:120px}.crop__input-group{flex:1;display:flex}`;
+var He = Object.defineProperty, Te = Object.getOwnPropertyDescriptor, b = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? Te(e, i) : e, r = t.length - 1, n; r >= 0; r--)
     (n = t[r]) && (a = (s ? n(e, i, a) : n(a)) || a);
-  return s && a && Te(e, i, a), a;
+  return s && a && He(e, i, a), a;
 };
-let v = class extends j {
+let A = class extends q {
   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 = {
+    super(...arguments), this.localize = new V(this), this.open = !1, this.width = 0, this.height = 0, this.maxWidth = 0, this.maxHeight = 0, this.ratioWidth = 1, this.ratioHeight = 1, this.percentageWidth = 0, this.percentageHeight = 0, this.unit = o.Pixel, this.disabledApply = !1, this.noRatioModes = !1, this.showPositionPicker = !1, this.lastAppliedSetting = {
       [o.Pixel]: {
         height: 0,
         percentageHeight: 100,
@@ -967,7 +964,7 @@ let v = class extends j {
       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 } = le(
+        Number.isFinite(this.maxWidth) && Number.isFinite(this.maxHeight) && ({ height: n, width: r } = he(
           this.maxWidth,
           this.maxHeight,
           s,
@@ -1085,23 +1082,23 @@ let v = class extends j {
   }
   render() {
     const t = this.cropModes.filter((i) => !i.auto), e = this.cropModes.filter((i) => i.auto);
-    return b`<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="crop"></cx-icon></div><cx-typography variant="body2">${this.localize.term("crop")}</cx-typography></cx-space><cx-space direction="vertical" spacing="small">${M(
+    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="crop"></cx-icon></div><cx-typography variant="body2">${this.localize.term("crop")}</cx-typography></cx-space><cx-space direction="vertical" spacing="small">${M(
       !this.noRatioModes,
-      () => b`<cx-select data-testid="cx-asset-link-format-crop-mode" value=${this.cropMode} hoist style=${O({
+      () => 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}>${ot(
+      })} @cx-change=${this.onCropModeChange} ?disabled=${this.loading}>${rt(
         t,
         (i) => i.value,
-        ({ label: i, value: s }) => b`<cx-option value=${s}>${i}</cx-option>`
+        ({ label: i, value: s }) => C`<cx-option value=${s}>${i}</cx-option>`
       )}
               ${M(
         e.length > 0,
-        () => b`<cx-divider></cx-divider><small>${this.localize.term("autoCropping")}</small>`
+        () => C`<cx-divider></cx-divider><small>${this.localize.term("autoCropping")}</small>`
       )}
-              ${ot(
+              ${rt(
         e,
         (i) => i.value,
-        ({ label: i, value: s }) => b`<cx-option value=${s}>${i}</cx-option>`
+        ({ 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">
                 W
@@ -1111,138 +1108,138 @@ let v = class extends j {
                 H
               </cx-typography></cx-input></div>${M(
       !this.noRatioModes,
-      () => b`<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=${o.Pixel}>${this.localize.term("pixels")}</cx-option><cx-option value=${o.AspectRatio}>${this.localize.term("aspectRatio")}</cx-option></cx-select>`
     )}</cx-space>${M(
       this.focusModes.length > 0,
-      () => b`<cx-select data-testid="cx-asset-link-format-crop-focus-mode" value=${this.focusMode} hoist style=${O({
+      () => 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}>${ot(
+      })} @cx-change=${this.onFocusModeChange} ?disabled=${this.loading || this.selectedMode?.disabledSize}>${rt(
         this.focusModes,
         (i) => i.value,
-        ({ label: i, value: s }) => b`<cx-option value=${s}>${i}</cx-option>`
+        ({ label: i, value: s }) => C`<cx-option value=${s}>${i}</cx-option>`
       )}</cx-select>`
     )}
         ${M(
       this.showPositionPicker && this.focusMode === "manual",
-      () => b`<cx-position-picker data-testid="cx-asset-link-format-crop-position" value=${this.position} @cx-change=${this.onPositionChange}></cx-position-picker>`
+      () => C`<cx-position-picker data-testid="cx-asset-link-format-crop-position" value=${this.position} @cx-change=${this.onPositionChange}></cx-position-picker>`
     )}<cx-button data-testid="cx-asset-link-format-crop-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>`;
   }
 };
-v.styles = [Q, Ee];
-v.dependencies = {
-  "cx-button": Y,
-  "cx-details": st,
-  "cx-divider": Vt,
-  "cx-icon": at,
-  "cx-icon-button": Pt,
-  "cx-input": Ft,
-  "cx-option": vt,
-  "cx-position-picker": he,
-  "cx-select": zt,
-  "cx-space": B,
-  "cx-typography": q
+A.styles = [G, Ee];
+A.dependencies = {
+  "cx-button": K,
+  "cx-details": at,
+  "cx-divider": Ut,
+  "cx-icon": ot,
+  "cx-icon-button": Ct,
+  "cx-input": kt,
+  "cx-option": yt,
+  "cx-position-picker": ne,
+  "cx-select": St,
+  "cx-space": U,
+  "cx-typography": B
 };
-z([
-  J(".details")
-], v.prototype, "base", 2);
-z([
-  J("cx-position-picker")
-], v.prototype, "positionPicker", 2);
-z([
+b([
+  Y(".details")
+], A.prototype, "base", 2);
+b([
+  Y("cx-position-picker")
+], A.prototype, "positionPicker", 2);
+b([
   h({ reflect: !0, type: Boolean })
-], v.prototype, "open", 2);
-z([
+], A.prototype, "open", 2);
+b([
   h({ reflect: !0, type: Number })
-], v.prototype, "width", 2);
-z([
+], A.prototype, "width", 2);
+b([
   h({ reflect: !0, type: Number })
-], v.prototype, "height", 2);
-z([
+], A.prototype, "height", 2);
+b([
   h({ attribute: "max-width", reflect: !0, type: Number })
-], v.prototype, "maxWidth", 2);
-z([
+], A.prototype, "maxWidth", 2);
+b([
   h({ attribute: "max-height", reflect: !0, type: Number })
-], v.prototype, "maxHeight", 2);
-z([
+], A.prototype, "maxHeight", 2);
+b([
   h({ attribute: "ratio-width", reflect: !0, type: Number })
-], v.prototype, "ratioWidth", 2);
-z([
+], A.prototype, "ratioWidth", 2);
+b([
   h({ attribute: "ratio-height", reflect: !0, type: Number })
-], v.prototype, "ratioHeight", 2);
-z([
+], A.prototype, "ratioHeight", 2);
+b([
   h({ attribute: "percentage-width", reflect: !0, type: Number })
-], v.prototype, "percentageWidth", 2);
-z([
+], A.prototype, "percentageWidth", 2);
+b([
   h({ attribute: "percentage-height", reflect: !0, type: Number })
-], v.prototype, "percentageHeight", 2);
-z([
+], A.prototype, "percentageHeight", 2);
+b([
   h({ reflect: !0, type: String })
-], v.prototype, "unit", 2);
-z([
+], A.prototype, "unit", 2);
+b([
   h({ attribute: "disabled-apply", reflect: !0, type: Boolean })
-], v.prototype, "disabledApply", 2);
-z([
+], A.prototype, "disabledApply", 2);
+b([
   h({ attribute: "no-ratio-modes", reflect: !0, type: Boolean })
-], v.prototype, "noRatioModes", 2);
-z([
+], A.prototype, "noRatioModes", 2);
+b([
   h({ attribute: "show-position-picker", reflect: !0, type: Boolean })
-], v.prototype, "showPositionPicker", 2);
-z([
+], A.prototype, "showPositionPicker", 2);
+b([
   h({ attribute: "last-applied-setting", reflect: !1, type: Object })
-], v.prototype, "lastAppliedSetting", 2);
-z([
+], A.prototype, "lastAppliedSetting", 2);
+b([
   h({ reflect: !0, type: Boolean })
-], v.prototype, "loading", 2);
-z([
+], A.prototype, "loading", 2);
+b([
   h({ attribute: "crop-modes", reflect: !1, type: Array })
-], v.prototype, "cropModes", 2);
-z([
+], A.prototype, "cropModes", 2);
+b([
   h({ attribute: "focus-modes", reflect: !1, type: Object })
-], v.prototype, "focusModes", 2);
-z([
+], A.prototype, "focusModes", 2);
+b([
   h({ attribute: "focus-mode", reflect: !0, type: String })
-], v.prototype, "focusMode", 2);
-z([
+], A.prototype, "focusMode", 2);
+b([
   h({ attribute: "crop-mode", reflect: !0, type: String })
-], v.prototype, "cropMode", 2);
-z([
+], A.prototype, "cropMode", 2);
+b([
   h({ reflect: !0, type: String })
-], v.prototype, "position", 2);
-z([
+], A.prototype, "position", 2);
+b([
   h({ attribute: "keep-aspect-ratio", reflect: !0, type: Boolean })
-], v.prototype, "keepAspectRatio", 2);
-z([
-  R()
-], v.prototype, "invalidWidth", 2);
-z([
-  R()
-], v.prototype, "invalidHeight", 2);
-z([
-  R()
-], v.prototype, "aspectRatio", 2);
-z([
-  P("cropMode", { waitUntilFirstUpdate: !0 }),
-  P("maxWidth", { waitUntilFirstUpdate: !0 }),
-  P("maxHeight", { waitUntilFirstUpdate: !0 }),
-  P("keepAspectRatio")
-], v.prototype, "handleCropModeChange", 1);
-z([
-  P("open", { waitUntilFirstUpdate: !0 })
-], v.prototype, "handleOpenChange", 1);
-v = z([
-  X("cx-asset-link-format-crop")
-], v);
-const We = 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 De = Object.defineProperty, Ne = Object.getOwnPropertyDescriptor, Mt = (t, e, i, s) => {
+], A.prototype, "keepAspectRatio", 2);
+b([
+  $()
+], A.prototype, "invalidWidth", 2);
+b([
+  $()
+], A.prototype, "invalidHeight", 2);
+b([
+  $()
+], A.prototype, "aspectRatio", 2);
+b([
+  _("cropMode", { waitUntilFirstUpdate: !0 }),
+  _("maxWidth", { waitUntilFirstUpdate: !0 }),
+  _("maxHeight", { waitUntilFirstUpdate: !0 }),
+  _("keepAspectRatio")
+], A.prototype, "handleCropModeChange", 1);
+b([
+  _("open", { waitUntilFirstUpdate: !0 })
+], A.prototype, "handleOpenChange", 1);
+A = b([
+  Q("cx-asset-link-format-crop")
+], A);
+const We = j`.extension{padding:var(--cx-spacing-small) var(--cx-spacing-medium);border:solid 1px var(--cx-color-neutral-200);background-color:var(--cx-color-neutral-0);& cx-select{flex:1;width:100%}}`;
+var De = Object.defineProperty, Ne = Object.getOwnPropertyDescriptor, $t = (t, e, i, s) => {
   for (var a = s > 1 ? void 0 : s ? Ne(e, i) : e, r = t.length - 1, n; r >= 0; r--)
     (n = t[r]) && (a = (s ? n(e, i, a) : n(a)) || a);
   return s && a && De(e, i, a), a;
 };
-let Z = class extends j {
+let Z = class extends q {
   constructor() {
-    super(...arguments), this.localize = new G(this), this.value = "", this.items = [];
+    super(...arguments), this.localize = new V(this), this.value = "", this.items = [];
   }
   handleExtensionChange(t) {
     const e = t.target.value;
@@ -1251,46 +1248,46 @@ let Z = class extends j {
     });
   }
   render() {
-    return b`<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}>${ot(
+    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(
       this.items,
       (t) => t.value,
-      (t) => b`<cx-option value=${t.value}>${t.displayName}</cx-option>`
+      (t) => C`<cx-option value=${t.value}>${t.displayName}</cx-option>`
     )}</cx-select></cx-space>`;
   }
 };
-Z.styles = [Q, We];
+Z.styles = [G, We];
 Z.dependencies = {
-  "cx-option": vt,
-  "cx-select": zt,
-  "cx-space": B,
-  "cx-typography": q
+  "cx-option": yt,
+  "cx-select": St,
+  "cx-space": U,
+  "cx-typography": B
 };
-Mt([
+$t([
   h({ reflect: !0, type: String })
 ], Z.prototype, "value", 2);
-Mt([
+$t([
   h({ reflect: !1, type: Array })
 ], Z.prototype, "items", 2);
-Z = Mt([
-  X("cx-asset-link-format-extension")
+Z = $t([
+  Q("cx-asset-link-format-extension")
 ], Z);
-const Oe = V`cx-details::part(base){border-bottom-width:0}`;
-var Le = Object.defineProperty, Ue = Object.getOwnPropertyDescriptor, W = (t, e, i, s) => {
+const Oe = j`cx-details::part(base){border-bottom-width:0}`;
+var Le = Object.defineProperty, Ue = Object.getOwnPropertyDescriptor, D = (t, e, i, s) => {
   for (var a = s > 1 ? void 0 : s ? Ue(e, i) : e, r = t.length - 1, n; r >= 0; r--)
     (n = t[r]) && (a = (s ? n(e, i, a) : n(a)) || a);
   return s && a && Le(e, i, a), a;
 };
-const kt = "auto";
-let I = class extends j {
+const zt = "auto";
+let I = class extends q {
   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 = "";
+    super(...arguments), this.localize = new V(this), this.open = !1, this.value = "", this.items = [], this.canAutoFormat = !1, this.autoFormat = !1, this.loading = !1, this.scopedValue = "";
   }
   /**
    * The listbox value that represents the committed choice: the `Auto` entry when that is
    * active, otherwise the resolved proxy id.
    */
   get committedValue() {
-    return this.autoFormat ? kt : this.value;
+    return this.autoFormat ? zt : this.value;
   }
   handleValueChange() {
     this.scopedValue = this.committedValue;
@@ -1310,7 +1307,7 @@ let I = class extends j {
   handleApply() {
     if (this.loading)
       return;
-    if (this.scopedValue === kt) {
+    if (this.scopedValue === zt) {
       this.emit("cx-asset-link-format-proxy-change", {
         detail: { autoFormat: !0 }
       });
@@ -1340,74 +1337,74 @@ let I = class extends j {
     t.target !== this.base && t.stopPropagation();
   }
   render() {
-    return b`<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}>${ot(
+    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(
       this.items,
       (t) => t.id,
-      (t) => b`<cx-option value=${t.id}>${t.proxyLabel}</cx-option>`
+      (t) => C`<cx-option value=${t.id}>${t.proxyLabel}</cx-option>`
     )}
             ${M(
       this.canAutoFormat,
-      () => b`<cx-divider></cx-divider><cx-option data-testid="cx-asset-link-format-proxy-auto-option" value=${kt}>${this.localize.term("auto")}</cx-option>`,
-      () => qt
+      () => C`<cx-divider></cx-divider><cx-option data-testid="cx-asset-link-format-proxy-auto-option" value=${zt}>${this.localize.term("auto")}</cx-option>`,
+      () => Ot
     )}</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>`;
   }
 };
-I.styles = [Q, Oe];
+I.styles = [G, Oe];
 I.dependencies = {
-  "cx-button": Y,
-  "cx-details": st,
-  "cx-divider": Vt,
-  "cx-icon": at,
-  "cx-option": vt,
-  "cx-select": zt,
-  "cx-space": B,
-  "cx-typography": q
+  "cx-button": K,
+  "cx-details": at,
+  "cx-divider": Ut,
+  "cx-icon": ot,
+  "cx-option": yt,
+  "cx-select": St,
+  "cx-space": U,
+  "cx-typography": B
 };
-W([
-  J(".details")
+D([
+  Y(".details")
 ], I.prototype, "base", 2);
-W([
+D([
   h({ reflect: !0, type: Boolean })
 ], I.prototype, "open", 2);
-W([
+D([
   h({ reflect: !0, type: String })
 ], I.prototype, "value", 2);
-W([
+D([
   h({ reflect: !1, type: Array })
 ], I.prototype, "items", 2);
-W([
+D([
   h({ attribute: "can-auto-format", reflect: !0, type: Boolean })
 ], I.prototype, "canAutoFormat", 2);
-W([
+D([
   h({ attribute: "auto-format", reflect: !0, type: Boolean })
 ], I.prototype, "autoFormat", 2);
-W([
+D([
   h({ reflect: !0, type: Boolean })
 ], I.prototype, "loading", 2);
-W([
-  R()
+D([
+  $()
 ], I.prototype, "scopedValue", 2);
-W([
-  P("autoFormat"),
-  P("value")
+D([
+  _("autoFormat"),
+  _("value")
 ], I.prototype, "handleValueChange", 1);
-W([
-  P("open", { waitUntilFirstUpdate: !0 })
+D([
+  _("open", { waitUntilFirstUpdate: !0 })
 ], I.prototype, "handleOpenChange", 1);
-I = W([
-  X("cx-asset-link-format-proxy")
+I = D([
+  Q("cx-asset-link-format-proxy")
 ], I);
-const Be = V`cx-details::part(base){border-bottom-width:0}`;
-var qe = Object.defineProperty, je = Object.getOwnPropertyDescriptor, tt = (t, e, i, s) => {
+const Be = j`cx-details::part(base){border-bottom-width:0}`;
+var qe = Object.defineProperty, je = Object.getOwnPropertyDescriptor, J = (t, e, i, s) => {
   for (var a = s > 1 ? void 0 : s ? je(e, i) : e, r = t.length - 1, n; r >= 0; r--)
     (n = t[r]) && (a = (s ? n(e, i, a) : n(a)) || a);
   return s && a && qe(e, i, a), a;
 };
-let H = class extends j {
+let W = class extends q {
   constructor() {
-    super(...arguments), this.localize = new G(this), this.open = !1, this.value = 100, this.loading = !1, this.scopedValue = 100;
+    super(...arguments), this.localize = new V(this), this.open = !1, this.value = 100, this.loading = !1, this.scopedValue = 100;
   }
   /**
    * A computed property that checks if the current quality value is invalid.
@@ -1451,51 +1448,51 @@ let H = class extends j {
     t.target !== this.base && t.stopPropagation();
   }
   render() {
-    return b`<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="blur_on"></cx-icon></div></div><cx-typography variant="body2">${this.localize.term("quality")}</cx-typography></cx-space><cx-space spacing="small"><cx-tooltip data-testid="cx-asset-link-format-quality-tooltip" content=${this.localize.term("qualityHelpText")} hoist><cx-input data-testid="cx-asset-link-format-quality" class="details__checkbox" mask="num" .maskBlocks=${{ num: { mask: Number, max: 100, min: 1 } }} value=${this.scopedValue.toString()} style=${O({
+    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="blur_on"></cx-icon></div></div><cx-typography variant="body2">${this.localize.term("quality")}</cx-typography></cx-space><cx-space spacing="small"><cx-tooltip data-testid="cx-asset-link-format-quality-tooltip" content=${this.localize.term("qualityHelpText")} hoist><cx-input data-testid="cx-asset-link-format-quality" class="details__checkbox" mask="num" .maskBlocks=${{ num: { mask: Number, max: 100, min: 1 } }} value=${this.scopedValue.toString()} style=${O({
       flex: "1"
     })} @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>`;
   }
 };
-H.styles = [Q, Be];
-H.dependencies = {
-  "cx-button": Y,
-  "cx-details": st,
-  "cx-icon": at,
-  "cx-input": Ft,
-  "cx-space": B,
-  "cx-tooltip": Gt,
-  "cx-typography": q
+W.styles = [G, Be];
+W.dependencies = {
+  "cx-button": K,
+  "cx-details": at,
+  "cx-icon": ot,
+  "cx-input": kt,
+  "cx-space": U,
+  "cx-tooltip": Bt,
+  "cx-typography": B
 };
-tt([
-  J(".details")
-], H.prototype, "base", 2);
-tt([
+J([
+  Y(".details")
+], W.prototype, "base", 2);
+J([
   h({ reflect: !0, type: Boolean })
-], H.prototype, "open", 2);
-tt([
+], W.prototype, "open", 2);
+J([
   h({ reflect: !0, type: Number })
-], H.prototype, "value", 2);
-tt([
+], W.prototype, "value", 2);
+J([
   h({ reflect: !0, type: Boolean })
-], H.prototype, "loading", 2);
-tt([
-  R()
-], H.prototype, "scopedValue", 2);
-tt([
-  P("value")
-], H.prototype, "handleValueChange", 1);
-H = tt([
-  X("cx-asset-link-format-quality")
-], H);
-const Ve = 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 Ge = Object.defineProperty, Qe = Object.getOwnPropertyDescriptor, $ = (t, e, i, s) => {
+], W.prototype, "loading", 2);
+J([
+  $()
+], W.prototype, "scopedValue", 2);
+J([
+  _("value")
+], W.prototype, "handleValueChange", 1);
+W = J([
+  Q("cx-asset-link-format-quality")
+], W);
+const Ve = j`cx-details::part(base){border-bottom-width:0}cx-space{width:100%}cx-space cx-input{flex:1}.resize__unit-select{width:120px}.resize__input-group{flex:1;display:flex}`;
+var Ge = Object.defineProperty, Qe = Object.getOwnPropertyDescriptor, F = (t, e, i, s) => {
   for (var a = s > 1 ? void 0 : s ? Qe(e, i) : e, r = t.length - 1, n; r >= 0; r--)
     (n = t[r]) && (a = (s ? n(e, i, a) : n(a)) || a);
   return s && a && Ge(e, i, a), a;
 };
-let k = class extends j {
+let R = class extends q {
   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 = {
+    super(...arguments), this.localize = new V(this), this.open = !1, this.width = 0, this.height = 0, this.maxWidth = 0, this.maxHeight = 0, this.ratioWidth = 1, this.ratioHeight = 1, this.unit = o.Pixel, this.lastAppliedSetting = {
       [o.Pixel]: { height: 0, width: 0 },
       [o.AspectRatio]: { height: 1, width: 1 }
     }, this.loading = !1, this.noRatioModes = !1, this.keepAspectRatio = !1, this.invalidWidth = !1, this.invalidHeight = !1, this.aspectRatio = 0;
@@ -1634,7 +1631,7 @@ let k = class extends j {
     });
   }
   render() {
-    return b`<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 === 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">
                 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
@@ -1642,93 +1639,93 @@ let k = class extends j {
                 H
               </cx-typography></cx-input></div>${M(
       !this.noRatioModes,
-      () => b`<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=${o.Pixel}>${this.localize.term("pixels")}</cx-option><cx-option value=${o.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>`;
   }
 };
-k.styles = [Q, Ve];
-k.dependencies = {
-  "cx-button": Y,
-  "cx-details": st,
-  "cx-icon": at,
-  "cx-icon-button": Pt,
-  "cx-input": Ft,
-  "cx-option": vt,
-  "cx-select": zt,
-  "cx-space": B,
-  "cx-typography": q
+R.styles = [G, Ve];
+R.dependencies = {
+  "cx-button": K,
+  "cx-details": at,
+  "cx-icon": ot,
+  "cx-icon-button": Ct,
+  "cx-input": kt,
+  "cx-option": yt,
+  "cx-select": St,
+  "cx-space": U,
+  "cx-typography": B
 };
-$([
-  J(".details")
-], k.prototype, "base", 2);
-$([
+F([
+  Y(".details")
+], R.prototype, "base", 2);
+F([
   h({ reflect: !0, type: Boolean })
-], k.prototype, "open", 2);
-$([
+], R.prototype, "open", 2);
+F([
   h({ reflect: !0, type: Number })
-], k.prototype, "width", 2);
-$([
+], R.prototype, "width", 2);
+F([
   h({ reflect: !0, type: Number })
-], k.prototype, "height", 2);
-$([
+], R.prototype, "height", 2);
+F([
   h({ attribute: "max-width", reflect: !0, type: Number })
-], k.prototype, "maxWidth", 2);
-$([
+], R.prototype, "maxWidth", 2);
+F([
   h({ attribute: "max-height", reflect: !0, type: Number })
-], k.prototype, "maxHeight", 2);
-$([
+], R.prototype, "maxHeight", 2);
+F([
   h({ attribute: "ratio-width", reflect: !0, type: Number })
-], k.prototype, "ratioWidth", 2);
-$([
+], R.prototype, "ratioWidth", 2);
+F([
   h({ attribute: "ratio-height", reflect: !0, type: Number })
-], k.prototype, "ratioHeight", 2);
-$([
+], R.prototype, "ratioHeight", 2);
+F([
   h({ reflect: !0, type: String })
-], k.prototype, "unit", 2);
-$([
+], R.prototype, "unit", 2);
+F([
   h({ attribute: "last-applied-setting", reflect: !1, type: Object })
-], k.prototype, "lastAppliedSetting", 2);
-$([
+], R.prototype, "lastAppliedSetting", 2);
+F([
   h({ reflect: !0, type: Boolean })
-], k.prototype, "loading", 2);
-$([
+], R.prototype, "loading", 2);
+F([
   h({ attribute: "no-ratio-modes", reflect: !0, type: Boolean })
-], k.prototype, "noRatioModes", 2);
-$([
+], R.prototype, "noRatioModes", 2);
+F([
   h({ attribute: "keep-aspect-ratio", reflect: !0, type: Boolean })
-], k.prototype, "keepAspectRatio", 2);
-$([
-  R()
-], k.prototype, "invalidWidth", 2);
-$([
-  R()
-], k.prototype, "invalidHeight", 2);
-$([
-  R()
-], k.prototype, "aspectRatio", 2);
-$([
-  P("cropMode", { waitUntilFirstUpdate: !0 }),
-  P("maxWidth", { waitUntilFirstUpdate: !0 }),
-  P("maxHeight", { waitUntilFirstUpdate: !0 }),
-  P("keepAspectRatio")
-], k.prototype, "handleCropModeChange", 1);
-$([
-  P("open", { waitUntilFirstUpdate: !0 })
-], k.prototype, "handleOpenChange", 1);
-k = $([
-  X("cx-asset-link-format-resize")
-], k);
-const Xe = V`cx-details::part(base){border-bottom-width:0}`;
-var Ke = Object.defineProperty, Ze = Object.getOwnPropertyDescriptor, K = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? Ze(e, i) : e, r = t.length - 1, n; r >= 0; r--)
+], R.prototype, "keepAspectRatio", 2);
+F([
+  $()
+], R.prototype, "invalidWidth", 2);
+F([
+  $()
+], R.prototype, "invalidHeight", 2);
+F([
+  $()
+], R.prototype, "aspectRatio", 2);
+F([
+  _("cropMode", { waitUntilFirstUpdate: !0 }),
+  _("maxWidth", { waitUntilFirstUpdate: !0 }),
+  _("maxHeight", { waitUntilFirstUpdate: !0 }),
+  _("keepAspectRatio")
+], R.prototype, "handleCropModeChange", 1);
+F([
+  _("open", { waitUntilFirstUpdate: !0 })
+], R.prototype, "handleOpenChange", 1);
+R = F([
+  Q("cx-asset-link-format-resize")
+], R);
+const Xe = j`cx-details::part(base){border-bottom-width:0}`;
+var Ze = Object.defineProperty, Ke = Object.getOwnPropertyDescriptor, X = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? Ke(e, i) : e, r = t.length - 1, n; r >= 0; r--)
     (n = t[r]) && (a = (s ? n(e, i, a) : n(a)) || a);
-  return s && a && Ke(e, i, a), a;
+  return s && a && Ze(e, i, a), a;
 };
-let T = class extends j {
+let T = class extends q {
   constructor() {
-    super(...arguments), this.localize = new G(this), this.open = !1, this.value = 0, this.defaultValue = 0, this.loading = !1, this.lastAppliedValue = 0;
+    super(...arguments), this.localize = new V(this), this.open = !1, this.value = 0, this.defaultValue = 0, this.loading = !1, this.lastAppliedValue = 0;
   }
   handleOpenChange() {
     this.open || this.emit("cx-asset-link-format-rotation-change", {
@@ -1739,14 +1736,14 @@ let T = class extends j {
     const e = t.target.value, i = Number(e);
     if (Number.isNaN(i))
       return;
-    const s = Ht(i);
+    const s = Mt(i);
     (i > 360 || i < -360) && (t.target.value = s.toString()), this.emit("cx-asset-link-format-rotation-change", {
       detail: s
     });
   }
   handleButtonClick(t) {
     this.emit("cx-asset-link-format-rotation-change", {
-      detail: Ht(t)
+      detail: Mt(t)
     });
   }
   handleClockwiseClick() {
@@ -1766,55 +1763,55 @@ let T = class extends j {
     });
   }
   render() {
-    return b`<cx-details class="details" ?open=${this.open}><cx-space slot="summary" align-items="center"><div part="icon"><cx-icon name="rotate_90_degrees_cw"></cx-icon></div><cx-typography variant="body2">Rotate</cx-typography></cx-space><cx-space spacing="small"><cx-button-group label=${this.localize.term("history")}><cx-icon-button data-testid="cx-asset-link-format-rotation-ccw" name="rotate_90_degrees_ccw" label=${this.localize.term("undo")} outline size="small" ?disabled=${this.loading || this.value === -360} @click=${this.handleCounterClockwiseClick}></cx-icon-button><cx-icon-button data-testid="cx-asset-link-format-rotation-cw" name="rotate_90_degrees_cw" label=${this.localize.term("redo")} outline size="small" ?disabled=${this.loading || this.value === 360} @click=${this.handleClockwiseClick}></cx-icon-button></cx-button-group><cx-input data-testid="cx-asset-link-format-rotation" value=${(this.value + this.defaultValue).toString()} placeholder="0" mask="num" .maskBlocks=${{ num: { mask: Number, max: 360, min: -360, signed: !0 } }} ?disabled=${this.loading} style=${O({
+    return C`<cx-details class="details" ?open=${this.open}><cx-space slot="summary" align-items="center"><div part="icon"><cx-icon name="rotate_90_degrees_cw"></cx-icon></div><cx-typography variant="body2">Rotate</cx-typography></cx-space><cx-space spacing="small"><cx-button-group label=${this.localize.term("history")}><cx-icon-button data-testid="cx-asset-link-format-rotation-ccw" name="rotate_90_degrees_ccw" label=${this.localize.term("undo")} outline size="small" ?disabled=${this.loading || this.value === -360} @click=${this.handleCounterClockwiseClick}></cx-icon-button><cx-icon-button data-testid="cx-asset-link-format-rotation-cw" name="rotate_90_degrees_cw" label=${this.localize.term("redo")} outline size="small" ?disabled=${this.loading || this.value === 360} @click=${this.handleClockwiseClick}></cx-icon-button></cx-button-group><cx-input data-testid="cx-asset-link-format-rotation" value=${(this.value + this.defaultValue).toString()} placeholder="0" mask="num" .maskBlocks=${{ num: { mask: Number, max: 360, min: -360, signed: !0 } }} ?disabled=${this.loading} style=${O({
       flex: "none",
       width: "80px"
     })} @cx-input=${this.handleRotationChange}></cx-input><cx-button data-testid="cx-asset-link-format-rotation-apply" variant="primary" ?disabled=${this.value === this.lastAppliedValue} ?loading=${this.loading} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
   }
 };
-T.styles = [Q, Xe];
+T.styles = [G, Xe];
 T.dependencies = {
-  "cx-button": Y,
-  "cx-button-group": ce,
-  "cx-details": st,
-  "cx-icon": at,
-  "cx-icon-button": Pt,
-  "cx-space": B,
-  "cx-typography": q
+  "cx-button": K,
+  "cx-button-group": le,
+  "cx-details": at,
+  "cx-icon": ot,
+  "cx-icon-button": Ct,
+  "cx-space": U,
+  "cx-typography": B
 };
-K([
-  J(".details")
+X([
+  Y(".details")
 ], T.prototype, "base", 2);
-K([
+X([
   h({ reflect: !0, type: Boolean })
 ], T.prototype, "open", 2);
-K([
+X([
   h({ reflect: !0, type: Number })
 ], T.prototype, "value", 2);
-K([
+X([
   h({ attribute: "default-value", reflect: !0, type: Number })
 ], T.prototype, "defaultValue", 2);
-K([
+X([
   h({ reflect: !0, type: Boolean })
 ], T.prototype, "loading", 2);
-K([
+X([
   h({ attribute: "last-applied-value", reflect: !0, type: Number })
 ], T.prototype, "lastAppliedValue", 2);
-K([
-  P("open", { waitUntilFirstUpdate: !0 })
+X([
+  _("open", { waitUntilFirstUpdate: !0 })
 ], T.prototype, "handleOpenChange", 1);
-T = K([
-  X("cx-asset-link-format-rotation")
+T = X([
+  Q("cx-asset-link-format-rotation")
 ], T);
-const Ye = V`cx-details::part(base){border-bottom-width:0}`;
-var Je = Object.defineProperty, ti = Object.getOwnPropertyDescriptor, bt = (t, e, i, s) => {
+const Ye = j`cx-details::part(base){border-bottom-width:0}`;
+var Je = Object.defineProperty, ti = Object.getOwnPropertyDescriptor, At = (t, e, i, s) => {
   for (var a = s > 1 ? void 0 : s ? ti(e, i) : e, r = t.length - 1, n; r >= 0; r--)
     (n = t[r]) && (a = (s ? n(e, i, a) : n(a)) || a);
   return s && a && Je(e, i, a), a;
 };
-let U = class extends j {
+let L = class extends q {
   constructor() {
-    super(...arguments), this.localize = new G(this), this.open = !1, this.value = !1;
+    super(...arguments), this.localize = new V(this), this.open = !1, this.value = !1;
   }
   handleApply(t) {
     this.emit("cx-asset-link-format-metadata-change", {
@@ -1838,39 +1835,39 @@ let U = class extends j {
     t.target !== this.base && t.stopPropagation();
   }
   render() {
-    return b`<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>`;
+    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, Ye];
-U.dependencies = {
-  "cx-button": Y,
-  "cx-checkbox": pe,
-  "cx-details": st,
-  "cx-icon": at,
-  "cx-space": B,
-  "cx-tooltip": Gt,
-  "cx-typography": q
+L.styles = [G, Ye];
+L.dependencies = {
+  "cx-button": K,
+  "cx-checkbox": ce,
+  "cx-details": at,
+  "cx-icon": ot,
+  "cx-space": U,
+  "cx-tooltip": Bt,
+  "cx-typography": B
 };
-bt([
-  J(".details")
-], U.prototype, "base", 2);
-bt([
+At([
+  Y(".details")
+], L.prototype, "base", 2);
+At([
   h({ reflect: !0, type: Boolean })
-], U.prototype, "open", 2);
-bt([
+], L.prototype, "open", 2);
+At([
   h({ reflect: !0, type: Boolean })
-], U.prototype, "value", 2);
-U = bt([
-  X("cx-asset-link-format-metadata")
-], U);
-var ei = Object.defineProperty, ii = Object.getOwnPropertyDescriptor, S = (t, e, i, s) => {
+], L.prototype, "value", 2);
+L = At([
+  Q("cx-asset-link-format-metadata")
+], L);
+var ei = Object.defineProperty, ii = Object.getOwnPropertyDescriptor, y = (t, e, i, s) => {
   for (var a = s > 1 ? void 0 : s ? ii(e, i) : e, r = t.length - 1, n; r >= 0; r--)
     (n = t[r]) && (a = (s ? n(e, i, a) : n(a)) || a);
   return s && a && ei(e, i, a), a;
 };
-let m = class extends j {
+let u = class extends q {
   constructor() {
-    super(), this.localize = new G(this), this.baseUrl = void 0, this.token = void 0, this.asset = void 0, this.cropModes = [
+    super(), this.localize = new V(this), this.baseUrl = void 0, this.token = void 0, this.asset = void 0, this.cropModes = [
       {
         label: "Free",
         value: "free"
@@ -1966,7 +1963,7 @@ let m = class extends j {
     }, 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 = Ce, this.apiGetCropFocusMode = Pe, this.onCropComplete = this.onCropComplete.bind(this), this.onCropDragStart = this.onCropDragStart.bind(this);
+    }, this.cropperElement = null, this.parameters = [], this.loading = !1, this.lastAction = void 0, this.frozenIndex = void 0, this.preResetTransformations = void 0, this.preResetAutoFormat = void 0, this.preResetSelectedProxy = void 0, this.apiGetTransformAssetLink = we, this.apiGetCropFocusMode = Pe, 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
@@ -1988,7 +1985,7 @@ let m = class extends j {
    */
   get lastAppliedCropUnit() {
     return this.transformations.findLast(
-      (e) => e.key === f.Crop
+      (e) => e.key === m.Crop
     )?.value.unit ?? o.Pixel;
   }
   /**
@@ -1998,7 +1995,7 @@ let m = class extends j {
    */
   get lastAppliedCropFocusMode() {
     return this.transformations.findLast(
-      (e) => e.key === f.Crop
+      (e) => e.key === m.Crop
     )?.value.focusMode ?? "manual";
   }
   /**
@@ -2008,7 +2005,7 @@ let m = class extends j {
    */
   get lastAppliedCropPosition() {
     return this.transformations.findLast(
-      (e) => e.key === f.Crop
+      (e) => e.key === m.Crop
     )?.value.position ?? N.CenterCenter;
   }
   /**
@@ -2060,7 +2057,7 @@ let m = class extends j {
   get lastCropSize() {
     if (!this.asset) {
       const e = this.transformations.findLast(
-        (i) => i.key === f.Crop
+        (i) => i.key === m.Crop
       );
       if (e?.value.unit === o.AspectRatio && e.value.ratioWidth && e.value.ratioHeight)
         return {
@@ -2143,7 +2140,7 @@ let m = class extends j {
   get lastResizeSize() {
     if (!this.asset) {
       const e = this.transformations.findLast(
-        (i) => i.key === f.Resize
+        (i) => i.key === m.Resize
       );
       if (e?.value.unit === o.AspectRatio && e.value.ratioWidth && e.value.ratioHeight)
         return {
@@ -2199,7 +2196,7 @@ let m = class extends j {
    */
   get lastRotation() {
     return this.asset ? 0 : this.transformations.findLast(
-      (e) => e.key === f.Rotate
+      (e) => e.key === m.Rotate
     )?.value.rotation ?? 0;
   }
   /**
@@ -2245,13 +2242,13 @@ let m = class extends j {
       );
       this.loading = !0, this.apiGetTransformAssetLink({
         assetId: this.asset.id,
-        extension: m.getTransformExtension(this.asset.extension),
+        extension: u.getTransformExtension(this.asset.extension),
         format: e?.proxyName ?? "",
         siteUrl: this.baseUrl,
         token: this.token,
         transformations: this.transformationString
       }).then((s) => {
-        this.loading = !1, !(!s?.relativePath || !this.selectedFormat) && (this.lastAction === f.Rotate && (this.rotation = 0), this.lastAction = void 0, this.lastImageSize = {
+        this.loading = !1, !(!s?.relativePath || !this.selectedFormat) && (this.lastAction === m.Rotate && (this.rotation = 0), this.lastAction = void 0, this.lastImageSize = {
           height: s.height,
           width: s.width
         }, this.selectedFormat = {
@@ -2310,35 +2307,35 @@ let m = class extends j {
         }).replace(/\/t\//g, "")
       });
       const r = this.transformations.findLast(
-        (c) => c.key === f.Crop && (c.value.unit === o.AspectRatio && c.value.ratioWidth && c.value.ratioHeight || c.value.width && c.value.height)
+        (c) => c.key === m.Crop && (c.value.unit === o.AspectRatio && c.value.ratioWidth && c.value.ratioHeight || c.value.width && c.value.height)
       );
       if (r?.value.unit === o.AspectRatio && r.value.ratioWidth && r.value.ratioHeight) {
-        const { focusMode: c, position: x, ratioHeight: A, ratioWidth: p } = r.value;
+        const { focusMode: c, position: f, ratioHeight: S, ratioWidth: x } = r.value;
         this.cropSize = {
           ...this.cropSize,
           cropMode: "free",
           focusMode: c ?? "manual",
           percentageHeight: 100,
           percentageWidth: 100,
-          position: x ?? N.CenterCenter,
-          ratioHeight: A,
-          ratioWidth: p,
+          position: f ?? N.CenterCenter,
+          ratioHeight: S,
+          ratioWidth: x,
           unit: o.AspectRatio
         };
       } else if (r) {
-        const { focusMode: c, height: x, position: A, unit: p, width: y, x: w = 0, y: u = 0 } = r.value;
+        const { focusMode: c, height: f, position: S, unit: x, width: d, x: v = 0, y: k = 0 } = r.value;
         this.cropSize = {
           ...this.cropSize,
           cropMode: "free",
           focusMode: c ?? "manual",
-          height: x,
+          height: f,
           percentageHeight: 100,
           percentageWidth: 100,
-          position: A ?? N.CenterCenter,
-          unit: p ?? o.Pixel,
-          width: y,
-          x: w,
-          y: u
+          position: S ?? N.CenterCenter,
+          unit: x ?? o.Pixel,
+          width: d,
+          x: v,
+          y: k
         };
       } else
         this.cropSize = {
@@ -2361,23 +2358,23 @@ let m = class extends j {
           y: 0
         };
       const n = this.transformations.findLast(
-        (c) => c.key === f.Resize && (c.value.unit === o.AspectRatio && c.value.ratioWidth && c.value.ratioHeight || c.value.width || c.value.height)
+        (c) => c.key === m.Resize && (c.value.unit === o.AspectRatio && c.value.ratioWidth && c.value.ratioHeight || c.value.width || c.value.height)
       );
       if (n?.value.unit === o.AspectRatio && n.value.ratioWidth && n.value.ratioHeight) {
-        const { ratioHeight: c, ratioWidth: x } = n.value;
+        const { ratioHeight: c, ratioWidth: f } = n.value;
         this.resizeSize = {
           ...this.resizeSize,
           ratioHeight: c,
-          ratioWidth: x,
+          ratioWidth: f,
           unit: o.AspectRatio
         };
       } else if (n) {
-        const { height: c = 0, unit: x, width: A = 0 } = n.value;
+        const { height: c = 0, unit: f, width: S = 0 } = n.value;
         this.resizeSize = {
           ...this.resizeSize,
           height: c,
-          unit: x ?? o.Pixel,
-          width: A
+          unit: f ?? o.Pixel,
+          width: S
         };
       } else
         this.resizeSize = {
@@ -2392,17 +2389,17 @@ let m = class extends j {
           width: 1
         };
       const l = this.transformations.findLast(
-        (c) => c.key === f.Rotate
+        (c) => c.key === m.Rotate
       );
       this.rotation = l?.value.rotation ?? 0;
-      const d = this.transformations.findLast((c) => c.key === f.Quality)?.value.quality ?? 100, g = this.transformations.some(
-        (c) => c.key === f.Metadata
+      const p = this.transformations.findLast((c) => c.key === m.Quality)?.value.quality ?? 100, g = this.transformations.some(
+        (c) => c.key === m.Metadata
       );
-      this.selectedFormat ? this.selectedFormat = { ...this.selectedFormat, keepMetadata: g, quality: d } : this.selectedFormat = {
+      this.selectedFormat ? this.selectedFormat = { ...this.selectedFormat, keepMetadata: g, quality: p } : this.selectedFormat = {
         extension: "",
         height: 0,
         keepMetadata: g,
-        quality: d,
+        quality: p,
         rotation: 0,
         url: "",
         width: 0,
@@ -2419,7 +2416,7 @@ let m = class extends j {
     this.loading = !0;
     const e = await this.apiGetTransformAssetLink({
       assetId: this.asset.id,
-      extension: m.getTransformExtension(this.selectedFormat.extension),
+      extension: u.getTransformExtension(this.selectedFormat.extension),
       format: t?.proxyName ?? "",
       siteUrl: this.baseUrl,
       token: this.token,
@@ -2451,11 +2448,11 @@ let m = class extends j {
       width: e.width,
       x: 0,
       y: 0
-    }, this.lastAction === f.Rotate && (this.rotation = 0), this.lastAction = void 0;
+    }, this.lastAction === m.Rotate && (this.rotation = 0), this.lastAction = void 0;
     const i = this.transformations.some(
-      (r) => r.key === f.Metadata
+      (r) => r.key === m.Metadata
     ), s = this.transformations.findLast(
-      (r) => r.key === f.Quality
+      (r) => r.key === m.Quality
     );
     this.selectedFormat = {
       ...this.selectedFormat,
@@ -2501,7 +2498,7 @@ let m = class extends j {
       width: Number.parseInt(this.asset.width, 10)
     });
     const t = this.transformations.findLast(
-      (e) => e.key === f.Quality
+      (e) => e.key === m.Quality
     );
     this.selectedFormat = {
       extension: this.asset.extension,
@@ -2556,8 +2553,8 @@ let m = 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 === f.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, d = a.y / i.formatHeight * e.formatHeight;
+      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;
         return {
           ...s,
           value: {
@@ -2565,11 +2562,11 @@ let m = class extends j {
             height: n,
             width: r,
             x: l,
-            y: d
+            y: p
           }
         };
       }
-      if (s.key === f.Resize) {
+      if (s.key === m.Resize) {
         const a = s.value, r = a.width / i.formatWidth * e.formatWidth, n = a.height / i.formatHeight * e.formatHeight;
         return {
           ...s,
@@ -2644,29 +2641,29 @@ let m = class extends j {
     percentageWidth: r,
     ratioHeight: n,
     ratioWidth: l,
-    unit: d,
+    unit: p,
     useCropMode: g,
     width: c
   }) {
     if (!this.selectedFormat?.url || e === "manual")
       return;
-    this.loading = !0, this.lastAction = f.Crop;
-    const x = await this.apiGetCropFocusMode({
+    this.loading = !0, this.lastAction = m.Crop;
+    const f = await this.apiGetCropFocusMode({
       autoCropMode: e,
       cropHeight: i,
       cropWidth: c,
       imageUrl: this.selectedFormat.url
     });
-    if (x) {
-      let A = a, p = r;
-      i || (A = x.height * 100 / this.selectedFormat.height), c || (p = x.width * 100 / this.selectedFormat.width), this.cropSize = {
+    if (f) {
+      let S = a, x = r;
+      i || (S = f.height * 100 / this.selectedFormat.height), c || (x = f.width * 100 / this.selectedFormat.width), this.cropSize = {
         ...this.cropSize,
-        height: x.height,
-        percentageHeight: A ?? this.cropSize.percentageHeight,
-        percentageWidth: p ?? this.cropSize.percentageWidth,
-        width: x.width,
-        x: x.x * 100 / this.selectedFormat.width,
-        y: x.y * 100 / this.selectedFormat.height,
+        height: f.height,
+        percentageHeight: S ?? this.cropSize.percentageHeight,
+        percentageWidth: x ?? this.cropSize.percentageWidth,
+        width: f.width,
+        x: f.x * 100 / this.selectedFormat.width,
+        y: f.y * 100 / this.selectedFormat.height,
         ...g ? {
           cropMode: e,
           focusMode: "manual",
@@ -2678,7 +2675,7 @@ let m = class extends j {
         keepAspectRatio: s ?? this.cropSize.keepAspectRatio,
         ratioHeight: n ?? this.cropSize.ratioHeight,
         ratioWidth: l ?? this.cropSize.ratioWidth,
-        unit: d ?? this.cropSize.unit
+        unit: p ?? this.cropSize.unit
       };
     }
     this.loading = !1, this.lastAction = void 0;
@@ -2693,22 +2690,22 @@ let m = class extends j {
     if (s === 0 || i === 0)
       return;
     const n = this.cropSize.percentageWidth !== s, l = this.cropSize.percentageHeight !== i;
-    let d = this.cropSize.height, g = this.cropSize.width;
-    n && (g = Math.round(s * this.selectedFormat.width / 100)), l && (d = Math.round(
+    let p = this.cropSize.height, g = this.cropSize.width;
+    n && (g = Math.round(s * this.selectedFormat.width / 100)), l && (p = Math.round(
       i * this.selectedFormat.height / 100
     ));
     const c = this.cropSize.focusMode;
     this.focusModes.find(
-      (A) => A.value === c
+      (S) => S.value === c
     )?.auto && this.selectedFormat?.url && this.cropperElement ? await this.handleRequestAutoCropSuggestion({
       focusMode: c,
-      height: d,
+      height: p,
       percentageHeight: i,
       percentageWidth: s,
       width: g
     }) : this.cropSize = {
       ...this.cropSize,
-      height: d,
+      height: p,
       percentageHeight: i,
       percentageWidth: s,
       width: g,
@@ -2742,12 +2739,12 @@ let m = class extends j {
    * a proxy *id*, so the name has to be looked up in `proxies` rather than used directly.
    */
   get autoResolvedProxyId() {
-    const t = jt(this.asset?.extension, this.asset?.size);
+    const t = Lt(this.asset?.extension, this.asset?.size);
     return this.proxies?.find((e) => e.proxyName === t)?.id ?? "";
   }
   onProxyChange(t) {
     const e = t.detail;
-    if (this.lastAction = f.Proxy, e.autoFormat) {
+    if (this.lastAction = m.Proxy, e.autoFormat) {
       this.autoFormat = !0;
       const i = this.autoResolvedProxyId;
       i && (this.selectedProxy = i);
@@ -2764,7 +2761,7 @@ let m = class extends j {
       });
     else {
       const s = this.focusModes.find(
-        (d) => d.value === this.cropSize.focusMode
+        (p) => p.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({
@@ -2810,11 +2807,11 @@ let m = class extends j {
         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, d = this.cropSize.y;
-      l + n > 100 && (l = 100 - n), d + r > 100 && (d = 100 - r);
+      let l = this.cropSize.x, p = this.cropSize.y;
+      l + n > 100 && (l = 100 - n), p + r > 100 && (p = 100 - r);
       let g = this.cropSize.cropMode;
       this.cropModes.find(
-        (x) => x.value === g
+        (f) => f.value === g
       )?.auto && (g = "free"), t.detail.silent ? (this.cropSize.height = a, this.cropSize.keepAspectRatio = t.detail.keepAspectRatio, this.cropSize.percentageHeight = r, this.cropSize.percentageWidth = n, this.cropSize.ratioHeight = t.detail.height, this.cropSize.ratioWidth = t.detail.width, this.cropSize.unit = o.AspectRatio, this.cropSize.width = s) : this.cropSize = {
         ...this.cropSize,
         cropMode: g,
@@ -2827,7 +2824,7 @@ let m = class extends j {
         unit: o.AspectRatio,
         width: s,
         x: l,
-        y: d
+        y: p
       };
     } else {
       const i = this.asset ? t.detail.height * 100 / this.selectedFormat.height : 100, s = this.asset ? t.detail.width * 100 / this.selectedFormat.width : 100;
@@ -2835,7 +2832,7 @@ let m = class extends j {
       a + s > 100 && (a = 100 - s), r + i > 100 && (r = 100 - i);
       let n = this.cropSize.cropMode;
       const l = this.cropModes.find(
-        (d) => d.value === n
+        (p) => p.value === n
       )?.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 = {
         ...this.cropSize,
@@ -2865,43 +2862,43 @@ let m = class extends j {
     });
   }
   onCropApply(t) {
-    if (this.clearResetSnapshot(), this.lastAction = f.Crop, !this.asset) {
+    if (this.clearResetSnapshot(), this.lastAction = m.Crop, !this.asset) {
       const {
         focusMode: l,
-        height: d,
+        height: p,
         position: g,
         ratioHeight: c,
-        ratioWidth: x,
-        unit: A,
-        width: p,
-        x: y,
-        y: w
-      } = this.cropSize, u = this.focusModes.find(
-        (C) => C.value === l
+        ratioWidth: f,
+        unit: S,
+        width: x,
+        x: d,
+        y: v
+      } = this.cropSize, k = this.focusModes.find(
+        (z) => z.value === l
       )?.auto ?? !1;
-      if (A === o.AspectRatio) {
-        x && c && this.upsertTransformation({
-          key: f.Crop,
+      if (S === o.AspectRatio) {
+        f && c && this.upsertTransformation({
+          key: m.Crop,
           value: {
             focusMode: l,
-            isFocusModeAuto: u,
+            isFocusModeAuto: k,
             position: g,
             ratioHeight: c,
-            ratioWidth: x,
-            unit: A
+            ratioWidth: f,
+            unit: S
           }
         });
         return;
       }
-      (d || p) && this.upsertTransformation({
-        key: f.Crop,
+      (p || x) && this.upsertTransformation({
+        key: m.Crop,
         value: {
           focusMode: l,
-          height: d,
-          isFocusModeAuto: u,
+          height: p,
+          isFocusModeAuto: k,
           position: g,
-          unit: A,
-          width: p,
+          unit: S,
+          width: x,
           /**
            * 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
@@ -2909,8 +2906,8 @@ let m = class extends j {
            * string) so `hasManualXY` in buildTransformationString doesn't spuriously
            * suppress the focus mode / position `c_g_` gravity value.
            */
-          x: Number.isFinite(y) && y !== 0 ? y : void 0,
-          y: Number.isFinite(w) && w !== 0 ? w : void 0
+          x: Number.isFinite(d) && d !== 0 ? d : void 0,
+          y: Number.isFinite(v) && v !== 0 ? v : void 0
         }
       });
       return;
@@ -2922,15 +2919,15 @@ let m = class extends j {
       (l) => l.value === r
     )?.auto ?? !1;
     if (e && a && s) {
-      let l = a, d = e;
-      if (s === o.AspectRatio && (l = this.cropSize.percentageWidth * this.selectedFormat.width / 100, d = this.cropSize.percentageHeight * this.selectedFormat.height / 100), i)
+      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)
         this.transformations = [
           ...this.transformations,
           {
-            key: f.Crop,
+            key: m.Crop,
             value: {
               focusMode: r,
-              height: d,
+              height: p,
               isFocusModeAuto: n,
               mode: i,
               width: l
@@ -2942,10 +2939,10 @@ let m = class extends j {
         this.transformations = [
           ...this.transformations,
           {
-            key: f.Crop,
+            key: m.Crop,
             value: {
               focusMode: r,
-              height: d,
+              height: p,
               isFocusModeAuto: n,
               unit: s,
               width: l,
@@ -2958,7 +2955,7 @@ let m = class extends j {
     } else i && (this.transformations = [
       ...this.transformations,
       {
-        key: f.Crop,
+        key: m.Crop,
         value: {
           focusMode: r,
           isFocusModeAuto: n,
@@ -2993,13 +2990,13 @@ let m = class extends j {
   }
   onResizeApply(t) {
     const { height: e, unit: i, width: s } = t.detail;
-    if (this.clearResetSnapshot(), this.lastAction = f.Resize, !this.asset) {
+    if (this.clearResetSnapshot(), this.lastAction = m.Resize, !this.asset) {
       if (i === o.AspectRatio) {
-        const { ratioHeight: d, ratioWidth: g } = this.resizeSize;
-        g && d && this.upsertTransformation({
-          key: f.Resize,
+        const { ratioHeight: p, ratioWidth: g } = this.resizeSize;
+        g && p && this.upsertTransformation({
+          key: m.Resize,
           value: {
-            ratioHeight: d,
+            ratioHeight: p,
             ratioWidth: g,
             unit: i
           }
@@ -3007,7 +3004,7 @@ let m = class extends j {
         return;
       }
       (e || s) && this.upsertTransformation({
-        key: f.Resize,
+        key: m.Resize,
         value: {
           height: e,
           unit: i,
@@ -3023,7 +3020,7 @@ let m = class extends j {
     this.resizeSize.unit !== i ? (n = a, l = r) : i === o.AspectRatio && (n = Math.round(s / e * r), l = r), this.transformations = [
       ...this.transformations,
       {
-        key: f.Resize,
+        key: m.Resize,
         value: {
           height: l,
           unit: i,
@@ -3037,21 +3034,21 @@ let m = class extends j {
   }
   onRotationApply(t) {
     const e = t.detail;
-    if (this.clearResetSnapshot(), this.lastAction = f.Rotate, !this.asset) {
+    if (this.clearResetSnapshot(), this.lastAction = m.Rotate, !this.asset) {
       e ? this.upsertTransformation({
-        key: f.Rotate,
+        key: m.Rotate,
         value: {
           rotation: e
         }
       }) : this.transformations = this.transformations.filter(
-        (i) => i.key !== f.Rotate
+        (i) => i.key !== m.Rotate
       );
       return;
     }
     this.selectedFormat && (this.transformations = [
       ...this.transformations,
       {
-        key: f.Rotate,
+        key: m.Rotate,
         value: {
           rotation: e
         }
@@ -3060,9 +3057,9 @@ let m = class extends j {
   }
   onQualityChange(t) {
     const e = t.detail;
-    this.selectedFormat && (this.selectedFormat.quality = e), this.clearResetSnapshot(), this.lastAction = f.Quality;
+    this.selectedFormat && (this.selectedFormat.quality = e), this.clearResetSnapshot(), this.lastAction = m.Quality;
     const i = {
-      key: f.Quality,
+      key: m.Quality,
       value: {
         quality: e
       }
@@ -3076,22 +3073,22 @@ let m = class extends j {
       keepMetadata: e
     }), !this.asset) {
       e ? this.upsertTransformation({
-        key: f.Metadata,
+        key: m.Metadata,
         value: {
           keepMetadata: e
         }
       }) : this.transformations = this.transformations.filter(
-        (i) => i.key !== f.Metadata
+        (i) => i.key !== m.Metadata
       );
       return;
     }
     e ? this.upsertTransformation({
-      key: f.Metadata,
+      key: m.Metadata,
       value: {
         keepMetadata: e
       }
     }) : this.transformations = this.transformations.filter(
-      (i) => i.key !== f.Metadata
+      (i) => i.key !== m.Metadata
     );
   }
   onExtensionChange(t) {
@@ -3103,7 +3100,7 @@ let m = class extends j {
   }
   syncQuality() {
     const t = this.transformations.findLast(
-      (e) => e.key === f.Quality
+      (e) => e.key === m.Quality
     )?.value?.quality;
     this.selectedFormat && (this.selectedFormat = {
       ...this.selectedFormat,
@@ -3141,198 +3138,198 @@ let m = class extends j {
     this.transformations = [], this.frozenIndex = -1, this.syncQuality();
   }
   render() {
-    return b`<div class="asset-link-format" @cx-show=${this.onDetailsShow} @cx-hide=${this.onDetailsHide}>${M(
+    return C`<div class="asset-link-format" @cx-show=${this.onDetailsShow} @cx-hide=${this.onDetailsHide}>${M(
       !this.hideHeader,
-      () => b`<cx-space class="asset-link-format__section-header" direction="horizontal" spacing="small" align-items="center" justify-content="space-between"><cx-typography variant="body3">${this.localize.term("transformations")}</cx-typography><cx-space direction="horizontal" spacing="3x-small" align-items="center"><cx-button class="asset-link-format__undo" variant="custom" ?disabled=${!this.hasUnfrozenTransformations && this.preResetTransformations === void 0} @click=${this.handleUndo}>${this.localize.term("undo")}</cx-button>${M(this.canReset, () => b`<cx-button class="asset-link-format__reset" variant="custom" ?disabled=${!this.hasResettableState} @click=${this.handleReset}>${this.localize.term("reset")}</cx-button>`)}</cx-space></cx-space>`,
-      () => qt
+      () => C`<cx-space class="asset-link-format__section-header" direction="horizontal" spacing="small" align-items="center" justify-content="space-between"><cx-typography variant="body3">${this.localize.term("transformations")}</cx-typography><cx-space direction="horizontal" spacing="3x-small" align-items="center"><cx-button class="asset-link-format__undo" variant="custom" ?disabled=${!this.hasUnfrozenTransformations && this.preResetTransformations === void 0} @click=${this.handleUndo}>${this.localize.term("undo")}</cx-button>${M(this.canReset, () => C`<cx-button class="asset-link-format__reset" variant="custom" ?disabled=${!this.hasResettableState} @click=${this.handleReset}>${this.localize.term("reset")}</cx-button>`)}</cx-space></cx-space>`,
+      () => Ot
     )}
       ${M(
       !this.noFormat,
-      () => b`<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>`
+      () => 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>`
     )}
       ${M(
       !this.noCrop,
-      () => b`<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[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 === 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>`
     )}
       ${M(
       !this.noResize,
-      () => b`<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>`
+      () => 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>`
     )}
       ${M(
       !this.noRotate,
-      () => b`<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>${M(
+      () => 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>${M(
       !this.noMetadata,
-      () => b`<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>`
+      () => 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>`
     )}
       ${M(
       this.useCustomExtension,
-      () => b`<cx-asset-link-format-extension .items=${this.extensions} value=${this.selectedFormat?.extension ?? ""} @cx-asset-link-format-extension-change=${this.onExtensionChange}></cx-asset-link-format-extension>`
+      () => C`<cx-asset-link-format-extension .items=${this.extensions} value=${this.selectedFormat?.extension ?? ""} @cx-asset-link-format-extension-change=${this.onExtensionChange}></cx-asset-link-format-extension>`
     )}</div>`;
   }
 };
-m.styles = [Q, Ie];
-m.dependencies = {
-  "cx-asset-link-format-crop": v,
+u.styles = [G, Ie];
+u.dependencies = {
+  "cx-asset-link-format-crop": A,
   "cx-asset-link-format-extension": Z,
-  "cx-asset-link-format-metadata": U,
+  "cx-asset-link-format-metadata": L,
   "cx-asset-link-format-proxy": I,
-  "cx-asset-link-format-quality": H,
-  "cx-asset-link-format-resize": k,
+  "cx-asset-link-format-quality": W,
+  "cx-asset-link-format-resize": R,
   "cx-asset-link-format-rotation": T,
-  "cx-button": Y,
-  "cx-space": B,
-  "cx-typography": q
+  "cx-button": K,
+  "cx-space": U,
+  "cx-typography": B
 };
-S([
+y([
   h({ attribute: "base-url", type: String })
-], m.prototype, "baseUrl", 2);
-S([
+], u.prototype, "baseUrl", 2);
+y([
   h({ attribute: "token", type: String })
-], m.prototype, "token", 2);
-S([
+], u.prototype, "token", 2);
+y([
   h({ reflect: !1, type: Object })
-], m.prototype, "asset", 2);
-S([
+], u.prototype, "asset", 2);
+y([
   h({ attribute: "crop-modes", reflect: !1, type: Array })
-], m.prototype, "cropModes", 2);
-S([
+], u.prototype, "cropModes", 2);
+y([
   h({ attribute: "focus-modes", reflect: !1, type: Object })
-], m.prototype, "focusModes", 2);
-S([
+], u.prototype, "focusModes", 2);
+y([
   h({ reflect: !1, type: Array })
-], m.prototype, "extensions", 2);
-S([
+], u.prototype, "extensions", 2);
+y([
   h({ reflect: !1, type: Array })
-], m.prototype, "proxies", 2);
-S([
+], u.prototype, "proxies", 2);
+y([
   h({ attribute: "for-cropper", reflect: !0, type: String })
-], m.prototype, "forCropper", 2);
-S([
+], u.prototype, "forCropper", 2);
+y([
   h({ attribute: "use-session", reflect: !0, type: String })
-], m.prototype, "useSession", 2);
-S([
+], u.prototype, "useSession", 2);
+y([
   h({ reflect: !1, type: Array })
-], m.prototype, "transformations", 2);
-S([
+], u.prototype, "transformations", 2);
+y([
   h({ attribute: "selected-proxy", reflect: !0, type: String })
-], m.prototype, "selectedProxy", 2);
-S([
+], u.prototype, "selectedProxy", 2);
+y([
   h({ attribute: "default-proxy", reflect: !0, type: String })
-], m.prototype, "defaultProxy", 2);
-S([
+], u.prototype, "defaultProxy", 2);
+y([
   h({ attribute: "can-auto-format", reflect: !0, type: Boolean })
-], m.prototype, "canAutoFormat", 2);
-S([
+], u.prototype, "canAutoFormat", 2);
+y([
   h({ attribute: "auto-format", reflect: !0, type: Boolean })
-], m.prototype, "autoFormat", 2);
-S([
+], u.prototype, "autoFormat", 2);
+y([
   h({ attribute: "use-custom-extension", reflect: !0, type: Boolean })
-], m.prototype, "useCustomExtension", 2);
-S([
+], u.prototype, "useCustomExtension", 2);
+y([
   h({ attribute: "no-metadata", reflect: !0, type: Boolean })
-], m.prototype, "noMetadata", 2);
-S([
+], u.prototype, "noMetadata", 2);
+y([
   h({ attribute: "no-format", reflect: !0, type: Boolean })
-], m.prototype, "noFormat", 2);
-S([
+], u.prototype, "noFormat", 2);
+y([
   h({ attribute: "no-crop", reflect: !0, type: Boolean })
-], m.prototype, "noCrop", 2);
-S([
+], u.prototype, "noCrop", 2);
+y([
   h({ attribute: "no-resize", reflect: !0, type: Boolean })
-], m.prototype, "noResize", 2);
-S([
+], u.prototype, "noResize", 2);
+y([
   h({ attribute: "no-rotate", reflect: !0, type: Boolean })
-], m.prototype, "noRotate", 2);
-S([
+], u.prototype, "noRotate", 2);
+y([
   h({ attribute: "last-image-size", reflect: !1, type: Object })
-], m.prototype, "lastImageSize", 2);
-S([
+], u.prototype, "lastImageSize", 2);
+y([
   h({ attribute: "hide-header", reflect: !1, type: Boolean })
-], m.prototype, "hideHeader", 2);
-S([
+], u.prototype, "hideHeader", 2);
+y([
   h({ attribute: "can-reset", type: Boolean })
-], m.prototype, "canReset", 2);
-S([
+], u.prototype, "canReset", 2);
+y([
   h({ attribute: !1, reflect: !1, type: Object })
-], m.prototype, "queryElement", 2);
-S([
-  R()
-], m.prototype, "activeSetting", 2);
-S([
-  R()
-], m.prototype, "selectedFormat", 2);
-S([
-  R()
-], m.prototype, "resizeSize", 2);
-S([
-  R()
-], m.prototype, "cropSize", 2);
-S([
-  R()
-], m.prototype, "rotation", 2);
-S([
-  R()
-], m.prototype, "defaultSize", 2);
-S([
-  R()
-], m.prototype, "cropperElement", 2);
-S([
-  R()
-], m.prototype, "parameters", 2);
-S([
-  R()
-], m.prototype, "loading", 2);
-S([
-  R()
-], m.prototype, "lastAction", 2);
-S([
-  R()
-], m.prototype, "frozenIndex", 2);
-S([
-  R()
-], m.prototype, "preResetTransformations", 2);
-S([
-  R()
-], m.prototype, "preResetAutoFormat", 2);
-S([
-  R()
-], m.prototype, "preResetSelectedProxy", 2);
-S([
-  P("transformations")
-], m.prototype, "handleTransformationsChange", 1);
-S([
-  P("selectedProxy")
-], m.prototype, "handleSelectedProxyChange", 1);
-S([
-  P("loading")
-], m.prototype, "handleLoadingChange", 1);
-m = S([
-  X("cx-asset-link-format")
-], m);
+], u.prototype, "queryElement", 2);
+y([
+  $()
+], u.prototype, "activeSetting", 2);
+y([
+  $()
+], u.prototype, "selectedFormat", 2);
+y([
+  $()
+], u.prototype, "resizeSize", 2);
+y([
+  $()
+], u.prototype, "cropSize", 2);
+y([
+  $()
+], u.prototype, "rotation", 2);
+y([
+  $()
+], u.prototype, "defaultSize", 2);
+y([
+  $()
+], u.prototype, "cropperElement", 2);
+y([
+  $()
+], u.prototype, "parameters", 2);
+y([
+  $()
+], u.prototype, "loading", 2);
+y([
+  $()
+], u.prototype, "lastAction", 2);
+y([
+  $()
+], u.prototype, "frozenIndex", 2);
+y([
+  $()
+], u.prototype, "preResetTransformations", 2);
+y([
+  $()
+], u.prototype, "preResetAutoFormat", 2);
+y([
+  $()
+], u.prototype, "preResetSelectedProxy", 2);
+y([
+  _("transformations")
+], u.prototype, "handleTransformationsChange", 1);
+y([
+  _("selectedProxy")
+], u.prototype, "handleSelectedProxyChange", 1);
+y([
+  _("loading")
+], u.prototype, "handleLoadingChange", 1);
+u = y([
+  Q("cx-asset-link-format")
+], u);
 export {
-  m as C,
-  Qi as F,
-  _t as M,
+  u as C,
+  Zi as F,
+  jt as M,
   Re as a,
-  Zt as b,
-  rt as c,
+  Xt as b,
+  nt as c,
   mt as d,
-  xt as e,
-  Qt as f,
-  ye as g,
-  Xt as h,
+  ft as e,
+  qt as f,
+  Rt as g,
+  gt as h,
   Me as i,
-  Vi as j,
-  Gi as k,
-  ji as l,
+  Qi as j,
+  Xi as k,
+  Gi as l,
   ut as m,
-  Dt as n,
-  ft as o,
-  gt as p,
-  Nt as q,
-  Ui as r,
-  Bi as s,
-  qi as t,
-  de as u
+  Et as n,
+  Ui as o,
+  Bi as p,
+  Ht as q,
+  qi as r,
+  ji as s,
+  Vi as t,
+  pe as u
 };