@orangelogic/design-system 4.27.0 → 4.29.0

package/library/chunks/{asset-link-format.BEJh0Fqs.js → asset-link-format.DLmg4fTR.js}

@@ -23,25 +23,25 @@ import { t as oe } from "./input.B3HfssSr.js";
 import { t as S } from "./option.wsYX6Pp-.js";
 import { t as C } from "./space.Dd8jezXK.js";
 import { t as w } from "./select.v6t2pNH4.js";
-import { t as T } from "./details.DLqFxjTf.js";
-import { t as se } from "./divider.CqSNZCU8.js";
-import { i as E, n as D, r as O } from "./asset-link-format.DhdgEsA0.js";
-import { applyTransformationsToUrl as k, buildAssetSrcset as ce, buildTransformationString as A, resolveAutoFormat as le, resolveAutoMaxWidth as ue } from "../utils.js";
-import { t as de } from "./v4.JyXW8GUB.js";
+import { E as se, T as ce, b as le, d as ue, h as T, p as de, w as fe, y as pe } from "./src.DKYroWZc.js";
+import { t as E } from "./details.DLqFxjTf.js";
+import { t as me } from "./divider.CqSNZCU8.js";
+import { i as D, n as O, r as k } from "./asset-link-format.DhdgEsA0.js";
+import { t as he } from "./v4.JyXW8GUB.js";
 import "./cropper.D4ymxgab.js";
-import { t as fe } from "./_baseUniq.h_pGICPH.js";
-import { a as pe, f as j, n as me, o as he, r as ge, t as _e, u as ve } from "./endpoints.jOHOmF_t.js";
-import { t as M } from "./position-picker.CyXlSYCi.js";
+import { t as ge } from "./_baseUniq.h_pGICPH.js";
+import { a as _e, f as A, n as ve, o as ye, r as be, t as xe, u as Se } from "./endpoints.jOHOmF_t.js";
+import { t as j } from "./position-picker.CyXlSYCi.js";
 //#region ../../node_modules/lodash-es/uniq.js
