npm - @orangelogic/design-system - Versions diffs - 3.8.0 → 3.10.0 - Mend

@orangelogic/design-system 3.8.0 → 3.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (26) hide show

package/library/chunks/{asset-link-format.B-tXtkr4.js → asset-link-format.BLKOUD2l.js} RENAMED Viewed

@@ -1,50 +1,49 @@
 import "../components/cropper.js";
-import { C as J } from "./button.w0zH5Ivx.js";
+import { C as Y } from "./button.w0zH5Ivx.js";
 import B from "../components/space.js";
 import { C as q } from "./typography.IqHbnd3C.js";
 import { n as h, C as j } from "./lib-cortex-element.CVMmyPMC.js";
-import { h as T, a as Ot, C as Lt, S as Yt, b as Jt, c as te, d as ee } from "./endpoints.mJ5S-tIs.js";
+import { h as E, a as Ut, C as Bt, S as te, b as ee, c as ie, d as se } from "./endpoints.mJ5S-tIs.js";
 import "./browser.BHOCIF_A.js";
-import { i as V, x as C, E as Ut } from "./lit-element.jLBm65_O.js";
+import { i as V, x as C, E as qt } from "./lit-element.jLBm65_O.js";
 import "./form.C8LMdQB4.js";
 import { L as G } from "./i18n.BA19xtyU.js";
-import { a as ie } from "./string.Demn8Xmk.js";
+import { a as ae } from "./string.Demn8Xmk.js";
 import "./date-picker.BGHn6qg8.js";
-import "./content-builder.BX4pHujE.js";
+import { a as Tt, r as jt, b as oe, c as re, d as ne, e as lt } from "./transformation.D27sTUdZ.js";
 import "./unsafe-html.Dff7-rCx.js";
-import { c as It, r as Bt, d as se, e as ct } from "./transformation.DNl_AZs1.js";
-import { b as ae } from "./_baseUniq.lwMgmtt2.js";
+import { b as he } from "./_baseUniq.lwMgmtt2.js";
 import { c as Q } from "./component.styles.CRO4Odto.js";
-import { M as wt, U as r, T as f } from "./asset-link-format.ClaYu_v8.js";
-import { v as oe } from "./v4.CKZ6klMF.js";
+import { M as ct, U as r, T as g } from "./asset-link-format.ClaYu_v8.js";
+import { v as le } from "./v4.CKZ6klMF.js";
 import { P as N } from "./position-picker.DjnhxIKF.js";
 import { c as X } from "./custom-element.L4WJXn1j.js";
 import { w as P } from "./watch.DJF5K-8U.js";
-import { s as Et, a as pt } from "./number.Cx2ncfJJ.js";
+import { s as Ht, a as pt } from "./number.Cx2ncfJJ.js";
 import { r as R } from "./state.CSDxrqLd.js";
-import { n as I } from "./when.Dr1es41R.js";
+import { n as M } from "./when.Dr1es41R.js";
 import st from "../components/details.js";
-import qt from "../components/divider.js";
+import Vt from "../components/divider.js";
 import { C as at } from "./icon.CpHbi8tH.js";
-import { C as Pt } from "./icon-button.BWJ1Vqn5.js";
-import { C as Ft } from "./input.D1TGTsxj.js";
+import { C as $t } from "./icon-button.BWJ1Vqn5.js";
+import { C as Pt } from "./input.D1TGTsxj.js";
 import { C as vt } from "./option.jeaj7_Lr.js";
 import zt from "../components/select.js";
-import re from "../components/position-picker.js";
-import { c as ne } from "./image.Y5c_hFx8.js";
-import { e as tt } from "./query.BBf1UFkC.js";
-import { c as nt } from "./repeat.CFjcER6_.js";
+import ce from "../components/position-picker.js";
+import { c as pe } from "./image.Y5c_hFx8.js";
+import { e as J } from "./query.BBf1UFkC.js";
+import { c as ot } from "./repeat.CFjcER6_.js";
 import { o as O } from "./style-map.llVFPd__.js";
