@orangelogic/design-system 2.137.0 → 2.138.0

package/library/chunks/{asset-link-format.C7qLkR5q.js → asset-link-format.Cj3Jb2A9.js}

@@ -1,14 +1,14 @@
 import "../components/cropper.js";
-import { C as G } from "./button.C1SliH9f.js";
+import { C as G } from "./button.C8bgBiYj.js";
 import D from "../components/space.js";
 import { C as T } from "./typography.DJC_UXgs.js";
 import { n as h, C as N } from "./lib-cortex-element.CVMmyPMC.js";
-import { h as P, a as Et, C as Tt, S as Nt, b as Lt, c as Ot } from "./endpoints.tU0_RZ_7.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 Lt, c as Ot } from "./endpoints.BlywT4Gl.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, E as Ut } from "./lit-element.jLBm65_O.js";
 import "./form.K1XOtu3S.js";
-import { L as O } from "./i18n.Dqb15q5k.js";
+import { L as O } from "./i18n.BlLEIqQ0.js";
 import { a as qt } from "./string.CjJ09HK3.js";
 import "./date-picker.DTUICGb9.js";
 import "./content-builder.BGzxZUgi.js";
@@ -17,22 +17,22 @@ import { b as Bt } from "./_baseUniq.HFKneygy.js";
 import { c as U } from "./component.styles.CRO4Odto.js";
 import { c as q } from "./custom-element.L4WJXn1j.js";
 import { w as C } from "./watch.CThbualB.js";
-import { s as zt, c as At } from "./number.B4PQLJIg.js";
+import { s as bt, c as zt } from "./number.B4PQLJIg.js";
 import { b as et } from "./transformation.c-RS37zA.js";
 import { r as v } from "./state.CSDxrqLd.js";
 import { n as _ } from "./when.Dr1es41R.js";
 import Z from "../components/details.js";
 import jt from "../components/divider.js";
 import { C as Y } from "./icon.DnBh6-56.js";
-import { C as ut } from "./icon-button.BqFraOfp.js";
-import { C as mt } from "./input.C_db7iND.js";
-import { C as rt } from "./option.D5NdA-Cm.js";
+import { C as ut } from "./icon-button.D5sM02Cd.js";
+import { C as mt } from "./input.B8CV80Da.js";
+import { C as rt } from "./option.D9SqVdjL.js";
 import nt from "../components/select.js";
 import { c as Vt } from "./image.BzmclWBR.js";
 import { e as J } from "./query.BBf1UFkC.js";
 import { c as tt } from "./repeat.CFjcER6_.js";
 import { o as I } from "./style-map.llVFPd__.js";
