@orangelogic/design-system 2.141.0 → 2.143.0

package/library/chunks/{asset-link-format.BDuHqEN5.js → asset-link-format.BVoE-GrD.js}

@@ -1,47 +1,47 @@
 import "../components/cropper.js";
-import { C as j } from "./button.C6-GrLyD.js";
+import { C as V } from "./button.Bja8HrmJ.js";
 import D from "../components/space.js";
-import { C as T } from "./typography.DJC_UXgs.js";
+import { C as T } from "./typography.IqHbnd3C.js";
 import { n as h, C as N } from "./lib-cortex-element.CVMmyPMC.js";
-import { h as P, a as Et, C as Ht, S as Nt, b as Lt, c as Ot } from "./endpoints.BlywT4Gl.js";
-import { M as bt, U as o, T as c } from "./asset-link-format.QzzboHHE.js";
+import { h as P, a as Et, C as It, S as Nt, b as Ot, c as Lt, d as Ut } from "./endpoints.Bn_YviaU.js";
+import { M as At, U as o, T as c } from "./asset-link-format.QzzboHHE.js";
 import "./browser.BHOCIF_A.js";
-import { i as L, x as b, E as Ut } from "./lit-element.jLBm65_O.js";
+import { i as O, x as A, E as qt } from "./lit-element.jLBm65_O.js";
 import "./form.BSqXLytJ.js";
-import { L as O } from "./i18n.DeUAP8n2.js";
-import { a as qt } from "./string.BmBJ_BLT.js";
+import { L } from "./i18n.C4wPyPTR.js";
+import { a as jt } from "./string.BmBJ_BLT.js";
 import "./date-picker.DTUICGb9.js";
-import "./content-builder.BGzxZUgi.js";
+import "./content-builder.D-_Ou8sw.js";
 import "./unsafe-html.Dff7-rCx.js";
-import { b as Bt } from "./_baseUniq.HFKneygy.js";
+import { b as Bt } from "./_baseUniq.DP9Qak6V.js";
 import { c as U } from "./component.styles.CRO4Odto.js";
 import { c as q } from "./custom-element.L4WJXn1j.js";
-import { w as R } from "./watch.CThbualB.js";
-import { s as wt, c as et } from "./number.B4PQLJIg.js";
+import { w as R } from "./watch.CkGTlwIo.js";
+import { s as zt, c as et } from "./number.B4PQLJIg.js";
 import { b as it } from "./transformation.c-RS37zA.js";
 import { r as v } from "./state.CSDxrqLd.js";
 import { n as E } from "./when.Dr1es41R.js";
 import Z from "../components/details.js";
 import Vt from "../components/divider.js";
-import { C as Y } from "./icon.DnBh6-56.js";
-import { C as mt } from "./icon-button.LhIEmHNF.js";
-import { C as ft } from "./input.ClJ4MEsk.js";
-import { C as nt } from "./option.n6PDuSs1.js";
+import { C as Y } from "./icon.-k4fR0bD.js";
+import { C as mt } from "./icon-button.Ce2tPGuf.js";
+import { C as ft } from "./input.BAvin1Qu.js";
+import { C as nt } from "./option.DT-6HmoC.js";
 import ht from "../components/select.js";
-import { c as jt } from "./image.BzmclWBR.js";
+import { c as Gt } from "./image.BzmclWBR.js";
 import { e as J } from "./query.BBf1UFkC.js";
 import { c as tt } from "./repeat.CFjcER6_.js";
