@orangelogic/design-system 3.11.0 → 3.12.0

package/library/chunks/{asset-link-format.CxDu37Om.js → asset-link-format.f7Khv8SZ.js}

@@ -10,12 +10,12 @@ import "./form.C8LMdQB4.js";
 import { L as G } from "./i18n.CNnI4-0K.js";
 import { a as se } from "./string.Demn8Xmk.js";
 import "./date-picker.BGHn6qg8.js";
-import { a as Tt, r as jt, b as ae, c as oe, d as re, e as lt } from "./transformation.D27sTUdZ.js";
+import { a as Rt, r as jt, b as ae, c as oe, d as lt } from "./transformation.OaRYixzE.js";
 import "./unsafe-html.Dff7-rCx.js";
-import { b as ne } from "./_baseUniq.lwMgmtt2.js";
+import { b as re } from "./_baseUniq.lwMgmtt2.js";
 import { c as Q } from "./component.styles.CRO4Odto.js";
 import { M as ct, U as o, T as f } from "./asset-link-format.ClaYu_v8.js";
-import { v as he } from "./v4.CKZ6klMF.js";
+import { v as ne } 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";
@@ -25,25 +25,25 @@ 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.CpHbi8tH.js";
-import { C as $t } from "./icon-button.ENVA7x3u.js";
-import { C as Pt } from "./input.BJ5LN8of.js";
+import { C as Pt } from "./icon-button.ENVA7x3u.js";
+import { C as Ft } from "./input.BJ5LN8of.js";
 import { C as vt } from "./option.B34is9Z5.js";
 import zt from "../components/select.js";
-import le from "../components/position-picker.js";
-import { c as ce } from "./image.Y5c_hFx8.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 { o as O } from "./style-map.llVFPd__.js";
 import Gt from "../components/tooltip.js";