-import jt from "../components/tooltip.js";
-import he from "../components/button-group.js";
-import le from "../components/checkbox.js";
-function ce(t) {
-  return t && t.length ? ae(t) : [];
+import Gt from "../components/tooltip.js";
+import de from "../components/button-group.js";
+import ue from "../components/checkbox.js";
+function me(t) {
+  return t && t.length ? he(t) : [];
 }
-function Vt(t) {
+function Qt(t) {
   return typeof t == "object" && t !== null && "URI" in t;
 }
-const pe = {
+const fe = {
   artist: "Artist",
   color: "Color",
   createDate: "CreateDate",
@@ -66,18 +65,18 @@ const pe = {
   systemIdentifier: "SystemIdentifier",
   text: "Text",
   title: "Title"
-}, de = /* @__PURE__ */ new Set(["mediaDate", "createDate", "editDate"]);
-function $t(t) {
+}, ge = /* @__PURE__ */ new Set(["mediaDate", "createDate", "editDate"]);
+function Rt(t) {
   return !/[\s&+/*"\\:(),'<>~|[\]{}]/.test(t) && !/^(?:OR|AND|NOT)$/.test(t) ? t : `"${t.replace(/\\/g, "\\\\").replace(/"/g, '\\"')}"`;
 }
-function Tt(t, e) {
-  const s = (Array.isArray(e) ? e : [e]).map((a) => `${t}:${$t(a)}`);
+function Wt(t, e) {
+  const s = (Array.isArray(e) ? e : [e]).map((a) => `${t}:${Rt(a)}`);
   return s.length > 1 ? `(${s.join(" OR ")})` : s[0] ?? "";
 }
-function ue(t, e) {
+function xe(t, e) {
   return (Array.isArray(e) ? e : [e]).map((s) => `${t}${s.operator}${s.value}`).join(" AND ");
 }
-function me(t) {
+function ye(t) {
   const e = [];
   for (const i of Object.keys(t)) {
     const s = i, a = t[s];
@@ -87,14 +86,14 @@ function me(t) {
       for (const [o, l] of Object.entries(
         a
       ))
-        e.push(Tt(o, l));
+        e.push(Wt(o, l));
       continue;
     }
-    const n = pe[s];
+    const n = fe[s];
     if (n) {
-      if (de.has(s)) {
+      if (ge.has(s)) {
         e.push(
-          ue(n, a)
+          xe(n, a)
         );
         continue;
       }
@@ -107,13 +106,13 @@ function me(t) {
         if (o.length === 0)
           continue;
         const l = [
-          ...o.map((d) => `ParentFolderIdentifier:${$t(String(d))}`),
-          ...o.map((d) => `ParentAlbumIdentifier:${$t(String(d))}`)
+          ...o.map((d) => `ParentFolderIdentifier:${Rt(String(d))}`),
+          ...o.map((d) => `ParentAlbumIdentifier:${Rt(String(d))}`)
         ];
         e.push(`(${l.join(" OR ")})`);
         continue;
       }
-      e.push(Tt(n, a));
+      e.push(Wt(n, a));
     }
   }
   return e.join(" AND ");
@@ -129,40 +128,40 @@ function dt(t) {
     const e = dt(t.not);
     return e ? `NOT (${e})` : "";
   }
-  return me(t);
+  return ye(t);
 }
-const fe = "CoreField.LargeSizePreview", ut = "CoreField.DocType", ge = "Document.Title", xe = "Document.CaptionLong", ht = "Document.FileExtension", mt = "CoreField.FileSize", Ht = "CoreField.Identifier", ft = "CoreField.MaxHeight", gt = "CoreField.MaxWidth", xt = "Document.RecordID", Wt = "CoreField.DocSubType", Gt = "CoreField.TitleWithFallback", yt = "CoreField.OriginalFileName", St = "CoreField.UpdatedFileName", _t = "__width", ye = "CoreField.OriginalPreview", Li = "Document.DocSubType", Ui = "Document.InPoint", Bi = "Document.OutPoint", bt = {
+const Se = "CoreField.LargeSizePreview", ut = "CoreField.DocType", Ae = "Document.Title", ve = "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", Ft = "__width", ze = "CoreField.OriginalPreview", Bi = "Document.DocSubType", qi = "Document.InPoint", ji = "Document.OutPoint", wt = {
   DEFAULT_VIEW_SIZE: "Document.LargeSizePreview",
   FIELD_TITLE_WITH_FALLBACK: "Document.TitleWithFallback",
   ORIGINAL_VIEW_SIZE: "Document.OriginalPreview"
-}, Qt = {
-  [fe]: bt.DEFAULT_VIEW_SIZE,
-  [Gt]: bt.FIELD_TITLE_WITH_FALLBACK,
-  [ye]: bt.ORIGINAL_VIEW_SIZE
-}, Se = Object.fromEntries(
-  Object.entries(Qt).map(([t, e]) => [
+}, Kt = {
+  [Se]: wt.DEFAULT_VIEW_SIZE,
+  [Xt]: wt.FIELD_TITLE_WITH_FALLBACK,
+  [ze]: wt.ORIGINAL_VIEW_SIZE
+}, Ce = Object.fromEntries(
+  Object.entries(Kt).map(([t, e]) => [
     e,
     t
   ])
 );
-function Ae(t) {
-  return Qt[t] ?? t;
+function we(t) {
+  return Kt[t] ?? t;
 }
-function Dt(t) {
+function Ot(t) {
   const e = {};
   for (const [i, s] of Object.entries(t)) {
-    const a = Se[i] ?? i;
+    const a = Ce[i] ?? i;
     e[a] = s;
   }
   return e;
 }
-function ve(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 Xt({
+async function Zt({
   countPerPage: t,
   fields: e,
   getPermanentAssetsPaths: i,
@@ -176,9 +175,9 @@ async function Xt({
   token: c,
   useSession: y
 }) {
-  const S = e?.map(Ae), p = {
+  const A = e?.map(we), p = {
     CountPerPage: t,
-    Fields: ce(S),
+    Fields: me(A),
     Format: "json",
     GetPermanentAssetsPaths: i || void 0,
     PageNumber: n,
@@ -186,35 +185,35 @@ async function Xt({
     SecurityByPassToken: l || void 0,
     Sort: m || void 0,
     UseSession: y || void 0
-  }, g = s === "POST";
+  }, x = s === "POST";
   try {
-    return (await T.request({
+    return (await E.request({
       baseURL: d,
       headers: c ? { Authorization: `Bearer ${c}` } : void 0,
       method: s,
       // POST large RecordID queries as a urlencoded body to dodge the ~2KB URL cap;
       // GET keeps the same fields on the query string.
-      ...g ? { data: ve(p) } : { params: p, paramsSerializer: { indexes: null } },
+      ...x ? { data: be(p) } : { params: p, paramsSerializer: { indexes: null } },
       responseType: "json",
       transformResponse: [
-        ...Array.isArray(T.defaults.transformResponse) ? T.defaults.transformResponse : [],
-        a ? (A) => ({
-          items: (A.results?.Items ?? []).map(Dt),
-          sort: A.results?.GlobalInfo?.Sort ?? "",
-          totalCount: A.results?.GlobalInfo?.TotalCount ?? 0
-        }) : (A) => ({
-          items: (A.APIResponse?.Items ?? []).map(Dt),
-          sort: A.APIResponse?.GlobalInfo?.Sort ?? "",
-          totalCount: A.APIResponse?.GlobalInfo?.TotalCount ?? 0
+        ...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
         })
       ],
-      url: a ? Lt.SEARCH_ASSETS : Yt["4.0"]
+      url: a ? Bt.SEARCH_ASSETS : te["4.0"]
     })).data;
   } catch {
     return { items: [], sort: "", totalCount: 0 };
   }
 }
-async function ze({
+async function ke({
   assetId: t,
   extension: e,
   format: i,
@@ -224,13 +223,13 @@ async function ze({
   useSession: o
 }) {
   try {
-    return (await T.request({
+    return (await E.request({
       baseURL: s,
       method: "GET",
       params: {
         SourceAssetFormat: i,
         SourceAssetRecordID: t,
-        TargetExtension: ie(e),
+        TargetExtension: ae(e),
         Token: a || void 0,
         Transformations: n,
         UseSession: o || void 0
@@ -240,20 +239,20 @@ async function ze({
        */
       timeout: 3e5,
       // 5 minutes
-      url: Ot.GET_TRANSFORM_ASSET_LINK
+      url: Ut.GET_TRANSFORM_ASSET_LINK
     })).data;
   } catch {
     return null;
   }
 }
-const Ce = 50;
-function we(t, e) {
+const Re = 50;
+function $e(t, e) {
   const i = [];
   for (let s = 0; s < t.length; s += e)
     i.push(t.slice(s, s + e));
   return i;
 }
-async function be({
+async function Pe({
   extraFields: t,
   getPermanentAssetsPaths: e,
   isSiteBuilder: i,
@@ -267,12 +266,12 @@ async function be({
     ...o,
     St,
     yt,
-    ge,
-    xe,
+    Ae,
+    ve,
     xt
-  ], d = we(s, Ce), m = await Promise.all(
+  ], d = $e(s, Re), m = await Promise.all(
     d.map(
-      (p) => Xt({
+      (p) => Zt({
         countPerPage: p.length,
         fields: l,
         getPermanentAssetsPaths: e,
@@ -284,101 +283,100 @@ async function be({
         token: n
       })
     )
-  ), c = new Map(s.map((p, g) => [p, g])), y = m.flatMap((p) => p.items).map((p) => {
-    let g = M(p, St);
-    return g === "" && (g = M(p, yt)), {
-      name: g,
-      recordId: M(p, xt),
+  ), c = new Map(s.map((p, x) => [p, x])), y = m.flatMap((p) => p.items).map((p) => {
+    let x = _(p, St);
+    return x === "" && (x = _(p, yt)), {
+      name: x,
+      recordId: _(p, xt),
       ...o.reduce(
-        (w, A) => {
-          w[A] = M(p, A);
-          const F = Kt(p, A);
-          return F !== void 0 && (w[`${A}${_t}`] = String(F)), w;
+        (b, u) => {
+          b[u] = _(p, u);
+          const w = Yt(p, u);
+          return w !== void 0 && (b[`${u}${Ft}`] = String(w)), b;
         },
         {}
       )
     };
   }).sort(
-    (p, g) => (c.get(p.recordId) ?? 1 / 0) - (c.get(g.recordId) ?? 1 / 0)
-  ), S = m.reduce(
-    (p, g) => p + g.totalCount,
+    (p, x) => (c.get(p.recordId) ?? 1 / 0) - (c.get(x.recordId) ?? 1 / 0)
+  ), A = m.reduce(
+    (p, x) => p + x.totalCount,
     0
   );
-  return { facets: [], items: y, totalCount: S };
+  return { facets: [], items: y, totalCount: A };
 }
-function M(t, e) {
+function _(t, e) {
   const i = t[e];
-  return i == null ? "" : typeof i == "string" ? i : typeof i == "number" || typeof i == "boolean" ? String(i) : Vt(i) ? i.URI : "";
+  return i == null ? "" : typeof i == "string" ? i : typeof i == "number" || typeof i == "boolean" ? String(i) : Qt(i) ? i.URI : "";
 }
-function Kt(t, e) {
+function Yt(t, e) {
   const i = t[e];
-  if (!(i == null || !Vt(i)))
+  if (!(i == null || !Qt(i)))
     return typeof i.Width == "number" && i.Width > 0 ? i.Width : void 0;
 }
-async function ke({
+async function Fe({
   countPerPage: t,
   directParentFolderIdentifier: e,
-  excludedDocTypes: i,
-  extraFields: s,
-  getPermanentAssetsPaths: a,
-  isSiteBuilder: n,
-  limitedDocTypes: o,
-  pageNumber: l,
-  parentFolderIdentifier: d,
-  searchTerm: m,
-  securityByPassToken: c,
-  sortOrder: y,
-  token: S
+  extraFields: i,
+  getPermanentAssetsPaths: s,
+  isSiteBuilder: a,
+  limitedDocTypes: n,
+  pageNumber: o,
+  parentFolderIdentifier: l,
+  searchTerm: d,
+  securityByPassToken: m,
+  sortOrder: c,
+  token: y
 }) {
-  if (!e && !d)
+  if (!e && !l)
     return { facets: [], items: [], totalCount: 0 };
-  const p = (s?.filter((b) => b && typeof b == "string") ?? []).map((b) => b.replace("%20", " ")), g = {
+  const A = (i?.filter((u) => u && typeof u == "string") ?? []).map((u) => u.replace("%20", " ")), p = {
     directParentFolderIdentifier: e,
-    parentFolderIdentifier: d,
-    ...o && o.length > 0 ? { docType: o } : {}
-  }, w = i && i.length > 0 ? { and: [g, { not: { docType: i } }] } : g, A = await Xt({
+    parentFolderIdentifier: l,
+    ...n && n.length > 0 ? { docType: n } : {}
+  }, x = await Zt({
     countPerPage: t,
     fields: [
-      ...p,
-      Gt,
+      ...A,
+      Xt,
       gt,
       ft,
       mt,
       ut,
-      Wt,
-      Ht,
-      ht,
+      Nt,
+      Dt,
+      rt,
       xt,
       yt,
       St
     ],
-    getPermanentAssetsPaths: a,
-    isSiteBuilder: n,
-    pageNumber: l,
-    query: w,
-    securityByPassToken: c,
+    getPermanentAssetsPaths: s,
+    isSiteBuilder: a,
+    pageNumber: o,
+    query: p,
+    securityByPassToken: m,
     sort: void 0,
-    token: S
-  }), F = A.items.map((b) => {
-    let _ = M(b, ht), ot = M(b, St);
-    _ && !_.startsWith(".") && (_ = "." + _), ot === "" && (ot = M(b, yt));
-    const lt = M(b, xt);
+    token: y
+  }), b = x.items.map((u) => {
+    let w = _(u, rt), D = _(u, St);
+    w && !w.startsWith(".") && (w = "." + w), D === "" && (D = _(u, yt));
+    const F = _(u, xt);
     return {
-      docSubType: M(b, Wt),
-      docType: M(b, ut) || "",
-      extension: _,
-      height: M(b, ft) || "0",
-      id: lt,
-      identifier: M(b, Ht),
-      name: ot,
-      recordId: lt,
-      size: M(b, mt) || "0 MB",
-      width: M(b, gt) || "0",
-      ...p.reduce(
-        (L, Z) => {
-          L[Z] = M(b, Z);
-          const rt = Kt(b, Z);
-          return rt !== void 0 && (L[`${Z}${_t}`] = String(rt)), L;
+      docSubType: _(u, Nt),
+      docType: _(u, ut) || "",
+      extension: w,
+      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}${Ft}`] = String(nt)), L;
         },
         {}
       )
@@ -386,11 +384,11 @@ async function ke({
   });
   return {
     facets: [],
-    items: F,
-    totalCount: A.totalCount
+    items: b,
+    totalCount: x.totalCount
   };
 }
-async function Re({
+async function _e({
   autoCropMode: t,
   cropHeight: e,
   cropWidth: i,
@@ -398,7 +396,7 @@ async function Re({
   useSession: a
 }) {
   try {
-    return (await T.request({
+    return (await E.request({
       method: "GET",
       params: {
         AutoCropMode: t,
@@ -411,7 +409,7 @@ async function Re({
       timeout: 3e5,
       // 5 minutes
       transformResponse: [
-        ...Array.isArray(T.defaults.transformResponse) ? T.defaults.transformResponse : [],
+        ...Array.isArray(E.defaults.transformResponse) ? E.defaults.transformResponse : [],
         (o) => ({
           height: o.cropHeight,
           width: o.cropWidth,
@@ -419,13 +417,13 @@ async function Re({
           y: o.cropY
         })
       ],
-      url: Ot.GET_CROP_ZONE_SUGGESTION
+      url: Ut.GET_CROP_ZONE_SUGGESTION
     })).data;
   } catch {
     return null;
   }
 }
-async function qi({
+async function Vi({
   assetRecordId: t,
   isSiteBuilder: e,
   siteUrl: i,
@@ -433,7 +431,7 @@ async function qi({
   useSession: a
 }) {
   try {
-    return (await T.request({
+    return (await E.request({
       baseURL: i,
       method: "GET",
       params: {
@@ -443,7 +441,7 @@ async function qi({
       },
       responseType: "json",
       transformResponse: [
-        ...Array.isArray(T.defaults.transformResponse) ? T.defaults.transformResponse : [],
+        ...Array.isArray(E.defaults.transformResponse) ? E.defaults.transformResponse : [],
         (o) => !o || typeof o != "object" ? [] : o.proxies?.map((l) => ({
           cdnName: l.cdnName,
           extension: l.extension,
@@ -456,22 +454,22 @@ async function qi({
           width: l.width
         })) ?? []
       ],
-      url: e ? Lt.GET_AVAILABLE_PROXIES : ee
+      url: e ? Bt.GET_AVAILABLE_PROXIES : se
     })).data;
   } catch {
     return [];
   }
 }
-async function ji({
+async function Gi({
   siteUrl: t
 } = {}) {
   try {
-    return (await T.request({
+    return (await E.request({
       baseURL: t,
       method: "GET",
       responseType: "json",
       transformResponse: [
-        ...Array.isArray(T.defaults.transformResponse) ? T.defaults.transformResponse : [],
+        ...Array.isArray(E.defaults.transformResponse) ? E.defaults.transformResponse : [],
         (i) => !i || typeof i != "object" ? {
           formatsByDocType: {
             Audio: {},
@@ -483,13 +481,13 @@ async function ji({
           formatsByDocType: i.formatsByDocType ?? {}
         }
       ],
-      url: Jt
+      url: ee
     })).data;
   } catch {
     return { formatsByDocType: {} };
   }
 }
-async function Vi({
+async function Qi({
   recordIds: t,
   rightsToCheck: e
 }) {
@@ -500,23 +498,19 @@ async function Vi({
     invalidObjects: []
   };
   try {
-    const { data: s } = await T.request({
+    const { data: s } = await E.request({
       method: "GET",
       params: { RecordIDs: t, RightsToCheck: e },
       paramsSerializer: { indexes: null },
       responseType: "json",
-      url: te.GET_AUTHORIZED_OBJECTS
+      url: ie.GET_AUTHORIZED_OBJECTS
     });
     return s;
   } catch {
     return i;
   }
 }
-const kt = 20, $e = [
-  wt.Album,
-  wt.ProjectDocument,
-  wt.Story
-], it = "TR1", At = "TRX", Pe = /* @__PURE__ */ new Set([".gif"]), Fe = /* @__PURE__ */ new Set([
+const bt = 20, it = "TR1", At = "TRX", Me = /* @__PURE__ */ new Set([".gif"]), Ie = /* @__PURE__ */ new Set([
   ".avif",
   ".bmp",
   ".gif",
@@ -527,11 +521,11 @@ const kt = 20, $e = [
   ".svg",
   ".webp"
 ]);
-function Zt(t) {
+function Jt(t) {
   const e = t.toLowerCase(), i = e.startsWith(".") ? e : `.${e}`;
-  return Fe.has(i);
+  return Ie.has(i);
 }
-function Nt({
+function Lt({
   autoFormat: t,
   extension: e,
   format: i,
@@ -539,33 +533,40 @@ function Nt({
   manualFormat: a,
   size: n
 }) {
-  const o = e?.toLowerCase() ?? "", l = o.startsWith(".") ? o : `.${o}`, d = `path_${it}`, m = (p, g) => {
-    const w = s[p];
-    if (w)
-      return {
-        maxWidth: s[`${p}${_t}`],
-        src: t ? se(w, {
-          extension: o,
-          format: g
-        }) : w
-      };
+  const o = e?.toLowerCase() ?? "", l = o.startsWith(".") ? o : `.${o}`, d = `path_${it}`, m = (p, x) => {
+    const b = s[p];
+    if (!b)
+      return;
+    const u = s[`${p}${Ft}`], w = t ? oe(b, {
+      extension: o,
+      format: x
+    }) : b;
+    return {
+      maxWidth: u,
+      src: w,
+      srcset: re(w, {
+        extension: o,
+        format: x,
+        maxWidth: ne(a, u)
+      })
+    };
   };
   if (!a) {
-    const p = Bt(o, n), g = `path_${p}`;
-    return m(g, p) ?? m(d, it) ?? {};
+    const p = jt(o, n), x = `path_${p}`;
+    return m(x, p) ?? m(d, it) ?? {};
   }
-  if (!!o && Pe.has(l))
+  if (!!o && Me.has(l))
     return m(`path_${At}`, At) ?? m(d, it) ?? {};
-  const y = !o || Zt(o), S = i ? `path_${i}` : void 0;
-  return S && y && s[S] ? m(S, i) ?? {} : m(d, it) ?? {};
+  const y = !o || Jt(o), A = i ? `path_${i}` : void 0;
+  return A && y && s[A] ? m(A, i) ?? {} : m(d, it) ?? {};
 }
-class Gi {
+class Xi {
   constructor(e, i) {
-    this.data = [], this.folderId = "", this.fetchedPages = /* @__PURE__ */ new Set(), this.totalCount = 0, this.maxEnd = 1 / 0, this.pageSize = kt, this.requestEpoch = 0, this.host = e, this.host.addController?.(this);
+    this.data = [], this.folderId = "", this.fetchedPages = /* @__PURE__ */ new Set(), this.totalCount = 0, this.maxEnd = 1 / 0, this.pageSize = bt, 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) : kt, this.authToken = i?.token, this.securityByPassToken = i?.securityByPassToken, this.isSiteBuilder = i?.isSiteBuilder ?? !1, this.autoFormat = i?.autoFormat ?? !1;
+    this.pageSize = typeof a == "number" && Number.isFinite(a) && a >= 1 ? Math.floor(a) : bt, this.authToken = i?.token, this.securityByPassToken = i?.securityByPassToken, this.isSiteBuilder = i?.isSiteBuilder ?? !1, this.autoFormat = i?.autoFormat ?? !1;
   }
   get totalDataCount() {
     return this.totalCount;
@@ -583,7 +584,7 @@ class Gi {
    * 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) : kt;
+    const i = Number.isFinite(e) && e >= 1 ? Math.floor(e) : bt;
     if (this.pageSize === i)
       return;
     const s = this.fetchedPages.size > 0;
@@ -607,21 +608,21 @@ class Gi {
     const d = s ? `path_${s}` : void 0, m = `path_${it}`, c = `path_${At}`, y = [
       ...new Set(
         [d, m, c].filter(
-          (g) => !!g
+          (x) => !!x
         )
       )
-    ], S = Math.floor(n / this.pageSize) + 1, p = Math.floor(e / this.pageSize) + 1;
-    for (let g = S; g <= p; g++) {
-      if (this.fetchedPages.has(g))
+    ], A = Math.floor(n / this.pageSize) + 1, p = Math.floor(e / this.pageSize) + 1;
+    for (let x = A; x <= p; x++) {
+      if (this.fetchedPages.has(x))
         continue;
-      const w = await ke({
+      const b = await Fe({
         countPerPage: this.pageSize,
         directParentFolderIdentifier: this.folderId,
-        excludedDocTypes: $e,
         extraFields: [...i, ...y],
         getPermanentAssetsPaths: !0,
         isSiteBuilder: this.isSiteBuilder,
-        pageNumber: g,
+        limitedDocTypes: [ct.Image, ct.Audio, ct.Video, ct.Multimedia],
+        pageNumber: x,
         searchTerm: "",
         securityByPassToken: this.securityByPassToken,
         sortOrder: "",
@@ -629,38 +630,43 @@ class Gi {
       });
       if (l !== this.requestEpoch)
         return this.data;
-      if (this.fetchedPages.add(g), !this.totalCount && w.totalCount) {
-        const F = Math.min(this.maxEnd, w.totalCount);
-        this.totalCount = F, this.data = Array.from({ length: F }, () => ({
+      if (this.fetchedPages.add(x), !this.totalCount && b.totalCount) {
+        const w = Math.min(this.maxEnd, b.totalCount);
+        this.totalCount = w, this.data = Array.from({ length: w }, () => ({
           alt: "",
-          id: `temp-${oe()}`,
+          id: `temp-${le()}`,
           name: "",
           src: ""
         }));
       }
-      const A = (g - 1) * this.pageSize;
-      for (let F = 0; F < w.items.length; F++) {
-        const b = A + F;
-        if (b < this.data.length) {
-          const _ = w.items[F], { maxWidth: ot, src: lt } = Nt({
+      const u = (x - 1) * this.pageSize;
+      for (let w = 0; w < b.items.length; w++) {
+        const D = u + w;
+        if (D < this.data.length) {
+          const F = b.items[w], {
+            maxWidth: L,
+            src: et,
+            srcset: nt
+          } = Lt({
             autoFormat: this.autoFormat,
-            extension: _.extension,
+            extension: F.extension,
             format: s,
-            item: _,
+            item: F,
             manualFormat: a,
-            size: _.size
+            size: F.size
           });
-          let L = lt;
-          L && o && o.length > 0 && (L = It(L, o)), this.data[b] = {
-            alt: _.name,
-            docType: _.docType,
-            extension: _.extension,
-            id: _.id,
-            maxWidth: ot,
-            name: _.name,
-            src: L,
+          let ht = et, Mt = nt;
+          ht && o && o.length > 0 && (ht = Tt(ht, o), Mt = ""), this.data[D] = {
+            alt: F.name,
+            docType: F.docType,
+            extension: F.extension,
+            id: F.id,
+            maxWidth: L,
+            name: F.name,
+            src: ht,
+            srcset: Mt,
             ...i.reduce(
-              (Z, rt) => (Z[rt] = _[rt] ?? "", Z),
+              (It, Et) => (It[Et] = F[Et] ?? "", It),
               {}
             )
           };
@@ -680,30 +686,30 @@ class Gi {
     transformations: m
   }) {
     (!this.folderId || this.folderId !== s) && (this.folderId = s, this.resetFolderState()), a && this.resetPageCache();
-    const c = Math.max(5, l), y = e, S = e + c, p = [
+    const c = Math.max(5, l), y = e, A = e + c, p = [
       ...i,
       ft,
       gt
     ];
     await this.fetchImages({
-      end: S,
-      extraFields: p.filter((A) => A !== ""),
+      end: A,
+      extraFields: p.filter((u) => u !== ""),
       format: n,
       manualFormat: o,
       start: y,
       transformations: m
     });
-    let g = e - c;
-    g < 0 && (this.totalCount === 0 ? g = 0 : g = Math.max(0, this.totalCount + g));
-    const w = g + c;
+    let x = e - c;
+    x < 0 && (this.totalCount === 0 ? x = 0 : x = Math.max(0, this.totalCount + x));
+    const b = x + c;
     return await this.fetchImages({
-      end: w,
-      extraFields: p.filter((A) => A !== ""),
+      end: b,
+      extraFields: p.filter((u) => u !== ""),
       format: n,
       manualFormat: o,
-      start: g,
+      start: x,
       transformations: m
-    }), d ? this.data.filter((A) => A.id && !A.id.startsWith("temp-")) : this.data;
+    }), d ? this.data.filter((u) => u.id && !u.id.startsWith("temp-")) : this.data;
   }
   async fetchImagesByIDs({
     extraFields: e = [],
@@ -720,13 +726,13 @@ class Gi {
           (p) => !!p
         )
       )
-    ], c = [ht, mt], y = [
+    ], c = [rt, mt], y = [
       ...e,
       ut,
       ft,
       gt
     ];
-    return (await be({
+    return (await Pe({
       extraFields: [...y, ...m, ...c].filter((p) => p !== ""),
       getPermanentAssetsPaths: !0,
       isSiteBuilder: this.isSiteBuilder,
@@ -734,25 +740,30 @@ class Gi {
       securityByPassToken: this.securityByPassToken,
       token: this.authToken
     })).items.map((p) => {
-      const { maxWidth: g, src: w } = Nt({
+      const {
+        maxWidth: x,
+        src: b,
+        srcset: u
+      } = Lt({
         autoFormat: this.autoFormat,
-        extension: p[ht],
+        extension: p[rt],
         format: i,
         item: p,
         manualFormat: s,
         size: p[mt]
       });
-      let A = w;
-      return A && n && n.length > 0 && (A = It(A, n)), {
+      let w = b, D = u;
+      return w && n && n.length > 0 && (w = Tt(w, n), D = ""), {
         alt: p.name,
         docType: p[ut],
-        extension: p[ht] || "",
+        extension: p[rt] || "",
         id: p.recordId,
-        maxWidth: g,
+        maxWidth: x,
         name: p.name,
-        src: A,
+        src: w,
+        srcset: D,
         ...y.reduce(
-          (F, b) => (F[b] = p[b] ?? "", F),
+          (F, L) => (F[L] = p[L] ?? "", F),
           {}
         )
       };
@@ -778,7 +789,7 @@ class Gi {
       manualFormat: n,
       start: c,
       transformations: m
-    }), o ? this.data.filter((S) => S.id && !S.id.startsWith("temp-")) : this.data;
+    }), o ? this.data.filter((A) => A.id && !A.id.startsWith("temp-")) : this.data;
   }
   async *fetchImagesInFolderByChunk({
     chunkSize: e = 10,
@@ -803,18 +814,18 @@ class Gi {
       }), yield this.data;
       return;
     }
-    let y = d, S = d + c;
+    let y = d, A = d + c;
     if (await this.fetchImages({
-      end: S,
+      end: A,
       extraFields: s,
       format: o,
       manualFormat: l,
       start: y,
       transformations: m
-    }), yield this.data, !(!this.totalCount || this.totalCount <= S))
-      for (; S < this.totalCount; )
-        y = S, S = Math.min(S + c, this.totalCount), await this.fetchImages({
-          end: S,
+    }), yield this.data, !(!this.totalCount || this.totalCount <= A))
+      for (; A < this.totalCount; )
+        y = A, A = Math.min(A + c, this.totalCount), await this.fetchImages({
+          end: A,
           extraFields: s,
           format: o,
           manualFormat: l,
@@ -834,11 +845,11 @@ class Gi {
     this.resetPageCache();
   }
 }
-const _e = V`.asset-link-format__details{--header-padding:var(--cx-spacing-small) var(--cx-spacing-medium)}.asset-link-format__details::part(icon){width:var(--cx-font-size-3x-large);height:var(--cx-font-size-3x-large);background-color:var(--cx-color-neutral-100);border-radius:var(--cx-border-radius-large);color:var(--cx-color-neutral-600);font-size:var(--cx-font-size-large);justify-content:center;align-items:center;display:flex}.asset-link-format__details::part(input-label){color:var(--cx-color-neutral-400);margin-inline-start:var(--cx-spacing-small)}.asset-link-format__header{padding:var(--cx-spacing-medium)}.asset-link-format__section-header{padding:0 var(--cx-spacing-medium);border-top:var(--section-header-border-width,1px) solid var(--cx-color-neutral-200);background-color:var(--cx-color-neutral-50)}.asset-link-format__undo,.asset-link-format__reset{--color:var(--cx-color-primary);--background-color:transparent}`, Me = V`cx-details::part(base){border-bottom-width:0}cx-space{width:100%}cx-space cx-input{flex:1}.crop__unit-select{width:120px}.crop__input-group{flex:1;display:flex}`;
-var Ie = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, z = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? Ee(e, i) : e, n = t.length - 1, o; n >= 0; n--)
+const Ee = 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}`, Te = 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 He = Object.defineProperty, We = Object.getOwnPropertyDescriptor, z = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? We(e, i) : e, n = t.length - 1, o; n >= 0; n--)
     (o = t[n]) && (a = (s ? o(e, i, a) : o(a)) || a);
-  return s && a && Ie(e, i, a), a;
+  return s && a && He(e, i, a), a;
 };
 let v = class extends j {
   constructor() {
@@ -954,7 +965,7 @@ let v = class extends j {
       const [s, a] = e.split(":").map(Number);
       if (this.unit === r.Pixel) {
         let n = s, o = a;
-        Number.isFinite(this.maxWidth) && Number.isFinite(this.maxHeight) && ({ height: o, width: n } = ne(
+        Number.isFinite(this.maxWidth) && Number.isFinite(this.maxHeight) && ({ height: o, width: n } = pe(
           this.maxWidth,
           this.maxHeight,
           s,
@@ -1072,20 +1083,20 @@ let v = class extends j {
   }
   render() {
     const t = this.cropModes.filter((i) => !i.auto), e = this.cropModes.filter((i) => i.auto);
-    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">${I(
+    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,
       () => 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}>${nt(
+      })} @cx-change=${this.onCropModeChange} ?disabled=${this.loading}>${ot(
         t,
         (i) => i.value,
         ({ label: i, value: s }) => C`<cx-option value=${s}>${i}</cx-option>`
       )}
-              ${I(
+              ${M(
         e.length > 0,
         () => C`<cx-divider></cx-divider><small>${this.localize.term("autoCropping")}</small>`
       )}
-              ${nt(
+              ${ot(
         e,
         (i) => i.value,
         ({ label: i, value: s }) => C`<cx-option value=${s}>${i}</cx-option>`
@@ -1096,20 +1107,20 @@ let v = class extends j {
       color: this.keepAspectRatio ? "var(--cx-color-primary)" : void 0
     })} ?disabled=${this.loading}></cx-icon-button><cx-input data-testid="cx-asset-link-format-crop-height" placeholder=${this.localize.term("height")} mask="num" .maskBlocks=${{ num: { mask: Number, min: 1 } }} value=${this.unit === r.Pixel ? this.height.toString() : this.ratioHeight.toString()} ?disabled=${this.loading} @cx-change=${this.handleInputChange} @cx-input=${this.handleHeightChange} required><cx-typography slot="prefix" variant="body3" part="input-label">
                 H
-              </cx-typography></cx-input></div>${I(
+              </cx-typography></cx-input></div>${M(
       !this.noRatioModes,
       () => C`<cx-select data-testid="cx-asset-link-format-crop-unit" value=${this.unit} hoist class="crop__unit-select" ?disabled=${this.loading} @cx-change=${this.onUnitChange}><cx-option value=${r.Pixel}>${this.localize.term("pixels")}</cx-option><cx-option value=${r.AspectRatio}>${this.localize.term("aspectRatio")}</cx-option></cx-select>`
-    )}</cx-space>${I(
+    )}</cx-space>${M(
       this.focusModes.length > 0,
       () => C`<cx-select data-testid="cx-asset-link-format-crop-focus-mode" value=${this.focusMode} hoist style=${O({
         width: "100%"
-      })} @cx-change=${this.onFocusModeChange} ?disabled=${this.loading || this.selectedMode?.disabledSize}>${nt(
+      })} @cx-change=${this.onFocusModeChange} ?disabled=${this.loading || this.selectedMode?.disabledSize}>${ot(
         this.focusModes,
         (i) => i.value,
         ({ label: i, value: s }) => C`<cx-option value=${s}>${i}</cx-option>`
       )}</cx-select>`
     )}
-        ${I(
+        ${M(
       this.showPositionPicker && this.focusMode === "manual",
       () => 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({
@@ -1117,25 +1128,25 @@ let v = class extends j {
     })} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
   }
 };
-v.styles = [Q, Me];
+v.styles = [Q, Te];
 v.dependencies = {
-  "cx-button": J,
+  "cx-button": Y,
   "cx-details": st,
-  "cx-divider": qt,
+  "cx-divider": Vt,
   "cx-icon": at,
-  "cx-icon-button": Pt,
-  "cx-input": Ft,
+  "cx-icon-button": $t,
+  "cx-input": Pt,
   "cx-option": vt,
-  "cx-position-picker": re,
+  "cx-position-picker": ce,
   "cx-select": zt,
   "cx-space": B,
   "cx-typography": q
 };
 z([
-  tt(".details")
+  J(".details")
 ], v.prototype, "base", 2);
 z([
-  tt("cx-position-picker")
+  J("cx-position-picker")
 ], v.prototype, "positionPicker", 2);
 z([
   h({ reflect: !0, type: Boolean })
@@ -1221,13 +1232,13 @@ z([
 v = z([
   X("cx-asset-link-format-crop")
 ], v);
-const Te = V`.extension{padding:var(--cx-spacing-small) var(--cx-spacing-medium);border:solid 1px var(--cx-color-neutral-200);background-color:var(--cx-color-neutral-0);& cx-select{flex:1;width:100%}}`;
-var He = Object.defineProperty, We = Object.getOwnPropertyDescriptor, Mt = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? We(e, i) : e, n = t.length - 1, o; n >= 0; n--)
+const De = 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 Ne = Object.defineProperty, Oe = Object.getOwnPropertyDescriptor, _t = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? Oe(e, i) : e, n = t.length - 1, o; n >= 0; n--)
     (o = t[n]) && (a = (s ? o(e, i, a) : o(a)) || a);
-  return s && a && He(e, i, a), a;
+  return s && a && Ne(e, i, a), a;
 };
-let Y = class extends j {
+let Z = class extends j {
   constructor() {
     super(...arguments), this.localize = new G(this), this.value = "", this.items = [];
   }
@@ -1238,37 +1249,37 @@ let Y = class extends j {
     });
   }
   render() {
-    return C`<cx-space direction="vertical" spacing="small" class="extension"><cx-typography variant="body2">${this.localize.term("extension")}</cx-typography><cx-select data-label=${this.localize.term("extension")} data-testid="cx-asset-link-format-extension-select" value=${this.value} hoist @cx-change=${this.handleExtensionChange}>${nt(
+    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}>${ot(
       this.items,
       (t) => t.value,
       (t) => C`<cx-option value=${t.value}>${t.displayName}</cx-option>`
     )}</cx-select></cx-space>`;
   }
 };
-Y.styles = [Q, Te];
-Y.dependencies = {
+Z.styles = [Q, De];
+Z.dependencies = {
   "cx-option": vt,
   "cx-select": zt,
   "cx-space": B,
   "cx-typography": q
 };
-Mt([
+_t([
   h({ reflect: !0, type: String })
-], Y.prototype, "value", 2);
-Mt([
+], Z.prototype, "value", 2);
+_t([
   h({ reflect: !1, type: Array })
-], Y.prototype, "items", 2);
-Y = Mt([
+], Z.prototype, "items", 2);
+Z = _t([
   X("cx-asset-link-format-extension")
-], Y);
-const De = V`cx-details::part(base){border-bottom-width:0}`;
-var Ne = Object.defineProperty, Oe = Object.getOwnPropertyDescriptor, D = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? Oe(e, i) : e, n = t.length - 1, o; n >= 0; n--)
+], Z);
+const Le = V`cx-details::part(base){border-bottom-width:0}`;
+var Ue = Object.defineProperty, Be = Object.getOwnPropertyDescriptor, W = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? Be(e, i) : e, n = t.length - 1, o; n >= 0; n--)
     (o = t[n]) && (a = (s ? o(e, i, a) : o(a)) || a);
-  return s && a && Ne(e, i, a), a;
+  return s && a && Ue(e, i, a), a;
 };
-const Rt = "auto";
-let E = class extends j {
+const kt = "auto";
+let I = class extends j {
   constructor() {
     super(...arguments), this.localize = new G(this), this.open = !1, this.value = "", this.items = [], this.canAutoFormat = !1, this.autoFormat = !1, this.loading = !1, this.scopedValue = "";
   }
@@ -1277,7 +1288,7 @@ let E = class extends j {
    * active, otherwise the resolved proxy id.
    */
   get committedValue() {
-    return this.autoFormat ? Rt : this.value;
+    return this.autoFormat ? kt : this.value;
   }
   handleValueChange() {
     this.scopedValue = this.committedValue;
@@ -1297,7 +1308,7 @@ let E = class extends j {
   handleApply() {
     if (this.loading)
       return;
-    if (this.scopedValue === Rt) {
+    if (this.scopedValue === kt) {
       this.emit("cx-asset-link-format-proxy-change", {
         detail: { autoFormat: !0 }
       });
@@ -1327,72 +1338,72 @@ let E = class extends j {
     t.target !== this.base && t.stopPropagation();
   }
   render() {
-    return C`<cx-details class="details" ?open=${this.open} @cx-show=${this.onShowDetails} @cx-hide=${this.onHideDetails}><cx-space slot="summary" align-items="center"><div part="icon"><cx-icon name="photo_size_select_large"></cx-icon></div><cx-typography variant="body2">${this.localize.term("format")}</cx-typography></cx-space><cx-space direction="vertical" spacing="small" class="format"><cx-select data-label=${this.localize.term("imageFormat")} data-testid="cx-asset-link-format-proxy-select" value=${this.scopedValue} hoist @cx-change=${this.handleProxyChange} ?disabled=${this.loading}>${nt(
+    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}>${ot(
       this.items,
       (t) => t.id,
       (t) => C`<cx-option value=${t.id}>${t.proxyLabel}</cx-option>`
     )}
-            ${I(
+            ${M(
       this.canAutoFormat,
-      () => C`<cx-divider></cx-divider><cx-option data-testid="cx-asset-link-format-proxy-auto-option" value=${Rt}>${this.localize.term("auto")}</cx-option>`,
-      () => Ut
+      () => C`<cx-divider></cx-divider><cx-option data-testid="cx-asset-link-format-proxy-auto-option" value=${kt}>${this.localize.term("auto")}</cx-option>`,
+      () => qt
     )}</cx-select><cx-button data-testid="cx-asset-link-format-proxy-apply" variant="primary" style=${O({
       "margin-left": "auto"
     })} ?disabled=${this.scopedValue === this.committedValue} ?loading=${this.loading} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
   }
 };
-E.styles = [Q, De];
-E.dependencies = {
-  "cx-button": J,
+I.styles = [Q, Le];
+I.dependencies = {
+  "cx-button": Y,
   "cx-details": st,
-  "cx-divider": qt,
+  "cx-divider": Vt,
   "cx-icon": at,
   "cx-option": vt,
   "cx-select": zt,
   "cx-space": B,
   "cx-typography": q
 };
-D([
-  tt(".details")
-], E.prototype, "base", 2);
-D([
+W([
+  J(".details")
+], I.prototype, "base", 2);
+W([
   h({ reflect: !0, type: Boolean })
-], E.prototype, "open", 2);
-D([
+], I.prototype, "open", 2);
+W([
   h({ reflect: !0, type: String })
-], E.prototype, "value", 2);
-D([
+], I.prototype, "value", 2);
+W([
   h({ reflect: !1, type: Array })
-], E.prototype, "items", 2);
-D([
+], I.prototype, "items", 2);
+W([
   h({ attribute: "can-auto-format", reflect: !0, type: Boolean })
-], E.prototype, "canAutoFormat", 2);
-D([
+], I.prototype, "canAutoFormat", 2);
+W([
   h({ attribute: "auto-format", reflect: !0, type: Boolean })
-], E.prototype, "autoFormat", 2);
-D([
+], I.prototype, "autoFormat", 2);
+W([
   h({ reflect: !0, type: Boolean })
-], E.prototype, "loading", 2);
-D([
+], I.prototype, "loading", 2);
+W([
   R()
-], E.prototype, "scopedValue", 2);
-D([
+], I.prototype, "scopedValue", 2);
+W([
   P("autoFormat"),
   P("value")
-], E.prototype, "handleValueChange", 1);
-D([
+], I.prototype, "handleValueChange", 1);
+W([
   P("open", { waitUntilFirstUpdate: !0 })
-], E.prototype, "handleOpenChange", 1);
-E = D([
+], I.prototype, "handleOpenChange", 1);
+I = W([
   X("cx-asset-link-format-proxy")
-], E);
-const Le = V`cx-details::part(base){border-bottom-width:0}`;
-var Ue = Object.defineProperty, Be = Object.getOwnPropertyDescriptor, et = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? Be(e, i) : e, n = t.length - 1, o; n >= 0; n--)
+], I);
+const qe = V`cx-details::part(base){border-bottom-width:0}`;
+var je = Object.defineProperty, Ve = Object.getOwnPropertyDescriptor, tt = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? Ve(e, i) : e, n = t.length - 1, o; n >= 0; n--)
     (o = t[n]) && (a = (s ? o(e, i, a) : o(a)) || a);
-  return s && a && Ue(e, i, a), a;
+  return s && a && je(e, i, a), a;
 };
-let W = class extends j {
+let H = class extends j {
   constructor() {
     super(...arguments), this.localize = new G(this), this.open = !1, this.value = 100, this.loading = !1, this.scopedValue = 100;
   }
@@ -1443,42 +1454,42 @@ let W = class extends j {
     })} @cx-input=${this.handleQualityChange}></cx-input></cx-tooltip><cx-button data-testid="cx-asset-link-format-quality-apply" variant="primary" ?disabled=${this.invalidValue} ?loading=${this.loading} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
   }
 };
-W.styles = [Q, Le];
-W.dependencies = {
-  "cx-button": J,
+H.styles = [Q, qe];
+H.dependencies = {
+  "cx-button": Y,
   "cx-details": st,
   "cx-icon": at,
-  "cx-input": Ft,
+  "cx-input": Pt,
   "cx-space": B,
-  "cx-tooltip": jt,
+  "cx-tooltip": Gt,
   "cx-typography": q
 };
-et([
-  tt(".details")
-], W.prototype, "base", 2);
-et([
+tt([
+  J(".details")
+], H.prototype, "base", 2);
+tt([
   h({ reflect: !0, type: Boolean })
-], W.prototype, "open", 2);
-et([
+], H.prototype, "open", 2);
+tt([
   h({ reflect: !0, type: Number })
-], W.prototype, "value", 2);
-et([
+], H.prototype, "value", 2);
+tt([
   h({ reflect: !0, type: Boolean })
-], W.prototype, "loading", 2);
-et([
+], H.prototype, "loading", 2);
+tt([
   R()
-], W.prototype, "scopedValue", 2);
-et([
+], H.prototype, "scopedValue", 2);
+tt([
   P("value")
-], W.prototype, "handleValueChange", 1);
-W = et([
+], H.prototype, "handleValueChange", 1);
+H = tt([
   X("cx-asset-link-format-quality")
-], W);
-const qe = V`cx-details::part(base){border-bottom-width:0}cx-space{width:100%}cx-space cx-input{flex:1}.resize__unit-select{width:120px}.resize__input-group{flex:1;display:flex}`;
-var je = Object.defineProperty, Ve = Object.getOwnPropertyDescriptor, $ = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? Ve(e, i) : e, n = t.length - 1, o; n >= 0; n--)
+], H);
+const Ge = V`cx-details::part(base){border-bottom-width:0}cx-space{width:100%}cx-space cx-input{flex:1}.resize__unit-select{width:120px}.resize__input-group{flex:1;display:flex}`;
+var Qe = Object.defineProperty, Xe = Object.getOwnPropertyDescriptor, $ = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? Xe(e, i) : e, n = t.length - 1, o; n >= 0; n--)
     (o = t[n]) && (a = (s ? o(e, i, a) : o(a)) || a);
-  return s && a && je(e, i, a), a;
+  return s && a && Qe(e, i, a), a;
 };
 let k = class extends j {
   constructor() {
@@ -1627,7 +1638,7 @@ let k = class extends j {
       color: this.keepAspectRatio ? "var(--cx-color-primary)" : void 0
     })} ?disabled=${this.loading}></cx-icon-button><cx-input data-testid="cx-asset-link-format-resize-height" placeholder=${this.localize.term("height")} mask="num" .maskBlocks=${{ num: { mask: Number, min: 1 } }} value=${this.unit === r.Pixel ? this.height.toString() : this.ratioHeight.toString()} @cx-input=${this.handleHeightChange} required ?disabled=${this.loading}><cx-typography slot="prefix" variant="body3" part="input-label">
                 H
-              </cx-typography></cx-input></div>${I(
+              </cx-typography></cx-input></div>${M(
       !this.noRatioModes,
       () => C`<cx-select data-testid="cx-asset-link-format-resize-unit" value=${this.unit} hoist class="resize__unit-select" @cx-change=${this.onUnitChange}><cx-option value=${r.Pixel}>${this.localize.term("pixels")}</cx-option><cx-option value=${r.AspectRatio}>${this.localize.term("aspectRatio")}</cx-option></cx-select>`
     )}</cx-space><cx-button data-testid="cx-asset-link-format-resize-apply" variant="primary" ?disabled=${this.disabledApply || this.invalidHeight || this.invalidWidth} ?loading=${this.loading} style=${O({
@@ -1635,20 +1646,20 @@ let k = class extends j {
     })} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
   }
 };
-k.styles = [Q, qe];
+k.styles = [Q, Ge];
 k.dependencies = {
-  "cx-button": J,
+  "cx-button": Y,
   "cx-details": st,
   "cx-icon": at,
-  "cx-icon-button": Pt,
-  "cx-input": Ft,
+  "cx-icon-button": $t,
+  "cx-input": Pt,
   "cx-option": vt,
   "cx-select": zt,
   "cx-space": B,
   "cx-typography": q
 };
 $([
-  tt(".details")
+  J(".details")
 ], k.prototype, "base", 2);
 $([
   h({ reflect: !0, type: Boolean })
@@ -1707,13 +1718,13 @@ $([
 k = $([
   X("cx-asset-link-format-resize")
 ], k);
-const Ge = V`cx-details::part(base){border-bottom-width:0}`;
-var Qe = Object.defineProperty, Xe = Object.getOwnPropertyDescriptor, K = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? Xe(e, i) : e, n = t.length - 1, o; n >= 0; n--)
+const Ke = V`cx-details::part(base){border-bottom-width:0}`;
+var Ze = Object.defineProperty, Ye = Object.getOwnPropertyDescriptor, K = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? Ye(e, i) : e, n = t.length - 1, o; n >= 0; n--)
     (o = t[n]) && (a = (s ? o(e, i, a) : o(a)) || a);
-  return s && a && Qe(e, i, a), a;
+  return s && a && Ze(e, i, a), a;
 };
-let H = class extends j {
+let T = class extends j {
   constructor() {
     super(...arguments), this.localize = new G(this), this.open = !1, this.value = 0, this.defaultValue = 0, this.loading = !1, this.lastAppliedValue = 0;
   }
@@ -1726,14 +1737,14 @@ let H = class extends j {
     const e = t.target.value, i = Number(e);
     if (Number.isNaN(i))
       return;
-    const s = Et(i);
+    const s = Ht(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: Et(t)
+      detail: Ht(t)
     });
   }
   handleClockwiseClick() {
@@ -1759,45 +1770,45 @@ let H = class extends j {
     })} @cx-input=${this.handleRotationChange}></cx-input><cx-button data-testid="cx-asset-link-format-rotation-apply" variant="primary" ?disabled=${this.value === this.lastAppliedValue} ?loading=${this.loading} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
   }
 };
-H.styles = [Q, Ge];
-H.dependencies = {
-  "cx-button": J,
-  "cx-button-group": he,
+T.styles = [Q, Ke];
+T.dependencies = {
+  "cx-button": Y,
+  "cx-button-group": de,
   "cx-details": st,
   "cx-icon": at,
-  "cx-icon-button": Pt,
+  "cx-icon-button": $t,
   "cx-space": B,
   "cx-typography": q
 };
 K([
-  tt(".details")
-], H.prototype, "base", 2);
+  J(".details")
+], T.prototype, "base", 2);
 K([
   h({ reflect: !0, type: Boolean })
-], H.prototype, "open", 2);
+], T.prototype, "open", 2);
 K([
   h({ reflect: !0, type: Number })
-], H.prototype, "value", 2);
+], T.prototype, "value", 2);
 K([
   h({ attribute: "default-value", reflect: !0, type: Number })
-], H.prototype, "defaultValue", 2);
+], T.prototype, "defaultValue", 2);
 K([
   h({ reflect: !0, type: Boolean })
-], H.prototype, "loading", 2);
+], T.prototype, "loading", 2);
 K([
   h({ attribute: "last-applied-value", reflect: !0, type: Number })
-], H.prototype, "lastAppliedValue", 2);
+], T.prototype, "lastAppliedValue", 2);
 K([
   P("open", { waitUntilFirstUpdate: !0 })
-], H.prototype, "handleOpenChange", 1);
-H = K([
+], T.prototype, "handleOpenChange", 1);
+T = K([
   X("cx-asset-link-format-rotation")
-], H);
-const Ke = V`cx-details::part(base){border-bottom-width:0}`;
-var Ze = Object.defineProperty, Ye = Object.getOwnPropertyDescriptor, Ct = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? Ye(e, i) : e, n = t.length - 1, o; n >= 0; n--)
+], T);
+const Je = V`cx-details::part(base){border-bottom-width:0}`;
+var ti = Object.defineProperty, ei = Object.getOwnPropertyDescriptor, Ct = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? ei(e, i) : e, n = t.length - 1, o; n >= 0; n--)
     (o = t[n]) && (a = (s ? o(e, i, a) : o(a)) || a);
-  return s && a && Ze(e, i, a), a;
+  return s && a && ti(e, i, a), a;
 };
 let U = class extends j {
   constructor() {
@@ -1828,18 +1839,18 @@ let U = class extends j {
     return C`<cx-details class="details" ?open=${this.open} @cx-show=${this.onShowDetails} @cx-hide=${this.onHideDetails}><cx-space slot="summary" align-items="center"><div class="details__summary__icon"><div part="icon"><cx-icon name="short_text"></cx-icon></div></div><cx-typography variant="body2">${this.localize.term("metadata")}</cx-typography></cx-space><cx-space spacing="small"><cx-tooltip data-testid="cx-asset-link-format-metadata-tooltip" content=${this.localize.term("metadataHelpText")} hoist><cx-checkbox data-testid="cx-asset-link-format-metadata" class="details__checkbox" ?checked=${this.value} @cx-change=${this.handleApply}>${this.localize.term("preserveMetadata")}</cx-checkbox></cx-tooltip></cx-space></cx-details>`;
   }
 };
-U.styles = [Q, Ke];
+U.styles = [Q, Je];
 U.dependencies = {
-  "cx-button": J,
-  "cx-checkbox": le,
+  "cx-button": Y,
+  "cx-checkbox": ue,
   "cx-details": st,
   "cx-icon": at,
   "cx-space": B,
-  "cx-tooltip": jt,
+  "cx-tooltip": Gt,
   "cx-typography": q
 };
 Ct([
-  tt(".details")
+  J(".details")
 ], U.prototype, "base", 2);
 Ct([
   h({ reflect: !0, type: Boolean })
@@ -1850,12 +1861,12 @@ Ct([
 U = Ct([
   X("cx-asset-link-format-metadata")
 ], U);
-var Je = Object.defineProperty, ti = Object.getOwnPropertyDescriptor, x = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? ti(e, i) : e, n = t.length - 1, o; n >= 0; n--)
+var ii = Object.defineProperty, si = Object.getOwnPropertyDescriptor, S = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? si(e, i) : e, n = t.length - 1, o; n >= 0; n--)
     (o = t[n]) && (a = (s ? o(e, i, a) : o(a)) || a);
-  return s && a && Je(e, i, a), a;
+  return s && a && ii(e, i, a), a;
 };
-let u = class extends j {
+let f = class extends j {
   constructor() {
     super(), this.localize = new G(this), this.baseUrl = void 0, this.token = void 0, this.asset = void 0, this.cropModes = [
       {
@@ -1953,7 +1964,7 @@ let u = 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 = ze, this.apiGetCropFocusMode = Re, 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 = ke, this.apiGetCropFocusMode = _e, 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
@@ -1962,7 +1973,7 @@ let u = class extends j {
    * extension fallback in asset-transformation-dialog.
    */
   static getTransformExtension(t) {
-    return !t || Zt(t) ? t : "jpg";
+    return !t || Jt(t) ? t : "jpg";
   }
   /** True when there are transformations beyond the frozen index (i.e. user has added new ones). */
   get hasUnfrozenTransformations() {
@@ -1975,7 +1986,7 @@ let u = class extends j {
    */
   get lastAppliedCropUnit() {
     return this.transformations.findLast(
-      (e) => e.key === f.Crop
+      (e) => e.key === g.Crop
     )?.value.unit ?? r.Pixel;
   }
   /**
@@ -1985,7 +1996,7 @@ let u = class extends j {
    */
   get lastAppliedCropFocusMode() {
     return this.transformations.findLast(
-      (e) => e.key === f.Crop
+      (e) => e.key === g.Crop
     )?.value.focusMode ?? "manual";
   }
   /**
@@ -1995,7 +2006,7 @@ let u = class extends j {
    */
   get lastAppliedCropPosition() {
     return this.transformations.findLast(
-      (e) => e.key === f.Crop
+      (e) => e.key === g.Crop
     )?.value.position ?? N.CenterCenter;
   }
   /**
@@ -2047,7 +2058,7 @@ let u = class extends j {
   get lastCropSize() {
     if (!this.asset) {
       const e = this.transformations.findLast(
-        (i) => i.key === f.Crop
+        (i) => i.key === g.Crop
       );
       if (e?.value.unit === r.AspectRatio && e.value.ratioWidth && e.value.ratioHeight)
         return {
@@ -2130,7 +2141,7 @@ let u = class extends j {
   get lastResizeSize() {
     if (!this.asset) {
       const e = this.transformations.findLast(
-        (i) => i.key === f.Resize
+        (i) => i.key === g.Resize
       );
       if (e?.value.unit === r.AspectRatio && e.value.ratioWidth && e.value.ratioHeight)
         return {
@@ -2186,14 +2197,14 @@ let u = class extends j {
    */
   get lastRotation() {
     return this.asset ? 0 : this.transformations.findLast(
-      (e) => e.key === f.Rotate
+      (e) => e.key === g.Rotate
     )?.value.rotation ?? 0;
   }
   /**
    * Returns the transformation string for the asset link.
    */
   get transformationString() {
-    return ct({
+    return lt({
       asset: this.asset,
       baseUrl: "",
       parameters: this.parameters,
@@ -2232,13 +2243,13 @@ let u = class extends j {
       );
       this.loading = !0, this.apiGetTransformAssetLink({
         assetId: this.asset.id,
-        extension: u.getTransformExtension(this.asset.extension),
+        extension: f.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 === g.Rotate && (this.rotation = 0), this.lastAction = void 0, this.lastImageSize = {
           height: s.height,
           width: s.width
         }, this.selectedFormat = {
@@ -2252,7 +2263,7 @@ let u = class extends j {
            */
         });
       });
-      const i = ct({
+      const i = lt({
         asset: this.asset,
         baseUrl: "",
         extension: this.selectedFormat.extension,
@@ -2285,7 +2296,7 @@ let u = class extends j {
   async handleTransformationsChange() {
     if (await this.updateComplete, !this.asset) {
       this.emit("cx-asset-link-format-change", {
-        detail: ct({
+        detail: lt({
           asset: this.asset,
           baseUrl: "",
           options: {
@@ -2297,10 +2308,10 @@ let u = class extends j {
         }).replace(/\/t\//g, "")
       });
       const n = this.transformations.findLast(
-        (c) => c.key === f.Crop && (c.value.unit === r.AspectRatio && c.value.ratioWidth && c.value.ratioHeight || c.value.width && c.value.height)
+        (c) => c.key === g.Crop && (c.value.unit === r.AspectRatio && c.value.ratioWidth && c.value.ratioHeight || c.value.width && c.value.height)
       );
       if (n?.value.unit === r.AspectRatio && n.value.ratioWidth && n.value.ratioHeight) {
-        const { focusMode: c, position: y, ratioHeight: S, ratioWidth: p } = n.value;
+        const { focusMode: c, position: y, ratioHeight: A, ratioWidth: p } = n.value;
         this.cropSize = {
           ...this.cropSize,
           cropMode: "free",
@@ -2308,12 +2319,12 @@ let u = class extends j {
           percentageHeight: 100,
           percentageWidth: 100,
           position: y ?? N.CenterCenter,
-          ratioHeight: S,
+          ratioHeight: A,
           ratioWidth: p,
           unit: r.AspectRatio
         };
       } else if (n) {
-        const { focusMode: c, height: y, position: S, unit: p, width: g, x: w = 0, y: A = 0 } = n.value;
+        const { focusMode: c, height: y, position: A, unit: p, width: x, x: b = 0, y: u = 0 } = n.value;
         this.cropSize = {
           ...this.cropSize,
           cropMode: "free",
@@ -2321,11 +2332,11 @@ let u = class extends j {
           height: y,
           percentageHeight: 100,
           percentageWidth: 100,
-          position: S ?? N.CenterCenter,
+          position: A ?? N.CenterCenter,
           unit: p ?? r.Pixel,
-          width: g,
-          x: w,
-          y: A
+          width: x,
+          x: b,
+          y: u
         };
       } else
         this.cropSize = {
@@ -2348,7 +2359,7 @@ let u = class extends j {
           y: 0
         };
       const o = this.transformations.findLast(
-        (c) => c.key === f.Resize && (c.value.unit === r.AspectRatio && c.value.ratioWidth && c.value.ratioHeight || c.value.width || c.value.height)
+        (c) => c.key === g.Resize && (c.value.unit === r.AspectRatio && c.value.ratioWidth && c.value.ratioHeight || c.value.width || c.value.height)
       );
       if (o?.value.unit === r.AspectRatio && o.value.ratioWidth && o.value.ratioHeight) {
         const { ratioHeight: c, ratioWidth: y } = o.value;
@@ -2359,12 +2370,12 @@ let u = class extends j {
           unit: r.AspectRatio
         };
       } else if (o) {
-        const { height: c = 0, unit: y, width: S = 0 } = o.value;
+        const { height: c = 0, unit: y, width: A = 0 } = o.value;
         this.resizeSize = {
           ...this.resizeSize,
           height: c,
           unit: y ?? r.Pixel,
-          width: S
+          width: A
         };
       } else
         this.resizeSize = {
@@ -2379,11 +2390,11 @@ let u = class extends j {
           width: 1
         };
       const l = this.transformations.findLast(
-        (c) => c.key === f.Rotate
+        (c) => c.key === g.Rotate
       );
       this.rotation = l?.value.rotation ?? 0;
-      const d = this.transformations.findLast((c) => c.key === f.Quality)?.value.quality ?? 100, m = this.transformations.some(
-        (c) => c.key === f.Metadata
+      const d = this.transformations.findLast((c) => c.key === g.Quality)?.value.quality ?? 100, m = this.transformations.some(
+        (c) => c.key === g.Metadata
       );
       this.selectedFormat ? this.selectedFormat = { ...this.selectedFormat, keepMetadata: m, quality: d } : this.selectedFormat = {
         extension: "",
@@ -2406,7 +2417,7 @@ let u = class extends j {
     this.loading = !0;
     const e = await this.apiGetTransformAssetLink({
       assetId: this.asset.id,
-      extension: u.getTransformExtension(this.selectedFormat.extension),
+      extension: f.getTransformExtension(this.selectedFormat.extension),
       format: t?.proxyName ?? "",
       siteUrl: this.baseUrl,
       token: this.token,
@@ -2438,11 +2449,11 @@ let u = class extends j {
       width: e.width,
       x: 0,
       y: 0
-    }, this.lastAction === f.Rotate && (this.rotation = 0), this.lastAction = void 0;
+    }, this.lastAction === g.Rotate && (this.rotation = 0), this.lastAction = void 0;
     const i = this.transformations.some(
-      (n) => n.key === f.Metadata
+      (n) => n.key === g.Metadata
     ), s = this.transformations.findLast(
-      (n) => n.key === f.Quality
+      (n) => n.key === g.Quality
     );
     this.selectedFormat = {
       ...this.selectedFormat,
@@ -2456,7 +2467,7 @@ let u = class extends j {
        * url: `${this.baseUrl}/${response.relativePath}`,
        */
     };
-    const a = ct({
+    const a = lt({
       asset: this.asset,
       baseUrl: "",
       extension: this.selectedFormat.extension,
@@ -2488,7 +2499,7 @@ let u = class extends j {
       width: Number.parseInt(this.asset.width, 10)
     });
     const t = this.transformations.findLast(
-      (e) => e.key === f.Quality
+      (e) => e.key === g.Quality
     );
     this.selectedFormat = {
       extension: this.asset.extension,
@@ -2543,7 +2554,7 @@ let u = class extends j {
     e.proxyName === "TRX" && (e.formatHeight = Number(this.asset.height), e.formatWidth = Number(this.asset.width));
     const i = this.proxies?.find((s) => s.id === t);
     i && (this.asset && i.proxyName === "TRX" && (i.formatHeight = Number(this.asset.height), i.formatWidth = Number(this.asset.width)), this.transformations = this.transformations.map((s) => {
-      if (s.key === f.Crop) {
+      if (s.key === g.Crop) {
         const a = s.value, n = a.width / i.formatWidth * e.formatWidth, o = a.height / i.formatHeight * e.formatHeight, l = a.x / i.formatWidth * e.formatWidth, d = a.y / i.formatHeight * e.formatHeight;
         return {
           ...s,
@@ -2556,7 +2567,7 @@ let u = class extends j {
           }
         };
       }
-      if (s.key === f.Resize) {
+      if (s.key === g.Resize) {
         const a = s.value, n = a.width / i.formatWidth * e.formatWidth, o = a.height / i.formatHeight * e.formatHeight;
         return {
           ...s,
@@ -2637,7 +2648,7 @@ let u = class extends j {
   }) {
     if (!this.selectedFormat?.url || e === "manual")
       return;
-    this.loading = !0, this.lastAction = f.Crop;
+    this.loading = !0, this.lastAction = g.Crop;
     const y = await this.apiGetCropFocusMode({
       autoCropMode: e,
       cropHeight: i,
@@ -2645,11 +2656,11 @@ let u = class extends j {
       imageUrl: this.selectedFormat.url
     });
     if (y) {
-      let S = a, p = n;
-      i || (S = y.height * 100 / this.selectedFormat.height), c || (p = y.width * 100 / this.selectedFormat.width), this.cropSize = {
+      let A = a, p = n;
+      i || (A = y.height * 100 / this.selectedFormat.height), c || (p = y.width * 100 / this.selectedFormat.width), this.cropSize = {
         ...this.cropSize,
         height: y.height,
-        percentageHeight: S ?? this.cropSize.percentageHeight,
+        percentageHeight: A ?? this.cropSize.percentageHeight,
         percentageWidth: p ?? this.cropSize.percentageWidth,
         width: y.width,
         x: y.x * 100 / this.selectedFormat.width,
@@ -2686,7 +2697,7 @@ let u = class extends j {
     ));
     const c = this.cropSize.focusMode;
     this.focusModes.find(
-      (S) => S.value === c
+      (A) => A.value === c
     )?.auto && this.selectedFormat?.url && this.cropperElement ? await this.handleRequestAutoCropSuggestion({
       focusMode: c,
       height: d,
@@ -2729,12 +2740,12 @@ let u = class extends j {
    * a proxy *id*, so the name has to be looked up in `proxies` rather than used directly.
    */
   get autoResolvedProxyId() {
-    const t = Bt(this.asset?.extension, this.asset?.size);
+    const t = jt(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 = g.Proxy, e.autoFormat) {
       this.autoFormat = !0;
       const i = this.autoResolvedProxyId;
       i && (this.selectedProxy = i);
@@ -2852,42 +2863,42 @@ let u = class extends j {
     });
   }
   onCropApply(t) {
-    if (this.clearResetSnapshot(), this.lastAction = f.Crop, !this.asset) {
+    if (this.clearResetSnapshot(), this.lastAction = g.Crop, !this.asset) {
       const {
         focusMode: l,
         height: d,
         position: m,
         ratioHeight: c,
         ratioWidth: y,
-        unit: S,
+        unit: A,
         width: p,
-        x: g,
-        y: w
-      } = this.cropSize, A = this.focusModes.find(
-        (F) => F.value === l
+        x,
+        y: b
+      } = this.cropSize, u = this.focusModes.find(
+        (w) => w.value === l
       )?.auto ?? !1;
-      if (S === r.AspectRatio) {
+      if (A === r.AspectRatio) {
         y && c && this.upsertTransformation({
-          key: f.Crop,
+          key: g.Crop,
           value: {
             focusMode: l,
-            isFocusModeAuto: A,
+            isFocusModeAuto: u,
             position: m,
             ratioHeight: c,
             ratioWidth: y,
-            unit: S
+            unit: A
           }
         });
         return;
       }
       (d || p) && this.upsertTransformation({
-        key: f.Crop,
+        key: g.Crop,
         value: {
           focusMode: l,
           height: d,
-          isFocusModeAuto: A,
+          isFocusModeAuto: u,
           position: m,
-          unit: S,
+          unit: A,
           width: p,
           /**
            * Without an asset there is no cropper to drag, so x/y are always the 0
@@ -2896,8 +2907,8 @@ let u = class extends j {
            * string) so `hasManualXY` in buildTransformationString doesn't spuriously
            * suppress the focus mode / position `c_g_` gravity value.
            */
-          x: Number.isFinite(g) && g !== 0 ? g : void 0,
-          y: Number.isFinite(w) && w !== 0 ? w : void 0
+          x: Number.isFinite(x) && x !== 0 ? x : void 0,
+          y: Number.isFinite(b) && b !== 0 ? b : void 0
         }
       });
       return;
@@ -2914,7 +2925,7 @@ let u = class extends j {
         this.transformations = [
           ...this.transformations,
           {
-            key: f.Crop,
+            key: g.Crop,
             value: {
               focusMode: n,
               height: d,
@@ -2929,7 +2940,7 @@ let u = class extends j {
         this.transformations = [
           ...this.transformations,
           {
-            key: f.Crop,
+            key: g.Crop,
             value: {
               focusMode: n,
               height: d,
@@ -2945,7 +2956,7 @@ let u = class extends j {
     } else i && (this.transformations = [
       ...this.transformations,
       {
-        key: f.Crop,
+        key: g.Crop,
         value: {
           focusMode: n,
           isFocusModeAuto: o,
@@ -2980,11 +2991,11 @@ let u = 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 = g.Resize, !this.asset) {
       if (i === r.AspectRatio) {
         const { ratioHeight: d, ratioWidth: m } = this.resizeSize;
         m && d && this.upsertTransformation({
-          key: f.Resize,
+          key: g.Resize,
           value: {
             ratioHeight: d,
             ratioWidth: m,
@@ -2994,7 +3005,7 @@ let u = class extends j {
         return;
       }
       (e || s) && this.upsertTransformation({
-        key: f.Resize,
+        key: g.Resize,
         value: {
           height: e,
           unit: i,
@@ -3010,7 +3021,7 @@ let u = class extends j {
     this.resizeSize.unit !== i ? (o = a, l = n) : i === r.AspectRatio && (o = Math.round(s / e * n), l = n), this.transformations = [
       ...this.transformations,
       {
-        key: f.Resize,
+        key: g.Resize,
         value: {
           height: l,
           unit: i,
@@ -3024,21 +3035,21 @@ let u = class extends j {
   }
   onRotationApply(t) {
     const e = t.detail;
-    if (this.clearResetSnapshot(), this.lastAction = f.Rotate, !this.asset) {
+    if (this.clearResetSnapshot(), this.lastAction = g.Rotate, !this.asset) {
       e ? this.upsertTransformation({
-        key: f.Rotate,
+        key: g.Rotate,
         value: {
           rotation: e
         }
       }) : this.transformations = this.transformations.filter(
-        (i) => i.key !== f.Rotate
+        (i) => i.key !== g.Rotate
       );
       return;
     }
     this.selectedFormat && (this.transformations = [
       ...this.transformations,
       {
-        key: f.Rotate,
+        key: g.Rotate,
         value: {
           rotation: e
         }
@@ -3047,9 +3058,9 @@ let u = 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 = g.Quality;
     const i = {
-      key: f.Quality,
+      key: g.Quality,
       value: {
         quality: e
       }
@@ -3063,22 +3074,22 @@ let u = class extends j {
       keepMetadata: e
     }), !this.asset) {
       e ? this.upsertTransformation({
-        key: f.Metadata,
+        key: g.Metadata,
         value: {
           keepMetadata: e
         }
       }) : this.transformations = this.transformations.filter(
-        (i) => i.key !== f.Metadata
+        (i) => i.key !== g.Metadata
       );
       return;
     }
     e ? this.upsertTransformation({
-      key: f.Metadata,
+      key: g.Metadata,
       value: {
         keepMetadata: e
       }
     }) : this.transformations = this.transformations.filter(
-      (i) => i.key !== f.Metadata
+      (i) => i.key !== g.Metadata
     );
   }
   onExtensionChange(t) {
@@ -3090,7 +3101,7 @@ let u = class extends j {
   }
   syncQuality() {
     const t = this.transformations.findLast(
-      (e) => e.key === f.Quality
+      (e) => e.key === g.Quality
     )?.value?.quality;
     this.selectedFormat && (this.selectedFormat = {
       ...this.selectedFormat,
@@ -3128,198 +3139,198 @@ let u = class extends j {
     this.transformations = [], this.frozenIndex = -1, this.syncQuality();
   }
   render() {
-    return C`<div class="asset-link-format" @cx-show=${this.onDetailsShow} @cx-hide=${this.onDetailsHide}>${I(
+    return C`<div class="asset-link-format" @cx-show=${this.onDetailsShow} @cx-hide=${this.onDetailsHide}>${M(
       !this.hideHeader,
-      () => 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>${I(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>`,
-      () => Ut
+      () => 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>`,
+      () => qt
     )}
-      ${I(
+      ${M(
       !this.noFormat,
-      () => C`<cx-asset-link-format-proxy class="asset-link-format__details" value=${this.selectedProxy || this.proxies?.[0]?.id || ""} ?open=${this.activeSetting === "cx-asset-link-format-proxy"} ?auto-format=${this.autoFormat} ?can-auto-format=${this.canAutoFormat} .items=${this.formats} ?loading=${this.loading && this.lastAction === 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 === g.Proxy} @cx-asset-link-format-proxy-change=${this.onProxyChange}></cx-asset-link-format-proxy>`
     )}
-      ${I(
+      ${M(
       !this.noCrop,
-      () => C`<cx-asset-link-format-crop class="asset-link-format__details" ?open=${this.activeSetting === "cx-asset-link-format-crop"} ?disabled-apply=${this.disabledCropApply} ?loading=${this.loading && this.lastAction === f.Crop} ?keep-aspect-ratio=${this.cropSize.keepAspectRatio} ?show-position-picker=${!this.asset} focus-mode=${this.cropSize.focusMode} crop-mode=${this.cropSize.cropMode} width=${this.cropSize.width} height=${this.cropSize.height} max-width=${this.asset ? this.lastResizeSize[r.Pixel].width : 1 / 0} max-height=${this.asset ? this.lastResizeSize[r.Pixel].height : 1 / 0} percentage-width=${this.cropSize.percentageWidth} percentage-height=${this.cropSize.percentageHeight} position=${this.cropSize.position} ratio-width=${this.cropSize.ratioWidth} ratio-height=${this.cropSize.ratioHeight} unit=${this.cropSize.unit} .lastAppliedSetting=${this.lastCropSize} .cropModes=${this.cropModes} .focusModes=${this.focusModes} @cx-asset-link-format-crop-mode-change=${this.onCropModeChange} @cx-asset-link-format-crop-focus-mode-change=${this.onCropFocusModeChange} @cx-asset-link-format-crop-position-change=${this.onCropPositionChange} @cx-asset-link-format-crop-change=${this.onCropChange} @cx-asset-link-format-crop-changed=${this.onCropChanged} @cx-asset-link-format-crop-apply=${this.onCropApply}></cx-asset-link-format-crop>`
+      () => 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 === g.Crop} ?keep-aspect-ratio=${this.cropSize.keepAspectRatio} ?show-position-picker=${!this.asset} focus-mode=${this.cropSize.focusMode} crop-mode=${this.cropSize.cropMode} width=${this.cropSize.width} height=${this.cropSize.height} max-width=${this.asset ? this.lastResizeSize[r.Pixel].width : 1 / 0} max-height=${this.asset ? this.lastResizeSize[r.Pixel].height : 1 / 0} percentage-width=${this.cropSize.percentageWidth} percentage-height=${this.cropSize.percentageHeight} position=${this.cropSize.position} ratio-width=${this.cropSize.ratioWidth} ratio-height=${this.cropSize.ratioHeight} unit=${this.cropSize.unit} .lastAppliedSetting=${this.lastCropSize} .cropModes=${this.cropModes} .focusModes=${this.focusModes} @cx-asset-link-format-crop-mode-change=${this.onCropModeChange} @cx-asset-link-format-crop-focus-mode-change=${this.onCropFocusModeChange} @cx-asset-link-format-crop-position-change=${this.onCropPositionChange} @cx-asset-link-format-crop-change=${this.onCropChange} @cx-asset-link-format-crop-changed=${this.onCropChanged} @cx-asset-link-format-crop-apply=${this.onCropApply}></cx-asset-link-format-crop>`
     )}
-      ${I(
+      ${M(
       !this.noResize,
-      () => C`<cx-asset-link-format-resize class="asset-link-format__details" ?open=${this.activeSetting === "cx-asset-link-format-resize"} ?loading=${this.loading && this.lastAction === 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 === g.Resize} ?no-ratio-modes=${!this.asset} ?keep-aspect-ratio=${this.resizeSize.keepAspectRatio} width=${this.resizeSize.width} height=${this.resizeSize.height} max-width=${this.asset ? this.imageSize.width : 1 / 0} max-height=${this.asset ? this.imageSize.height : 1 / 0} ratio-width=${this.resizeSize.ratioWidth} ratio-height=${this.resizeSize.ratioHeight} unit=${this.resizeSize.unit} .lastAppliedSetting=${this.lastResizeSize} @cx-asset-link-format-resize-change=${this.onResizeChange} @cx-asset-link-format-resize-apply=${this.onResizeApply}></cx-asset-link-format-resize>`
     )}
-      ${I(
+      ${M(
       !this.noRotate,
-      () => C`<cx-asset-link-format-rotation class="asset-link-format__details" ?loading=${this.loading && this.lastAction === f.Rotate} ?open=${this.activeSetting === "cx-asset-link-format-rotation"} default-value=${this.selectedFormat?.rotation ?? 0} last-applied-value=${this.lastRotation} value=${this.rotation} @cx-asset-link-format-rotation-change=${this.onRotationChange} @cx-asset-link-format-rotation-apply=${this.onRotationApply}></cx-asset-link-format-rotation>`
-    )}<cx-asset-link-format-quality class="asset-link-format__details" ?loading=${this.loading && this.lastAction === f.Quality} ?open=${this.activeSetting === "cx-asset-link-format-quality"} value=${this.selectedFormat?.quality ?? 100} @cx-asset-link-format-quality-change=${this.onQualityChange}></cx-asset-link-format-quality>${I(
+      () => C`<cx-asset-link-format-rotation class="asset-link-format__details" ?loading=${this.loading && this.lastAction === g.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 === g.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,
       () => 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>`
     )}
-      ${I(
+      ${M(
       this.useCustomExtension,
       () => 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>`;
   }
 };
-u.styles = [Q, _e];
-u.dependencies = {
+f.styles = [Q, Ee];
+f.dependencies = {
   "cx-asset-link-format-crop": v,
-  "cx-asset-link-format-extension": Y,
+  "cx-asset-link-format-extension": Z,
   "cx-asset-link-format-metadata": U,
-  "cx-asset-link-format-proxy": E,
-  "cx-asset-link-format-quality": W,
+  "cx-asset-link-format-proxy": I,
+  "cx-asset-link-format-quality": H,
   "cx-asset-link-format-resize": k,
-  "cx-asset-link-format-rotation": H,
-  "cx-button": J,
+  "cx-asset-link-format-rotation": T,
+  "cx-button": Y,
   "cx-space": B,
   "cx-typography": q
 };
-x([
+S([
   h({ attribute: "base-url", type: String })
-], u.prototype, "baseUrl", 2);
-x([
+], f.prototype, "baseUrl", 2);
+S([
   h({ attribute: "token", type: String })
-], u.prototype, "token", 2);
-x([
+], f.prototype, "token", 2);
+S([
   h({ reflect: !1, type: Object })
-], u.prototype, "asset", 2);
-x([
+], f.prototype, "asset", 2);
+S([
   h({ attribute: "crop-modes", reflect: !1, type: Array })
-], u.prototype, "cropModes", 2);
-x([
+], f.prototype, "cropModes", 2);
+S([
   h({ attribute: "focus-modes", reflect: !1, type: Object })
-], u.prototype, "focusModes", 2);
-x([
+], f.prototype, "focusModes", 2);
+S([
   h({ reflect: !1, type: Array })
-], u.prototype, "extensions", 2);
-x([
+], f.prototype, "extensions", 2);
+S([
   h({ reflect: !1, type: Array })
-], u.prototype, "proxies", 2);
-x([
+], f.prototype, "proxies", 2);
+S([
   h({ attribute: "for-cropper", reflect: !0, type: String })
-], u.prototype, "forCropper", 2);
-x([
+], f.prototype, "forCropper", 2);
+S([
   h({ attribute: "use-session", reflect: !0, type: String })
-], u.prototype, "useSession", 2);
-x([
+], f.prototype, "useSession", 2);
+S([
   h({ reflect: !1, type: Array })
-], u.prototype, "transformations", 2);
-x([
+], f.prototype, "transformations", 2);
+S([
   h({ attribute: "selected-proxy", reflect: !0, type: String })
-], u.prototype, "selectedProxy", 2);
-x([
+], f.prototype, "selectedProxy", 2);
+S([
   h({ attribute: "default-proxy", reflect: !0, type: String })
-], u.prototype, "defaultProxy", 2);
-x([
+], f.prototype, "defaultProxy", 2);
+S([
   h({ attribute: "can-auto-format", reflect: !0, type: Boolean })
-], u.prototype, "canAutoFormat", 2);
-x([
+], f.prototype, "canAutoFormat", 2);
+S([
   h({ attribute: "auto-format", reflect: !0, type: Boolean })
-], u.prototype, "autoFormat", 2);
-x([
+], f.prototype, "autoFormat", 2);
+S([
   h({ attribute: "use-custom-extension", reflect: !0, type: Boolean })
-], u.prototype, "useCustomExtension", 2);
-x([
+], f.prototype, "useCustomExtension", 2);
+S([
   h({ attribute: "no-metadata", reflect: !0, type: Boolean })
-], u.prototype, "noMetadata", 2);
-x([
+], f.prototype, "noMetadata", 2);
+S([
   h({ attribute: "no-format", reflect: !0, type: Boolean })
-], u.prototype, "noFormat", 2);
-x([
+], f.prototype, "noFormat", 2);
+S([
   h({ attribute: "no-crop", reflect: !0, type: Boolean })
-], u.prototype, "noCrop", 2);
-x([
+], f.prototype, "noCrop", 2);
+S([
   h({ attribute: "no-resize", reflect: !0, type: Boolean })
-], u.prototype, "noResize", 2);
-x([
+], f.prototype, "noResize", 2);
+S([
   h({ attribute: "no-rotate", reflect: !0, type: Boolean })
-], u.prototype, "noRotate", 2);
-x([
+], f.prototype, "noRotate", 2);
+S([
   h({ attribute: "last-image-size", reflect: !1, type: Object })
-], u.prototype, "lastImageSize", 2);
-x([
+], f.prototype, "lastImageSize", 2);
+S([
   h({ attribute: "hide-header", reflect: !1, type: Boolean })
-], u.prototype, "hideHeader", 2);
-x([
+], f.prototype, "hideHeader", 2);
+S([
   h({ attribute: "can-reset", type: Boolean })
-], u.prototype, "canReset", 2);
-x([
+], f.prototype, "canReset", 2);
+S([
   h({ attribute: !1, reflect: !1, type: Object })
-], u.prototype, "queryElement", 2);
-x([
+], f.prototype, "queryElement", 2);
+S([
   R()
-], u.prototype, "activeSetting", 2);
-x([
+], f.prototype, "activeSetting", 2);
+S([
   R()
-], u.prototype, "selectedFormat", 2);
-x([
+], f.prototype, "selectedFormat", 2);
+S([
   R()
-], u.prototype, "resizeSize", 2);
-x([
+], f.prototype, "resizeSize", 2);
+S([
   R()
-], u.prototype, "cropSize", 2);
-x([
+], f.prototype, "cropSize", 2);
+S([
   R()
-], u.prototype, "rotation", 2);
-x([
+], f.prototype, "rotation", 2);
+S([
   R()
-], u.prototype, "defaultSize", 2);
-x([
+], f.prototype, "defaultSize", 2);
+S([
   R()
-], u.prototype, "cropperElement", 2);
-x([
+], f.prototype, "cropperElement", 2);
+S([
   R()
-], u.prototype, "parameters", 2);
-x([
+], f.prototype, "parameters", 2);
+S([
   R()
-], u.prototype, "loading", 2);
-x([
+], f.prototype, "loading", 2);
+S([
   R()
-], u.prototype, "lastAction", 2);
-x([
+], f.prototype, "lastAction", 2);
+S([
   R()
-], u.prototype, "frozenIndex", 2);
-x([
+], f.prototype, "frozenIndex", 2);
+S([
   R()
-], u.prototype, "preResetTransformations", 2);
-x([
+], f.prototype, "preResetTransformations", 2);
+S([
   R()
-], u.prototype, "preResetAutoFormat", 2);
-x([
+], f.prototype, "preResetAutoFormat", 2);
+S([
   R()
-], u.prototype, "preResetSelectedProxy", 2);
-x([
+], f.prototype, "preResetSelectedProxy", 2);
+S([
   P("transformations")
-], u.prototype, "handleTransformationsChange", 1);
-x([
+], f.prototype, "handleTransformationsChange", 1);
+S([
   P("selectedProxy")
-], u.prototype, "handleSelectedProxyChange", 1);
-x([
+], f.prototype, "handleSelectedProxyChange", 1);
+S([
   P("loading")
-], u.prototype, "handleLoadingChange", 1);
-u = x([
+], f.prototype, "handleLoadingChange", 1);
+f = S([
   X("cx-asset-link-format")
-], u);
+], f);
 export {
-  u as C,
-  Gi as F,
-  _t as M,
-  be as a,
-  Xt as b,
-  ht as c,
+  f as C,
+  Xi as F,
+  Ft as M,
+  Pe as a,
+  Zt as b,
+  rt as c,
   xt as d,
-  Vt as e,
-  ge as f,
-  Gt as g,
-  ji as h,
-  Zt as i,
-  Vi as j,
-  qi as k,
+  Qt as e,
+  Ae as f,
+  Xt as g,
+  Gi as h,
+  Jt as i,
+  Qi as j,
+  Vi as k,
   ut as l,
   mt as m,
-  Ht as n,
+  Dt as n,
   ft as o,
   gt as p,
-  Wt as q,
-  Li as r,
-  Ui as s,
-  Bi as t,
-  ce as u
+  Nt as q,
+  Bi as r,
+  qi as s,
+  ji as t,
+  me as u
 };