-import { o as H } from "./style-map.llVFPd__.js";
-import It from "../components/tooltip.js";
-import Gt from "../components/button-group.js";
-import { C as Qt } from "./checkbox.i5dgRvaf.js";
-function Kt(t) {
+import { o as I } from "./style-map.llVFPd__.js";
+import Ht from "../components/tooltip.js";
+import Qt from "../components/button-group.js";
+import { C as Kt } from "./checkbox.kdSMUgR1.js";
+function Xt(t) {
   return t && t.length ? Bt(t) : [];
 }
-function Xt(t) {
+function Zt(t) {
   return typeof t == "object" && t !== null && "URI" in t;
 }
-const Zt = {
+const Yt = {
   artist: "Artist",
   color: "Color",
   createDate: "CreateDate",
@@ -63,18 +63,18 @@ const Zt = {
   systemIdentifier: "SystemIdentifier",
   text: "Text",
   title: "Title"
-}, Yt = /* @__PURE__ */ new Set(["mediaDate", "createDate", "editDate"]);
+}, Jt = /* @__PURE__ */ new Set(["mediaDate", "createDate", "editDate"]);
 function dt(t) {
   return !/[\s&+/*"\\:(),'<>~|[\]{}]/.test(t) && !/^(?:OR|AND|NOT)$/.test(t) ? t : `"${t.replace(/\\/g, "\\\\").replace(/"/g, '\\"')}"`;
 }
-function zt(t, e) {
+function wt(t, e) {
   const s = (Array.isArray(e) ? e : [e]).map((a) => `${t}:${dt(a)}`);
   return s.length > 1 ? `(${s.join(" OR ")})` : s[0] ?? "";
 }
-function Jt(t, e) {
+function te(t, e) {
   return (Array.isArray(e) ? e : [e]).map((s) => `${t}${s.operator}${s.value}`).join(" AND ");
 }
-function te(t) {
+function ee(t) {
   const e = [];
   for (const i of Object.keys(t)) {
     const s = i, a = t[s];
@@ -84,14 +84,14 @@ function te(t) {
       for (const [n, l] of Object.entries(
         a
       ))
-        e.push(zt(n, l));
+        e.push(wt(n, l));
       continue;
     }
-    const r = Zt[s];
+    const r = Yt[s];
     if (r) {
-      if (Yt.has(s)) {
+      if (Jt.has(s)) {
         e.push(
-          Jt(r, a)
+          te(r, a)
         );
         continue;
       }
@@ -110,7 +110,7 @@ function te(t) {
         e.push(`(${l.join(" OR ")})`);
         continue;
       }
-      e.push(zt(r, a));
+      e.push(wt(r, a));
     }
   }
   return e.join(" AND ");
@@ -126,9 +126,9 @@ function st(t) {
     const e = st(t.not);
     return e ? `NOT (${e})` : "";
   }
-  return te(t);
+  return ee(t);
 }
-const ut = "CoreField.LargeSizePreview", vt = "CoreField.DocType", ee = "Document.Title", ie = "Document.CaptionLong", kt = "Document.FileExtension", Ct = "CoreField.FileSize", Rt = "CoreField.Identifier", $t = "CoreField.Keywords", Pt = "CoreField.MaxHeight", _t = "CoreField.MaxWidth", at = "Document.RecordID", Mt = "CoreField.DocSubType", Wt = "CoreField.TitleWithFallback", ot = "CoreField.OriginalFileName", rt = "CoreField.UpdatedFileName", X = "CoreField.OriginalPreview", pt = {
+const ut = "CoreField.LargeSizePreview", vt = "CoreField.DocType", ie = "Document.Title", se = "Document.CaptionLong", kt = "Document.FileExtension", Ct = "CoreField.FileSize", Rt = "CoreField.Identifier", $t = "CoreField.Keywords", Pt = "CoreField.MaxHeight", _t = "CoreField.MaxWidth", at = "Document.RecordID", Mt = "CoreField.DocSubType", Wt = "CoreField.TitleWithFallback", ot = "CoreField.OriginalFileName", rt = "CoreField.UpdatedFileName", X = "CoreField.OriginalPreview", pt = {
   DEFAULT_VIEW_SIZE: "Document.LargeSizePreview",
   FIELD_TITLE_WITH_FALLBACK: "Document.TitleWithFallback",
   ORIGINAL_VIEW_SIZE: "Document.OriginalPreview"
@@ -136,19 +136,19 @@ const ut = "CoreField.LargeSizePreview", vt = "CoreField.DocType", ee = "Documen
   [ut]: pt.DEFAULT_VIEW_SIZE,
   [Wt]: pt.FIELD_TITLE_WITH_FALLBACK,
   [X]: pt.ORIGINAL_VIEW_SIZE
-}, se = Object.fromEntries(
+}, ae = Object.fromEntries(
   Object.entries(Dt).map(([t, e]) => [
     e,
     t
   ])
 );
-function ae(t) {
+function oe(t) {
   return Dt[t] ?? t;
 }
 function Ft(t) {
   const e = {};
   for (const [i, s] of Object.entries(t)) {
-    const a = se[i] ?? i;
+    const a = ae[i] ?? i;
     e[a] = s;
   }
   return e;
@@ -166,7 +166,7 @@ async function Tt({
   token: y,
   useSession: m
 }) {
-  const S = e?.map(ae);
+  const S = e?.map(oe);
   try {
     return (await P.request({
       baseURL: l,
@@ -174,7 +174,7 @@ async function Tt({
       method: "GET",
       params: {
         CountPerPage: t,
-        Fields: Kt(S),
+        Fields: Xt(S),
         Format: "json",
         GetPermanentAssetsPaths: i || void 0,
         PageNumber: a,
@@ -197,13 +197,13 @@ async function Tt({
           totalCount: u.APIResponse?.GlobalInfo?.TotalCount ?? 0
         })
       ],
-      url: s ? Ht.SEARCH_ASSETS : Nt["4.0"]
+      url: s ? It.SEARCH_ASSETS : Nt["4.0"]
     })).data;
   } catch {
     return { items: [], sort: "", totalCount: 0 };
   }
 }
-async function oe({
+async function re({
   assetId: t,
   extension: e,
   format: i,
@@ -219,7 +219,7 @@ async function oe({
       params: {
         SourceAssetFormat: i,
         SourceAssetRecordID: t,
-        TargetExtension: qt(e),
+        TargetExtension: jt(e),
         Token: a || void 0,
         Transformations: r,
         UseSession: n || void 0
@@ -235,14 +235,14 @@ async function oe({
     return null;
   }
 }
-const re = 50;
-function ne(t, e) {
+const ne = 50;
+function he(t, e) {
   const i = [];
   for (let s = 0; s < t.length; s += e)
     i.push(t.slice(s, s + e));
   return i;
 }
-async function gi({
+async function xi({
   extraFields: t,
   getPermanentAssetsPaths: e,
   isSiteBuilder: i,
@@ -257,10 +257,10 @@ async function gi({
     X,
     rt,
     ot,
-    ee,
     ie,
+    se,
     at
-  ], f = ne(s, re), y = await Promise.all(
+  ], f = he(s, ne), y = await Promise.all(
     f.map(
       (u) => Tt({
         countPerPage: u.length,
@@ -274,13 +274,13 @@ async function gi({
       })
     )
   ), m = new Map(s.map((u, $) => [u, $])), S = y.flatMap((u) => u.items).map((u) => {
-    let $ = z(u, rt);
-    return $ === "" && ($ = z(u, ot)), {
+    let $ = w(u, rt);
+    return $ === "" && ($ = w(u, ot)), {
       name: $,
-      originalUrl: z(u, X),
-      recordId: z(u, at),
+      originalUrl: w(u, X),
+      recordId: w(u, at),
       ...n.reduce(
-        (Q, A) => (Q[A] = z(u, A), Q),
+        (Q, b) => (Q[b] = w(u, b), Q),
         {}
       )
     };
@@ -292,11 +292,11 @@ async function gi({
   );
   return { facets: [], items: S, totalCount: C };
 }
-function z(t, e) {
+function w(t, e) {
   const i = t[e];
-  return i == null ? "" : typeof i == "string" ? i : typeof i == "number" || typeof i == "boolean" ? String(i) : Xt(i) ? i.URI : "";
+  return i == null ? "" : typeof i == "string" ? i : typeof i == "number" || typeof i == "boolean" ? String(i) : Zt(i) ? i.URI : "";
 }
-async function xi({
+async function yi({
   countPerPage: t,
   directParentFolderIdentifier: e,
   extraFields: i,
@@ -312,10 +312,10 @@ async function xi({
 }) {
   if (!e && !l)
     return { facets: [], items: [], totalCount: 0 };
-  const C = (i?.filter((A) => A && typeof A == "string") ?? []).map((A) => A.replace("%20", " ")), u = {
+  const C = (i?.filter((b) => b && typeof b == "string") ?? []).map((b) => b.replace("%20", " ")), u = {
     directParentFolderIdentifier: e,
     parentFolderIdentifier: l,
-    ...r.length > 0 ? { docType: [bt.Image, bt.Audio] } : {}
+    ...r.length > 0 ? { docType: [At.Image, At.Audio] } : {}
   }, $ = await Tt({
     countPerPage: t,
     fields: [
@@ -342,26 +342,26 @@ async function xi({
     securityByPassToken: y,
     sort: void 0,
     token: S
-  }), Q = $.items.map((A) => {
-    let K = z(A, kt), ct = z(A, rt), xt = z(A, ut);
-    K && !K.startsWith(".") && (K = "." + K), ct === "" && (ct = z(A, ot)), K.toLowerCase() === ".gif" && (xt = z(A, X));
-    const yt = z(A, at);
+  }), Q = $.items.map((b) => {
+    let K = w(b, kt), ct = w(b, rt), xt = w(b, ut);
+    K && !K.startsWith(".") && (K = "." + K), ct === "" && (ct = w(b, ot)), K.toLowerCase() === ".gif" && (xt = w(b, X));
+    const yt = w(b, at);
     return {
-      docSubType: z(A, Mt),
-      docType: z(A, vt) || "",
+      docSubType: w(b, Mt),
+      docType: w(b, vt) || "",
       extension: K,
-      height: z(A, Pt) || "0",
+      height: w(b, Pt) || "0",
       id: yt,
-      identifier: z(A, Rt),
+      identifier: w(b, Rt),
       imageUrl: xt,
       name: ct,
-      originalUrl: z(A, X),
+      originalUrl: w(b, X),
       recordId: yt,
-      size: z(A, Ct) || "0 MB",
-      tags: z(A, $t),
-      width: z(A, _t) || "0",
+      size: w(b, Ct) || "0 MB",
+      tags: w(b, $t),
+      width: w(b, _t) || "0",
       ...C.reduce(
-        (St, At) => (St[At] = z(A, At), St),
+        (St, bt) => (St[bt] = w(b, bt), St),
         {}
       )
     };
@@ -372,7 +372,7 @@ async function xi({
     totalCount: $.totalCount
   };
 }
-async function he({
+async function le({
   autoCropMode: t,
   cropHeight: e,
   cropWidth: i,
@@ -407,7 +407,7 @@ async function he({
     return null;
   }
 }
-async function yi({
+async function Si({
   assetRecordId: t,
   isSiteBuilder: e,
   siteUrl: i,
@@ -438,13 +438,13 @@ async function yi({
           width: l.width
         })) ?? []
       ],
-      url: e ? Ht.GET_AVAILABLE_PROXIES : Ot
+      url: e ? It.GET_AVAILABLE_PROXIES : Ut
     })).data;
   } catch {
     return [];
   }
 }
-async function Si({
+async function bi({
   siteUrl: t
 } = {}) {
   try {
@@ -465,21 +465,44 @@ async function Si({
           formatsByDocType: i.formatsByDocType ?? {}
         }
       ],
-      url: Lt
+      url: Ot
     })).data;
   } catch {
     return { formatsByDocType: {} };
   }
 }
-const le = L`.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}`, ce = L`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 pe = Object.defineProperty, de = Object.getOwnPropertyDescriptor, x = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? de(e, i) : e, r = t.length - 1, n; r >= 0; r--)
+async function Ai({
+  recordIds: t,
+  rightsToCheck: e
+}) {
+  const i = {
+    authorizedObjects: [],
+    forbiddenObjectsOfReadPermission: [],
+    forbiddenObjectsOfRequestedPermission: [],
+    invalidObjects: []
+  };
+  try {
+    const { data: s } = await P.request({
+      method: "GET",
+      params: { RecordIDs: t, RightsToCheck: e },
+      paramsSerializer: { indexes: null },
+      responseType: "json",
+      url: Lt.GET_AUTHORIZED_OBJECTS
+    });
+    return s;
+  } catch {
+    return i;
+  }
+}
+const ce = O`.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}`, pe = O`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 de = Object.defineProperty, ue = Object.getOwnPropertyDescriptor, x = (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 && pe(e, i, a), a;
+  return s && a && de(e, i, a), a;
 };
 let g = class extends N {
   constructor() {
-    super(...arguments), this.localize = new O(this), this.open = !1, this.width = 0, this.height = 0, this.maxWidth = 0, this.maxHeight = 0, this.ratioWidth = 1, this.ratioHeight = 1, this.percentageWidth = 0, this.percentageHeight = 0, this.unit = o.Pixel, this.disabledApply = !1, this.lastAppliedSetting = {
+    super(...arguments), this.localize = new L(this), this.open = !1, this.width = 0, this.height = 0, this.maxWidth = 0, this.maxHeight = 0, this.ratioWidth = 1, this.ratioHeight = 1, this.percentageWidth = 0, this.percentageHeight = 0, this.unit = o.Pixel, this.disabledApply = !1, this.lastAppliedSetting = {
       [o.Pixel]: {
         height: 0,
         percentageHeight: 100,
@@ -588,7 +611,7 @@ let g = class extends N {
       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 } = jt(
+        Number.isFinite(this.maxWidth) && Number.isFinite(this.maxHeight) && ({ height: n, width: r } = Gt(
           this.maxWidth,
           this.maxHeight,
           s,
@@ -698,44 +721,44 @@ let g = class extends N {
   }
   render() {
     const t = this.cropModes.filter((i) => !i.auto), e = this.cropModes.filter((i) => i.auto);
-    return b`<cx-details class="details" ?open=${this.open} @cx-show=${this.onShowDetails} @cx-hide=${this.onHideDetails}><cx-space slot="summary" align-items="center"><div part="icon"><cx-icon name="crop"></cx-icon></div><cx-typography variant="body2">${this.localize.term("crop")}</cx-typography></cx-space><cx-space direction="vertical" spacing="small"><cx-select data-testid="cx-asset-link-format-crop-mode" value=${this.cropMode} hoist style=${H({
+    return A`<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"><cx-select data-testid="cx-asset-link-format-crop-mode" value=${this.cropMode} hoist style=${I({
       width: "100%"
     })} @cx-change=${this.onCropModeChange} ?disabled=${this.loading}>${tt(
       t,
       (i) => i.value,
-      ({ label: i, value: s }) => b`<cx-option value=${s}>${i}</cx-option>`
+      ({ label: i, value: s }) => A`<cx-option value=${s}>${i}</cx-option>`
     )}
           ${E(
       e.length > 0,
-      () => b`<cx-divider></cx-divider><small>${this.localize.term("autoCropping")}</small>`
+      () => A`<cx-divider></cx-divider><small>${this.localize.term("autoCropping")}</small>`
     )}
           ${tt(
       e,
       (i) => i.value,
-      ({ label: i, value: s }) => b`<cx-option value=${s}>${i}</cx-option>`
+      ({ label: i, value: s }) => A`<cx-option value=${s}>${i}</cx-option>`
     )}</cx-select><cx-space spacing="small"><div class="crop__input-group"><cx-input data-testid="cx-asset-link-format-crop-width" placeholder=${this.localize.term("width")} mask="num" .maskBlocks=${{ num: { mask: Number, min: 1 } }} value=${this.unit === o.Pixel ? this.width.toString() : this.ratioWidth.toString()} @cx-change=${this.handleInputChange} @cx-input=${this.handleWidthChange} required ?disabled=${this.loading}><cx-typography slot="prefix" variant="body3" part="input-label">
                 W
-              </cx-typography></cx-input><cx-icon-button data-testid="cx-asset-link-format-crop-aspect-ratio" name=${this.keepAspectRatio ? "insert_link" : "link_off"} @click=${this.handleAspectRatioClick} style=${H({
+              </cx-typography></cx-input><cx-icon-button data-testid="cx-asset-link-format-crop-aspect-ratio" name=${this.keepAspectRatio ? "insert_link" : "link_off"} @click=${this.handleAspectRatioClick} style=${I({
       color: this.keepAspectRatio ? "var(--cx-color-primary)" : void 0
     })} ?disabled=${this.loading}></cx-icon-button><cx-input data-testid="cx-asset-link-format-crop-height" placeholder=${this.localize.term("height")} mask="num" .maskBlocks=${{ num: { mask: Number, min: 1 } }} value=${this.unit === o.Pixel ? this.height.toString() : this.ratioHeight.toString()} ?disabled=${this.loading} @cx-change=${this.handleInputChange} @cx-input=${this.handleHeightChange} required><cx-typography slot="prefix" variant="body3" part="input-label">
                 H
               </cx-typography></cx-input></div><cx-select data-testid="cx-asset-link-format-crop-unit" value=${this.unit} hoist class="crop__unit-select" ?disabled=${this.loading} @cx-change=${this.onUnitChange}><cx-option value=${o.Pixel}>${this.localize.term("pixels")}</cx-option><cx-option value=${o.AspectRatio}>${this.localize.term("aspectRatio")}</cx-option></cx-select></cx-space>${E(
       this.focusModes.length > 0,
-      () => b`<cx-select data-testid="cx-asset-link-format-crop-focus-mode" value=${this.focusMode} hoist style=${H({
+      () => A`<cx-select data-testid="cx-asset-link-format-crop-focus-mode" value=${this.focusMode} hoist style=${I({
         width: "100%"
       })} @cx-change=${this.onFocusModeChange} ?disabled=${this.loading || this.selectedMode?.disabledSize}>${tt(
         this.focusModes,
         (i) => i.value,
-        ({ label: i, value: s }) => b`<cx-option value=${s}>${i}</cx-option>`
+        ({ label: i, value: s }) => A`<cx-option value=${s}>${i}</cx-option>`
       )}</cx-select>`
-    )}<cx-button data-testid="cx-asset-link-format-crop-apply" variant="primary" ?disabled=${this.disabledApply || this.invalidHeight || this.invalidWidth} ?loading=${this.loading} style=${H({
+    )}<cx-button data-testid="cx-asset-link-format-crop-apply" variant="primary" ?disabled=${this.disabledApply || this.invalidHeight || this.invalidWidth} ?loading=${this.loading} style=${I({
       marginLeft: "auto"
     })} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
   }
 };
-g.styles = [U, ce];
+g.styles = [U, pe];
 g.dependencies = {
-  "cx-button": j,
+  "cx-button": V,
   "cx-details": Z,
   "cx-divider": Vt,
   "cx-icon": Y,
@@ -824,15 +847,15 @@ x([
 g = x([
   q("cx-asset-link-format-crop")
 ], g);
-const ue = L`.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 me = Object.defineProperty, fe = Object.getOwnPropertyDescriptor, gt = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? fe(e, i) : e, r = t.length - 1, n; r >= 0; r--)
+const me = O`.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 fe = Object.defineProperty, ge = Object.getOwnPropertyDescriptor, gt = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? ge(e, i) : e, r = t.length - 1, n; r >= 0; r--)
     (n = t[r]) && (a = (s ? n(e, i, a) : n(a)) || a);
-  return s && a && me(e, i, a), a;
+  return s && a && fe(e, i, a), a;
 };
-let V = class extends N {
+let B = class extends N {
   constructor() {
-    super(...arguments), this.localize = new O(this), this.value = "", this.items = [];
+    super(...arguments), this.localize = new L(this), this.value = "", this.items = [];
   }
   handleExtensionChange(t) {
     const e = t.target.value;
@@ -841,15 +864,15 @@ let V = class extends N {
     });
   }
   render() {
-    return b`<cx-space direction="vertical" spacing="small" class="extension"><cx-typography variant="body2">${this.localize.term("extension")}</cx-typography><cx-select data-label=${this.localize.term("extension")} data-testid="cx-asset-link-format-extension-select" value=${this.value} hoist @cx-change=${this.handleExtensionChange}>${tt(
+    return A`<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}>${tt(
       this.items,
       (t) => t.value,
-      (t) => b`<cx-option value=${t.value}>${t.displayName}</cx-option>`
+      (t) => A`<cx-option value=${t.value}>${t.displayName}</cx-option>`
     )}</cx-select></cx-space>`;
   }
 };
-V.styles = [U, ue];
-V.dependencies = {
+B.styles = [U, me];
+B.dependencies = {
   "cx-option": nt,
   "cx-select": ht,
   "cx-space": D,
@@ -857,22 +880,22 @@ V.dependencies = {
 };
 gt([
   h({ reflect: !0, type: String })
-], V.prototype, "value", 2);
+], B.prototype, "value", 2);
 gt([
   h({ reflect: !1, type: Array })
-], V.prototype, "items", 2);
-V = gt([
+], B.prototype, "items", 2);
+B = gt([
   q("cx-asset-link-format-extension")
-], V);
-const ge = L`cx-details::part(base){border-bottom-width:0}`;
-var xe = Object.defineProperty, ye = Object.getOwnPropertyDescriptor, I = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? ye(e, i) : e, r = t.length - 1, n; r >= 0; r--)
+], B);
+const xe = O`cx-details::part(base){border-bottom-width:0}`;
+var ye = Object.defineProperty, Se = Object.getOwnPropertyDescriptor, H = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? Se(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 && xe(e, i, a), a;
+  return s && a && ye(e, i, a), a;
 };
 let _ = class extends N {
   constructor() {
-    super(...arguments), this.localize = new O(this), this.open = !1, this.value = "", this.items = [], this.loading = !1, this.scopedValue = "";
+    super(...arguments), this.localize = new L(this), this.open = !1, this.value = "", this.items = [], this.loading = !1, this.scopedValue = "";
   }
   handleValueChange() {
     this.scopedValue = this.value;
@@ -916,18 +939,18 @@ let _ = class extends N {
     t.target !== this.base && t.stopPropagation();
   }
   render() {
-    return b`<cx-details class="details" ?open=${this.open} @cx-show=${this.onShowDetails} @cx-hide=${this.onHideDetails}><cx-space slot="summary" align-items="center"><div part="icon"><cx-icon name="photo_size_select_large"></cx-icon></div><cx-typography variant="body2">${this.localize.term("format")}</cx-typography></cx-space><cx-space direction="vertical" spacing="small" class="format"><cx-select data-label=${this.localize.term("imageFormat")} data-testid="cx-asset-link-format-proxy-select" value=${this.scopedValue} hoist @cx-change=${this.handleProxyChange} ?disabled=${this.loading}>${tt(
+    return A`<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}>${tt(
       this.items,
       (t) => t.id,
-      (t) => b`<cx-option value=${t.id}>${t.proxyLabel}</cx-option>`
-    )}</cx-select><cx-button data-testid="cx-asset-link-format-proxy-apply" variant="primary" style=${H({
+      (t) => A`<cx-option value=${t.id}>${t.proxyLabel}</cx-option>`
+    )}</cx-select><cx-button data-testid="cx-asset-link-format-proxy-apply" variant="primary" style=${I({
       "margin-left": "auto"
     })} ?disabled=${this.scopedValue === this.value} ?loading=${this.loading} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
   }
 };
-_.styles = [U, ge];
+_.styles = [U, xe];
 _.dependencies = {
-  "cx-button": j,
+  "cx-button": V,
   "cx-details": Z,
   "cx-icon": Y,
   "cx-option": nt,
@@ -935,42 +958,42 @@ _.dependencies = {
   "cx-space": D,
   "cx-typography": T
 };
-I([
+H([
   J(".details")
 ], _.prototype, "base", 2);
-I([
+H([
   h({ reflect: !0, type: Boolean })
 ], _.prototype, "open", 2);
-I([
+H([
   h({ reflect: !0, type: String })
 ], _.prototype, "value", 2);
-I([
+H([
   h({ reflect: !1, type: Array })
 ], _.prototype, "items", 2);
-I([
+H([
   h({ reflect: !0, type: Boolean })
 ], _.prototype, "loading", 2);
-I([
+H([
   v()
 ], _.prototype, "scopedValue", 2);
-I([
+H([
   R("value")
 ], _.prototype, "handleValueChange", 1);
-I([
+H([
   R("open", { waitUntilFirstUpdate: !0 })
 ], _.prototype, "handleOpenChange", 1);
-_ = I([
+_ = H([
   q("cx-asset-link-format-proxy")
 ], _);
-const Se = L`cx-details::part(base){border-bottom-width:0}`;
-var Ae = Object.defineProperty, be = Object.getOwnPropertyDescriptor, G = (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 be = O`cx-details::part(base){border-bottom-width:0}`;
+var Ae = Object.defineProperty, ze = Object.getOwnPropertyDescriptor, G = (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 && Ae(e, i, a), a;
 };
 let F = class extends N {
   constructor() {
-    super(...arguments), this.localize = new O(this), this.open = !1, this.value = 100, this.loading = !1, this.scopedValue = 100;
+    super(...arguments), this.localize = new L(this), this.open = !1, this.value = 100, this.loading = !1, this.scopedValue = 100;
   }
   /**
    * A computed property that checks if the current quality value is invalid.
@@ -1014,19 +1037,19 @@ let F = class extends N {
     t.target !== this.base && t.stopPropagation();
   }
   render() {
-    return b`<cx-details class="details" ?open=${this.open} @cx-show=${this.onShowDetails} @cx-hide=${this.onHideDetails}><cx-space slot="summary" align-items="center"><div class="details__summary__icon"><div part="icon"><cx-icon name="blur_on"></cx-icon></div></div><cx-typography variant="body2">${this.localize.term("quality")}</cx-typography></cx-space><cx-space spacing="small"><cx-tooltip data-testid="cx-asset-link-format-quality-tooltip" content=${this.localize.term("qualityHelpText")} hoist><cx-input data-testid="cx-asset-link-format-quality" class="details__checkbox" mask="num" .maskBlocks=${{ num: { mask: Number, max: 100, min: 1 } }} value=${this.scopedValue.toString()} style=${H({
+    return A`<cx-details class="details" ?open=${this.open} @cx-show=${this.onShowDetails} @cx-hide=${this.onHideDetails}><cx-space slot="summary" align-items="center"><div class="details__summary__icon"><div part="icon"><cx-icon name="blur_on"></cx-icon></div></div><cx-typography variant="body2">${this.localize.term("quality")}</cx-typography></cx-space><cx-space spacing="small"><cx-tooltip data-testid="cx-asset-link-format-quality-tooltip" content=${this.localize.term("qualityHelpText")} hoist><cx-input data-testid="cx-asset-link-format-quality" class="details__checkbox" mask="num" .maskBlocks=${{ num: { mask: Number, max: 100, min: 1 } }} value=${this.scopedValue.toString()} style=${I({
       flex: "1"
     })} @cx-input=${this.handleQualityChange}></cx-input></cx-tooltip><cx-button data-testid="cx-asset-link-format-quality-apply" variant="primary" ?disabled=${this.invalidValue} ?loading=${this.loading} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
   }
 };
-F.styles = [U, Se];
+F.styles = [U, be];
 F.dependencies = {
-  "cx-button": j,
+  "cx-button": V,
   "cx-details": Z,
   "cx-icon": Y,
   "cx-input": ft,
   "cx-space": D,
-  "cx-tooltip": It,
+  "cx-tooltip": Ht,
   "cx-typography": T
 };
 G([
@@ -1050,15 +1073,15 @@ G([
 F = G([
   q("cx-asset-link-format-quality")
 ], F);
-const we = L`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 ze = Object.defineProperty, ve = Object.getOwnPropertyDescriptor, k = (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 we = O`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 ve = Object.defineProperty, ke = Object.getOwnPropertyDescriptor, k = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? ke(e, i) : e, r = t.length - 1, n; r >= 0; r--)
     (n = t[r]) && (a = (s ? n(e, i, a) : n(a)) || a);
-  return s && a && ze(e, i, a), a;
+  return s && a && ve(e, i, a), a;
 };
-let w = class extends N {
+let z = class extends N {
   constructor() {
-    super(...arguments), this.localize = new O(this), this.open = !1, this.width = 0, this.height = 0, this.maxWidth = 0, this.maxHeight = 0, this.ratioWidth = 1, this.ratioHeight = 1, this.unit = o.Pixel, this.lastAppliedSetting = {
+    super(...arguments), this.localize = new L(this), this.open = !1, this.width = 0, this.height = 0, this.maxWidth = 0, this.maxHeight = 0, this.ratioWidth = 1, this.ratioHeight = 1, this.unit = o.Pixel, this.lastAppliedSetting = {
       [o.Pixel]: { height: 0, width: 0 },
       [o.AspectRatio]: { height: 1, width: 1 }
     }, this.loading = !1, this.keepAspectRatio = !1, this.invalidWidth = !1, this.invalidHeight = !1, this.aspectRatio = 0;
@@ -1192,20 +1215,20 @@ let w = class extends N {
     });
   }
   render() {
-    return b`<cx-details class="details" ?open=${this.open} @cx-show=${this.onShowDetails} @cx-hide=${this.onHideDetails}><cx-space slot="summary" align-items="center"><div part="icon"><cx-icon name="aspect_ratio"></cx-icon></div><cx-typography variant="body2">${this.localize.term("resize")}</cx-typography></cx-space><cx-space direction="vertical" spacing="small"><cx-space spacing="small"><div class="resize__input-group"><cx-input data-testid="cx-asset-link-format-resize-width" placeholder=${this.localize.term("width")} mask="num" .maskBlocks=${{ num: { mask: Number, min: 1 } }} value=${this.unit === o.Pixel ? this.width.toString() : this.ratioWidth.toString()} @cx-input=${this.handleWidthChange} required ?disabled=${this.loading}><cx-typography slot="prefix" variant="body3" part="input-label">
+    return A`<cx-details class="details" ?open=${this.open} @cx-show=${this.onShowDetails} @cx-hide=${this.onHideDetails}><cx-space slot="summary" align-items="center"><div part="icon"><cx-icon name="aspect_ratio"></cx-icon></div><cx-typography variant="body2">${this.localize.term("resize")}</cx-typography></cx-space><cx-space direction="vertical" spacing="small"><cx-space spacing="small"><div class="resize__input-group"><cx-input data-testid="cx-asset-link-format-resize-width" placeholder=${this.localize.term("width")} mask="num" .maskBlocks=${{ num: { mask: Number, min: 1 } }} value=${this.unit === o.Pixel ? this.width.toString() : this.ratioWidth.toString()} @cx-input=${this.handleWidthChange} required ?disabled=${this.loading}><cx-typography slot="prefix" variant="body3" part="input-label">
                 W
-              </cx-typography></cx-input><cx-icon-button data-testid="cx-asset-link-format-resize-aspect-ratio" name=${this.keepAspectRatio ? "insert_link" : "link_off"} @click=${this.handleAspectRatioClick} style=${H({
+              </cx-typography></cx-input><cx-icon-button data-testid="cx-asset-link-format-resize-aspect-ratio" name=${this.keepAspectRatio ? "insert_link" : "link_off"} @click=${this.handleAspectRatioClick} style=${I({
       color: this.keepAspectRatio ? "var(--cx-color-primary)" : void 0
     })} ?disabled=${this.loading}></cx-icon-button><cx-input data-testid="cx-asset-link-format-resize-height" placeholder=${this.localize.term("height")} mask="num" .maskBlocks=${{ num: { mask: Number, min: 1 } }} value=${this.unit === o.Pixel ? this.height.toString() : this.ratioHeight.toString()} @cx-input=${this.handleHeightChange} required ?disabled=${this.loading}><cx-typography slot="prefix" variant="body3" part="input-label">
                 H
-              </cx-typography></cx-input></div><cx-select data-testid="cx-asset-link-format-resize-unit" value=${this.unit} hoist class="resize__unit-select" @cx-change=${this.onUnitChange}><cx-option value=${o.Pixel}>${this.localize.term("pixels")}</cx-option><cx-option value=${o.AspectRatio}>${this.localize.term("aspectRatio")}</cx-option></cx-select></cx-space><cx-button data-testid="cx-asset-link-format-resize-apply" variant="primary" ?disabled=${this.disabledApply || this.invalidHeight || this.invalidWidth} ?loading=${this.loading} style=${H({
+              </cx-typography></cx-input></div><cx-select data-testid="cx-asset-link-format-resize-unit" value=${this.unit} hoist class="resize__unit-select" @cx-change=${this.onUnitChange}><cx-option value=${o.Pixel}>${this.localize.term("pixels")}</cx-option><cx-option value=${o.AspectRatio}>${this.localize.term("aspectRatio")}</cx-option></cx-select></cx-space><cx-button data-testid="cx-asset-link-format-resize-apply" variant="primary" ?disabled=${this.disabledApply || this.invalidHeight || this.invalidWidth} ?loading=${this.loading} style=${I({
       marginLeft: "auto"
     })} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
   }
 };
-w.styles = [U, we];
-w.dependencies = {
-  "cx-button": j,
+z.styles = [U, we];
+z.dependencies = {
+  "cx-button": V,
   "cx-details": Z,
   "cx-icon": Y,
   "cx-icon-button": mt,
@@ -1217,70 +1240,70 @@ w.dependencies = {
 };
 k([
   J(".details")
-], w.prototype, "base", 2);
+], z.prototype, "base", 2);
 k([
   h({ reflect: !0, type: Boolean })
-], w.prototype, "open", 2);
+], z.prototype, "open", 2);
 k([
   h({ reflect: !0, type: Number })
-], w.prototype, "width", 2);
+], z.prototype, "width", 2);
 k([
   h({ reflect: !0, type: Number })
-], w.prototype, "height", 2);
+], z.prototype, "height", 2);
 k([
   h({ attribute: "max-width", reflect: !0, type: Number })
-], w.prototype, "maxWidth", 2);
+], z.prototype, "maxWidth", 2);
 k([
   h({ attribute: "max-height", reflect: !0, type: Number })
-], w.prototype, "maxHeight", 2);
+], z.prototype, "maxHeight", 2);
 k([
   h({ attribute: "ratio-width", reflect: !0, type: Number })
-], w.prototype, "ratioWidth", 2);
+], z.prototype, "ratioWidth", 2);
 k([
   h({ attribute: "ratio-height", reflect: !0, type: Number })
-], w.prototype, "ratioHeight", 2);
+], z.prototype, "ratioHeight", 2);
 k([
   h({ reflect: !0, type: String })
-], w.prototype, "unit", 2);
+], z.prototype, "unit", 2);
 k([
   h({ attribute: "last-applied-setting", reflect: !1, type: Object })
-], w.prototype, "lastAppliedSetting", 2);
+], z.prototype, "lastAppliedSetting", 2);
 k([
   h({ reflect: !0, type: Boolean })
-], w.prototype, "loading", 2);
+], z.prototype, "loading", 2);
 k([
   h({ attribute: "keep-aspect-ratio", reflect: !0, type: Boolean })
-], w.prototype, "keepAspectRatio", 2);
+], z.prototype, "keepAspectRatio", 2);
 k([
   v()
-], w.prototype, "invalidWidth", 2);
+], z.prototype, "invalidWidth", 2);
 k([
   v()
-], w.prototype, "invalidHeight", 2);
+], z.prototype, "invalidHeight", 2);
 k([
   v()
-], w.prototype, "aspectRatio", 2);
+], z.prototype, "aspectRatio", 2);
 k([
   R("cropMode", { waitUntilFirstUpdate: !0 }),
   R("maxWidth", { waitUntilFirstUpdate: !0 }),
   R("maxHeight", { waitUntilFirstUpdate: !0 }),
   R("keepAspectRatio")
-], w.prototype, "handleCropModeChange", 1);
+], z.prototype, "handleCropModeChange", 1);
 k([
   R("open")
-], w.prototype, "handleOpenChange", 1);
-w = k([
+], z.prototype, "handleOpenChange", 1);
+z = k([
   q("cx-asset-link-format-resize")
-], w);
-const ke = L`cx-details::part(base){border-bottom-width:0}`;
-var Ce = Object.defineProperty, Re = Object.getOwnPropertyDescriptor, B = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? Re(e, i) : e, r = t.length - 1, n; r >= 0; r--)
+], z);
+const Ce = O`cx-details::part(base){border-bottom-width:0}`;
+var Re = Object.defineProperty, $e = Object.getOwnPropertyDescriptor, j = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? $e(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 && Ce(e, i, a), a;
+  return s && a && Re(e, i, a), a;
 };
 let M = class extends N {
   constructor() {
-    super(...arguments), this.localize = new O(this), this.open = !1, this.value = 0, this.defaultValue = 0, this.loading = !1, this.lastAppliedValue = 0;
+    super(...arguments), this.localize = new L(this), this.open = !1, this.value = 0, this.defaultValue = 0, this.loading = !1, this.lastAppliedValue = 0;
   }
   handleOpenChange() {
     this.open || this.emit("cx-asset-link-format-rotation-change", {
@@ -1288,14 +1311,14 @@ let M = class extends N {
     });
   }
   handleRotationChange(t) {
-    const e = t.target.value, i = wt(Number(e));
+    const e = t.target.value, i = zt(Number(e));
     (Number(e) > 360 || Number(e) < -360) && (t.target.value = i.toString()), this.emit("cx-asset-link-format-rotation-change", {
       detail: i
     });
   }
   handleButtonClick(t) {
     this.emit("cx-asset-link-format-rotation-change", {
-      detail: wt(t)
+      detail: zt(t)
     });
   }
   handleClockwiseClick() {
@@ -1315,55 +1338,55 @@ let M = class extends N {
     });
   }
   render() {
-    return b`<cx-details class="details" ?open=${this.open}><cx-space slot="summary" align-items="center"><div part="icon"><cx-icon name="rotate_90_degrees_cw"></cx-icon></div><cx-typography variant="body2">Rotate</cx-typography></cx-space><cx-space spacing="small"><cx-button-group label=${this.localize.term("history")}><cx-icon-button data-testid="cx-asset-link-format-rotation-ccw" name="rotate_90_degrees_ccw" label=${this.localize.term("undo")} outline size="small" ?disabled=${this.loading || this.value === -360} @click=${this.handleCounterClockwiseClick}></cx-icon-button><cx-icon-button data-testid="cx-asset-link-format-rotation-cw" name="rotate_90_degrees_cw" label=${this.localize.term("redo")} outline size="small" ?disabled=${this.loading || this.value === 360} @click=${this.handleClockwiseClick}></cx-icon-button></cx-button-group><cx-input data-testid="cx-asset-link-format-rotation" value=${(this.value + this.defaultValue).toString()} placeholder="0" mask="num" .maskBlocks=${{ num: { mask: Number, max: 360, min: -360, signed: !0 } }} ?disabled=${this.loading} style=${H({
+    return A`<cx-details class="details" ?open=${this.open}><cx-space slot="summary" align-items="center"><div part="icon"><cx-icon name="rotate_90_degrees_cw"></cx-icon></div><cx-typography variant="body2">Rotate</cx-typography></cx-space><cx-space spacing="small"><cx-button-group label=${this.localize.term("history")}><cx-icon-button data-testid="cx-asset-link-format-rotation-ccw" name="rotate_90_degrees_ccw" label=${this.localize.term("undo")} outline size="small" ?disabled=${this.loading || this.value === -360} @click=${this.handleCounterClockwiseClick}></cx-icon-button><cx-icon-button data-testid="cx-asset-link-format-rotation-cw" name="rotate_90_degrees_cw" label=${this.localize.term("redo")} outline size="small" ?disabled=${this.loading || this.value === 360} @click=${this.handleClockwiseClick}></cx-icon-button></cx-button-group><cx-input data-testid="cx-asset-link-format-rotation" value=${(this.value + this.defaultValue).toString()} placeholder="0" mask="num" .maskBlocks=${{ num: { mask: Number, max: 360, min: -360, signed: !0 } }} ?disabled=${this.loading} style=${I({
       flex: "none",
       width: "80px"
     })} @cx-input=${this.handleRotationChange}></cx-input><cx-button data-testid="cx-asset-link-format-rotation-apply" variant="primary" ?disabled=${this.value === this.lastAppliedValue} ?loading=${this.loading} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
   }
 };
-M.styles = [U, ke];
+M.styles = [U, Ce];
 M.dependencies = {
-  "cx-button": j,
-  "cx-button-group": Gt,
+  "cx-button": V,
+  "cx-button-group": Qt,
   "cx-details": Z,
   "cx-icon": Y,
   "cx-icon-button": mt,
   "cx-space": D,
   "cx-typography": T
 };
-B([
+j([
   J(".details")
 ], M.prototype, "base", 2);
-B([
+j([
   h({ reflect: !0, type: Boolean })
 ], M.prototype, "open", 2);
-B([
+j([
   h({ reflect: !0, type: Number })
 ], M.prototype, "value", 2);
-B([
+j([
   h({ attribute: "default-value", reflect: !0, type: Number })
 ], M.prototype, "defaultValue", 2);
-B([
+j([
   h({ reflect: !0, type: Boolean })
 ], M.prototype, "loading", 2);
-B([
+j([
   h({ attribute: "last-applied-value", reflect: !0, type: Number })
 ], M.prototype, "lastAppliedValue", 2);
-B([
+j([
   R("open", { waitUntilFirstUpdate: !0 })
 ], M.prototype, "handleOpenChange", 1);
-M = B([
+M = j([
   q("cx-asset-link-format-rotation")
 ], M);
-const $e = L`cx-details::part(base){border-bottom-width:0}`;
-var Pe = Object.defineProperty, _e = Object.getOwnPropertyDescriptor, lt = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? _e(e, i) : e, r = t.length - 1, n; r >= 0; r--)
+const Pe = O`cx-details::part(base){border-bottom-width:0}`;
+var _e = Object.defineProperty, Me = Object.getOwnPropertyDescriptor, lt = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? Me(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 && Pe(e, i, a), a;
+  return s && a && _e(e, i, a), a;
 };
 let W = class extends N {
   constructor() {
-    super(...arguments), this.localize = new O(this), this.open = !1, this.value = !1;
+    super(...arguments), this.localize = new L(this), this.open = !1, this.value = !1;
   }
   handleApply(t) {
     this.emit("cx-asset-link-format-metadata-change", {
@@ -1387,17 +1410,17 @@ let W = class extends N {
     t.target !== this.base && t.stopPropagation();
   }
   render() {
-    return b`<cx-details class="details" ?open=${this.open} @cx-show=${this.onShowDetails} @cx-hide=${this.onHideDetails}><cx-space slot="summary" align-items="center"><div class="details__summary__icon"><div part="icon"><cx-icon name="short_text"></cx-icon></div></div><cx-typography variant="body2">${this.localize.term("metadata")}</cx-typography></cx-space><cx-space spacing="small"><cx-tooltip data-testid="cx-asset-link-format-metadata-tooltip" content=${this.localize.term("metadataHelpText")} hoist><cx-checkbox data-testid="cx-asset-link-format-metadata" class="details__checkbox" ?checked=${this.value} @cx-change=${this.handleApply}>${this.localize.term("preserveMetadata")}</cx-checkbox></cx-tooltip></cx-space></cx-details>`;
+    return A`<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>`;
   }
 };
-W.styles = [U, $e];
+W.styles = [U, Pe];
 W.dependencies = {
-  "cx-button": j,
-  "cx-checkbox": Qt,
+  "cx-button": V,
+  "cx-checkbox": Kt,
   "cx-details": Z,
   "cx-icon": Y,
   "cx-space": D,
-  "cx-tooltip": It,
+  "cx-tooltip": Ht,
   "cx-typography": T
 };
 lt([
@@ -1412,14 +1435,14 @@ lt([
 W = lt([
   q("cx-asset-link-format-metadata")
 ], W);
-var Me = Object.defineProperty, Fe = Object.getOwnPropertyDescriptor, d = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? Fe(e, i) : e, r = t.length - 1, n; r >= 0; r--)
+var Fe = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, d = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? Ee(e, i) : e, r = t.length - 1, n; r >= 0; r--)
     (n = t[r]) && (a = (s ? n(e, i, a) : n(a)) || a);
-  return s && a && Me(e, i, a), a;
+  return s && a && Fe(e, i, a), a;
 };
 let p = class extends N {
   constructor() {
-    super(), this.localize = new O(this), this.baseUrl = void 0, this.token = void 0, this.asset = void 0, this.cropModes = [
+    super(), this.localize = new L(this), this.baseUrl = void 0, this.token = void 0, this.asset = void 0, this.cropModes = [
       {
         label: "Free",
         value: "free"
@@ -1504,7 +1527,7 @@ let p = class extends N {
     }, 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.apiGetTransformAssetLink = oe, this.apiGetCropFocusMode = he, 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.apiGetTransformAssetLink = re, this.apiGetCropFocusMode = le, this.onCropComplete = this.onCropComplete.bind(this), this.onCropDragStart = this.onCropDragStart.bind(this);
   }
   /** True when there are transformations beyond the frozen index (i.e. user has added new ones). */
   get hasUnfrozenTransformations() {
@@ -2502,46 +2525,46 @@ let p = class extends N {
     this.selectedProxy = t ? this.defaultProxy : this.selectedProxy || this.proxies?.[0]?.id || "", this.transformations = [], this.frozenIndex = -1, this.syncQuality();
   }
   render() {
-    return b`<div class="asset-link-format" @cx-show=${this.onDetailsShow} @cx-hide=${this.onDetailsHide}>${E(
+    return A`<div class="asset-link-format" @cx-show=${this.onDetailsShow} @cx-hide=${this.onDetailsHide}>${E(
       !this.hideHeader,
-      () => b`<cx-space class="asset-link-format__section-header" direction="horizontal" spacing="small" align-items="center" justify-content="space-between"><cx-typography variant="body3">${this.localize.term("transformations")}</cx-typography><cx-space direction="horizontal" spacing="3x-small" align-items="center"><cx-button class="asset-link-format__undo" variant="custom" ?disabled=${!this.hasUnfrozenTransformations && this.preResetTransformations === void 0} @click=${this.handleUndo}>${this.localize.term("undo")}</cx-button>${E(this.canReset, () => b`<cx-button class="asset-link-format__reset" variant="custom" ?disabled=${this.transformations.length === 0} @click=${this.handleReset}>${this.localize.term("reset")}</cx-button>`)}</cx-space></cx-space>`,
-      () => Ut
+      () => A`<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>${E(this.canReset, () => A`<cx-button class="asset-link-format__reset" variant="custom" ?disabled=${this.transformations.length === 0} @click=${this.handleReset}>${this.localize.term("reset")}</cx-button>`)}</cx-space></cx-space>`,
+      () => qt
     )}
       ${E(
       !this.noFormat,
-      () => b`<cx-asset-link-format-proxy class="asset-link-format__details" value=${this.selectedProxy || this.proxies?.[0]?.id || ""} ?open=${this.activeSetting === "cx-asset-link-format-proxy"} .items=${this.formats} ?loading=${this.loading && this.lastAction === c.Proxy} @cx-asset-link-format-proxy-change=${this.onProxyChange}></cx-asset-link-format-proxy>`
+      () => A`<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"} .items=${this.formats} ?loading=${this.loading && this.lastAction === c.Proxy} @cx-asset-link-format-proxy-change=${this.onProxyChange}></cx-asset-link-format-proxy>`
     )}
       ${E(
       !this.noCrop,
-      () => b`<cx-asset-link-format-crop class="asset-link-format__details" ?open=${this.activeSetting === "cx-asset-link-format-crop"} ?disabled-apply=${this.disabledCropApply} ?loading=${this.loading && this.lastAction === c.Crop} ?keep-aspect-ratio=${this.cropSize.keepAspectRatio} focus-mode=${this.cropSize.focusMode} crop-mode=${this.cropSize.cropMode} width=${this.cropSize.width} height=${this.cropSize.height} max-width=${this.asset ? this.lastResizeSize[o.Pixel].width : 1 / 0} max-height=${this.asset ? this.lastResizeSize[o.Pixel].height : 1 / 0} percentage-width=${this.cropSize.percentageWidth} percentage-height=${this.cropSize.percentageHeight} 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-change=${this.onCropChange} @cx-asset-link-format-crop-changed=${this.onCropChanged} @cx-asset-link-format-crop-apply=${this.onCropApply}></cx-asset-link-format-crop>`
+      () => A`<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 === c.Crop} ?keep-aspect-ratio=${this.cropSize.keepAspectRatio} focus-mode=${this.cropSize.focusMode} crop-mode=${this.cropSize.cropMode} width=${this.cropSize.width} height=${this.cropSize.height} max-width=${this.asset ? this.lastResizeSize[o.Pixel].width : 1 / 0} max-height=${this.asset ? this.lastResizeSize[o.Pixel].height : 1 / 0} percentage-width=${this.cropSize.percentageWidth} percentage-height=${this.cropSize.percentageHeight} 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-change=${this.onCropChange} @cx-asset-link-format-crop-changed=${this.onCropChanged} @cx-asset-link-format-crop-apply=${this.onCropApply}></cx-asset-link-format-crop>`
     )}
       ${E(
       !this.noResize,
-      () => b`<cx-asset-link-format-resize class="asset-link-format__details" ?open=${this.activeSetting === "cx-asset-link-format-resize"} ?loading=${this.loading && this.lastAction === c.Resize} ?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>`
+      () => A`<cx-asset-link-format-resize class="asset-link-format__details" ?open=${this.activeSetting === "cx-asset-link-format-resize"} ?loading=${this.loading && this.lastAction === c.Resize} ?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>`
     )}
       ${E(
       !this.noRotate,
-      () => b`<cx-asset-link-format-rotation class="asset-link-format__details" ?loading=${this.loading && this.lastAction === c.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>`
+      () => A`<cx-asset-link-format-rotation class="asset-link-format__details" ?loading=${this.loading && this.lastAction === c.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 === c.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>${E(
       !this.noMetadata,
-      () => b`<cx-asset-link-format-metadata class="asset-link-format__details" ?open=${this.activeSetting === "cx-asset-link-format-metadata"} .value=${this.selectedFormat?.keepMetadata ?? !1} @cx-asset-link-format-metadata-change=${this.onMetadataChange}></cx-asset-link-format-metadata>`
+      () => A`<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>`
     )}
       ${E(
       this.useCustomExtension,
-      () => b`<cx-asset-link-format-extension .items=${this.extensions} value=${this.selectedFormat?.extension ?? ""} @cx-asset-link-format-extension-change=${this.onExtensionChange}></cx-asset-link-format-extension>`
+      () => A`<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>`;
   }
 };
-p.styles = [U, le];
+p.styles = [U, ce];
 p.dependencies = {
   "cx-asset-link-format-crop": g,
-  "cx-asset-link-format-extension": V,
+  "cx-asset-link-format-extension": B,
   "cx-asset-link-format-metadata": W,
   "cx-asset-link-format-proxy": _,
   "cx-asset-link-format-quality": F,
-  "cx-asset-link-format-resize": w,
+  "cx-asset-link-format-resize": z,
   "cx-asset-link-format-rotation": M,
-  "cx-button": j,
+  "cx-button": V,
   "cx-space": D,
   "cx-typography": T
 };
@@ -2664,20 +2687,21 @@ export {
   ut as D,
   Pt as F,
   X as O,
-  xi as a,
+  yi as a,
   _t as b,
   vt as c,
-  gi as d,
+  xi as d,
   kt as e,
-  ee as f,
+  ie as f,
   Wt as g,
-  Si as h,
-  yi as i,
-  Tt as j,
-  at as k,
-  Ct as l,
-  Rt as m,
-  Mt as n,
-  Xt as o,
-  Kt as u
+  bi as h,
+  Ai as i,
+  Si as j,
+  Tt as k,
+  at as l,
+  Ct as m,
+  Rt as n,
+  Mt as o,
+  Zt as p,
+  Xt as u
 };