-function ye(e) {
-	return e && e.length ? fe(e) : [];
+function Ce(e) {
+	return e && e.length ? ge(e) : [];
 }
 //#endregion
 //#region ../../packages/services/src/api/asset/asset.utils.ts
-function N(e) {
+function M(e) {
 	return typeof e == "object" && !!e && "URI" in e;
 }
-var be = {
+var we = {
 	artist: "Artist",
 	color: "Color",
 	createDate: "CreateDate",
@@ -63,34 +63,34 @@ var be = {
 	systemIdentifier: "SystemIdentifier",
 	text: "Text",
 	title: "Title"
-}, xe = /* @__PURE__ */ new Set([
+}, Te = /* @__PURE__ */ new Set([
 	"mediaDate",
 	"createDate",
 	"editDate"
 ]);
-function P(e) {
+function N(e) {
 	return !/[\s&+/*"\\:(),'<>~|[\]{}]/.test(e) && !/^(?:OR|AND|NOT)$/.test(e) ? e : `"${e.replace(/\\/g, "\\\\").replace(/"/g, "\\\"")}"`;
 }
-function Se(e, t) {
-	let n = (Array.isArray(t) ? t : [t]).map((t) => `${e}:${P(t)}`);
+function Ee(e, t) {
+	let n = (Array.isArray(t) ? t : [t]).map((t) => `${e}:${N(t)}`);
 	return n.length > 1 ? `(${n.join(" OR ")})` : n[0] ?? "";
 }
-function Ce(e, t) {
+function De(e, t) {
 	return (Array.isArray(t) ? t : [t]).map((t) => `${e}${t.operator}${t.value}`).join(" AND ");
 }
-function we(e) {
+function Oe(e) {
 	let t = [];
 	for (let n of Object.keys(e)) {
 		let r = n, i = e[r];
 		if (i == null) continue;
 		if (r === "custom") {
-			for (let [e, n] of Object.entries(i)) t.push(Se(e, n));
+			for (let [e, n] of Object.entries(i)) t.push(Ee(e, n));
 			continue;
 		}
-		let a = be[r];
+		let a = we[r];
 		if (a) {
-			if (xe.has(r)) {
-				t.push(Ce(a, i));
+			if (Te.has(r)) {
+				t.push(De(a, i));
 				continue;
 			}
 			if (r === "color") {
@@ -100,87 +100,87 @@ function we(e) {
 			if (r === "parentFolderIdentifier") {
 				let e = Array.isArray(i) ? i : [i];
 				if (e.length === 0) continue;
-				let n = [...e.map((e) => `ParentFolderIdentifier:${P(String(e))}`), ...e.map((e) => `ParentAlbumIdentifier:${P(String(e))}`)];
+				let n = [...e.map((e) => `ParentFolderIdentifier:${N(String(e))}`), ...e.map((e) => `ParentAlbumIdentifier:${N(String(e))}`)];
 				t.push(`(${n.join(" OR ")})`);
 				continue;
 			}
-			t.push(Se(a, i));
+			t.push(Ee(a, i));
 		}
 	}
 	return t.join(" AND ");
 }
-function F(e) {
-	if ("and" in e) return e.and.map(F).filter(Boolean).join(" AND ");
+function P(e) {
+	if ("and" in e) return e.and.map(P).filter(Boolean).join(" AND ");
 	if ("or" in e) {
-		let t = e.or.map(F).filter(Boolean);
+		let t = e.or.map(P).filter(Boolean);
 		return t.length > 1 ? `(${t.join(" OR ")})` : t[0] ?? "";
 	}
 	if ("not" in e) {
-		let t = F(e.not);
+		let t = P(e.not);
 		return t ? `NOT (${t})` : "";
 	}
-	return we(e);
+	return Oe(e);
 }
 //#endregion
 //#region ../../packages/services/src/api/asset/asset.ts
-var Te = "CoreField.LargeSizePreview", I = "CoreField.DocType", L = "Document.Title", Ee = "Document.CaptionLong", R = "Document.FileExtension", z = "CoreField.FileSize", B = "CoreField.Identifier", De = "CoreField.MaxHeight", Oe = "CoreField.MaxWidth", V = "Document.RecordID", ke = "CoreField.DocSubType", Ae = "CoreField.TitleWithFallback", H = "CoreField.OriginalFileName", je = "__width", Me = "__height", Ne = "CoreField.OriginalPreview", Pe = "Document.DocSubType", Fe = "Document.InPoint", Ie = "Document.OutPoint", Le = {
+var ke = "CoreField.LargeSizePreview", F = "CoreField.DocType", I = "Document.Title", Ae = "Document.CaptionLong", L = "Document.FileExtension", R = "CoreField.FileSize", z = "CoreField.Identifier", je = "CoreField.MaxHeight", Me = "CoreField.MaxWidth", B = "Document.RecordID", V = "CoreField.DocSubType", Ne = "CoreField.TitleWithFallback", H = "CoreField.OriginalFileName", Pe = "__width", Fe = "__height", Ie = "CoreField.OriginalPreview", Le = "Document.DocSubType", Re = "Document.InPoint", ze = "Document.OutPoint", Be = {
 	DEFAULT_VIEW_SIZE: "Document.LargeSizePreview",
 	ORIGINAL_VIEW_SIZE: "Document.OriginalPreview"
-}, Re = {
-	[Te]: Le.DEFAULT_VIEW_SIZE,
-	[Ne]: Le.ORIGINAL_VIEW_SIZE
-}, ze = Object.fromEntries(Object.entries(Re).map(([e, t]) => [t, e]));
-function Be(e) {
-	return Re[e] ?? e;
+}, Ve = {
+	[ke]: Be.DEFAULT_VIEW_SIZE,
+	[Ie]: Be.ORIGINAL_VIEW_SIZE
+}, He = Object.fromEntries(Object.entries(Ve).map(([e, t]) => [t, e]));
+function Ue(e) {
+	return Ve[e] ?? e;
 }
-function Ve(e) {
-	return e === "CoreField.TitleWithFallback" ? [L, H] : [Be(e)];
+function We(e) {
+	return e === "CoreField.TitleWithFallback" ? [I, H] : [Ue(e)];
 }
-function He(e) {
+function Ge(e) {
 	let t = {};
 	for (let [n, r] of Object.entries(e)) {
-		let e = ze[n] ?? n;
+		let e = He[n] ?? n;
 		t[e] = r;
 	}
 	return t;
 }
-function Ue(e, t, n) {
+function Ke(e, t, n) {
 	e[n] = U(t, n);
 	let r = t[n];
-	return r != null && N(r) && (typeof r.Width == "number" && r.Width > 0 && (e[`${n}${je}`] = String(r.Width)), typeof r.Height == "number" && r.Height > 0 && (e[`${n}${Me}`] = String(r.Height))), e;
+	return r != null && M(r) && (typeof r.Width == "number" && r.Width > 0 && (e[`${n}${Pe}`] = String(r.Width)), typeof r.Height == "number" && r.Height > 0 && (e[`${n}${Fe}`] = String(r.Height))), e;
 }
-function We(e) {
+function qe(e) {
 	let t = new URLSearchParams();
 	for (let [n, r] of Object.entries(e)) r != null && (Array.isArray(r) ? r.forEach((e) => t.append(n, String(e))) : t.append(n, String(r)));
 	return t;
 }
-async function Ge({ consistency: e, countPerPage: t, fields: n, getPermanentAssetsPaths: r, httpMethod: i = "GET", isSiteBuilder: a, pageNumber: o, query: s, securityByPassToken: c, siteUrl: l, sort: u, token: d, useSession: f }) {
-	let p = n?.flatMap(Ve), m = n?.includes("CoreField.TitleWithFallback") ?? !1, h = (e) => {
-		let t = He(e);
-		return m && (t[Ae] = U(t, "Document.Title") || U(t, "CoreField.OriginalFileName")), t;
+async function Je({ consistency: e, countPerPage: t, fields: n, getPermanentAssetsPaths: r, httpMethod: i = "GET", isSiteBuilder: a, pageNumber: o, query: s, securityByPassToken: c, siteUrl: l, sort: u, token: d, useSession: f }) {
+	let p = n?.flatMap(We), m = n?.includes("CoreField.TitleWithFallback") ?? !1, h = (e) => {
+		let t = Ge(e);
+		return m && (t[Ne] = U(t, "Document.Title") || U(t, "CoreField.OriginalFileName")), t;
 	}, g = {
 		Consistency: e || void 0,
 		CountPerPage: t,
-		Fields: ye(p),
+		Fields: Ce(p),
 		Format: "json",
-		GetPermanentAssetsPaths: r || void 0,
+		GetPermanentAssetsPaths: r ?? void 0,
 		PageNumber: o,
-		Query: F(s),
+		Query: P(s),
 		SecurityByPassToken: c || void 0,
 		Sort: u || void 0,
 		UseSession: f || void 0
 	}, _ = i === "POST";
 	try {
-		return (await j.request({
+		return (await A.request({
 			baseURL: l,
 			headers: d ? { Authorization: `Bearer ${d}` } : void 0,
 			method: i,
-			..._ ? { data: We(g) } : {
+			..._ ? { data: qe(g) } : {
 				params: g,
 				paramsSerializer: { indexes: null }
 			},
 			responseType: "json",
-			transformResponse: [...Array.isArray(j.defaults.transformResponse) ? j.defaults.transformResponse : [], a ? (e) => ({
+			transformResponse: [...Array.isArray(A.defaults.transformResponse) ? A.defaults.transformResponse : [], a ? (e) => ({
 				items: (e.results?.Items ?? []).map(h),
 				sort: e.results?.GlobalInfo?.Sort ?? "",
 				totalCount: e.results?.GlobalInfo?.TotalCount ?? 0
@@ -189,7 +189,7 @@ async function Ge({ consistency: e, countPerPage: t, fields: n, getPermanentAsse
 				sort: e.APIResponse?.GlobalInfo?.Sort ?? "",
 				totalCount: e.APIResponse?.GlobalInfo?.TotalCount ?? 0
 			})],
-			url: a ? he.SEARCH_ASSETS : ve["4.0"]
+			url: a ? ye.SEARCH_ASSETS : Se["4.0"]
 		})).data;
 	} catch {
 		return {
@@ -199,9 +199,9 @@ async function Ge({ consistency: e, countPerPage: t, fields: n, getPermanentAsse
 		};
 	}
 }
-async function Ke({ assetId: e, extension: t, format: n, siteUrl: r, token: i, transformations: a, useSession: o }) {
+async function Ye({ assetId: e, extension: t, format: n, siteUrl: r, token: i, transformations: a, useSession: o }) {
 	try {
-		return (await j.request({
+		return (await A.request({
 			baseURL: r,
 			method: "GET",
 			params: {
@@ -213,19 +213,19 @@ async function Ke({ assetId: e, extension: t, format: n, siteUrl: r, token: i, t
 				UseSession: o || void 0
 			},
 			timeout: 3e5,
-			url: me.GET_TRANSFORM_ASSET_LINK
+			url: ve.GET_TRANSFORM_ASSET_LINK
 		})).data;
 	} catch {
 		return null;
 	}
 }
-var qe = 50;
-function Je(e, t) {
+var Xe = 50;
+function Ze(e, t) {
 	let n = [];
 	for (let r = 0; r < e.length; r += t) n.push(e.slice(r, r + t));
 	return n;
 }
-async function Ye({ consistency: e, extraFields: t, getPermanentAssetsPaths: n, isSiteBuilder: r, recordIds: i, securityByPassToken: a, token: o }) {
+async function Qe({ consistency: e, extraFields: t, getPermanentAssetsPaths: n, isSiteBuilder: r, recordIds: i, securityByPassToken: a, token: o }) {
 	if (!Array.isArray(i) || i.length === 0) return {
 		facets: [],
 		items: [],
@@ -234,10 +234,10 @@ async function Ye({ consistency: e, extraFields: t, getPermanentAssetsPaths: n,
 	let s = t?.filter((e) => e && typeof e == "string") ?? [], c = [
 		...s,
 		H,
-		L,
-		Ee,
-		V
-	], l = Je(i, qe), u = await Promise.all(l.map((t) => Ge({
+		I,
+		Ae,
+		B
+	], l = Ze(i, Xe), u = await Promise.all(l.map((t) => Je({
 		consistency: e,
 		countPerPage: t.length,
 		fields: c,
@@ -253,17 +253,17 @@ async function Ye({ consistency: e, extraFields: t, getPermanentAssetsPaths: n,
 		facets: [],
 		items: u.flatMap((e) => e.items).map((e) => ({
 			name: U(e, H),
-			recordId: U(e, V),
-			...s.reduce((t, n) => Ue(t, e, n), {})
+			recordId: U(e, B),
+			...s.reduce((t, n) => Ke(t, e, n), {})
 		})).sort((e, t) => (d.get(e.recordId) ?? Infinity) - (d.get(t.recordId) ?? Infinity)),
 		totalCount: u.reduce((e, t) => e + t.totalCount, 0)
 	};
 }
 function U(e, t) {
 	let n = e[t];
-	return n == null ? "" : typeof n == "string" ? n : typeof n == "number" || typeof n == "boolean" ? String(n) : N(n) ? n.URI : "";
+	return n == null ? "" : typeof n == "string" ? n : typeof n == "number" || typeof n == "boolean" ? String(n) : M(n) ? n.URI : "";
 }
-async function Xe({ consistency: e, countPerPage: t, directParentFolderIdentifier: n, extraFields: r, getPermanentAssetsPaths: i, isSiteBuilder: a, limitedDocTypes: o, pageNumber: s, parentFolderIdentifier: c, searchTerm: l, securityByPassToken: u, sortOrder: d, token: f }) {
+async function $e({ consistency: e, countPerPage: t, directParentFolderIdentifier: n, extraFields: r, getPermanentAssetsPaths: i, isSiteBuilder: a, limitedDocTypes: o, pageNumber: s, parentFolderIdentifier: c, searchTerm: l, securityByPassToken: u, sortOrder: d, token: f }) {
 	if (!n && !c) return {
 		facets: [],
 		items: [],
@@ -274,18 +274,18 @@ async function Xe({ consistency: e, countPerPage: t, directParentFolderIdentifie
 		parentFolderIdentifier: c,
 		...l ? { text: l } : {},
 		...o && o.length > 0 ? { docType: o } : {}
-	}, h = await Ge({
+	}, h = await Je({
 		consistency: e,
 		countPerPage: t,
 		fields: [
 			...p,
-			Ae,
-			z,
-			I,
-			ke,
-			B,
+			Ne,
 			R,
+			F,
 			V,
+			z,
+			L,
+			B,
 			H
 		],
 		getPermanentAssetsPaths: i,
@@ -299,27 +299,27 @@ async function Xe({ consistency: e, countPerPage: t, directParentFolderIdentifie
 	return {
 		facets: [],
 		items: h.items.map((e) => {
-			let t = U(e, R);
+			let t = U(e, L);
 			t && !t.startsWith(".") && (t = "." + t);
-			let n = U(e, V);
+			let n = U(e, B);
 			return {
-				docSubType: U(e, ke),
+				docSubType: U(e, V),
 				docType: U(e, "CoreField.DocType") || "",
 				extension: t,
 				id: n,
-				identifier: U(e, B),
+				identifier: U(e, z),
 				name: U(e, H),
 				recordId: n,
 				size: U(e, "CoreField.FileSize") || "0 MB",
-				...p.reduce((t, n) => Ue(t, e, n), {})
+				...p.reduce((t, n) => Ke(t, e, n), {})
 			};
 		}),
 		totalCount: h.totalCount
 	};
 }
-async function Ze({ autoCropMode: e, cropHeight: t, cropWidth: n, imageUrl: r, useSession: i }) {
+async function et({ autoCropMode: e, cropHeight: t, cropWidth: n, imageUrl: r, useSession: i }) {
 	try {
-		return (await j.request({
+		return (await A.request({
 			method: "GET",
 			params: {
 				AutoCropMode: e,
@@ -330,21 +330,21 @@ async function Ze({ autoCropMode: e, cropHeight: t, cropWidth: n, imageUrl: r, u
 			},
 			responseType: "json",
 			timeout: 3e5,
-			transformResponse: [...Array.isArray(j.defaults.transformResponse) ? j.defaults.transformResponse : [], (e) => ({
+			transformResponse: [...Array.isArray(A.defaults.transformResponse) ? A.defaults.transformResponse : [], (e) => ({
 				height: e.cropHeight,
 				width: e.cropWidth,
 				x: e.cropX,
 				y: e.cropY
 			})],
-			url: me.GET_CROP_ZONE_SUGGESTION
+			url: ve.GET_CROP_ZONE_SUGGESTION
 		})).data;
 	} catch {
 		return null;
 	}
 }
-async function Qe({ assetRecordId: e, isSiteBuilder: t, siteUrl: n, token: r, useSession: i }) {
+async function tt({ assetRecordId: e, isSiteBuilder: t, siteUrl: n, token: r, useSession: i }) {
 	try {
-		return (await j.request({
+		return (await A.request({
 			baseURL: n,
 			method: "GET",
 			params: {
@@ -353,7 +353,7 @@ async function Qe({ assetRecordId: e, isSiteBuilder: t, siteUrl: n, token: r, us
 				UseSession: i || void 0
 			},
 			responseType: "json",
-			transformResponse: [...Array.isArray(j.defaults.transformResponse) ? j.defaults.transformResponse : [], (e) => !e || typeof e != "object" ? [] : e.proxies?.map((e) => ({
+			transformResponse: [...Array.isArray(A.defaults.transformResponse) ? A.defaults.transformResponse : [], (e) => !e || typeof e != "object" ? [] : e.proxies?.map((e) => ({
 				cdnName: e.cdnName,
 				extension: e.extension,
 				formatHeight: e.formatHeight,
@@ -364,31 +364,31 @@ async function Qe({ assetRecordId: e, isSiteBuilder: t, siteUrl: n, token: r, us
 				proxyName: e.proxyName,
 				width: e.width
 			})) ?? []],
-			url: t ? he.GET_AVAILABLE_PROXIES : pe
+			url: t ? ye.GET_AVAILABLE_PROXIES : _e
 		})).data;
 	} catch {
 		return [];
 	}
 }
-async function $e({ siteUrl: e } = {}) {
+async function nt({ siteUrl: e } = {}) {
 	try {
-		return (await j.request({
+		return (await A.request({
 			baseURL: e,
 			method: "GET",
 			responseType: "json",
-			transformResponse: [...Array.isArray(j.defaults.transformResponse) ? j.defaults.transformResponse : [], (e) => !e || typeof e != "object" ? { formatsByDocType: {
+			transformResponse: [...Array.isArray(A.defaults.transformResponse) ? A.defaults.transformResponse : [], (e) => !e || typeof e != "object" ? { formatsByDocType: {
 				Audio: {},
 				Image: {},
 				Multimedia: {},
 				Video: {}
 			} } : { formatsByDocType: e.formatsByDocType ?? {} }],
-			url: _e
+			url: xe
 		})).data;
 	} catch {
 		return { formatsByDocType: {} };
 	}
 }
-async function et({ recordIds: e, rightsToCheck: t }) {
+async function rt({ recordIds: e, rightsToCheck: t }) {
 	let n = {
 		authorizedObjects: [],
 		forbiddenObjectsOfReadPermission: [],
@@ -396,7 +396,7 @@ async function et({ recordIds: e, rightsToCheck: t }) {
 		invalidObjects: []
 	};
 	try {
-		let { data: n } = await j.request({
+		let { data: n } = await A.request({
 			method: "GET",
 			params: {
 				RecordIDs: e,
@@ -404,7 +404,7 @@ async function et({ recordIds: e, rightsToCheck: t }) {
 			},
 			paramsSerializer: { indexes: null },
 			responseType: "json",
-			url: ge.GET_AUTHORIZED_OBJECTS
+			url: be.GET_AUTHORIZED_OBJECTS
 		});
 		return n;
 	} catch {
@@ -413,7 +413,7 @@ async function et({ recordIds: e, rightsToCheck: t }) {
 }
 //#endregion
 //#region ../../packages/tools/src/fetch-image/fetch-image.ts
-var tt = 20, W = "TR1", G = "TRX", nt = /* @__PURE__ */ new Set([".gif"]), rt = /* @__PURE__ */ new Set([
+var it = 20, W = "TR1", G = "TRX", at = /* @__PURE__ */ new Set([".gif"]), ot = /* @__PURE__ */ new Set([
 	".avif",
 	".bmp",
 	".gif",
@@ -424,47 +424,51 @@ var tt = 20, W = "TR1", G = "TRX", nt = /* @__PURE__ */ new Set([".gif"]), rt =
 	".svg",
 	".webp"
 ]);
-function it(e) {
+function st(e) {
 	let t = e.toLowerCase(), n = t.startsWith(".") ? t : `.${t}`;
-	return rt.has(n);
+	return ot.has(n);
 }
-function at(e, t) {
-	return e !== void 0 && e !== "" && e !== D.Image ? !1 : !t || it(t);
+function ct(e, t) {
+	return e !== void 0 && e !== "" && e !== O.Image ? !1 : !t || st(t);
 }
-function ot({ autoFormat: e, buildSrcset: t, docType: n, extension: r, format: i, item: a, manualFormat: o, size: s }) {
-	let c = r?.toLowerCase() ?? "", l = c.startsWith(".") ? c : `.${c}`, u = `path_${W}`, d = (n, r) => {
+function lt({ autoFormat: e, buildSrcset: t, docType: n, extension: r, format: i, item: a, manualFormat: o, size: s, useExpiringAssetUrls: c }) {
+	let l = r?.toLowerCase() ?? "", u = l.startsWith(".") ? l : `.${l}`, d = `path_${W}`, f = (n, r) => {
 		let i = a[n];
 		if (!i) return;
-		let s = a[`${n}${je}`], l = a[`${n}${Me}`], u = e ? k(i, [], {
+		let s = a[`${n}${Pe}`], u = a[`${n}${Fe}`], d = e && !c ? ue(i, [], {
 			autoFormat: !o,
-			extension: c,
+			extension: l,
 			format: r
 		}) : i;
 		return {
-			maxHeight: l,
+			maxHeight: u,
 			maxWidth: s,
-			src: u,
-			srcset: t ? ce(u, {
-				extension: c,
+			src: d,
+			srcset: t && !c ? de(d, {
+				extension: l,
 				format: r,
-				maxWidth: ue(o, s)
+				maxWidth: le(o, s)
 			}) : ""
 		};
 	};
+	if (c) {
+		let e = ce(a, ct(n, l), l);
+		return e ? f(e) ?? {} : {};
+	}
 	if (!o) {
-		let e = le(c, s);
-		return d(`path_${e}`, e) ?? d(u, W) ?? {};
+		let e = pe(l, s);
+		return f(`path_${e}`, e) ?? f(d, W) ?? {};
 	}
-	let f = i ? `path_${i}` : void 0;
-	return f && a[f] ? i !== G || at(n, c) ? d(f, i) ?? {} : d(u, W) ?? {} : c && nt.has(l) ? d(`path_${G}`, G) ?? d(u, W) ?? {} : d(u, W) ?? {};
+	let p = i ? `path_${i}` : void 0;
+	return p && a[p] ? i !== G || ct(n, l) ? f(p, i) ?? {} : f(d, W) ?? {} : l && at.has(u) ? f(`path_${G}`, G) ?? f(d, W) ?? {} : f(d, W) ?? {};
 }
-var st = class {
+var ut = class {
 	constructor(e, t) {
-		this.data = [], this.folderId = "", this.fetchedPages = /* @__PURE__ */ new Set(), this.totalCount = 0, this.maxEnd = Infinity, this.pageSize = tt, this.requestEpoch = 0, this.host = e, this.host.addController?.(this);
+		this.data = [], this.folderId = "", this.fetchedPages = /* @__PURE__ */ new Set(), this.totalCount = 0, this.maxEnd = Infinity, this.pageSize = it, this.requestEpoch = 0, this.host = e, this.host.addController?.(this);
 		let n = t?.maxEnd;
 		this.maxEnd = typeof n == "number" && Number.isFinite(n) && n >= 0 ? Math.floor(n) : Infinity;
 		let r = t?.pageSize;
-		this.pageSize = typeof r == "number" && Number.isFinite(r) && r >= 1 ? Math.floor(r) : tt, this.authToken = t?.token, this.securityByPassToken = t?.securityByPassToken, this.isSiteBuilder = t?.isSiteBuilder ?? !1, this.autoFormat = t?.autoFormat ?? !1, this.buildSrcset = t?.buildSrcset ?? !1, this.consistency = t?.consistency;
+		this.pageSize = typeof r == "number" && Number.isFinite(r) && r >= 1 ? Math.floor(r) : it, this.authToken = t?.token, this.securityByPassToken = t?.securityByPassToken, this.isSiteBuilder = t?.isSiteBuilder ?? !1, this.autoFormat = t?.autoFormat ?? !1, this.buildSrcset = t?.buildSrcset ?? !1, this.consistency = t?.consistency;
 	}
 	get totalDataCount() {
 		return this.totalCount;
@@ -473,34 +477,34 @@ var st = class {
 		this.securityByPassToken !== e && (this.securityByPassToken = e, this.resetPageCache());
 	}
 	setPageSize(e) {
-		let t = Number.isFinite(e) && e >= 1 ? Math.floor(e) : tt;
+		let t = Number.isFinite(e) && e >= 1 ? Math.floor(e) : it;
 		if (this.pageSize === t) return;
 		let n = this.fetchedPages.size > 0;
 		n && t < this.pageSize || (this.pageSize = t, n && (this.requestEpoch += 1, this.fetchedPages.clear()));
 	}
 	async fetchImages({ end: e, extraFields: t = [], format: n, manualFormat: r = !0, start: i, transformations: a }) {
 		if (e < i || this.totalCount > 0 && e >= this.totalCount && (e = this.totalCount - 1, e < i)) return this.data;
-		let o = this.requestEpoch;
+		let o = this.requestEpoch, s = fe(this.host.ownerDocument.defaultView);
 		if (!this.folderId || o !== this.requestEpoch) return this.data;
-		let s = n ? `path_${n}` : void 0, c = [...new Set([
-			s,
-			`path_${W}`,
-			`path_${G}`
-		].filter((e) => !!e))], l = Math.floor(i / this.pageSize) + 1, u = Math.floor(e / this.pageSize) + 1;
-		for (let e = l; e <= u; e++) {
+		let c = n ? `path_${n}` : void 0, l = `path_${W}`, u = `path_${G}`, d = s ? [l, u] : [...new Set([
+			c,
+			l,
+			u
+		].filter((e) => !!e))], f = Math.floor(i / this.pageSize) + 1, p = Math.floor(e / this.pageSize) + 1;
+		for (let e = f; e <= p; e++) {
 			if (this.fetchedPages.has(e)) continue;
-			let i = await Xe({
+			let i = await $e({
 				consistency: this.consistency,
 				countPerPage: this.pageSize,
 				directParentFolderIdentifier: this.folderId,
-				extraFields: [...t, ...c],
-				getPermanentAssetsPaths: !0,
+				extraFields: [...t, ...d],
+				getPermanentAssetsPaths: se(this.host.ownerDocument.defaultView),
 				isSiteBuilder: this.isSiteBuilder,
 				limitedDocTypes: [
-					D.Image,
-					D.Audio,
-					D.Video,
-					D.Multimedia
+					O.Image,
+					O.Audio,
+					O.Video,
+					O.Multimedia
 				],
 				pageNumber: e,
 				searchTerm: "",
@@ -513,36 +517,37 @@ var st = class {
 				let e = Math.min(this.maxEnd, i.totalCount);
 				this.totalCount = e, this.data = Array.from({ length: e }, () => ({
 					alt: "",
-					id: `temp-${de()}`,
+					id: `temp-${he()}`,
 					name: "",
 					src: ""
 				}));
 			}
-			let s = (e - 1) * this.pageSize;
+			let c = (e - 1) * this.pageSize;
 			for (let e = 0; e < i.items.length; e++) {
-				let o = s + e;
+				let o = c + e;
 				if (o < this.data.length) {
-					let s = i.items[e], { maxHeight: c, maxWidth: l, src: u, srcset: d } = ot({
+					let c = i.items[e], { maxHeight: l, maxWidth: u, src: d, srcset: f } = lt({
 						autoFormat: this.autoFormat,
 						buildSrcset: this.buildSrcset,
-						docType: s.docType,
-						extension: s.extension,
+						docType: c.docType,
+						extension: c.extension,
 						format: n,
-						item: s,
+						item: c,
 						manualFormat: r,
-						size: s.size
-					}), f = u, p = d;
-					f && a && a.length > 0 && (f = k(f, a), p = ""), this.data[o] = {
-						alt: s.name,
-						docType: s.docType,
-						extension: s.extension,
-						id: s.id,
-						maxHeight: c,
-						maxWidth: l,
-						name: s.name,
-						src: f,
-						srcset: p,
-						...t.reduce((e, t) => (e[t] = s[t] ?? "", e), {})
+						size: c.size,
+						useExpiringAssetUrls: s
+					}), p = d, m = f;
+					!s && p && a && a.length > 0 && (p = ue(p, a), m = ""), this.data[o] = {
+						alt: c.name,
+						docType: c.docType,
+						extension: c.extension,
+						id: c.id,
+						maxHeight: l,
+						maxWidth: u,
+						name: c.name,
+						src: p,
+						srcset: m,
+						...t.reduce((e, t) => (e[t] = c[t] ?? "", e), {})
 					};
 				}
 			}
@@ -573,45 +578,46 @@ var st = class {
 	}
 	async fetchImagesByIDs({ extraFields: e = [], format: t, manualFormat: n = !0, recordIds: r, transformations: i }) {
 		if (r.length === 0) return [];
-		let a = t ? `path_${t}` : void 0, o = [...new Set([
-			a,
-			`path_${W}`,
-			`path_${G}`
-		].filter((e) => !!e))], s = [R, z], c = [...e, I];
-		return (await Ye({
+		let a = fe(this.host.ownerDocument.defaultView), o = t ? `path_${t}` : void 0, s = `path_${W}`, c = `path_${G}`, l = a ? [s, c] : [...new Set([
+			o,
+			s,
+			c
+		].filter((e) => !!e))], u = [L, ...a ? [] : [R]], d = [...e, F];
+		return (await Qe({
 			consistency: this.consistency,
 			extraFields: [
-				...c,
-				...o,
-				...s
+				...d,
+				...l,
+				...u
 			].filter((e) => e !== ""),
-			getPermanentAssetsPaths: !0,
+			getPermanentAssetsPaths: se(this.host.ownerDocument.defaultView),
 			isSiteBuilder: this.isSiteBuilder,
 			recordIds: r,
 			securityByPassToken: this.securityByPassToken,
 			token: this.authToken
 		})).items.map((e) => {
-			let { maxHeight: r, maxWidth: a, src: o, srcset: s } = ot({
+			let { maxHeight: r, maxWidth: o, src: s, srcset: c } = lt({
 				autoFormat: this.autoFormat,
 				buildSrcset: this.buildSrcset,
-				docType: e[I],
-				extension: e[R],
+				docType: e[F],
+				extension: e[L],
 				format: t,
 				item: e,
 				manualFormat: n,
-				size: e[z]
-			}), l = o, u = s;
-			return l && i && i.length > 0 && (l = k(l, i), u = ""), {
+				size: e[R],
+				useExpiringAssetUrls: a
+			}), l = s, u = c;
+			return !a && l && i && i.length > 0 && (l = ue(l, i), u = ""), {
 				alt: e.name,
-				docType: e[I],
+				docType: e[F],
 				extension: e["Document.FileExtension"] || "",
 				id: e.recordId,
 				maxHeight: r,
-				maxWidth: a,
+				maxWidth: o,
 				name: e.name,
 				src: l,
 				srcset: u,
-				...c.reduce((t, n) => (t[n] = e[n] ?? "", t), {})
+				...d.reduce((t, n) => (t[n] = e[n] ?? "", t), {})
 			};
 		});
 	}
@@ -667,39 +673,39 @@ var st = class {
 	resetFolderState() {
 		this.resetPageCache();
 	}
-}, ct = t`.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}.asset-link-format__footer,.asset-link-format__footer>slot{display:block}`, lt = t`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}`, K = class extends s {
+}, dt = t`.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}.asset-link-format__footer,.asset-link-format__footer>slot{display:block}`, ft = t`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}`, K = class extends s {
 	constructor(...e) {
-		super(...e), this.localize = new d(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 = E.Pixel, this.disabledApply = !1, this.noRatioModes = !1, this.showPositionPicker = !1, this.lastAppliedSetting = {
-			[E.Pixel]: {
+		super(...e), this.localize = new d(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 = D.Pixel, this.disabledApply = !1, this.noRatioModes = !1, this.showPositionPicker = !1, this.lastAppliedSetting = {
+			[D.Pixel]: {
 				height: 0,
 				percentageHeight: 100,
 				percentageWidth: 100,
-				unit: E.Pixel,
+				unit: D.Pixel,
 				width: 0,
 				x: 0,
 				y: 0
 			},
-			[E.AspectRatio]: {
+			[D.AspectRatio]: {
 				height: 1,
 				percentageHeight: 100,
 				percentageWidth: 100,
-				unit: E.AspectRatio,
+				unit: D.AspectRatio,
 				width: 1,
 				x: 0,
 				y: 0
 			}
 		}, this.loading = !1, this.cropModes = [], this.focusModes = [], this.focusMode = "manual", this.cropMode = "free", this.position = v.CenterCenter, this.keepAspectRatio = !1, this.invalidWidth = !1, this.invalidHeight = !1, this.aspectRatio = 0;
 	}
-	static #e = this.styles = [l, lt];
+	static #e = this.styles = [l, ft];
 	static #t = this.dependencies = {
 		"cx-button": _,
-		"cx-details": T,
-		"cx-divider": se,
+		"cx-details": E,
+		"cx-divider": me,
 		"cx-icon": h,
 		"cx-icon-button": p,
 		"cx-input": oe,
 		"cx-option": S,
-		"cx-position-picker": M,
+		"cx-position-picker": j,
 		"cx-select": w,
 		"cx-space": C,
 		"cx-typography": b
@@ -714,11 +720,11 @@ var st = class {
 			return;
 		}
 		if (this.keepAspectRatio) {
-			if (this.unit === E.Pixel && this.width && this.height) {
+			if (this.unit === D.Pixel && this.width && this.height) {
 				this.aspectRatio = this.width / this.height;
 				return;
 			}
-			if (this.unit === E.AspectRatio && this.ratioWidth && this.ratioHeight) {
+			if (this.unit === D.AspectRatio && this.ratioWidth && this.ratioHeight) {
 				this.aspectRatio = this.ratioWidth / this.ratioHeight;
 				return;
 			}
@@ -747,9 +753,9 @@ var st = class {
 		}
 		this.invalidWidth = !1;
 		let t = Number(e.target.value);
-		this.unit === E.Pixel && (t = Math.max(Math.min(t, this.maxWidth), 1)), e.target.value = t.toString();
-		let n = this.unit === E.Pixel ? this.height : this.ratioHeight, r = !1;
-		this.keepAspectRatio && (n = Math.round(t / this.aspectRatio), this.unit === E.Pixel && n > this.maxHeight && (n = this.maxHeight, r = !0)), this.invalidHeight = !1, this.emit("cx-asset-link-format-crop-change", { detail: {
+		this.unit === D.Pixel && (t = Math.max(Math.min(t, this.maxWidth), 1)), e.target.value = t.toString();
+		let n = this.unit === D.Pixel ? this.height : this.ratioHeight, r = !1;
+		this.keepAspectRatio && (n = Math.round(t / this.aspectRatio), this.unit === D.Pixel && n > this.maxHeight && (n = this.maxHeight, r = !0)), this.invalidHeight = !1, this.emit("cx-asset-link-format-crop-change", { detail: {
 			breakAspectRatio: r,
 			height: n,
 			keepAspectRatio: this.keepAspectRatio,
@@ -764,9 +770,9 @@ var st = class {
 		}
 		this.invalidHeight = !1;
 		let t = Number(e.target.value);
-		this.unit === E.Pixel && (t = Math.max(Math.min(t, this.maxHeight), 1)), e.target.value = t.toString();
-		let n = this.unit === E.Pixel ? this.width : this.ratioWidth, r = !1;
-		this.keepAspectRatio && (n = Math.round(t * this.aspectRatio), this.unit === E.Pixel && n > this.maxWidth && (n = this.maxWidth, r = !0)), this.invalidWidth = !1, this.emit("cx-asset-link-format-crop-change", { detail: {
+		this.unit === D.Pixel && (t = Math.max(Math.min(t, this.maxHeight), 1)), e.target.value = t.toString();
+		let n = this.unit === D.Pixel ? this.width : this.ratioWidth, r = !1;
+		this.keepAspectRatio && (n = Math.round(t * this.aspectRatio), this.unit === D.Pixel && n > this.maxWidth && (n = this.maxWidth, r = !0)), this.invalidWidth = !1, this.emit("cx-asset-link-format-crop-change", { detail: {
 			breakAspectRatio: r,
 			height: t,
 			keepAspectRatio: this.keepAspectRatio,
@@ -777,28 +783,28 @@ var st = class {
 	onCropModeChange(e) {
 		let t = e.target.value, n = this.cropModes.find((e) => e.value === t)?.auto;
 		if (t === "free") this.selectedMode?.auto && this.emit("cx-asset-link-format-crop-change", { detail: {
-			height: this.lastAppliedSetting[E.Pixel].height,
+			height: this.lastAppliedSetting[D.Pixel].height,
 			keepAspectRatio: !1,
 			silent: !0,
-			unit: E.Pixel,
-			width: this.lastAppliedSetting[E.Pixel].width
+			unit: D.Pixel,
+			width: this.lastAppliedSetting[D.Pixel].width
 		} });
 		else if (!n) {
 			let [e, n] = t.split(":").map(Number);
-			if (this.unit === E.Pixel) {
+			if (this.unit === D.Pixel) {
 				let t = e, r = n;
 				Number.isFinite(this.maxWidth) && Number.isFinite(this.maxHeight) && ({height: r, width: t} = re(this.maxWidth, this.maxHeight, e, n)), this.emit("cx-asset-link-format-crop-change", { detail: {
 					height: r,
 					keepAspectRatio: !0,
 					silent: !0,
-					unit: E.Pixel,
+					unit: D.Pixel,
 					width: t
 				} });
 			} else this.emit("cx-asset-link-format-crop-change", { detail: {
 				height: n,
 				keepAspectRatio: !0,
 				silent: !0,
-				unit: E.AspectRatio,
+				unit: D.AspectRatio,
 				width: e
 			} });
 		}
@@ -812,16 +818,16 @@ var st = class {
 		this.emit("cx-asset-link-format-crop-position-change", { detail: { position: this.positionPicker.value } });
 	}
 	onUnitChange(e) {
-		e.target.value === E.AspectRatio ? this.emit("cx-asset-link-format-crop-change", { detail: {
-			height: this.lastAppliedSetting[E.AspectRatio].height,
+		e.target.value === D.AspectRatio ? this.emit("cx-asset-link-format-crop-change", { detail: {
+			height: this.lastAppliedSetting[D.AspectRatio].height,
 			keepAspectRatio: this.keepAspectRatio,
-			unit: E.AspectRatio,
-			width: this.lastAppliedSetting[E.AspectRatio].width
+			unit: D.AspectRatio,
+			width: this.lastAppliedSetting[D.AspectRatio].width
 		} }) : this.emit("cx-asset-link-format-crop-change", { detail: {
-			height: this.lastAppliedSetting[E.Pixel].height,
+			height: this.lastAppliedSetting[D.Pixel].height,
 			keepAspectRatio: this.keepAspectRatio,
-			unit: E.Pixel,
-			width: this.lastAppliedSetting[E.Pixel].width
+			unit: D.Pixel,
+			width: this.lastAppliedSetting[D.Pixel].width
 		} }), this.emit("cx-asset-link-format-crop-mode-change", { detail: { mode: "free" } });
 	}
 	handleInputChange(e) {
@@ -843,10 +849,10 @@ var st = class {
 	}
 	handleAspectRatioClick() {
 		this.keepAspectRatio && this.cropMode !== "free" && this.emit("cx-asset-link-format-crop-mode-change", { detail: { mode: "free" } }), this.emit("cx-asset-link-format-crop-change", { detail: {
-			height: this.unit === E.Pixel ? this.height : this.ratioHeight,
+			height: this.unit === D.Pixel ? this.height : this.ratioHeight,
 			keepAspectRatio: !this.keepAspectRatio,
 			unit: this.unit,
-			width: this.unit === E.Pixel ? this.width : this.ratioWidth
+			width: this.unit === D.Pixel ? this.width : this.ratioWidth
 		} });
 	}
 	render() {
@@ -856,18 +862,18 @@ var st = class {
               ${x(n, (e) => e.value, ({ label: t, value: n }) => e`<cx-option value=${n}>${t}</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 === E.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">
+		} }} value=${this.unit === D.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=${g({ 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 === E.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">
+		} }} value=${this.unit === D.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>${m(!this.noRatioModes, () => e`<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=${E.Pixel}>${this.localize.term("pixels")}</cx-option><cx-option value=${E.AspectRatio}>${this.localize.term("aspectRatio")}</cx-option></cx-select>`)}</cx-space>${m(this.focusModes.length > 0, () => e`<cx-select data-testid="cx-asset-link-format-crop-focus-mode" value=${this.focusMode} hoist style=${g({ width: "100%" })} @cx-change=${this.onFocusModeChange} ?disabled=${this.loading || this.selectedMode?.disabledSize}>${x(this.focusModes, (e) => e.value, ({ label: t, value: n }) => e`<cx-option value=${n}>${t}</cx-option>`)}</cx-select>`)}
+              </cx-typography></cx-input></div>${m(!this.noRatioModes, () => e`<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=${D.Pixel}>${this.localize.term("pixels")}</cx-option><cx-option value=${D.AspectRatio}>${this.localize.term("aspectRatio")}</cx-option></cx-select>`)}</cx-space>${m(this.focusModes.length > 0, () => e`<cx-select data-testid="cx-asset-link-format-crop-focus-mode" value=${this.focusMode} hoist style=${g({ width: "100%" })} @cx-change=${this.onFocusModeChange} ?disabled=${this.loading || this.selectedMode?.disabledSize}>${x(this.focusModes, (e) => e.value, ({ label: t, value: n }) => e`<cx-option value=${n}>${t}</cx-option>`)}</cx-select>`)}
         ${m(this.showPositionPicker && this.focusMode === "manual", () => e`<cx-position-picker data-testid="cx-asset-link-format-crop-position" value=${this.position} @cx-change=${this.onPositionChange}></cx-position-picker>`)}<cx-button data-testid="cx-asset-link-format-crop-apply" variant="primary" ?disabled=${this.disabledApply || this.invalidHeight || this.invalidWidth} ?loading=${this.loading} style=${g({ marginLeft: "auto" })} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
 	}
 };
-a([c(".details"), o("design:type", T === void 0 ? Object : T)], K.prototype, "base", void 0), a([c("cx-position-picker"), o("design:type", M === void 0 ? Object : M)], K.prototype, "positionPicker", void 0), a([r({
+a([c(".details"), o("design:type", E === void 0 ? Object : E)], K.prototype, "base", void 0), a([c("cx-position-picker"), o("design:type", j === void 0 ? Object : j)], K.prototype, "positionPicker", void 0), a([r({
 	reflect: !0,
 	type: Boolean
 }), o("design:type", Boolean)], K.prototype, "open", void 0), a([r({
@@ -903,7 +909,7 @@ a([c(".details"), o("design:type", T === void 0 ? Object : T)], K.prototype, "ba
 }), o("design:type", Number)], K.prototype, "percentageHeight", void 0), a([r({
 	reflect: !0,
 	type: String
-}), o("design:type", E === void 0 ? Object : E)], K.prototype, "unit", void 0), a([r({
+}), o("design:type", D === void 0 ? Object : D)], K.prototype, "unit", void 0), a([r({
 	attribute: "disabled-apply",
 	reflect: !0,
 	type: Boolean
@@ -959,11 +965,11 @@ a([c(".details"), o("design:type", T === void 0 ? Object : T)], K.prototype, "ba
 	o("design:paramtypes", []),
 	o("design:returntype", Promise)
 ], K.prototype, "handleOpenChange", null), K = a([u("cx-asset-link-format-crop")], K);
-var ut = K, dt = t`.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%}}`, q = class extends s {
+var pt = K, mt = t`.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%}}`, q = class extends s {
 	constructor(...e) {
 		super(...e), this.localize = new d(this), this.value = "", this.items = [];
 	}
-	static #e = this.styles = [l, dt];
+	static #e = this.styles = [l, mt];
 	static #t = this.dependencies = {
 		"cx-option": S,
 		"cx-select": w,
@@ -985,15 +991,15 @@ a([r({
 	reflect: !1,
 	type: Array
 }), o("design:type", typeof Array > "u" ? Object : Array)], q.prototype, "items", void 0), q = a([u("cx-asset-link-format-extension")], q);
-var ft = q, pt = t`cx-details::part(base){border-bottom-width:0}`, mt = "auto", J = class extends s {
+var ht = q, gt = t`cx-details::part(base){border-bottom-width:0}`, _t = "auto", J = class extends s {
 	constructor(...e) {
 		super(...e), this.localize = new d(this), this.open = !1, this.value = "", this.items = [], this.canAutoFormat = !1, this.autoFormat = !1, this.loading = !1, this.scopedValue = "";
 	}
-	static #e = this.styles = [l, pt];
+	static #e = this.styles = [l, gt];
 	static #t = this.dependencies = {
 		"cx-button": _,
-		"cx-details": T,
-		"cx-divider": se,
+		"cx-details": E,
+		"cx-divider": me,
 		"cx-icon": h,
 		"cx-option": S,
 		"cx-select": w,
@@ -1001,7 +1007,7 @@ var ft = q, pt = t`cx-details::part(base){border-bottom-width:0}`, mt = "auto",
 		"cx-typography": b
 	};
 	get committedValue() {
-		return this.autoFormat ? mt : this.value;
+		return this.autoFormat ? _t : this.value;
 	}
 	handleValueChange() {
 		this.scopedValue = this.committedValue;
@@ -1033,10 +1039,10 @@ var ft = q, pt = t`cx-details::part(base){border-bottom-width:0}`, mt = "auto",
 	}
 	render() {
 		return e`<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}>${x(this.items, (e) => e.id, (t) => e`<cx-option value=${t.id}>${t.proxyLabel}</cx-option>`)}
-            ${m(this.canAutoFormat, () => e`<cx-divider></cx-divider><cx-option data-testid="cx-asset-link-format-proxy-auto-option" value=${mt}>${this.localize.term("auto")}</cx-option>`, () => n)}</cx-select><cx-button data-testid="cx-asset-link-format-proxy-apply" variant="primary" style=${g({ "margin-left": "auto" })} ?disabled=${this.scopedValue === this.committedValue} ?loading=${this.loading} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
+            ${m(this.canAutoFormat, () => e`<cx-divider></cx-divider><cx-option data-testid="cx-asset-link-format-proxy-auto-option" value=${_t}>${this.localize.term("auto")}</cx-option>`, () => n)}</cx-select><cx-button data-testid="cx-asset-link-format-proxy-apply" variant="primary" style=${g({ "margin-left": "auto" })} ?disabled=${this.scopedValue === this.committedValue} ?loading=${this.loading} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
 	}
 };
-a([c(".details"), o("design:type", T === void 0 ? Object : T)], J.prototype, "base", void 0), a([r({
+a([c(".details"), o("design:type", E === void 0 ? Object : E)], J.prototype, "base", void 0), a([r({
 	reflect: !0,
 	type: Boolean
 }), o("design:type", Object)], J.prototype, "open", void 0), a([r({
@@ -1068,14 +1074,14 @@ a([c(".details"), o("design:type", T === void 0 ? Object : T)], J.prototype, "ba
 	o("design:paramtypes", []),
 	o("design:returntype", void 0)
 ], J.prototype, "handleOpenChange", null), J = a([u("cx-asset-link-format-proxy")], J);
-var ht = J, gt = t`cx-details::part(base){border-bottom-width:0}`, Y = class extends s {
+var vt = J, yt = t`cx-details::part(base){border-bottom-width:0}`, Y = class extends s {
 	constructor(...e) {
 		super(...e), this.localize = new d(this), this.open = !1, this.value = 100, this.loading = !1, this.scopedValue = 100;
 	}
-	static #e = this.styles = [l, gt];
+	static #e = this.styles = [l, yt];
 	static #t = this.dependencies = {
 		"cx-button": _,
-		"cx-details": T,
+		"cx-details": E,
 		"cx-icon": h,
 		"cx-input": oe,
 		"cx-space": C,
@@ -1109,7 +1115,7 @@ var ht = J, gt = t`cx-details::part(base){border-bottom-width:0}`, Y = class ext
 		} }} value=${this.scopedValue.toString()} style=${g({ 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>`;
 	}
 };
-a([c(".details"), o("design:type", T === void 0 ? Object : T)], Y.prototype, "base", void 0), a([r({
+a([c(".details"), o("design:type", E === void 0 ? Object : E)], Y.prototype, "base", void 0), a([r({
 	reflect: !0,
 	type: Boolean
 }), o("design:type", Object)], Y.prototype, "open", void 0), a([r({
@@ -1124,23 +1130,23 @@ a([c(".details"), o("design:type", T === void 0 ? Object : T)], Y.prototype, "ba
 	o("design:paramtypes", []),
 	o("design:returntype", void 0)
 ], Y.prototype, "handleValueChange", null), Y = a([u("cx-asset-link-format-quality")], Y);
-var _t = Y, vt = t`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}`, X = class extends s {
+var bt = Y, xt = t`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}`, X = class extends s {
 	constructor(...e) {
-		super(...e), this.localize = new d(this), this.open = !1, this.width = 0, this.height = 0, this.maxWidth = 0, this.maxHeight = 0, this.ratioWidth = 1, this.ratioHeight = 1, this.unit = E.Pixel, this.lastAppliedSetting = {
-			[E.Pixel]: {
+		super(...e), this.localize = new d(this), this.open = !1, this.width = 0, this.height = 0, this.maxWidth = 0, this.maxHeight = 0, this.ratioWidth = 1, this.ratioHeight = 1, this.unit = D.Pixel, this.lastAppliedSetting = {
+			[D.Pixel]: {
 				height: 0,
 				width: 0
 			},
-			[E.AspectRatio]: {
+			[D.AspectRatio]: {
 				height: 1,
 				width: 1
 			}
 		}, this.loading = !1, this.noRatioModes = !1, this.keepAspectRatio = !1, this.invalidWidth = !1, this.invalidHeight = !1, this.aspectRatio = 0;
 	}
-	static #e = this.styles = [l, vt];
+	static #e = this.styles = [l, xt];
 	static #t = this.dependencies = {
 		"cx-button": _,
-		"cx-details": T,
+		"cx-details": E,
 		"cx-icon": h,
 		"cx-icon-button": p,
 		"cx-input": oe,
@@ -1155,11 +1161,11 @@ var _t = Y, vt = t`cx-details::part(base){border-bottom-width:0}cx-space{width:1
 	async handleCropModeChange() {
 		let e = Number.isFinite(this.maxWidth) && Number.isFinite(this.maxHeight) && this.maxWidth > 0 && this.maxHeight > 0;
 		if (this.keepAspectRatio) {
-			if (this.unit === E.AspectRatio && this.ratioWidth && this.ratioHeight) {
+			if (this.unit === D.AspectRatio && this.ratioWidth && this.ratioHeight) {
 				this.aspectRatio = this.ratioWidth / this.ratioHeight;
 				return;
 			}
-			if (this.unit === E.Pixel && !e && this.width && this.height) {
+			if (this.unit === D.Pixel && !e && this.width && this.height) {
 				this.aspectRatio = this.width / this.height;
 				return;
 			}
@@ -1188,8 +1194,8 @@ var _t = Y, vt = t`cx-details::part(base){border-bottom-width:0}cx-space{width:1
 		}
 		this.invalidWidth = !1;
 		let t = Number(e.target.value);
-		this.unit === E.Pixel && (t = Math.max(Math.min(t, this.maxWidth), 1)), e.target.value = t.toString();
-		let n = this.unit === E.Pixel ? this.height : this.ratioHeight;
+		this.unit === D.Pixel && (t = Math.max(Math.min(t, this.maxWidth), 1)), e.target.value = t.toString();
+		let n = this.unit === D.Pixel ? this.height : this.ratioHeight;
 		this.keepAspectRatio && (n = Math.min(Math.round(t / this.aspectRatio), this.maxHeight), this.invalidHeight = !1), this.emit("cx-asset-link-format-resize-change", { detail: {
 			height: n,
 			keepAspectRatio: this.keepAspectRatio,
@@ -1204,8 +1210,8 @@ var _t = Y, vt = t`cx-details::part(base){border-bottom-width:0}cx-space{width:1
 		}
 		this.invalidHeight = !1;
 		let t = Number(e.target.value);
-		this.unit === E.Pixel && (t = Math.max(Math.min(t, this.maxHeight), 1)), e.target.value = t.toString();
-		let n = this.unit === E.Pixel ? this.width : this.ratioWidth;
+		this.unit === D.Pixel && (t = Math.max(Math.min(t, this.maxHeight), 1)), e.target.value = t.toString();
+		let n = this.unit === D.Pixel ? this.width : this.ratioWidth;
 		this.keepAspectRatio && (n = Math.min(Math.round(t * this.aspectRatio), this.maxWidth), this.invalidWidth = !1), this.emit("cx-asset-link-format-resize-change", { detail: {
 			height: t,
 			keepAspectRatio: this.keepAspectRatio,
@@ -1214,16 +1220,16 @@ var _t = Y, vt = t`cx-details::part(base){border-bottom-width:0}cx-space{width:1
 		} });
 	}
 	onUnitChange(e) {
-		e.target.value === E.AspectRatio ? this.emit("cx-asset-link-format-resize-change", { detail: {
-			height: this.lastAppliedSetting[E.AspectRatio].height,
+		e.target.value === D.AspectRatio ? this.emit("cx-asset-link-format-resize-change", { detail: {
+			height: this.lastAppliedSetting[D.AspectRatio].height,
 			keepAspectRatio: this.keepAspectRatio,
-			unit: E.AspectRatio,
-			width: this.lastAppliedSetting[E.AspectRatio].width
+			unit: D.AspectRatio,
+			width: this.lastAppliedSetting[D.AspectRatio].width
 		} }) : this.emit("cx-asset-link-format-resize-change", { detail: {
-			height: this.lastAppliedSetting[E.Pixel].height,
+			height: this.lastAppliedSetting[D.Pixel].height,
 			keepAspectRatio: this.keepAspectRatio,
-			unit: E.Pixel,
-			width: this.lastAppliedSetting[E.Pixel].width
+			unit: D.Pixel,
+			width: this.lastAppliedSetting[D.Pixel].width
 		} });
 	}
 	handleApply() {
@@ -1241,27 +1247,27 @@ var _t = Y, vt = t`cx-details::part(base){border-bottom-width:0}cx-space{width:1
 	}
 	handleAspectRatioClick() {
 		this.emit("cx-asset-link-format-resize-change", { detail: {
-			height: this.unit === E.Pixel ? this.height : this.ratioHeight,
+			height: this.unit === D.Pixel ? this.height : this.ratioHeight,
 			keepAspectRatio: !this.keepAspectRatio,
 			unit: this.unit,
-			width: this.unit === E.Pixel ? this.width : this.ratioWidth
+			width: this.unit === D.Pixel ? this.width : this.ratioWidth
 		} });
 	}
 	render() {
 		return e`<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 === E.Pixel ? this.width.toString() : this.ratioWidth.toString()} @cx-input=${this.handleWidthChange} required ?disabled=${this.loading}><cx-typography slot="prefix" variant="body3" part="input-label">
+		} }} value=${this.unit === D.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=${g({ 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 === E.Pixel ? this.height.toString() : this.ratioHeight.toString()} @cx-input=${this.handleHeightChange} required ?disabled=${this.loading}><cx-typography slot="prefix" variant="body3" part="input-label">
+		} }} value=${this.unit === D.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>${m(!this.noRatioModes, () => e`<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=${E.Pixel}>${this.localize.term("pixels")}</cx-option><cx-option value=${E.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=${g({ marginLeft: "auto" })} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
+              </cx-typography></cx-input></div>${m(!this.noRatioModes, () => e`<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=${D.Pixel}>${this.localize.term("pixels")}</cx-option><cx-option value=${D.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=${g({ marginLeft: "auto" })} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
 	}
 };
-a([c(".details"), o("design:type", T === void 0 ? Object : T)], X.prototype, "base", void 0), a([r({
+a([c(".details"), o("design:type", E === void 0 ? Object : E)], X.prototype, "base", void 0), a([r({
 	reflect: !0,
 	type: Boolean
 }), o("design:type", Boolean)], X.prototype, "open", void 0), a([r({
@@ -1289,7 +1295,7 @@ a([c(".details"), o("design:type", T === void 0 ? Object : T)], X.prototype, "ba
 }), o("design:type", Number)], X.prototype, "ratioHeight", void 0), a([r({
 	reflect: !0,
 	type: String
-}), o("design:type", E === void 0 ? Object : E)], X.prototype, "unit", void 0), a([r({
+}), o("design:type", D === void 0 ? Object : D)], X.prototype, "unit", void 0), a([r({
 	attribute: "last-applied-setting",
 	reflect: !1,
 	type: Object
@@ -1318,15 +1324,15 @@ a([c(".details"), o("design:type", T === void 0 ? Object : T)], X.prototype, "ba
 	o("design:paramtypes", []),
 	o("design:returntype", Promise)
 ], X.prototype, "handleOpenChange", null), X = a([u("cx-asset-link-format-resize")], X);
-var yt = X, bt = t`cx-details::part(base){border-bottom-width:0}`, Z = class extends s {
+var St = X, Ct = t`cx-details::part(base){border-bottom-width:0}`, Z = class extends s {
 	constructor(...e) {
 		super(...e), this.localize = new d(this), this.open = !1, this.value = 0, this.defaultValue = 0, this.loading = !1, this.lastAppliedValue = 0;
 	}
-	static #e = this.styles = [l, bt];
+	static #e = this.styles = [l, Ct];
 	static #t = this.dependencies = {
 		"cx-button": _,
 		"cx-button-group": ie,
-		"cx-details": T,
+		"cx-details": E,
 		"cx-icon": h,
 		"cx-icon-button": p,
 		"cx-space": C,
@@ -1365,7 +1371,7 @@ var yt = X, bt = t`cx-details::part(base){border-bottom-width:0}`, Z = class ext
 		})} @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>`;
 	}
 };
-a([c(".details"), o("design:type", T === void 0 ? Object : T)], Z.prototype, "base", void 0), a([r({
+a([c(".details"), o("design:type", E === void 0 ? Object : E)], Z.prototype, "base", void 0), a([r({
 	reflect: !0,
 	type: Boolean
 }), o("design:type", Object)], Z.prototype, "open", void 0), a([r({
@@ -1388,15 +1394,15 @@ a([c(".details"), o("design:type", T === void 0 ? Object : T)], Z.prototype, "ba
 	o("design:paramtypes", []),
 	o("design:returntype", void 0)
 ], Z.prototype, "handleOpenChange", null), Z = a([u("cx-asset-link-format-rotation")], Z);
-var xt = Z, St = t`cx-details::part(base){border-bottom-width:0}`, Q = class extends s {
+var wt = Z, Tt = t`cx-details::part(base){border-bottom-width:0}`, Q = class extends s {
 	constructor(...e) {
 		super(...e), this.localize = new d(this), this.open = !1, this.value = !1;
 	}
-	static #e = this.styles = [l, St];
+	static #e = this.styles = [l, Tt];
 	static #t = this.dependencies = {
 		"cx-button": _,
 		"cx-checkbox": ae,
-		"cx-details": T,
+		"cx-details": E,
 		"cx-icon": h,
 		"cx-space": C,
 		"cx-tooltip": te,
@@ -1415,47 +1421,47 @@ var xt = Z, St = t`cx-details::part(base){border-bottom-width:0}`, Q = class ext
 		return e`<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>`;
 	}
 };
-a([c(".details"), o("design:type", T === void 0 ? Object : T)], Q.prototype, "base", void 0), a([r({
+a([c(".details"), o("design:type", E === void 0 ? Object : E)], Q.prototype, "base", void 0), a([r({
 	reflect: !0,
 	type: Boolean
 }), o("design:type", Object)], Q.prototype, "open", void 0), a([r({
 	reflect: !0,
 	type: Boolean
 }), o("design:type", Object)], Q.prototype, "value", void 0), Q = a([u("cx-asset-link-format-metadata")], Q);
-var Ct = Q, wt, $ = class extends s {
-	static #e = wt = this;
-	static #t = this.styles = [l, ct];
+var Et = Q, Dt, $ = class extends s {
+	static #e = Dt = this;
+	static #t = this.styles = [l, dt];
 	static #n = this.dependencies = {
-		"cx-asset-link-format-crop": ut,
-		"cx-asset-link-format-extension": ft,
-		"cx-asset-link-format-metadata": Ct,
-		"cx-asset-link-format-proxy": ht,
-		"cx-asset-link-format-quality": _t,
-		"cx-asset-link-format-resize": yt,
-		"cx-asset-link-format-rotation": xt,
+		"cx-asset-link-format-crop": pt,
+		"cx-asset-link-format-extension": ht,
+		"cx-asset-link-format-metadata": Et,
+		"cx-asset-link-format-proxy": vt,
+		"cx-asset-link-format-quality": bt,
+		"cx-asset-link-format-resize": St,
+		"cx-asset-link-format-rotation": wt,
 		"cx-button": _,
 		"cx-space": C,
 		"cx-typography": b
 	};
 	static getTransformExtension(e) {
-		return !e || it(e) ? e : "jpg";
+		return !e || st(e) ? e : "jpg";
 	}
 	get hasUnfrozenTransformations() {
 		return !(this.transformations.length === 0 || this.frozenIndex !== void 0 && this.frozenIndex >= this.transformations.length - 1);
 	}
 	get lastAppliedCropUnit() {
-		return this.transformations.findLast((e) => e.key === O.Crop)?.value.unit ?? E.Pixel;
+		return this.transformations.findLast((e) => e.key === k.Crop)?.value.unit ?? D.Pixel;
 	}
 	get lastAppliedCropFocusMode() {
-		return this.transformations.findLast((e) => e.key === O.Crop)?.value.focusMode ?? "manual";
+		return this.transformations.findLast((e) => e.key === k.Crop)?.value.focusMode ?? "manual";
 	}
 	get lastAppliedCropPosition() {
-		return this.transformations.findLast((e) => e.key === O.Crop)?.value.position ?? v.CenterCenter;
+		return this.transformations.findLast((e) => e.key === k.Crop)?.value.position ?? v.CenterCenter;
 	}
 	get disabledCropApply() {
 		if (!this.asset && this.cropSize.unit !== this.lastAppliedCropUnit) return !1;
-		if (this.cropSize.unit === E.AspectRatio && !this.asset) {
-			let e = this.lastCropSize[E.AspectRatio];
+		if (this.cropSize.unit === D.AspectRatio && !this.asset) {
+			let e = this.lastCropSize[D.AspectRatio];
 			return this.cropSize.ratioWidth === e.width && this.cropSize.ratioHeight === e.height && this.cropSize.focusMode === this.lastAppliedCropFocusMode && this.cropSize.position === this.lastAppliedCropPosition;
 		}
 		if (!this.asset && this.cropSize.focusMode !== this.lastAppliedCropFocusMode || !this.asset && this.cropSize.position !== this.lastAppliedCropPosition) return !1;
@@ -1466,7 +1472,7 @@ var Ct = Q, wt, $ = class extends s {
 			"width",
 			"x",
 			"y"
-		]) if (this.cropSize[e] !== this.lastCropSize[E.Pixel][e]) return !1;
+		]) if (this.cropSize[e] !== this.lastCropSize[D.Pixel][e]) return !1;
 		return !0;
 	}
 	get formats() {
@@ -1480,22 +1486,22 @@ var Ct = Q, wt, $ = class extends s {
 	}
 	get lastCropSize() {
 		if (!this.asset) {
-			let e = this.transformations.findLast((e) => e.key === O.Crop);
-			if (e?.value.unit === E.AspectRatio && e.value.ratioWidth && e.value.ratioHeight) return {
-				[E.AspectRatio]: {
+			let e = this.transformations.findLast((e) => e.key === k.Crop);
+			if (e?.value.unit === D.AspectRatio && e.value.ratioWidth && e.value.ratioHeight) return {
+				[D.AspectRatio]: {
 					height: e.value.ratioHeight,
 					percentageHeight: 100,
 					percentageWidth: 100,
-					unit: E.AspectRatio,
+					unit: D.AspectRatio,
 					width: e.value.ratioWidth,
 					x: 0,
 					y: 0
 				},
-				[E.Pixel]: {
+				[D.Pixel]: {
 					height: 1,
 					percentageHeight: 100,
 					percentageWidth: 100,
-					unit: E.Pixel,
+					unit: D.Pixel,
 					width: 1,
 					x: 0,
 					y: 0
@@ -1504,20 +1510,20 @@ var Ct = Q, wt, $ = class extends s {
 			if (e?.value.width && e?.value.height) {
 				let { height: t, width: n, x: r = 0, y: i = 0 } = e.value, a = y(n, t);
 				return {
-					[E.AspectRatio]: {
+					[D.AspectRatio]: {
 						height: a.height,
 						percentageHeight: 100,
 						percentageWidth: 100,
-						unit: E.AspectRatio,
+						unit: D.AspectRatio,
 						width: a.width,
 						x: 0,
 						y: 0
 					},
-					[E.Pixel]: {
+					[D.Pixel]: {
 						height: t,
 						percentageHeight: 100,
 						percentageWidth: 100,
-						unit: E.Pixel,
+						unit: D.Pixel,
 						width: n,
 						x: r,
 						y: i
@@ -1530,20 +1536,20 @@ var Ct = Q, wt, $ = class extends s {
 			width: 1
 		};
 		return {
-			[E.AspectRatio]: {
+			[D.AspectRatio]: {
 				height: e.height,
 				percentageHeight: 100,
 				percentageWidth: 100,
-				unit: E.AspectRatio,
+				unit: D.AspectRatio,
 				width: e.width,
 				x: 0,
 				y: 0
 			},
-			[E.Pixel]: {
+			[D.Pixel]: {
 				height: this.lastImageSize.height,
 				percentageHeight: 100,
 				percentageWidth: 100,
-				unit: E.Pixel,
+				unit: D.Pixel,
 				width: this.lastImageSize.width,
 				x: 0,
 				y: 0
@@ -1552,30 +1558,30 @@ var Ct = Q, wt, $ = class extends s {
 	}
 	get lastResizeSize() {
 		if (!this.asset) {
-			let e = this.transformations.findLast((e) => e.key === O.Resize);
-			if (e?.value.unit === E.AspectRatio && e.value.ratioWidth && e.value.ratioHeight) return {
-				[E.AspectRatio]: {
+			let e = this.transformations.findLast((e) => e.key === k.Resize);
+			if (e?.value.unit === D.AspectRatio && e.value.ratioWidth && e.value.ratioHeight) return {
+				[D.AspectRatio]: {
 					height: e.value.ratioHeight,
-					unit: E.AspectRatio,
+					unit: D.AspectRatio,
 					width: e.value.ratioWidth
 				},
-				[E.Pixel]: {
+				[D.Pixel]: {
 					height: 1,
-					unit: E.Pixel,
+					unit: D.Pixel,
 					width: 1
 				}
 			};
 			if (e?.value.width && e?.value.height) {
 				let { height: t, width: n } = e.value, r = y(n, t);
 				return {
-					[E.AspectRatio]: {
+					[D.AspectRatio]: {
 						height: r.height,
-						unit: E.AspectRatio,
+						unit: D.AspectRatio,
 						width: r.width
 					},
-					[E.Pixel]: {
+					[D.Pixel]: {
 						height: t,
-						unit: E.Pixel,
+						unit: D.Pixel,
 						width: n
 					}
 				};
@@ -1586,23 +1592,23 @@ var Ct = Q, wt, $ = class extends s {
 			width: 1
 		};
 		return {
-			[E.AspectRatio]: {
+			[D.AspectRatio]: {
 				height: e.height,
-				unit: E.AspectRatio,
+				unit: D.AspectRatio,
 				width: e.width
 			},
-			[E.Pixel]: {
+			[D.Pixel]: {
 				height: this.lastImageSize.height,
-				unit: E.Pixel,
+				unit: D.Pixel,
 				width: this.lastImageSize.width
 			}
 		};
 	}
 	get lastRotation() {
-		return this.asset ? 0 : this.transformations.findLast((e) => e.key === O.Rotate)?.value.rotation ?? 0;
+		return this.asset ? 0 : this.transformations.findLast((e) => e.key === k.Rotate)?.value.rotation ?? 0;
 	}
 	get transformationString() {
-		return A({
+		return T({
 			asset: this.asset,
 			baseUrl: "",
 			parameters: this.parameters,
@@ -1678,7 +1684,7 @@ var Ct = Q, wt, $ = class extends s {
 			keepAspectRatio: !0,
 			ratioHeight: 1,
 			ratioWidth: 1,
-			unit: E.Pixel,
+			unit: D.Pixel,
 			width: 1
 		}, this.cropSize = {
 			cropMode: "free",
@@ -1690,14 +1696,14 @@ var Ct = Q, wt, $ = class extends s {
 			position: v.CenterCenter,
 			ratioHeight: 1,
 			ratioWidth: 1,
-			unit: E.Pixel,
+			unit: D.Pixel,
 			width: 1,
 			x: 0,
 			y: 0
 		}, this.rotation = 0, this.defaultSize = {
 			height: 0,
 			width: 0
-		}, this.cropperElement = null, this.parameters = [], this.loading = !1, this.lastAction = void 0, this.frozenIndex = void 0, this.preResetTransformations = void 0, this.preResetAutoFormat = void 0, this.preResetSelectedProxy = void 0, this.apiGetTransformAssetLink = Ke, this.apiGetCropFocusMode = Ze, this.onCropComplete = this.onCropComplete.bind(this), this.onCropDragStart = this.onCropDragStart.bind(this);
+		}, this.cropperElement = null, this.parameters = [], this.loading = !1, this.lastAction = void 0, this.frozenIndex = void 0, this.preResetTransformations = void 0, this.preResetAutoFormat = void 0, this.preResetSelectedProxy = void 0, this.apiGetTransformAssetLink = Ye, this.apiGetCropFocusMode = et, this.onCropComplete = this.onCropComplete.bind(this), this.onCropDragStart = this.onCropDragStart.bind(this);
 	}
 	runConnectedCallback() {
 		this.hasUpdated && (this.handleCropperSelectorChange(), this.cropperElement && (this.cropperElement.addEventListener("cx-cropper-crop-complete", this.onCropComplete), this.cropperElement.addEventListener("cx-cropper-crop-drag-start", this.onCropDragStart)));
@@ -1713,7 +1719,7 @@ var Ct = Q, wt, $ = class extends s {
 		if (e.has("activeSetting") && this.handleActiveSettingChange(), e.has("selectedFormat") && this.handleSelectedFormatChange(), e.has("resizeSize") && this.handleResizeSizeChange(), e.has("cropSize") && this.handleCropSizeChange(), e.has("rotation") && this.handleRotationChange(), e.has("cropperElement") && this.handleCropperElementChange(), e.has("selectedFormat")) {
 			if (!this.asset || !this.selectedFormat || this.selectedFormat.extension === e.get("selectedFormat")?.extension) return;
 			this.loading = !0, this.requestTransformAsset().then((e) => {
-				this.loading = !1, e?.relativePath && this.selectedFormat && (this.lastAction === O.Rotate && (this.rotation = 0), this.lastAction = void 0, this.lastImageSize = {
+				this.loading = !1, e?.relativePath && this.selectedFormat && (this.lastAction === k.Rotate && (this.rotation = 0), this.lastAction = void 0, this.lastImageSize = {
 					height: e.height,
 					width: e.width
 				}, this.selectedFormat = {
@@ -1723,7 +1729,7 @@ var Ct = Q, wt, $ = class extends s {
 					width: e.width
 				});
 			});
-			let t = A({
+			let t = T({
 				asset: this.asset,
 				baseUrl: "",
 				extension: this.selectedFormat.extension,
@@ -1747,7 +1753,7 @@ var Ct = Q, wt, $ = class extends s {
 	get transformRequestOptions() {
 		return {
 			assetId: this.asset?.id ?? "",
-			extension: wt.getTransformExtension(this.selectedFormat?.extension ?? ""),
+			extension: Dt.getTransformExtension(this.selectedFormat?.extension ?? ""),
 			format: this.proxies?.find((e) => e.id === this.selectedProxy)?.proxyName ?? "",
 			siteUrl: this.baseUrl,
 			token: this.token,
@@ -1785,7 +1791,7 @@ var Ct = Q, wt, $ = class extends s {
 	}
 	async handleTransformationsChange() {
 		if (await this.updateComplete, !this.asset) {
-			this.emit("cx-asset-link-format-change", { detail: A({
+			this.emit("cx-asset-link-format-change", { detail: T({
 				asset: this.asset,
 				baseUrl: "",
 				options: { omitZeroXY: !0 },
@@ -1793,8 +1799,8 @@ var Ct = Q, wt, $ = class extends s {
 				transformations: this.transformations,
 				useSession: this.useSession
 			}).replace(/\/t\//g, "") });
-			let e = this.transformations.findLast((e) => e.key === O.Crop && (e.value.unit === E.AspectRatio && e.value.ratioWidth && e.value.ratioHeight || e.value.width && e.value.height));
-			if (e?.value.unit === E.AspectRatio && e.value.ratioWidth && e.value.ratioHeight) {
+			let e = this.transformations.findLast((e) => e.key === k.Crop && (e.value.unit === D.AspectRatio && e.value.ratioWidth && e.value.ratioHeight || e.value.width && e.value.height));
+			if (e?.value.unit === D.AspectRatio && e.value.ratioWidth && e.value.ratioHeight) {
 				let { focusMode: t, position: n, ratioHeight: r, ratioWidth: i } = e.value;
 				this.cropSize = {
 					...this.cropSize,
@@ -1805,7 +1811,7 @@ var Ct = Q, wt, $ = class extends s {
 					position: n ?? v.CenterCenter,
 					ratioHeight: r,
 					ratioWidth: i,
-					unit: E.AspectRatio
+					unit: D.AspectRatio
 				};
 			} else if (e) {
 				let { focusMode: t, height: n, position: r, unit: i, width: a, x: o = 0, y: s = 0 } = e.value;
@@ -1817,7 +1823,7 @@ var Ct = Q, wt, $ = class extends s {
 					percentageHeight: 100,
 					percentageWidth: 100,
 					position: r ?? v.CenterCenter,
-					unit: i ?? E.Pixel,
+					unit: i ?? D.Pixel,
 					width: a,
 					x: o,
 					y: s
@@ -1830,37 +1836,37 @@ var Ct = Q, wt, $ = class extends s {
 				percentageHeight: 0,
 				percentageWidth: 0,
 				position: v.CenterCenter,
-				unit: E.Pixel,
+				unit: D.Pixel,
 				width: 1,
 				x: 0,
 				y: 0
 			};
-			let t = this.transformations.findLast((e) => e.key === O.Resize && (e.value.unit === E.AspectRatio && e.value.ratioWidth && e.value.ratioHeight || e.value.width || e.value.height));
-			if (t?.value.unit === E.AspectRatio && t.value.ratioWidth && t.value.ratioHeight) {
+			let t = this.transformations.findLast((e) => e.key === k.Resize && (e.value.unit === D.AspectRatio && e.value.ratioWidth && e.value.ratioHeight || e.value.width || e.value.height));
+			if (t?.value.unit === D.AspectRatio && t.value.ratioWidth && t.value.ratioHeight) {
 				let { ratioHeight: e, ratioWidth: n } = t.value;
 				this.resizeSize = {
 					...this.resizeSize,
 					ratioHeight: e,
 					ratioWidth: n,
-					unit: E.AspectRatio
+					unit: D.AspectRatio
 				};
 			} else if (t) {
 				let { height: e = 0, unit: n, width: r = 0 } = t.value;
 				this.resizeSize = {
 					...this.resizeSize,
 					height: e,
-					unit: n ?? E.Pixel,
+					unit: n ?? D.Pixel,
 					width: r
 				};
 			} else this.resizeSize = {
 				...this.resizeSize,
 				height: 1,
-				unit: E.Pixel,
+				unit: D.Pixel,
 				width: 1
 			};
-			let n = this.transformations.findLast((e) => e.key === O.Rotate);
+			let n = this.transformations.findLast((e) => e.key === k.Rotate);
 			this.rotation = n?.value.rotation ?? 0;
-			let r = this.transformations.findLast((e) => e.key === O.Quality)?.value.quality ?? 100, i = this.transformations.some((e) => e.key === O.Metadata);
+			let r = this.transformations.findLast((e) => e.key === k.Quality)?.value.quality ?? 100, i = this.transformations.some((e) => e.key === k.Metadata);
 			this.selectedFormat = this.selectedFormat ? {
 				...this.selectedFormat,
 				keepMetadata: i,
@@ -1890,7 +1896,7 @@ var Ct = Q, wt, $ = class extends s {
 			keepAspectRatio: !0,
 			ratioHeight: 1,
 			ratioWidth: 1,
-			unit: E.Pixel,
+			unit: D.Pixel,
 			width: e.width
 		}, this.cropSize = {
 			cropMode: "free",
@@ -1902,12 +1908,12 @@ var Ct = Q, wt, $ = class extends s {
 			position: v.CenterCenter,
 			ratioHeight: 1,
 			ratioWidth: 1,
-			unit: E.Pixel,
+			unit: D.Pixel,
 			width: e.width,
 			x: 0,
 			y: 0
-		}, this.lastAction === O.Rotate && (this.rotation = 0), this.lastAction = void 0;
-		let t = this.transformations.some((e) => e.key === O.Metadata), n = this.transformations.findLast((e) => e.key === O.Quality);
+		}, this.lastAction === k.Rotate && (this.rotation = 0), this.lastAction = void 0;
+		let t = this.transformations.some((e) => e.key === k.Metadata), n = this.transformations.findLast((e) => e.key === k.Quality);
 		this.selectedFormat = {
 			...this.selectedFormat,
 			height: e.height,
@@ -1916,7 +1922,7 @@ var Ct = Q, wt, $ = class extends s {
 			url: this.baseUrl && this.baseUrl.length > 0 ? `${this.baseUrl}/${e.relativePath}` : e.relativePath,
 			width: e.width
 		};
-		let r = A({
+		let r = T({
 			asset: this.asset,
 			baseUrl: "",
 			extension: this.selectedFormat.extension,
@@ -1938,7 +1944,7 @@ var Ct = Q, wt, $ = class extends s {
 			height: Number.parseInt(this.asset.height, 10),
 			width: Number.parseInt(this.asset.width, 10)
 		});
-		let e = this.transformations.findLast((e) => e.key === O.Quality);
+		let e = this.transformations.findLast((e) => e.key === k.Quality);
 		this.selectedFormat = {
 			extension: this.asset.extension,
 			height: this.defaultSize.height,
@@ -1963,7 +1969,7 @@ var Ct = Q, wt, $ = class extends s {
 			position: v.CenterCenter,
 			ratioHeight: 1,
 			ratioWidth: 1,
-			unit: E.Pixel,
+			unit: D.Pixel,
 			width: this.defaultSize.width,
 			x: 0,
 			y: 0
@@ -1982,7 +1988,7 @@ var Ct = Q, wt, $ = class extends s {
 		t.proxyName === "TRX" && (t.formatHeight = Number(this.asset.height), t.formatWidth = Number(this.asset.width));
 		let n = this.proxies?.find((t) => t.id === e);
 		n && (this.asset && n.proxyName === "TRX" && (n.formatHeight = Number(this.asset.height), n.formatWidth = Number(this.asset.width)), this.transformations = this.transformations.map((e) => {
-			if (e.key === O.Crop) {
+			if (e.key === k.Crop) {
 				let r = e.value, i = r.width / n.formatWidth * t.formatWidth, a = r.height / n.formatHeight * t.formatHeight, o = r.x / n.formatWidth * t.formatWidth, s = r.y / n.formatHeight * t.formatHeight;
 				return {
 					...e,
@@ -1995,7 +2001,7 @@ var Ct = Q, wt, $ = class extends s {
 					}
 				};
 			}
-			if (e.key === O.Resize) {
+			if (e.key === k.Resize) {
 				let r = e.value, i = r.width / n.formatWidth * t.formatWidth, a = r.height / n.formatHeight * t.formatHeight;
 				return {
 					...e,
@@ -2016,24 +2022,24 @@ var Ct = Q, wt, $ = class extends s {
 		}, await this.updateComplete, this.cropSize = {
 			cropMode: "free",
 			focusMode: "manual",
-			height: this.lastCropSize[E.Pixel].height,
+			height: this.lastCropSize[D.Pixel].height,
 			keepAspectRatio: !0,
 			percentageHeight: 100,
 			percentageWidth: 100,
 			position: v.CenterCenter,
 			ratioHeight: 1,
 			ratioWidth: 1,
-			unit: E.Pixel,
-			width: this.lastCropSize[E.Pixel].width,
+			unit: D.Pixel,
+			width: this.lastCropSize[D.Pixel].width,
 			x: 0,
 			y: 0
 		}, this.resizeSize = {
-			height: this.lastResizeSize[E.Pixel].height,
+			height: this.lastResizeSize[D.Pixel].height,
 			keepAspectRatio: !0,
 			ratioHeight: 1,
 			ratioWidth: 1,
-			unit: E.Pixel,
-			width: this.lastResizeSize[E.Pixel].width
+			unit: D.Pixel,
+			width: this.lastResizeSize[D.Pixel].width
 		};
 	}
 	handleLoadingChange() {
@@ -2053,17 +2059,17 @@ var Ct = Q, wt, $ = class extends s {
 	}
 	handleActiveSettingChange() {
 		this.cropperElement && (this.resizeSize = {
-			height: this.lastResizeSize[E.Pixel].height,
+			height: this.lastResizeSize[D.Pixel].height,
 			keepAspectRatio: !0,
 			ratioHeight: 1,
 			ratioWidth: 1,
-			unit: E.Pixel,
-			width: this.lastResizeSize[E.Pixel].width
+			unit: D.Pixel,
+			width: this.lastResizeSize[D.Pixel].width
 		}, this.cropperElement.disabled = this.activeSetting !== "cx-asset-link-format-crop");
 	}
 	async handleRequestAutoCropSuggestion({ cropMode: e, focusMode: t, height: n, keepAspectRatio: r, percentageHeight: i, percentageWidth: a, ratioHeight: o, ratioWidth: s, unit: c, useCropMode: l, width: u }) {
 		if (!this.selectedFormat?.url || t === "manual") return;
-		this.loading = !0, this.lastAction = O.Crop;
+		this.loading = !0, this.lastAction = k.Crop;
 		let d = await this.apiGetCropFocusMode({
 			autoCropMode: t,
 			cropHeight: n,
@@ -2134,12 +2140,12 @@ var Ct = Q, wt, $ = class extends s {
 		this.activeSetting === e.target.localName && (this.activeSetting = "");
 	}
 	get autoResolvedProxyId() {
-		let e = le(this.asset?.extension, this.asset?.size);
+		let e = pe(this.asset?.extension, this.asset?.size);
 		return this.proxies?.find((t) => t.proxyName === e)?.id ?? "";
 	}
 	onProxyChange(e) {
 		let t = e.detail;
-		if (this.lastAction = O.Proxy, t.autoFormat) {
+		if (this.lastAction = k.Proxy, t.autoFormat) {
 			this.autoFormat = !0;
 			let e = this.autoResolvedProxyId;
 			e && (this.selectedProxy = e);
@@ -2155,7 +2161,7 @@ var Ct = Q, wt, $ = class extends s {
 		});
 		else {
 			let e = this.focusModes.find((e) => e.value === this.cropSize.focusMode)?.auto, n = this.cropSize.keepAspectRatio, r = this.cropSize.focusMode, i = this.cropSize.x, a = this.cropSize.y;
-			t === "free" ? (n = !1, r = "manual") : this.cropSize.unit === E.Pixel && !e && (i = 0, a = 0), e ? await this.handleRequestAutoCropSuggestion({
+			t === "free" ? (n = !1, r = "manual") : this.cropSize.unit === D.Pixel && !e && (i = 0, a = 0), e ? await this.handleRequestAutoCropSuggestion({
 				cropMode: t,
 				focusMode: r,
 				height: this.cropSize.height,
@@ -2190,11 +2196,11 @@ var Ct = Q, wt, $ = class extends s {
 	}
 	async onCropChange(e) {
 		let t = this.cropSize.unit;
-		if (e.detail.unit === E.AspectRatio) {
+		if (e.detail.unit === D.AspectRatio) {
 			let t = e.detail.width / e.detail.height, n = this.asset ? Math.min(Math.max(Math.round(this.cropSize.height * t), 0), this.resizeSize.width) : 0, r = this.asset ? Math.min(Math.max(Math.round(n / t), 0), this.resizeSize.height) : 0, i = this.asset ? r * 100 / this.selectedFormat.height : 100, a = this.asset ? n * 100 / this.selectedFormat.width : 100, o = this.cropSize.x, s = this.cropSize.y;
 			o + a > 100 && (o = 100 - a), s + i > 100 && (s = 100 - i);
 			let c = this.cropSize.cropMode;
-			this.cropModes.find((e) => e.value === c)?.auto && (c = "free"), e.detail.silent ? (this.cropSize.height = r, this.cropSize.keepAspectRatio = e.detail.keepAspectRatio, this.cropSize.percentageHeight = i, this.cropSize.percentageWidth = a, this.cropSize.ratioHeight = e.detail.height, this.cropSize.ratioWidth = e.detail.width, this.cropSize.unit = E.AspectRatio, this.cropSize.width = n) : this.cropSize = {
+			this.cropModes.find((e) => e.value === c)?.auto && (c = "free"), e.detail.silent ? (this.cropSize.height = r, this.cropSize.keepAspectRatio = e.detail.keepAspectRatio, this.cropSize.percentageHeight = i, this.cropSize.percentageWidth = a, this.cropSize.ratioHeight = e.detail.height, this.cropSize.ratioWidth = e.detail.width, this.cropSize.unit = D.AspectRatio, this.cropSize.width = n) : this.cropSize = {
 				...this.cropSize,
 				cropMode: c,
 				height: r,
@@ -2203,7 +2209,7 @@ var Ct = Q, wt, $ = class extends s {
 				percentageWidth: a,
 				ratioHeight: e.detail.height,
 				ratioWidth: e.detail.width,
-				unit: E.AspectRatio,
+				unit: D.AspectRatio,
 				width: n,
 				x: o,
 				y: s
@@ -2212,14 +2218,14 @@ var Ct = Q, wt, $ = class extends s {
 			let t = this.asset ? e.detail.height * 100 / this.selectedFormat.height : 100, n = this.asset ? e.detail.width * 100 / this.selectedFormat.width : 100, r = this.cropSize.x, i = this.cropSize.y;
 			r + n > 100 && (r = 100 - n), i + t > 100 && (i = 100 - t);
 			let a = this.cropSize.cropMode, o = this.cropModes.find((e) => e.value === a)?.auto;
-			(e.detail.breakAspectRatio || o) && (a = "free"), e.detail.silent ? (this.cropSize.cropMode = a, this.cropSize.height = e.detail.height, this.cropSize.keepAspectRatio = e.detail.keepAspectRatio, this.cropSize.percentageHeight = t, this.cropSize.percentageWidth = n, this.cropSize.unit = E.Pixel, this.cropSize.width = e.detail.width, this.cropSize.x = r, this.cropSize.y = i) : this.cropSize = {
+			(e.detail.breakAspectRatio || o) && (a = "free"), e.detail.silent ? (this.cropSize.cropMode = a, this.cropSize.height = e.detail.height, this.cropSize.keepAspectRatio = e.detail.keepAspectRatio, this.cropSize.percentageHeight = t, this.cropSize.percentageWidth = n, this.cropSize.unit = D.Pixel, this.cropSize.width = e.detail.width, this.cropSize.x = r, this.cropSize.y = i) : this.cropSize = {
 				...this.cropSize,
 				cropMode: a,
 				height: e.detail.height,
 				keepAspectRatio: e.detail.keepAspectRatio,
 				percentageHeight: t,
 				percentageWidth: n,
-				unit: E.Pixel,
+				unit: D.Pixel,
 				width: e.detail.width,
 				x: r,
 				y: i
@@ -2238,11 +2244,11 @@ var Ct = Q, wt, $ = class extends s {
 		});
 	}
 	onCropApply(e) {
-		if (this.clearResetSnapshot(), this.lastAction = O.Crop, !this.asset) {
+		if (this.clearResetSnapshot(), this.lastAction = k.Crop, !this.asset) {
 			let { focusMode: e, height: t, position: n, ratioHeight: r, ratioWidth: i, unit: a, width: o, x: s, y: c } = this.cropSize, l = this.focusModes.find((t) => t.value === e)?.auto ?? !1;
-			if (a === E.AspectRatio) {
+			if (a === D.AspectRatio) {
 				i && r && this.upsertTransformation({
-					key: O.Crop,
+					key: k.Crop,
 					value: {
 						focusMode: e,
 						isFocusModeAuto: l,
@@ -2255,7 +2261,7 @@ var Ct = Q, wt, $ = class extends s {
 				return;
 			}
 			(t || o) && this.upsertTransformation({
-				key: O.Crop,
+				key: k.Crop,
 				value: {
 					focusMode: e,
 					height: t,
@@ -2274,8 +2280,8 @@ var Ct = Q, wt, $ = class extends s {
 		let a = this.cropSize.focusMode, o = this.focusModes.find((e) => e.value === a)?.auto ?? !1;
 		if (t && i && r) {
 			let e = i, s = t;
-			if (r === E.AspectRatio && (e = this.cropSize.percentageWidth * this.selectedFormat.width / 100, s = this.cropSize.percentageHeight * this.selectedFormat.height / 100), n) this.transformations = [...this.transformations, {
-				key: O.Crop,
+			if (r === D.AspectRatio && (e = this.cropSize.percentageWidth * this.selectedFormat.width / 100, s = this.cropSize.percentageHeight * this.selectedFormat.height / 100), n) this.transformations = [...this.transformations, {
+				key: k.Crop,
 				value: {
 					focusMode: a,
 					height: s,
@@ -2287,7 +2293,7 @@ var Ct = Q, wt, $ = class extends s {
 			else {
 				let t = this.cropSize.x / 100 * this.selectedFormat.width, n = this.cropSize.y / 100 * this.selectedFormat.height;
 				this.transformations = [...this.transformations, {
-					key: O.Crop,
+					key: k.Crop,
 					value: {
 						focusMode: a,
 						height: s,
@@ -2300,7 +2306,7 @@ var Ct = Q, wt, $ = class extends s {
 				}];
 			}
 		} else n && (this.transformations = [...this.transformations, {
-			key: O.Crop,
+			key: k.Crop,
 			value: {
 				focusMode: a,
 				isFocusModeAuto: o,
@@ -2309,8 +2315,8 @@ var Ct = Q, wt, $ = class extends s {
 		}]);
 	}
 	onResizeChange(e) {
-		if (e.detail.unit === E.AspectRatio) {
-			let t = e.detail.width / e.detail.height, n = Math.max(Math.round(this.lastResizeSize[E.Pixel].height * t), 0), r = Math.max(Math.round(n / t), 0);
+		if (e.detail.unit === D.AspectRatio) {
+			let t = e.detail.width / e.detail.height, n = Math.max(Math.round(this.lastResizeSize[D.Pixel].height * t), 0), r = Math.max(Math.round(n / t), 0);
 			this.resizeSize = {
 				...this.resizeSize,
 				height: r,
@@ -2330,11 +2336,11 @@ var Ct = Q, wt, $ = class extends s {
 	}
 	onResizeApply(e) {
 		let { height: t, unit: n, width: r } = e.detail;
-		if (this.clearResetSnapshot(), this.lastAction = O.Resize, !this.asset) {
-			if (n === E.AspectRatio) {
+		if (this.clearResetSnapshot(), this.lastAction = k.Resize, !this.asset) {
+			if (n === D.AspectRatio) {
 				let { ratioHeight: e, ratioWidth: t } = this.resizeSize;
 				t && e && this.upsertTransformation({
-					key: O.Resize,
+					key: k.Resize,
 					value: {
 						ratioHeight: e,
 						ratioWidth: t,
@@ -2344,7 +2350,7 @@ var Ct = Q, wt, $ = class extends s {
 				return;
 			}
 			(t || r) && this.upsertTransformation({
-				key: O.Resize,
+				key: k.Resize,
 				value: {
 					height: t,
 					unit: n,
@@ -2355,8 +2361,8 @@ var Ct = Q, wt, $ = class extends s {
 		}
 		if (!this.selectedFormat) return;
 		let i = this.selectedFormat.width || this.defaultSize.width, a = this.selectedFormat.height || this.defaultSize.height, o = r, s = t;
-		this.resizeSize.unit === n ? n === E.AspectRatio && (o = Math.round(r / t * a), s = a) : (o = i, s = a), this.transformations = [...this.transformations, {
-			key: O.Resize,
+		this.resizeSize.unit === n ? n === D.AspectRatio && (o = Math.round(r / t * a), s = a) : (o = i, s = a), this.transformations = [...this.transformations, {
+			key: k.Resize,
 			value: {
 				height: s,
 				unit: n,
@@ -2369,23 +2375,23 @@ var Ct = Q, wt, $ = class extends s {
 	}
 	onRotationApply(e) {
 		let t = e.detail;
-		if (this.clearResetSnapshot(), this.lastAction = O.Rotate, !this.asset) {
+		if (this.clearResetSnapshot(), this.lastAction = k.Rotate, !this.asset) {
 			t ? this.upsertTransformation({
-				key: O.Rotate,
+				key: k.Rotate,
 				value: { rotation: t }
-			}) : this.transformations = this.transformations.filter((e) => e.key !== O.Rotate);
+			}) : this.transformations = this.transformations.filter((e) => e.key !== k.Rotate);
 			return;
 		}
 		this.selectedFormat && (this.transformations = [...this.transformations, {
-			key: O.Rotate,
+			key: k.Rotate,
 			value: { rotation: t }
 		}]);
 	}
 	onQualityChange(e) {
 		let t = e.detail;
-		this.selectedFormat && (this.selectedFormat.quality = t), this.clearResetSnapshot(), this.lastAction = O.Quality;
+		this.selectedFormat && (this.selectedFormat.quality = t), this.clearResetSnapshot(), this.lastAction = k.Quality;
 		let n = {
-			key: O.Quality,
+			key: k.Quality,
 			value: { quality: t }
 		};
 		this.asset ? this.transformations = [...this.transformations, n] : this.upsertTransformation(n);
@@ -2397,15 +2403,15 @@ var Ct = Q, wt, $ = class extends s {
 			keepMetadata: t
 		}, !this.asset) {
 			t ? this.upsertTransformation({
-				key: O.Metadata,
+				key: k.Metadata,
 				value: { keepMetadata: t }
-			}) : this.transformations = this.transformations.filter((e) => e.key !== O.Metadata);
+			}) : this.transformations = this.transformations.filter((e) => e.key !== k.Metadata);
 			return;
 		}
 		t ? this.upsertTransformation({
-			key: O.Metadata,
+			key: k.Metadata,
 			value: { keepMetadata: t }
-		}) : this.transformations = this.transformations.filter((e) => e.key !== O.Metadata);
+		}) : this.transformations = this.transformations.filter((e) => e.key !== k.Metadata);
 	}
 	onExtensionChange(e) {
 		let t = e.detail;
@@ -2415,7 +2421,7 @@ var Ct = Q, wt, $ = class extends s {
 		};
 	}
 	syncQuality() {
-		let e = this.transformations.findLast((e) => e.key === O.Quality)?.value?.quality;
+		let e = this.transformations.findLast((e) => e.key === k.Quality)?.value?.quality;
 		this.selectedFormat &&= {
 			...this.selectedFormat,
 			quality: e ?? 100
@@ -2440,10 +2446,10 @@ var Ct = Q, wt, $ = class extends s {
 	}
 	render() {
 		return e`<div class="asset-link-format" @cx-show=${this.onDetailsShow} @cx-hide=${this.onDetailsHide}>${m(!this.hideHeader, () => e`<cx-space class="asset-link-format__section-header" direction="horizontal" spacing="small" align-items="center" justify-content="space-between"><cx-typography variant="body3">${this.localize.term("transformations")}</cx-typography><cx-space direction="horizontal" spacing="3x-small" align-items="center"><cx-button class="asset-link-format__undo" variant="custom" ?disabled=${!this.hasUnfrozenTransformations && this.preResetTransformations === void 0} @click=${this.handleUndo}>${this.localize.term("undo")}</cx-button>${m(this.canReset, () => e`<cx-button class="asset-link-format__reset" variant="custom" ?disabled=${!this.hasResettableState} @click=${this.handleReset}>${this.localize.term("reset")}</cx-button>`)}</cx-space></cx-space>`, () => n)}
-      ${m(!this.noFormat, () => e`<cx-asset-link-format-proxy class="asset-link-format__details" value=${this.selectedProxy || this.proxies?.[0]?.id || ""} ?open=${this.activeSetting === "cx-asset-link-format-proxy"} ?auto-format=${this.autoFormat} ?can-auto-format=${this.canAutoFormat} .items=${this.formats} ?loading=${this.loading && this.lastAction === O.Proxy} @cx-asset-link-format-proxy-change=${this.onProxyChange}></cx-asset-link-format-proxy>`)}
-      ${m(!this.noCrop, () => e`<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 === O.Crop} ?keep-aspect-ratio=${this.cropSize.keepAspectRatio} ?show-position-picker=${!this.asset} focus-mode=${this.cropSize.focusMode} crop-mode=${this.cropSize.cropMode} width=${this.cropSize.width} height=${this.cropSize.height} max-width=${this.asset ? this.lastResizeSize[E.Pixel].width : Infinity} max-height=${this.asset ? this.lastResizeSize[E.Pixel].height : Infinity} percentage-width=${this.cropSize.percentageWidth} percentage-height=${this.cropSize.percentageHeight} position=${this.cropSize.position} ratio-width=${this.cropSize.ratioWidth} ratio-height=${this.cropSize.ratioHeight} unit=${this.cropSize.unit} .lastAppliedSetting=${this.lastCropSize} .cropModes=${this.cropModes} .focusModes=${this.focusModes} @cx-asset-link-format-crop-mode-change=${this.onCropModeChange} @cx-asset-link-format-crop-focus-mode-change=${this.onCropFocusModeChange} @cx-asset-link-format-crop-position-change=${this.onCropPositionChange} @cx-asset-link-format-crop-change=${this.onCropChange} @cx-asset-link-format-crop-changed=${this.onCropChanged} @cx-asset-link-format-crop-apply=${this.onCropApply}></cx-asset-link-format-crop>`)}
-      ${m(!this.noResize, () => e`<cx-asset-link-format-resize class="asset-link-format__details" ?open=${this.activeSetting === "cx-asset-link-format-resize"} ?loading=${this.loading && this.lastAction === O.Resize} ?no-ratio-modes=${!this.asset} ?keep-aspect-ratio=${this.resizeSize.keepAspectRatio} width=${this.resizeSize.width} height=${this.resizeSize.height} max-width=${this.asset ? this.imageSize.width : Infinity} max-height=${this.asset ? this.imageSize.height : Infinity} ratio-width=${this.resizeSize.ratioWidth} ratio-height=${this.resizeSize.ratioHeight} unit=${this.resizeSize.unit} .lastAppliedSetting=${this.lastResizeSize} @cx-asset-link-format-resize-change=${this.onResizeChange} @cx-asset-link-format-resize-apply=${this.onResizeApply}></cx-asset-link-format-resize>`)}
-      ${m(!this.noRotate, () => e`<cx-asset-link-format-rotation class="asset-link-format__details" ?loading=${this.loading && this.lastAction === O.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 === O.Quality} ?open=${this.activeSetting === "cx-asset-link-format-quality"} value=${this.selectedFormat?.quality ?? 100} @cx-asset-link-format-quality-change=${this.onQualityChange}></cx-asset-link-format-quality>${m(!this.noMetadata, () => e`<cx-asset-link-format-metadata class="asset-link-format__details" ?open=${this.activeSetting === "cx-asset-link-format-metadata"} .value=${this.selectedFormat?.keepMetadata ?? !1} @cx-asset-link-format-metadata-change=${this.onMetadataChange}></cx-asset-link-format-metadata>`)}
+      ${m(!this.noFormat, () => e`<cx-asset-link-format-proxy class="asset-link-format__details" value=${this.selectedProxy || this.proxies?.[0]?.id || ""} ?open=${this.activeSetting === "cx-asset-link-format-proxy"} ?auto-format=${this.autoFormat} ?can-auto-format=${this.canAutoFormat} .items=${this.formats} ?loading=${this.loading && this.lastAction === k.Proxy} @cx-asset-link-format-proxy-change=${this.onProxyChange}></cx-asset-link-format-proxy>`)}
+      ${m(!this.noCrop, () => e`<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 === k.Crop} ?keep-aspect-ratio=${this.cropSize.keepAspectRatio} ?show-position-picker=${!this.asset} focus-mode=${this.cropSize.focusMode} crop-mode=${this.cropSize.cropMode} width=${this.cropSize.width} height=${this.cropSize.height} max-width=${this.asset ? this.lastResizeSize[D.Pixel].width : Infinity} max-height=${this.asset ? this.lastResizeSize[D.Pixel].height : Infinity} percentage-width=${this.cropSize.percentageWidth} percentage-height=${this.cropSize.percentageHeight} position=${this.cropSize.position} ratio-width=${this.cropSize.ratioWidth} ratio-height=${this.cropSize.ratioHeight} unit=${this.cropSize.unit} .lastAppliedSetting=${this.lastCropSize} .cropModes=${this.cropModes} .focusModes=${this.focusModes} @cx-asset-link-format-crop-mode-change=${this.onCropModeChange} @cx-asset-link-format-crop-focus-mode-change=${this.onCropFocusModeChange} @cx-asset-link-format-crop-position-change=${this.onCropPositionChange} @cx-asset-link-format-crop-change=${this.onCropChange} @cx-asset-link-format-crop-changed=${this.onCropChanged} @cx-asset-link-format-crop-apply=${this.onCropApply}></cx-asset-link-format-crop>`)}
+      ${m(!this.noResize, () => e`<cx-asset-link-format-resize class="asset-link-format__details" ?open=${this.activeSetting === "cx-asset-link-format-resize"} ?loading=${this.loading && this.lastAction === k.Resize} ?no-ratio-modes=${!this.asset} ?keep-aspect-ratio=${this.resizeSize.keepAspectRatio} width=${this.resizeSize.width} height=${this.resizeSize.height} max-width=${this.asset ? this.imageSize.width : Infinity} max-height=${this.asset ? this.imageSize.height : Infinity} ratio-width=${this.resizeSize.ratioWidth} ratio-height=${this.resizeSize.ratioHeight} unit=${this.resizeSize.unit} .lastAppliedSetting=${this.lastResizeSize} @cx-asset-link-format-resize-change=${this.onResizeChange} @cx-asset-link-format-resize-apply=${this.onResizeApply}></cx-asset-link-format-resize>`)}
+      ${m(!this.noRotate, () => e`<cx-asset-link-format-rotation class="asset-link-format__details" ?loading=${this.loading && this.lastAction === k.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 === k.Quality} ?open=${this.activeSetting === "cx-asset-link-format-quality"} value=${this.selectedFormat?.quality ?? 100} @cx-asset-link-format-quality-change=${this.onQualityChange}></cx-asset-link-format-quality>${m(!this.noMetadata, () => e`<cx-asset-link-format-metadata class="asset-link-format__details" ?open=${this.activeSetting === "cx-asset-link-format-metadata"} .value=${this.selectedFormat?.keepMetadata ?? !1} @cx-asset-link-format-metadata-change=${this.onMetadataChange}></cx-asset-link-format-metadata>`)}
       ${m(this.useCustomExtension, () => e`<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 class="asset-link-format__footer"><slot name="footer"></slot></div></div>`;
 	}
 };
@@ -2551,7 +2557,7 @@ a([r({
 	o("design:type", Function),
 	o("design:paramtypes", []),
 	o("design:returntype", void 0)
-], $.prototype, "handleLoadingChange", null), $ = wt = a([u("cx-asset-link-format"), o("design:paramtypes", [])], $);
-var Tt = $;
+], $.prototype, "handleLoadingChange", null), $ = Dt = a([u("cx-asset-link-format"), o("design:paramtypes", [])], $);
+var Ot = $;
 //#endregion
-export { Ge as C, Qe as S, ye as T, Ae as _, Pe as a, Ye as b, R as c, Fe as d, De as f, ke as g, V as h, it as i, z as l, Ie as m, st as n, L as o, Oe as p, at as r, I as s, Tt as t, B as u, je as v, N as w, et as x, $e as y };
+export { Je as C, tt as S, Ce as T, Ne as _, Le as a, Qe as b, L as c, Re as d, je as f, V as g, B as h, st as i, R as l, ze as m, ut as n, I as o, Me as p, ct as r, F as s, Ot as t, z as u, Pe as v, M as w, rt as x, nt as y };