-import pe from "../components/button-group.js";
-import de from "../components/checkbox.js";
-function ue(t) {
-  return t && t.length ? ne(t) : [];
+import ce from "../components/button-group.js";
+import pe from "../components/checkbox.js";
+function de(t) {
+  return t && t.length ? re(t) : [];
 }
 function Qt(t) {
   return typeof t == "object" && t !== null && "URI" in t;
 }
-const me = {
+const ue = {
   artist: "Artist",
   color: "Color",
   createDate: "CreateDate",
@@ -65,18 +65,18 @@ const me = {
   systemIdentifier: "SystemIdentifier",
   text: "Text",
   title: "Title"
-}, fe = /* @__PURE__ */ new Set(["mediaDate", "createDate", "editDate"]);
-function Rt(t) {
+}, me = /* @__PURE__ */ new Set(["mediaDate", "createDate", "editDate"]);
+function $t(t) {
   return !/[\s&+/*"\\:(),'<>~|[\]{}]/.test(t) && !/^(?:OR|AND|NOT)$/.test(t) ? t : `"${t.replace(/\\/g, "\\\\").replace(/"/g, '\\"')}"`;
 }
 function Wt(t, e) {
-  const s = (Array.isArray(e) ? e : [e]).map((a) => `${t}:${Rt(a)}`);
+  const s = (Array.isArray(e) ? e : [e]).map((a) => `${t}:${$t(a)}`);
   return s.length > 1 ? `(${s.join(" OR ")})` : s[0] ?? "";
 }
-function ge(t, e) {
+function fe(t, e) {
   return (Array.isArray(e) ? e : [e]).map((s) => `${t}${s.operator}${s.value}`).join(" AND ");
 }
-function xe(t) {
+function ge(t) {
   const e = [];
   for (const i of Object.keys(t)) {
     const s = i, a = t[s];
@@ -89,11 +89,11 @@ function xe(t) {
         e.push(Wt(n, l));
       continue;
     }
-    const r = me[s];
+    const r = ue[s];
     if (r) {
-      if (fe.has(s)) {
+      if (me.has(s)) {
         e.push(
-          ge(r, a)
+          fe(r, a)
         );
         continue;
       }
@@ -106,8 +106,8 @@ function xe(t) {
         if (n.length === 0)
           continue;
         const l = [
-          ...n.map((d) => `ParentFolderIdentifier:${Rt(String(d))}`),
-          ...n.map((d) => `ParentAlbumIdentifier:${Rt(String(d))}`)
+          ...n.map((d) => `ParentFolderIdentifier:${$t(String(d))}`),
+          ...n.map((d) => `ParentAlbumIdentifier:${$t(String(d))}`)
         ];
         e.push(`(${l.join(" OR ")})`);
         continue;
@@ -128,34 +128,34 @@ function dt(t) {
     const e = dt(t.not);
     return e ? `NOT (${e})` : "";
   }
-  return xe(t);
+  return ge(t);
 }
-const ye = "CoreField.LargeSizePreview", ut = "CoreField.DocType", Se = "Document.Title", Ae = "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", ve = "CoreField.OriginalPreview", Bi = "Document.DocSubType", qi = "Document.InPoint", ji = "Document.OutPoint", Ct = {
+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 = {
   DEFAULT_VIEW_SIZE: "Document.LargeSizePreview",
   FIELD_TITLE_WITH_FALLBACK: "Document.TitleWithFallback",
   ORIGINAL_VIEW_SIZE: "Document.OriginalPreview"
 }, Kt = {
-  [ye]: Ct.DEFAULT_VIEW_SIZE,
+  [xe]: Ct.DEFAULT_VIEW_SIZE,
   [Xt]: Ct.FIELD_TITLE_WITH_FALLBACK,
-  [ve]: Ct.ORIGINAL_VIEW_SIZE
-}, ze = Object.fromEntries(
+  [Ae]: Ct.ORIGINAL_VIEW_SIZE
+}, ve = Object.fromEntries(
   Object.entries(Kt).map(([t, e]) => [
     e,
     t
   ])
 );
-function be(t) {
+function ze(t) {
   return Kt[t] ?? t;
 }
 function Ot(t) {
   const e = {};
   for (const [i, s] of Object.entries(t)) {
-    const a = ze[i] ?? i;
+    const a = ve[i] ?? i;
     e[a] = s;
   }
   return e;
 }
-function Ce(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)));
@@ -175,9 +175,9 @@ async function Zt({
   token: c,
   useSession: S
 }) {
-  const A = e?.map(be), p = {
+  const A = e?.map(ze), p = {
     CountPerPage: t,
-    Fields: ue(A),
+    Fields: de(A),
     Format: "json",
     GetPermanentAssetsPaths: i || void 0,
     PageNumber: r,
@@ -193,7 +193,7 @@ async function Zt({
       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.
-      ...x ? { data: Ce(p) } : { params: p, paramsSerializer: { indexes: null } },
+      ...x ? { data: be(p) } : { params: p, paramsSerializer: { indexes: null } },
       responseType: "json",
       transformResponse: [
         ...Array.isArray(E.defaults.transformResponse) ? E.defaults.transformResponse : [],
@@ -213,7 +213,7 @@ async function Zt({
     return { items: [], sort: "", totalCount: 0 };
   }
 }
-async function we({
+async function Ce({
   assetId: t,
   extension: e,
   format: i,
@@ -245,14 +245,14 @@ async function we({
     return null;
   }
 }
-const ke = 50;
-function Re(t, e) {
+const we = 50;
+function ke(t, e) {
   const i = [];
   for (let s = 0; s < t.length; s += e)
     i.push(t.slice(s, s + e));
   return i;
 }
-async function $e({
+async function Re({
   extraFields: t,
   getPermanentAssetsPaths: e,
   isSiteBuilder: i,
@@ -266,10 +266,10 @@ async function $e({
     ...n,
     St,
     yt,
+    ye,
     Se,
-    Ae,
     xt
-  ], d = Re(s, ke), g = await Promise.all(
+  ], d = ke(s, we), g = await Promise.all(
     d.map(
       (p) => Zt({
         countPerPage: p.length,
@@ -292,7 +292,7 @@ async function $e({
         (w, u) => {
           w[u] = _(p, u);
           const C = Yt(p, u);
-          return C !== void 0 && (w[`${u}${Ft}`] = String(C)), w;
+          return C !== void 0 && (w[`${u}${_t}`] = String(C)), w;
         },
         {}
       )
@@ -314,7 +314,7 @@ function Yt(t, e) {
   if (!(i == null || !Qt(i)))
     return typeof i.Width == "number" && i.Width > 0 ? i.Width : void 0;
 }
-async function Pe({
+async function $e({
   countPerPage: t,
   directParentFolderIdentifier: e,
   extraFields: i,
@@ -376,7 +376,7 @@ async function Pe({
         (L, et) => {
           L[et] = _(u, et);
           const nt = Yt(u, et);
-          return nt !== void 0 && (L[`${et}${Ft}`] = String(nt)), L;
+          return nt !== void 0 && (L[`${et}${_t}`] = String(nt)), L;
         },
         {}
       )
@@ -388,7 +388,7 @@ async function Pe({
     totalCount: x.totalCount
   };
 }
-async function Fe({
+async function Pe({
   autoCropMode: t,
   cropHeight: e,
   cropWidth: i,
@@ -423,7 +423,7 @@ async function Fe({
     return null;
   }
 }
-async function Vi({
+async function ji({
   assetRecordId: t,
   isSiteBuilder: e,
   siteUrl: i,
@@ -460,7 +460,7 @@ async function Vi({
     return [];
   }
 }
-async function Gi({
+async function Vi({
   siteUrl: t
 } = {}) {
   try {
@@ -487,7 +487,7 @@ async function Gi({
     return { formatsByDocType: {} };
   }
 }
-async function Qi({
+async function Gi({
   recordIds: t,
   rightsToCheck: e
 }) {
@@ -510,7 +510,7 @@ async function Qi({
     return i;
   }
 }
-const wt = 20, it = "TR1", At = "TRX", _e = /* @__PURE__ */ new Set([".gif"]), Me = /* @__PURE__ */ new Set([
+const wt = 20, it = "TR1", At = "TRX", Fe = /* @__PURE__ */ new Set([".gif"]), _e = /* @__PURE__ */ new Set([
   ".avif",
   ".bmp",
   ".gif",
@@ -521,9 +521,9 @@ const wt = 20, it = "TR1", At = "TRX", _e = /* @__PURE__ */ new Set([".gif"]), M
   ".svg",
   ".webp"
 ]);
-function Ie(t) {
+function Me(t) {
   const e = t.toLowerCase(), i = e.startsWith(".") ? e : `.${e}`;
-  return Me.has(i);
+  return _e.has(i);
 }
 function Lt({
   autoFormat: t,
@@ -538,17 +538,18 @@ function Lt({
     const w = a[p];
     if (!w)
       return;
-    const u = a[`${p}${Ft}`], C = t ? ae(w, {
+    const u = a[`${p}${_t}`], C = t ? Rt(w, [], {
+      autoFormat: !0,
       extension: l,
       format: x
     }) : w;
     return {
       maxWidth: u,
       src: C,
-      srcset: e ? oe(C, {
+      srcset: e ? ae(C, {
         extension: l,
         format: x,
-        maxWidth: re(r, u)
+        maxWidth: oe(r, u)
       }) : ""
     };
   };
@@ -556,12 +557,12 @@ function Lt({
     const p = jt(l, n), x = `path_${p}`;
     return c(x, p) ?? c(g, it) ?? {};
   }
-  if (!!l && _e.has(d))
+  if (!!l && Fe.has(d))
     return c(`path_${At}`, At) ?? c(g, it) ?? {};
   const A = s ? `path_${s}` : void 0;
   return A && a[A] ? c(A, s) ?? {} : c(g, it) ?? {};
 }
-class Xi {
+class Qi {
   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);
     const s = i?.maxEnd;
@@ -616,7 +617,7 @@ class Xi {
     for (let x = A; x <= p; x++) {
       if (this.fetchedPages.has(x))
         continue;
-      const w = await Pe({
+      const w = await $e({
         countPerPage: this.pageSize,
         directParentFolderIdentifier: this.folderId,
         extraFields: [...i, ...S],
@@ -635,7 +636,7 @@ class Xi {
         const C = Math.min(this.maxEnd, w.totalCount);
         this.totalCount = C, this.data = Array.from({ length: C }, () => ({
           alt: "",
-          id: `temp-${he()}`,
+          id: `temp-${ne()}`,
           name: "",
           src: ""
         }));
@@ -657,8 +658,8 @@ class Xi {
             manualFormat: a,
             size: F.size
           });
-          let ht = et, Mt = nt;
-          ht && n && n.length > 0 && (ht = Tt(ht, n), Mt = ""), this.data[D] = {
+          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,
@@ -666,9 +667,9 @@ class Xi {
             maxWidth: L,
             name: F.name,
             src: ht,
-            srcset: Mt,
+            srcset: It,
             ...i.reduce(
-              (It, Et) => (It[Et] = F[Et] ?? "", It),
+              (Et, Tt) => (Et[Tt] = F[Tt] ?? "", Et),
               {}
             )
           };
@@ -734,7 +735,7 @@ class Xi {
       ft,
       gt
     ];
-    return (await $e({
+    return (await Re({
       extraFields: [...S, ...g, ...c].filter((p) => p !== ""),
       getPermanentAssetsPaths: !0,
       isSiteBuilder: this.isSiteBuilder,
@@ -756,7 +757,7 @@ class Xi {
         size: p[mt]
       });
       let C = w, D = u;
-      return C && r && r.length > 0 && (C = Tt(C, r), D = ""), {
+      return C && r && r.length > 0 && (C = Rt(C, r), D = ""), {
         alt: p.name,
         docType: p[ut],
         extension: p[rt] || "",
@@ -848,11 +849,11 @@ class Xi {
     this.resetPageCache();
   }
 }
-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, r = t.length - 1, n; r >= 0; r--)
+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--)
     (n = t[r]) && (a = (s ? n(e, i, a) : n(a)) || a);
-  return s && a && He(e, i, a), a;
+  return s && a && Te(e, i, a), a;
 };
 let v = class extends j {
   constructor() {
@@ -968,7 +969,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 } = ce(
+        Number.isFinite(this.maxWidth) && Number.isFinite(this.maxHeight) && ({ height: n, width: r } = le(
           this.maxWidth,
           this.maxHeight,
           s,
@@ -1131,16 +1132,16 @@ let v = class extends j {
     })} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
   }
 };
-v.styles = [Q, Te];
+v.styles = [Q, Ee];
 v.dependencies = {
   "cx-button": Y,
   "cx-details": st,
   "cx-divider": Vt,
   "cx-icon": at,
-  "cx-icon-button": $t,
-  "cx-input": Pt,
+  "cx-icon-button": Pt,
+  "cx-input": Ft,
   "cx-option": vt,
-  "cx-position-picker": le,
+  "cx-position-picker": he,
   "cx-select": zt,
   "cx-space": B,
   "cx-typography": q
@@ -1235,11 +1236,11 @@ z([
 v = z([
   X("cx-asset-link-format-crop")
 ], v);
-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, r = t.length - 1, n; r >= 0; r--)
+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) => {
+  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 && Ne(e, i, a), a;
+  return s && a && De(e, i, a), a;
 };
 let Z = class extends j {
   constructor() {
@@ -1259,27 +1260,27 @@ let Z = class extends j {
     )}</cx-select></cx-space>`;
   }
 };
-Z.styles = [Q, De];
+Z.styles = [Q, We];
 Z.dependencies = {
   "cx-option": vt,
   "cx-select": zt,
   "cx-space": B,
   "cx-typography": q
 };
-_t([
+Mt([
   h({ reflect: !0, type: String })
 ], Z.prototype, "value", 2);
-_t([
+Mt([
   h({ reflect: !1, type: Array })
 ], Z.prototype, "items", 2);
-Z = _t([
+Z = Mt([
   X("cx-asset-link-format-extension")
 ], 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, r = t.length - 1, n; r >= 0; r--)
+const Oe = V`cx-details::part(base){border-bottom-width:0}`;
+var Le = Object.defineProperty, Ue = Object.getOwnPropertyDescriptor, W = (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 && Ue(e, i, a), a;
+  return s && a && Le(e, i, a), a;
 };
 const kt = "auto";
 let I = class extends j {
@@ -1355,7 +1356,7 @@ let I = class extends j {
     })} ?disabled=${this.scopedValue === this.committedValue} ?loading=${this.loading} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
   }
 };
-I.styles = [Q, Le];
+I.styles = [Q, Oe];
 I.dependencies = {
   "cx-button": Y,
   "cx-details": st,
@@ -1400,11 +1401,11 @@ W([
 I = W([
   X("cx-asset-link-format-proxy")
 ], 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, r = t.length - 1, n; r >= 0; r--)
+const Be = V`cx-details::part(base){border-bottom-width:0}`;
+var qe = Object.defineProperty, je = Object.getOwnPropertyDescriptor, tt = (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 && je(e, i, a), a;
+  return s && a && qe(e, i, a), a;
 };
 let H = class extends j {
   constructor() {
@@ -1457,12 +1458,12 @@ let H = 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>`;
   }
 };
-H.styles = [Q, qe];
+H.styles = [Q, Be];
 H.dependencies = {
   "cx-button": Y,
   "cx-details": st,
   "cx-icon": at,
-  "cx-input": Pt,
+  "cx-input": Ft,
   "cx-space": B,
   "cx-tooltip": Gt,
   "cx-typography": q
@@ -1488,11 +1489,11 @@ tt([
 H = tt([
   X("cx-asset-link-format-quality")
 ], 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, r = t.length - 1, n; r >= 0; r--)
+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) => {
+  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 && Qe(e, i, a), a;
+  return s && a && Ge(e, i, a), a;
 };
 let k = class extends j {
   constructor() {
@@ -1649,13 +1650,13 @@ let k = class extends j {
     })} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
   }
 };
-k.styles = [Q, Ge];
+k.styles = [Q, Ve];
 k.dependencies = {
   "cx-button": Y,
   "cx-details": st,
   "cx-icon": at,
-  "cx-icon-button": $t,
-  "cx-input": Pt,
+  "cx-icon-button": Pt,
+  "cx-input": Ft,
   "cx-option": vt,
   "cx-select": zt,
   "cx-space": B,
@@ -1721,11 +1722,11 @@ $([
 k = $([
   X("cx-asset-link-format-resize")
 ], k);
-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, r = t.length - 1, n; r >= 0; r--)
+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--)
     (n = t[r]) && (a = (s ? n(e, i, a) : n(a)) || a);
-  return s && a && Ze(e, i, a), a;
+  return s && a && Ke(e, i, a), a;
 };
 let T = class extends j {
   constructor() {
@@ -1773,13 +1774,13 @@ let T = 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>`;
   }
 };
-T.styles = [Q, Ke];
+T.styles = [Q, Xe];
 T.dependencies = {
   "cx-button": Y,
-  "cx-button-group": pe,
+  "cx-button-group": ce,
   "cx-details": st,
   "cx-icon": at,
-  "cx-icon-button": $t,
+  "cx-icon-button": Pt,
   "cx-space": B,
   "cx-typography": q
 };
@@ -1807,11 +1808,11 @@ K([
 T = K([
   X("cx-asset-link-format-rotation")
 ], T);
-const Je = V`cx-details::part(base){border-bottom-width:0}`;
-var ti = Object.defineProperty, ei = Object.getOwnPropertyDescriptor, bt = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? ei(e, i) : e, r = t.length - 1, n; r >= 0; r--)
+const Ye = V`cx-details::part(base){border-bottom-width:0}`;
+var Je = Object.defineProperty, ti = Object.getOwnPropertyDescriptor, bt = (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 && ti(e, i, a), a;
+  return s && a && Je(e, i, a), a;
 };
 let U = class extends j {
   constructor() {
@@ -1842,10 +1843,10 @@ let U = class extends j {
     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>`;
   }
 };
-U.styles = [Q, Je];
+U.styles = [Q, Ye];
 U.dependencies = {
   "cx-button": Y,
-  "cx-checkbox": de,
+  "cx-checkbox": pe,
   "cx-details": st,
   "cx-icon": at,
   "cx-space": B,
@@ -1864,10 +1865,10 @@ bt([
 U = bt([
   X("cx-asset-link-format-metadata")
 ], U);
-var ii = Object.defineProperty, si = Object.getOwnPropertyDescriptor, y = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? si(e, i) : e, r = t.length - 1, n; r >= 0; r--)
+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 && ii(e, i, a), a;
+  return s && a && ei(e, i, a), a;
 };
 let m = class extends j {
   constructor() {
@@ -1967,7 +1968,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 = we, this.apiGetCropFocusMode = Fe, this.onCropComplete = this.onCropComplete.bind(this), this.onCropDragStart = this.onCropDragStart.bind(this);
+    }, this.cropperElement = null, this.parameters = [], this.loading = !1, this.lastAction = void 0, this.frozenIndex = void 0, this.preResetTransformations = void 0, this.preResetAutoFormat = void 0, this.preResetSelectedProxy = void 0, this.apiGetTransformAssetLink = Ce, this.apiGetCropFocusMode = 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
@@ -1976,7 +1977,7 @@ let m = class extends j {
    * extension fallback in asset-transformation-dialog.
    */
   static getTransformExtension(t) {
-    return !t || Ie(t) ? t : "jpg";
+    return !t || Me(t) ? t : "jpg";
   }
   /** True when there are transformations beyond the frozen index (i.e. user has added new ones). */
   get hasUnfrozenTransformations() {
@@ -3172,7 +3173,7 @@ let m = class extends j {
     )}</div>`;
   }
 };
-m.styles = [Q, Ee];
+m.styles = [Q, Ie];
 m.dependencies = {
   "cx-asset-link-format-crop": v,
   "cx-asset-link-format-extension": Z,
@@ -3313,27 +3314,27 @@ m = y([
 ], m);
 export {
   m as C,
-  Xi as F,
-  Ft as M,
-  $e as a,
+  Qi as F,
+  _t as M,
+  Re as a,
   Zt as b,
   rt as c,
   xt as d,
   Qt as e,
-  Se as f,
+  ye as f,
   Xt as g,
-  Gi as h,
-  Ie as i,
-  Qi as j,
-  Vi as k,
+  Vi as h,
+  Me as i,
+  Gi as j,
+  ji as k,
   ut as l,
   mt as m,
   Dt as n,
   ft as o,
   gt as p,
   Nt as q,
-  Bi as r,
-  qi as s,
-  ji as t,
-  ue as u
+  Ui as r,
+  Bi as s,
+  qi as t,
+  de as u
 };