-import It from "../components/tooltip.js";
+import Ht from "../components/tooltip.js";
 import Gt from "../components/button-group.js";
 import { C as Qt } from "./checkbox.Cjcht4xR.js";
 function Kt(t) {
@@ -81,36 +81,36 @@ function te(t) {
     if (a == null)
       continue;
     if (s === "custom") {
-      for (const [r, l] of Object.entries(
+      for (const [n, l] of Object.entries(
         a
       ))
-        e.push(wt(r, l));
+        e.push(wt(n, l));
       continue;
     }
-    const n = Zt[s];
-    if (n) {
+    const r = Zt[s];
+    if (r) {
       if (Yt.has(s)) {
         e.push(
-          Jt(n, a)
+          Jt(r, a)
         );
         continue;
       }
       if (s === "color") {
-        e.push(`${n}:${a}`);
+        e.push(`${r}:${a}`);
         continue;
       }
       if (s === "parentFolderIdentifier") {
-        const r = Array.isArray(a) ? a : [a];
-        if (r.length === 0)
+        const n = Array.isArray(a) ? a : [a];
+        if (n.length === 0)
           continue;
         const l = [
-          ...r.map((u) => `ParentFolderIdentifier:${pt(String(u))}`),
-          ...r.map((u) => `ParentAlbumIdentifier:${pt(String(u))}`)
+          ...n.map((u) => `ParentFolderIdentifier:${pt(String(u))}`),
+          ...n.map((u) => `ParentAlbumIdentifier:${pt(String(u))}`)
         ];
         e.push(`(${l.join(" OR ")})`);
         continue;
       }
-      e.push(wt(n, a));
+      e.push(wt(r, a));
     }
   }
   return e.join(" AND ");
@@ -128,22 +128,22 @@ function it(t) {
   }
   return te(t);
 }
-const dt = "CoreField.LargeSizePreview", vt = "CoreField.DocType", ee = "Document.Title", ie = "Document.CaptionLong", kt = "Document.FileExtension", Ct = "CoreField.FileSize", $t = "CoreField.Identifier", Rt = "CoreField.Keywords", _t = "CoreField.MaxHeight", Pt = "CoreField.MaxWidth", st = "Document.RecordID", Mt = "CoreField.DocSubType", Ht = "CoreField.TitleWithFallback", at = "CoreField.OriginalFileName", ot = "CoreField.UpdatedFileName", X = "CoreField.OriginalPreview", ct = {
+const dt = "CoreField.LargeSizePreview", vt = "CoreField.DocType", ee = "Document.Title", ie = "Document.CaptionLong", kt = "Document.FileExtension", Ct = "CoreField.FileSize", $t = "CoreField.Identifier", Rt = "CoreField.Keywords", _t = "CoreField.MaxHeight", Pt = "CoreField.MaxWidth", st = "Document.RecordID", Mt = "CoreField.DocSubType", Wt = "CoreField.TitleWithFallback", at = "CoreField.OriginalFileName", ot = "CoreField.UpdatedFileName", X = "CoreField.OriginalPreview", ct = {
   DEFAULT_VIEW_SIZE: "Document.LargeSizePreview",
   FIELD_TITLE_WITH_FALLBACK: "Document.TitleWithFallback",
   ORIGINAL_VIEW_SIZE: "Document.OriginalPreview"
-}, Wt = {
+}, Dt = {
   [dt]: ct.DEFAULT_VIEW_SIZE,
-  [Ht]: ct.FIELD_TITLE_WITH_FALLBACK,
+  [Wt]: ct.FIELD_TITLE_WITH_FALLBACK,
   [X]: ct.ORIGINAL_VIEW_SIZE
 }, se = Object.fromEntries(
-  Object.entries(Wt).map(([t, e]) => [
+  Object.entries(Dt).map(([t, e]) => [
     e,
     t
   ])
 );
 function ae(t) {
-  return Wt[t] ?? t;
+  return Dt[t] ?? t;
 }
 function Ft(t) {
   const e = {};
@@ -153,20 +153,20 @@ function Ft(t) {
   }
   return e;
 }
-async function Dt({
+async function Tt({
   countPerPage: t,
   fields: e,
   getPermanentAssetsPaths: i,
   isSiteBuilder: s,
   pageNumber: a,
-  query: n,
-  securityByPassToken: r,
+  query: r,
+  securityByPassToken: n,
   siteUrl: l,
   sort: u,
   token: S,
   useSession: f
 }) {
-  const A = e?.map(ae);
+  const z = e?.map(ae);
   try {
     return (await P.request({
       baseURL: l,
@@ -174,12 +174,12 @@ async function Dt({
       method: "GET",
       params: {
         CountPerPage: t,
-        Fields: Kt(A),
+        Fields: Kt(z),
         Format: "json",
         GetPermanentAssetsPaths: i || void 0,
         PageNumber: a,
-        Query: it(n),
-        SecurityByPassToken: r || void 0,
+        Query: it(r),
+        SecurityByPassToken: n || void 0,
         Sort: u || void 0,
         UseSession: f || void 0
       },
@@ -197,7 +197,7 @@ async function Dt({
           totalCount: m.APIResponse?.GlobalInfo?.TotalCount ?? 0
         })
       ],
-      url: s ? Tt.SEARCH_ASSETS : Nt["4.0"]
+      url: s ? It.SEARCH_ASSETS : Nt["4.0"]
     })).data;
   } catch {
     return { items: [], sort: "", totalCount: 0 };
@@ -209,8 +209,8 @@ async function oe({
   format: i,
   siteUrl: s,
   token: a,
-  transformations: n,
-  useSession: r
+  transformations: r,
+  useSession: n
 }) {
   try {
     return (await P.request({
@@ -221,8 +221,8 @@ async function oe({
         SourceAssetRecordID: t,
         TargetExtension: qt(e),
         Token: a || void 0,
-        Transformations: n,
-        UseSession: r || void 0
+        Transformations: r,
+        UseSession: n || void 0
       },
       /**
        * https://link.orangelogic.com/Tasks/41S1XH
@@ -248,12 +248,12 @@ async function gi({
   isSiteBuilder: i,
   recordIds: s,
   securityByPassToken: a,
-  token: n
+  token: r
 }) {
   if (!Array.isArray(s) || s.length === 0)
     return { facets: [], items: [], totalCount: 0 };
-  const r = t?.filter((m) => m && typeof m == "string") ?? [], l = [
-    ...r,
+  const n = t?.filter((m) => m && typeof m == "string") ?? [], l = [
+    ...n,
     X,
     ot,
     at,
@@ -262,7 +262,7 @@ async function gi({
     st
   ], u = ne(s, re), S = await Promise.all(
     u.map(
-      (m) => Dt({
+      (m) => Tt({
         countPerPage: m.length,
         fields: l,
         getPermanentAssetsPaths: e,
@@ -270,17 +270,17 @@ async function gi({
         pageNumber: 1,
         query: { recordId: m },
         securityByPassToken: a,
-        token: n
+        token: r
       })
     )
-  ), f = new Map(s.map((m, R) => [m, R])), A = S.flatMap((m) => m.items).map((m) => {
+  ), f = new Map(s.map((m, R) => [m, R])), z = S.flatMap((m) => m.items).map((m) => {
     let R = w(m, ot);
     return R === "" && (R = w(m, at)), {
       name: R,
       originalUrl: w(m, X),
       recordId: w(m, st),
-      ...r.reduce(
-        (Q, b) => (Q[b] = w(m, b), Q),
+      ...n.reduce(
+        (Q, A) => (Q[A] = w(m, A), Q),
         {}
       )
     };
@@ -290,7 +290,7 @@ async function gi({
     (m, R) => m + R.totalCount,
     0
   );
-  return { facets: [], items: A, totalCount: $ };
+  return { facets: [], items: z, totalCount: $ };
 }
 function w(t, e) {
   const i = t[e];
@@ -302,25 +302,25 @@ async function xi({
   extraFields: i,
   getPermanentAssetsPaths: s,
   isSiteBuilder: a,
-  limitedDocTypes: n,
-  pageNumber: r,
+  limitedDocTypes: r,
+  pageNumber: n,
   parentFolderIdentifier: l,
   searchTerm: u,
   securityByPassToken: S,
   sortOrder: f,
-  token: A
+  token: z
 }) {
   if (!e && !l)
     return { facets: [], items: [], totalCount: 0 };
-  const $ = (i?.filter((b) => b && typeof b == "string") ?? []).map((b) => b.replace("%20", " ")), m = {
+  const $ = (i?.filter((A) => A && typeof A == "string") ?? []).map((A) => A.replace("%20", " ")), m = {
     directParentFolderIdentifier: e,
     parentFolderIdentifier: l,
-    ...n.length > 0 ? { docType: [bt.Image, bt.Audio] } : {}
-  }, R = await Dt({
+    ...r.length > 0 ? { docType: [At.Image, At.Audio] } : {}
+  }, R = await Tt({
     countPerPage: t,
     fields: [
       ...$,
-      Ht,
+      Wt,
       dt,
       X,
       Rt,
@@ -337,31 +337,31 @@ async function xi({
     ],
     getPermanentAssetsPaths: s,
     isSiteBuilder: a,
-    pageNumber: r,
+    pageNumber: n,
     query: m,
     securityByPassToken: S,
     sort: void 0,
-    token: A
-  }), Q = R.items.map((b) => {
-    let K = w(b, kt), lt = w(b, ot), gt = w(b, dt);
-    K && !K.startsWith(".") && (K = "." + K), lt === "" && (lt = w(b, at)), K.toLowerCase() === ".gif" && (gt = w(b, X));
-    const xt = w(b, st);
+    token: z
+  }), Q = R.items.map((A) => {
+    let K = w(A, kt), lt = w(A, ot), gt = w(A, dt);
+    K && !K.startsWith(".") && (K = "." + K), lt === "" && (lt = w(A, at)), K.toLowerCase() === ".gif" && (gt = w(A, X));
+    const xt = w(A, st);
     return {
-      docSubType: w(b, Mt),
-      docType: w(b, vt) || "",
+      docSubType: w(A, Mt),
+      docType: w(A, vt) || "",
       extension: K,
-      height: w(b, _t) || "0",
+      height: w(A, _t) || "0",
       id: xt,
-      identifier: w(b, $t),
+      identifier: w(A, $t),
       imageUrl: gt,
       name: lt,
-      originalUrl: w(b, X),
+      originalUrl: w(A, X),
       recordId: xt,
-      size: w(b, Ct) || "0 MB",
-      tags: w(b, Rt),
-      width: w(b, Pt) || "0",
+      size: w(A, Ct) || "0 MB",
+      tags: w(A, Rt),
+      width: w(A, Pt) || "0",
       ...$.reduce(
-        (yt, St) => (yt[St] = w(b, St), yt),
+        (yt, St) => (yt[St] = w(A, St), yt),
         {}
       )
     };
@@ -394,11 +394,11 @@ async function he({
       // 5 minutes
       transformResponse: [
         ...Array.isArray(P.defaults.transformResponse) ? P.defaults.transformResponse : [],
-        (r) => ({
-          height: r.cropHeight,
-          width: r.cropWidth,
-          x: r.cropX,
-          y: r.cropY
+        (n) => ({
+          height: n.cropHeight,
+          width: n.cropWidth,
+          x: n.cropX,
+          y: n.cropY
         })
       ],
       url: Et.GET_CROP_ZONE_SUGGESTION
@@ -409,35 +409,36 @@ async function he({
 }
 async function yi({
   assetRecordId: t,
-  siteUrl: e,
-  token: i,
-  useSession: s
+  isSiteBuilder: e,
+  siteUrl: i,
+  token: s,
+  useSession: a
 }) {
   try {
     return (await P.request({
-      baseURL: e,
+      baseURL: i,
       method: "GET",
       params: {
         RecordId: t,
-        Token: i,
-        UseSession: s || void 0
+        Token: s,
+        UseSession: a || void 0
       },
       responseType: "json",
       transformResponse: [
         ...Array.isArray(P.defaults.transformResponse) ? P.defaults.transformResponse : [],
-        (n) => !n || typeof n != "object" ? [] : n.proxies?.map((r) => ({
-          cdnName: r.cdnName,
-          extension: r.extension,
-          formatHeight: r.formatHeight,
-          formatWidth: r.formatWidth,
-          height: r.height,
-          permanentLink: r.permanentLink,
-          proxyLabel: r.proxyLabel,
-          proxyName: r.proxyName,
-          width: r.width
+        (n) => !n || typeof n != "object" ? [] : n.proxies?.map((l) => ({
+          cdnName: l.cdnName,
+          extension: l.extension,
+          formatHeight: l.formatHeight,
+          formatWidth: l.formatWidth,
+          height: l.height,
+          permanentLink: l.permanentLink,
+          proxyLabel: l.proxyLabel,
+          proxyName: l.proxyName,
+          width: l.width
         })) ?? []
       ],
-      url: Ot
+      url: e ? It.GET_AVAILABLE_PROXIES : Ot
     })).data;
   } catch {
     return [];
@@ -472,8 +473,8 @@ async function Si({
 }
 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, y = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? de(e, i) : e, n = t.length - 1, r; n >= 0; n--)
-    (r = t[n]) && (a = (s ? r(e, i, a) : r(a)) || a);
+  for (var a = s > 1 ? void 0 : s ? de(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;
 };
 let g = class extends N {
@@ -590,19 +591,19 @@ let g = class extends N {
     else if (!i) {
       const [s, a] = e.split(":").map(Number);
       if (this.unit === o.Pixel) {
-        let n = s, r = a;
-        Number.isFinite(this.maxWidth) && Number.isFinite(this.maxHeight) && ({ height: r, width: n } = Vt(
+        let r = s, n = a;
+        Number.isFinite(this.maxWidth) && Number.isFinite(this.maxHeight) && ({ height: n, width: r } = Vt(
           this.maxWidth,
           this.maxHeight,
           s,
           a
         )), this.emit("cx-asset-link-format-crop-change", {
           detail: {
-            height: r,
+            height: n,
             keepAspectRatio: !0,
             silent: !0,
             unit: o.Pixel,
-            width: n
+            width: r
           }
         });
       } else
@@ -833,8 +834,8 @@ g = y([
 ], 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, ft = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? fe(e, i) : e, n = t.length - 1, r; n >= 0; n--)
-    (r = t[n]) && (a = (s ? r(e, i, a) : r(a)) || a);
+  for (var a = s > 1 ? void 0 : s ? fe(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;
 };
 let V = class extends N {
@@ -873,8 +874,8 @@ V = ft([
 ], V);
 const ge = L`cx-details::part(base){border-bottom-width:0}`;
 var xe = Object.defineProperty, ye = Object.getOwnPropertyDescriptor, H = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? ye(e, i) : e, n = t.length - 1, r; n >= 0; n--)
-    (r = t[n]) && (a = (s ? r(e, i, a) : r(a)) || a);
+  for (var a = s > 1 ? void 0 : s ? ye(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;
 };
 let M = class extends N {
@@ -970,10 +971,10 @@ M = H([
   q("cx-asset-link-format-proxy")
 ], M);
 const Se = L`cx-details::part(base){border-bottom-width:0}`;
-var be = Object.defineProperty, ze = Object.getOwnPropertyDescriptor, B = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? ze(e, i) : e, n = t.length - 1, r; n >= 0; n--)
-    (r = t[n]) && (a = (s ? r(e, i, a) : r(a)) || a);
-  return s && a && be(e, i, a), a;
+var Ae = Object.defineProperty, be = Object.getOwnPropertyDescriptor, B = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? be(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() {
@@ -1035,7 +1036,7 @@ F.dependencies = {
   "cx-icon": Y,
   "cx-input": mt,
   "cx-space": D,
-  "cx-tooltip": It,
+  "cx-tooltip": Ht,
   "cx-typography": T
 };
 B([
@@ -1062,13 +1063,13 @@ B([
 F = B([
   q("cx-asset-link-format-quality")
 ], F);
-const Ae = 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}`;
+const ze = 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 we = Object.defineProperty, ve = Object.getOwnPropertyDescriptor, k = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? ve(e, i) : e, n = t.length - 1, r; n >= 0; n--)
-    (r = t[n]) && (a = (s ? r(e, i, a) : r(a)) || a);
+  for (var a = s > 1 ? void 0 : s ? ve(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 && we(e, i, a), a;
 };
-let z = class extends N {
+let b = 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 = {
       [o.Pixel]: { height: 0, width: 0 },
@@ -1219,8 +1220,8 @@ let z = class extends N {
     })} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button>`)}</cx-space></cx-details>`;
   }
 };
-z.styles = [U, Ae];
-z.dependencies = {
+b.styles = [U, ze];
+b.dependencies = {
   "cx-button": G,
   "cx-details": Z,
   "cx-icon": Y,
@@ -1233,68 +1234,68 @@ z.dependencies = {
 };
 k([
   J(".details")
-], z.prototype, "base", 2);
+], b.prototype, "base", 2);
 k([
   h({ reflect: !0, type: Boolean })
-], z.prototype, "open", 2);
+], b.prototype, "open", 2);
 k([
   h({ reflect: !0, type: Number })
-], z.prototype, "width", 2);
+], b.prototype, "width", 2);
 k([
   h({ reflect: !0, type: Number })
-], z.prototype, "height", 2);
+], b.prototype, "height", 2);
 k([
   h({ attribute: "max-width", reflect: !0, type: Number })
-], z.prototype, "maxWidth", 2);
+], b.prototype, "maxWidth", 2);
 k([
   h({ attribute: "max-height", reflect: !0, type: Number })
-], z.prototype, "maxHeight", 2);
+], b.prototype, "maxHeight", 2);
 k([
   h({ attribute: "ratio-width", reflect: !0, type: Number })
-], z.prototype, "ratioWidth", 2);
+], b.prototype, "ratioWidth", 2);
 k([
   h({ attribute: "ratio-height", reflect: !0, type: Number })
-], z.prototype, "ratioHeight", 2);
+], b.prototype, "ratioHeight", 2);
 k([
   h({ reflect: !0, type: String })
-], z.prototype, "unit", 2);
+], b.prototype, "unit", 2);
 k([
   h({ attribute: "last-applied-setting", reflect: !1, type: Object })
-], z.prototype, "lastAppliedSetting", 2);
+], b.prototype, "lastAppliedSetting", 2);
 k([
   h({ reflect: !0, type: Boolean })
-], z.prototype, "loading", 2);
+], b.prototype, "loading", 2);
 k([
   h({ attribute: "can-apply", reflect: !0, type: Boolean })
-], z.prototype, "canApply", 2);
+], b.prototype, "canApply", 2);
 k([
   h({ attribute: "keep-aspect-ratio", reflect: !0, type: Boolean })
-], z.prototype, "keepAspectRatio", 2);
+], b.prototype, "keepAspectRatio", 2);
 k([
   v()
-], z.prototype, "invalidWidth", 2);
+], b.prototype, "invalidWidth", 2);
 k([
   v()
-], z.prototype, "invalidHeight", 2);
+], b.prototype, "invalidHeight", 2);
 k([
   v()
-], z.prototype, "aspectRatio", 2);
+], b.prototype, "aspectRatio", 2);
 k([
   C("cropMode", { waitUntilFirstUpdate: !0 }),
   C("maxWidth", { waitUntilFirstUpdate: !0 }),
   C("maxHeight", { waitUntilFirstUpdate: !0 }),
   C("keepAspectRatio")
-], z.prototype, "handleCropModeChange", 1);
+], b.prototype, "handleCropModeChange", 1);
 k([
   C("open")
-], z.prototype, "handleOpenChange", 1);
-z = k([
+], b.prototype, "handleOpenChange", 1);
+b = k([
   q("cx-asset-link-format-resize")
-], z);
+], b);
 const ke = L`cx-details::part(base){border-bottom-width:0}`;
 var Ce = Object.defineProperty, $e = Object.getOwnPropertyDescriptor, j = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? $e(e, i) : e, n = t.length - 1, r; n >= 0; n--)
-    (r = t[n]) && (a = (s ? r(e, i, a) : r(a)) || a);
+  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;
 };
 let E = class extends N {
@@ -1311,14 +1312,14 @@ let E = class extends N {
     }
   }
   handleRotationChange(t) {
-    const e = t.target.value, i = zt(Number(e));
+    const e = t.target.value, i = bt(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: zt(t)
+      detail: bt(t)
     });
   }
   handleClockwiseClick() {
@@ -1380,8 +1381,8 @@ E = j([
 ], E);
 const Re = L`cx-details::part(base){border-bottom-width:0}`;
 var _e = Object.defineProperty, Pe = Object.getOwnPropertyDescriptor, ht = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? Pe(e, i) : e, n = t.length - 1, r; n >= 0; n--)
-    (r = t[n]) && (a = (s ? r(e, i, a) : r(a)) || a);
+  for (var a = s > 1 ? void 0 : s ? Pe(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 && _e(e, i, a), a;
 };
 let W = class extends N {
@@ -1420,7 +1421,7 @@ W.dependencies = {
   "cx-details": Z,
   "cx-icon": Y,
   "cx-space": D,
-  "cx-tooltip": It,
+  "cx-tooltip": Ht,
   "cx-typography": T
 };
 ht([
@@ -1436,8 +1437,8 @@ W = ht([
   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, n = t.length - 1, r; n >= 0; n--)
-    (r = t[n]) && (a = (s ? r(e, i, a) : r(a)) || a);
+  for (var a = s > 1 ? void 0 : s ? Fe(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;
 };
 let p = class extends N {
@@ -1573,7 +1574,7 @@ let p = class extends N {
    * It returns an object with the last crop size in both pixel and aspect ratio units.
    */
   get lastCropSize() {
-    const t = At(
+    const t = zt(
       this.lastImageSize.width,
       this.lastImageSize.height
     );
@@ -1604,7 +1605,7 @@ let p = class extends N {
    * It returns an object with the last resize size in both pixel and aspect ratio units.
    */
   get lastResizeSize() {
-    const t = At(
+    const t = zt(
       this.lastImageSize.width,
       this.lastImageSize.height
     );
@@ -1724,16 +1725,16 @@ let p = class extends N {
           useSession: this.useSession
         }).replace(/\/t\//g, "")
       });
-      const n = this.transformations.findLast(
+      const r = this.transformations.findLast(
         (f) => f.key === c.Crop && f.value.width && f.value.height
       );
-      if (n) {
-        const { focusMode: f, height: A, unit: $, width: m, x: R = 0, y: Q = 0 } = n.value;
+      if (r) {
+        const { focusMode: f, height: z, unit: $, width: m, x: R = 0, y: Q = 0 } = r.value;
         this.cropSize = {
           ...this.cropSize,
           cropMode: "free",
           focusMode: f ?? "manual",
-          height: A,
+          height: z,
           percentageHeight: 100,
           percentageWidth: 100,
           unit: $ ?? o.Pixel,
@@ -1754,15 +1755,15 @@ let p = class extends N {
           x: 0,
           y: 0
         };
-      const r = this.transformations.findLast(
+      const n = this.transformations.findLast(
         (f) => f.key === c.Resize && (f.value.width || f.value.height)
       );
-      if (r) {
-        const { height: f = 0, unit: A, width: $ = 0 } = r.value;
+      if (n) {
+        const { height: f = 0, unit: z, width: $ = 0 } = n.value;
         this.resizeSize = {
           ...this.resizeSize,
           height: f,
-          unit: A ?? o.Pixel,
+          unit: z ?? o.Pixel,
           width: $
         };
       } else
@@ -1796,7 +1797,7 @@ let p = class extends N {
     if (!this.selectedFormat)
       return;
     const t = this.proxies?.find(
-      (n) => n.id === this.selectedProxy
+      (r) => r.id === this.selectedProxy
     );
     this.loading = !0;
     const e = await this.apiGetTransformAssetLink({
@@ -1834,9 +1835,9 @@ let p = class extends N {
       y: 0
     }, this.lastAction === c.Rotate && (this.rotation = 0), this.lastAction = void 0;
     const i = this.transformations.some(
-      (n) => n.key === c.Metadata
+      (r) => r.key === c.Metadata
     ), s = this.transformations.findLast(
-      (n) => n.key === c.Quality
+      (r) => r.key === c.Quality
     );
     this.selectedFormat = {
       ...this.selectedFormat,
@@ -1929,25 +1930,25 @@ let p = class extends N {
     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 === c.Crop) {
-        const a = s.value, n = a.width / i.formatWidth * e.formatWidth, r = a.height / i.formatHeight * e.formatHeight, l = a.x / i.formatWidth * e.formatWidth, u = a.y / i.formatHeight * e.formatHeight;
+        const a = s.value, r = a.width / i.formatWidth * e.formatWidth, n = a.height / i.formatHeight * e.formatHeight, l = a.x / i.formatWidth * e.formatWidth, u = a.y / i.formatHeight * e.formatHeight;
         return {
           ...s,
           value: {
             ...s.value,
-            height: r,
-            width: n,
+            height: n,
+            width: r,
             x: l,
             y: u
           }
         };
       }
       if (s.key === c.Resize) {
-        const a = s.value, n = a.width / i.formatWidth * e.formatWidth, r = a.height / i.formatHeight * e.formatHeight;
+        const a = s.value, r = a.width / i.formatWidth * e.formatWidth, n = a.height / i.formatHeight * e.formatHeight;
         return {
           ...s,
           value: {
-            height: r,
-            width: n
+            height: n,
+            width: r
           }
         };
       }
@@ -2012,8 +2013,8 @@ let p = class extends N {
     height: i,
     keepAspectRatio: s,
     percentageHeight: a,
-    percentageWidth: n,
-    ratioHeight: r,
+    percentageWidth: r,
+    ratioHeight: n,
     ratioWidth: l,
     unit: u,
     useCropMode: S,
@@ -2022,22 +2023,22 @@ let p = class extends N {
     if (!this.selectedFormat?.url || e === "manual")
       return;
     this.loading = !0, this.lastAction = c.Crop;
-    const A = await this.apiGetCropFocusMode({
+    const z = await this.apiGetCropFocusMode({
       autoCropMode: e,
       cropHeight: i,
       cropWidth: f,
       imageUrl: this.selectedFormat.url
     });
-    if (A) {
-      let $ = a, m = n;
-      i || ($ = A.height * 100 / this.selectedFormat.height), f || (m = A.width * 100 / this.selectedFormat.width), this.cropSize = {
+    if (z) {
+      let $ = a, m = r;
+      i || ($ = z.height * 100 / this.selectedFormat.height), f || (m = z.width * 100 / this.selectedFormat.width), this.cropSize = {
         ...this.cropSize,
-        height: A.height,
+        height: z.height,
         percentageHeight: $ ?? this.cropSize.percentageHeight,
         percentageWidth: m ?? this.cropSize.percentageWidth,
-        width: A.width,
-        x: A.x * 100 / this.selectedFormat.width,
-        y: A.y * 100 / this.selectedFormat.height,
+        width: z.width,
+        x: z.x * 100 / this.selectedFormat.width,
+        y: z.y * 100 / this.selectedFormat.height,
         ...S ? {
           cropMode: e,
           focusMode: "manual",
@@ -2047,7 +2048,7 @@ let p = class extends N {
           focusMode: e
         },
         keepAspectRatio: s ?? this.cropSize.keepAspectRatio,
-        ratioHeight: r ?? this.cropSize.ratioHeight,
+        ratioHeight: n ?? this.cropSize.ratioHeight,
         ratioWidth: l ?? this.cropSize.ratioWidth,
         unit: u ?? this.cropSize.unit
       };
@@ -2059,13 +2060,13 @@ let p = class extends N {
       height: i,
       width: s,
       x: a,
-      y: n
+      y: r
     } = e;
     if (s === 0 || i === 0)
       return;
-    const r = this.cropSize.percentageWidth !== s, l = this.cropSize.percentageHeight !== i;
+    const n = this.cropSize.percentageWidth !== s, l = this.cropSize.percentageHeight !== i;
     let u = this.cropSize.height, S = this.cropSize.width;
-    r && (S = Math.round(s * this.selectedFormat.width / 100)), l && (u = Math.round(
+    n && (S = Math.round(s * this.selectedFormat.width / 100)), l && (u = Math.round(
       i * this.selectedFormat.height / 100
     ));
     const f = this.cropSize.focusMode;
@@ -2084,7 +2085,7 @@ let p = class extends N {
       percentageWidth: s,
       width: S,
       x: a,
-      y: n
+      y: r
     };
   }
   onCropDragStart() {
@@ -2120,19 +2121,19 @@ let p = class extends N {
       const s = this.focusModes.find(
         (u) => u.value === this.cropSize.focusMode
       )?.auto;
-      let a = this.cropSize.keepAspectRatio, n = this.cropSize.focusMode, r = this.cropSize.x, l = this.cropSize.y;
-      e === "free" ? (a = !1, n = "manual") : this.cropSize.unit === o.Pixel && !s && (r = 0, l = 0), s ? await this.handleRequestAutoCropSuggestion({
+      let a = this.cropSize.keepAspectRatio, r = this.cropSize.focusMode, n = this.cropSize.x, l = this.cropSize.y;
+      e === "free" ? (a = !1, r = "manual") : this.cropSize.unit === o.Pixel && !s && (n = 0, l = 0), s ? await this.handleRequestAutoCropSuggestion({
         cropMode: e,
-        focusMode: n,
+        focusMode: r,
         height: this.cropSize.height,
         keepAspectRatio: a,
         width: this.cropSize.width
       }) : this.cropSize = {
         ...this.cropSize,
         cropMode: e,
-        focusMode: n,
+        focusMode: r,
         keepAspectRatio: a,
-        x: r,
+        x: n,
         y: l
       }, this.asset || (e && e !== "free" ? this.upsertTransformation({
         key: c.Crop,
@@ -2154,16 +2155,16 @@ let p = class extends N {
       ...this.cropSize,
       focusMode: e
     }, !this.asset) {
-      const { height: s, unit: a, width: n, x: r, y: l } = this.cropSize;
-      (s || n) && this.upsertTransformation({
+      const { height: s, unit: a, width: r, x: n, y: l } = this.cropSize;
+      (s || r) && this.upsertTransformation({
         key: c.Crop,
         value: {
           focusMode: e,
           height: s,
           isFocusModeAuto: i ?? !1,
           unit: a,
-          width: n,
-          x: r,
+          width: r,
+          x: n,
           y: l
         }
       });
@@ -2178,19 +2179,19 @@ let p = class extends N {
       ), a = Math.min(
         Math.max(Math.round(s / i), 0),
         this.resizeSize.height
-      ), n = a * 100 / this.selectedFormat.height, r = s * 100 / this.selectedFormat.width;
+      ), r = a * 100 / this.selectedFormat.height, n = s * 100 / this.selectedFormat.width;
       let l = this.cropSize.x, u = this.cropSize.y;
-      l + r > 100 && (l = 100 - r), u + n > 100 && (u = 100 - n);
+      l + n > 100 && (l = 100 - n), u + r > 100 && (u = 100 - r);
       let S = this.cropSize.cropMode;
       this.cropModes.find(
-        (A) => A.value === S
-      )?.auto && (S = "free"), t.detail.silent ? (this.cropSize.height = a, this.cropSize.keepAspectRatio = t.detail.keepAspectRatio, this.cropSize.percentageHeight = n, this.cropSize.percentageWidth = r, this.cropSize.ratioHeight = t.detail.height, this.cropSize.ratioWidth = t.detail.width, this.cropSize.unit = o.AspectRatio, this.cropSize.width = s) : this.cropSize = {
+        (z) => z.value === S
+      )?.auto && (S = "free"), t.detail.silent ? (this.cropSize.height = a, this.cropSize.keepAspectRatio = t.detail.keepAspectRatio, this.cropSize.percentageHeight = r, this.cropSize.percentageWidth = n, this.cropSize.ratioHeight = t.detail.height, this.cropSize.ratioWidth = t.detail.width, this.cropSize.unit = o.AspectRatio, this.cropSize.width = s) : this.cropSize = {
         ...this.cropSize,
         cropMode: S,
         height: a,
         keepAspectRatio: t.detail.keepAspectRatio,
-        percentageHeight: n,
-        percentageWidth: r,
+        percentageHeight: r,
+        percentageWidth: n,
         ratioHeight: t.detail.height,
         ratioWidth: t.detail.width,
         unit: o.AspectRatio,
@@ -2200,15 +2201,15 @@ let p = class extends N {
       };
     } else {
       const i = this.selectedFormat ? t.detail.height * 100 / this.selectedFormat.height : 100, s = this.selectedFormat ? t.detail.width * 100 / this.selectedFormat.width : 100;
-      let a = this.cropSize.x, n = this.cropSize.y;
-      a + s > 100 && (a = 100 - s), n + i > 100 && (n = 100 - i);
-      let r = this.cropSize.cropMode;
+      let a = this.cropSize.x, r = this.cropSize.y;
+      a + s > 100 && (a = 100 - s), r + i > 100 && (r = 100 - i);
+      let n = this.cropSize.cropMode;
       const l = this.cropModes.find(
-        (u) => u.value === r
+        (u) => u.value === n
       )?.auto;
-      (t.detail.breakAspectRatio || l) && (r = "free"), t.detail.silent ? (this.cropSize.cropMode = r, this.cropSize.height = t.detail.height, this.cropSize.keepAspectRatio = t.detail.keepAspectRatio, this.cropSize.percentageHeight = i, this.cropSize.percentageWidth = s, this.cropSize.unit = o.Pixel, this.cropSize.width = t.detail.width, this.cropSize.x = a, this.cropSize.y = n) : this.cropSize = {
+      (t.detail.breakAspectRatio || l) && (n = "free"), t.detail.silent ? (this.cropSize.cropMode = n, this.cropSize.height = t.detail.height, this.cropSize.keepAspectRatio = t.detail.keepAspectRatio, this.cropSize.percentageHeight = i, this.cropSize.percentageWidth = s, this.cropSize.unit = o.Pixel, this.cropSize.width = t.detail.width, this.cropSize.x = a, this.cropSize.y = r) : this.cropSize = {
         ...this.cropSize,
-        cropMode: r,
+        cropMode: n,
         height: t.detail.height,
         keepAspectRatio: t.detail.keepAspectRatio,
         percentageHeight: i,
@@ -2216,25 +2217,25 @@ let p = class extends N {
         unit: o.Pixel,
         width: t.detail.width,
         x: a,
-        y: n
+        y: r
       };
     }
     if (e !== this.cropSize.unit && (this.cropSize = {
       ...this.cropSize,
       cropMode: "free"
     }, this.onCropChanged()), !this.asset && !t.detail.silent) {
-      const { focusMode: i, height: s, unit: a, width: n, x: r, y: l } = this.cropSize, u = this.focusModes.find(
+      const { focusMode: i, height: s, unit: a, width: r, x: n, y: l } = this.cropSize, u = this.focusModes.find(
         (S) => S.value === i
       )?.auto ?? !1;
-      (s || n) && this.upsertTransformation({
+      (s || r) && this.upsertTransformation({
         key: c.Crop,
         value: {
           focusMode: i,
           height: s,
           isFocusModeAuto: u,
           unit: a,
-          width: n,
-          x: r,
+          width: r,
+          x: n,
           y: l
         }
       });
@@ -2253,8 +2254,8 @@ let p = class extends N {
     const { height: e, mode: i, unit: s, width: a } = t.detail;
     if (this.preResetTransformations = void 0, this.lastAction = c.Crop, !this.cropperElement || !this.selectedFormat)
       return;
-    const n = this.cropSize.focusMode, r = this.focusModes.find(
-      (l) => l.value === n
+    const r = this.cropSize.focusMode, n = this.focusModes.find(
+      (l) => l.value === r
     )?.auto ?? !1;
     if (e && a && s) {
       let l = a, u = e;
@@ -2264,9 +2265,9 @@ let p = class extends N {
           {
             key: c.Crop,
             value: {
-              focusMode: n,
+              focusMode: r,
               height: u,
-              isFocusModeAuto: r,
+              isFocusModeAuto: n,
               mode: i,
               width: l
             }
@@ -2279,9 +2280,9 @@ let p = class extends N {
           {
             key: c.Crop,
             value: {
-              focusMode: n,
+              focusMode: r,
               height: u,
-              isFocusModeAuto: r,
+              isFocusModeAuto: n,
               unit: s,
               width: l,
               x: S,
@@ -2295,8 +2296,8 @@ let p = class extends N {
       {
         key: c.Crop,
         value: {
-          focusMode: n,
-          isFocusModeAuto: r,
+          focusMode: r,
+          isFocusModeAuto: n,
           mode: i
         }
       }
@@ -2342,16 +2343,16 @@ let p = class extends N {
       return;
     const { height: e, unit: i, width: s } = t.detail;
     this.preResetTransformations = void 0, this.lastAction = c.Resize;
-    const a = this.selectedFormat.width || this.defaultSize.width, n = this.selectedFormat.height || this.defaultSize.height;
-    let r = s, l = e;
-    this.resizeSize.unit !== i ? (r = a, l = n) : i === o.AspectRatio && (r = Math.round(s / e * n), l = n), this.transformations = [
+    const a = this.selectedFormat.width || this.defaultSize.width, r = this.selectedFormat.height || this.defaultSize.height;
+    let n = s, l = e;
+    this.resizeSize.unit !== i ? (n = a, l = r) : i === o.AspectRatio && (n = Math.round(s / e * r), l = r), this.transformations = [
       ...this.transformations,
       {
         key: c.Resize,
         value: {
           height: l,
           unit: i,
-          width: r
+          width: n
         }
       }
     ];
@@ -2483,7 +2484,7 @@ p.dependencies = {
   "cx-asset-link-format-metadata": W,
   "cx-asset-link-format-proxy": M,
   "cx-asset-link-format-quality": F,
-  "cx-asset-link-format-resize": z,
+  "cx-asset-link-format-resize": b,
   "cx-asset-link-format-rotation": E,
   "cx-button": G,
   "cx-space": D,
@@ -2614,14 +2615,14 @@ export {
   gi as d,
   kt as e,
   ee as f,
-  Ht as g,
+  Wt as g,
   Si as h,
   yi as i,
-  Ct as j,
-  $t as k,
-  Mt as l,
-  Dt as m,
-  st as n,
+  Tt as j,
+  st as k,
+  Ct as l,
+  $t as m,
+  Mt as n,
   Xt as o,
   Kt as u
 };