@templatical/editor 0.20.0 → 0.21.0

package/dist/cdn/chunks/{media-library-yYAkAagU.js → media-library-mCCZieYO.js}

@@ -1,6 +1,6 @@
 import { D as e, F as t, H as n, I as r, K as i, L as a, M as o, N as s, P as c, T as l, V as u, Z as d, c as f, ct as p, d as m, f as h, g, h as _, it as v, l as y, m as b, n as x, o as S, ot as C, p as w, s as T, st as E, tt as D, u as O, v as k, x as A, y as j, z as ee } from "./draggable-D840DIZB.js";
-import { Mt as te, Ot as ne, Pt as M, Sn as N, St as P, T as F, _n as re, bn as ie, ft as I, lt as ae, st as L, ut as oe, vn as se, vt as ce, w as R, wn as le, xn as ue, yn as de, yt as fe } from "./features-CLIZ7Q-Y.js";
-import { B as pe, K as me, L as he, T as ge, W as _e, k as ve, p as ye, q as be, y as xe } from "./icons-GX40Qm2W.js";
+import { An as te, Cn as M, Dn as N, E as P, En as ne, It as re, On as F, Rt as I, T as L, Tn as ie, bt as R, dt as ae, ft as oe, jt as se, lt as ce, mt as le, wn as ue, wt as de, xt as fe } from "./features-pLfGJWIB.js";
+import { B as pe, K as me, L as he, T as ge, W as _e, k as ve, p as ye, q as be, y as xe } from "./icons-FLemooQz.js";
 //#region ../media-library/src/api-client.ts
 var Se = class {
 	authManager;
@@ -37,7 +37,7 @@ var Se = class {
 	async browseMedia(e) {
 		let t = new URLSearchParams();
 		e.folder_id && t.set("folder_id", e.folder_id), e.search && t.set("search", e.search), e.category && t.set("category", e.category), e.sort && t.set("sort", e.sort), e.cursor && t.set("cursor", e.cursor);
-		let n = t.toString(), r = `${F(R["media.browse"], this.baseParams)}${n ? `?${n}` : ""}`, i = await this.authManager.authenticatedFetch(r, { headers: { Accept: "application/json" } });
+		let n = t.toString(), r = `${P(L["media.browse"], this.baseParams)}${n ? `?${n}` : ""}`, i = await this.authManager.authenticatedFetch(r, { headers: { Accept: "application/json" } });
 		if (!i.ok) {
 			let e = await i.json().catch(() => ({ message: `HTTP error ${i.status}` }));
 			throw Error(e.message, { cause: e });
@@ -47,7 +47,7 @@ var Se = class {
 	async uploadMedia(e, t) {
 		let n = new FormData();
 		n.append("file", e), t && n.append("folder_id", t);
-		let r = F(R["media.upload"], this.baseParams), i = await this.authManager.authenticatedFetch(r, {
+		let r = P(L["media.upload"], this.baseParams), i = await this.authManager.authenticatedFetch(r, {
 			method: "POST",
 			headers: { Accept: "application/json" },
 			body: n
@@ -59,7 +59,7 @@ var Se = class {
 		return (await i.json()).data;
 	}
 	async updateMedia(e, t, n) {
-		return this.request(F(R["media.update"], {
+		return this.request(P(L["media.update"], {
 			...this.baseParams,
 			media: e
 		}), {
@@ -71,13 +71,13 @@ var Se = class {
 		});
 	}
 	async deleteMedia(e) {
-		return this.request(F(R["media.delete"], this.baseParams), {
+		return this.request(P(L["media.delete"], this.baseParams), {
 			method: "POST",
 			body: JSON.stringify({ ids: e })
 		});
 	}
 	async moveMedia(e, t) {
-		return this.request(F(R["media.move"], this.baseParams), {
+		return this.request(P(L["media.move"], this.baseParams), {
 			method: "POST",
 			body: JSON.stringify({
 				ids: e,
@@ -86,10 +86,10 @@ var Se = class {
 		});
 	}
 	async getMediaFolders() {
-		return this.request(F(R["folders.index"], this.baseParams));
+		return this.request(P(L["folders.index"], this.baseParams));
 	}
 	async createMediaFolder(e, t) {
-		return this.request(F(R["folders.store"], this.baseParams), {
+		return this.request(P(L["folders.store"], this.baseParams), {
 			method: "POST",
 			body: JSON.stringify({
 				name: e,
@@ -98,7 +98,7 @@ var Se = class {
 		});
 	}
 	async renameMediaFolder(e, t) {
-		return this.request(F(R["folders.update"], {
+		return this.request(P(L["folders.update"], {
 			...this.baseParams,
 			mediaFolder: e
 		}), {
@@ -107,13 +107,13 @@ var Se = class {
 		});
 	}
 	async deleteMediaFolder(e) {
-		return this.request(F(R["folders.destroy"], {
+		return this.request(P(L["folders.destroy"], {
 			...this.baseParams,
 			mediaFolder: e
 		}), { method: "DELETE" });
 	}
 	async checkMediaUsage(e) {
-		let t = await this.authManager.authenticatedFetch(F(R["media.checkUsage"], this.baseParams), {
+		let t = await this.authManager.authenticatedFetch(P(L["media.checkUsage"], this.baseParams), {
 			method: "POST",
 			headers: {
 				"Content-Type": "application/json",
@@ -128,10 +128,10 @@ var Se = class {
 		return t.json();
 	}
 	async getFrequentlyUsed() {
-		return this.request(F(R["media.frequentlyUsed"], this.baseParams));
+		return this.request(P(L["media.frequentlyUsed"], this.baseParams));
 	}
 	async importFromUrl(e, t) {
-		return this.request(F(R["media.importFromUrl"], this.baseParams), {
+		return this.request(P(L["media.importFromUrl"], this.baseParams), {
 			method: "POST",
 			body: JSON.stringify({
 				url: e,
@@ -142,7 +142,7 @@ var Se = class {
 	async replaceMedia(e, t) {
 		let n = new FormData();
 		n.append("file", t);
-		let r = F(R["media.replace"], {
+		let r = P(L["media.replace"], {
 			...this.baseParams,
 			media: e
 		}), i = await this.authManager.authenticatedFetch(r, {
@@ -211,13 +211,13 @@ function Ce(e) {
 	async function te(e) {
 		c.value = e, await k();
 	}
-	async function ne(e) {
+	async function M(e) {
 		a.value = "files", i.value = e, o.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await k();
 	}
-	async function M() {
-		a.value = "frequently-used", i.value = null, o.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await I();
+	async function N() {
+		a.value = "frequently-used", i.value = null, o.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await L();
 	}
-	async function N(r) {
+	async function P(r) {
 		u.value = !0;
 		try {
 			let e = await t.uploadMedia(r, i.value);
@@ -228,7 +228,7 @@ function Ce(e) {
 			u.value = !1;
 		}
 	}
-	async function P(r) {
+	async function ne(r) {
 		u.value = !0, m.value = {
 			current: 0,
 			total: r.length
@@ -250,7 +250,7 @@ function Ce(e) {
 			u.value = !1, m.value = null;
 		}
 	}
-	async function F(r) {
+	async function re(r) {
 		if (h.value.size !== 0) try {
 			let e = await t.moveMedia([...h.value], r);
 			if (i.value === null) {
@@ -262,7 +262,7 @@ function Ce(e) {
 			e.onError?.(t);
 		}
 	}
-	async function re(r, i, a) {
+	async function F(r, i, a) {
 		try {
 			let e = await t.updateMedia(r, i, a);
 			n.value = n.value.map((t) => t.id === r ? e : t), g.value?.id === r && (g.value = e);
@@ -270,21 +270,21 @@ function Ce(e) {
 			e.onError?.(t);
 		}
 	}
-	async function ie() {
+	async function I() {
 		if (h.value.size !== 0) try {
 			await t.deleteMedia([...h.value]), n.value = n.value.filter((e) => !h.value.has(e.id)), _.value = _.value.filter((e) => !h.value.has(e.id)), h.value = /* @__PURE__ */ new Set(), g.value = null;
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	async function I() {
+	async function L() {
 		try {
 			_.value = await t.getFrequentlyUsed();
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	async function ae() {
+	async function ie() {
 		if (h.value.size === 0) return !1;
 		b.value = [...h.value];
 		try {
@@ -296,17 +296,17 @@ function Ce(e) {
 			return e.onError?.(t), !1;
 		}
 	}
-	async function L() {
+	async function R() {
 		if (y.value = !1, b.value.length !== 0) try {
 			await t.deleteMedia(b.value), n.value = n.value.filter((e) => !b.value.includes(e.id)), _.value = _.value.filter((e) => !b.value.includes(e.id)), h.value = /* @__PURE__ */ new Set(), g.value = null, b.value = [], v.value = {};
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	function oe() {
+	function ae() {
 		y.value = !1, b.value = [], v.value = {};
 	}
-	async function se(r) {
+	async function oe(r) {
 		x.value = !0, S.value = null;
 		try {
 			let e = await t.importFromUrl(r, i.value);
@@ -317,11 +317,11 @@ function Ce(e) {
 			x.value = !1;
 		}
 	}
-	function ce(e) {
+	function se(e) {
 		let t = new Set(h.value);
 		t.has(e) ? t.delete(e) : t.add(e), h.value = t;
 	}
-	function R() {
+	function ce() {
 		h.value = /* @__PURE__ */ new Set(), g.value = null;
 	}
 	function le(e) {
@@ -421,28 +421,28 @@ function Ce(e) {
 		search: j,
 		filterByCategory: ee,
 		sortBy: te,
-		navigateToFolder: ne,
-		showFrequentlyUsed: M,
-		uploadFile: N,
-		uploadFiles: P,
-		moveSelected: F,
-		updateFile: re,
-		deleteSelected: ie,
+		navigateToFolder: M,
+		showFrequentlyUsed: N,
+		uploadFile: P,
+		uploadFiles: ne,
+		moveSelected: re,
+		updateFile: F,
+		deleteSelected: I,
 		isImportingFromUrl: x,
 		importFromUrlError: S,
-		importFromUrl: se,
-		toggleSelection: ce,
-		clearSelection: R,
+		importFromUrl: oe,
+		toggleSelection: se,
+		clearSelection: ce,
 		selectItem: le,
 		loadFolders: ue,
 		createFolder: de,
 		renameFolder: pe,
 		deleteFolder: me,
 		findFolderInTree: fe,
-		loadFrequentlyUsed: I,
-		checkUsageBeforeDelete: ae,
-		confirmDelete: L,
-		cancelDelete: oe,
+		loadFrequentlyUsed: L,
+		checkUsageBeforeDelete: ie,
+		confirmDelete: R,
+		cancelDelete: ae,
 		isReplacing: C,
 		replaceError: w,
 		showReplaceWarning: T,
@@ -499,7 +499,7 @@ var we = {
 			class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
 			style: { color: "var(--tpl-primary)" },
 			onClick: t[0] ||= (e) => r("navigate", null)
-		}, p(v(i).mediaLibrary.allFiles), 1), (o(!0), g(O, null, c(a.value, (e, t) => (o(), g(O, { key: e.id }, [j(v(te), {
+		}, p(v(i).mediaLibrary.allFiles), 1), (o(!0), g(O, null, c(a.value, (e, t) => (o(), g(O, { key: e.id }, [j(v(re), {
 			size: 12,
 			"stroke-width": 2
 		}), t < a.value.length - 1 ? (o(), g("button", {
@@ -4132,7 +4132,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 }, nr = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, rr = ["placeholder"], ir = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2 tpl:p-5 tpl:pt-4" }, ar = ["disabled"], or = /*#__PURE__*/ L(/* @__PURE__ */ A({
+}, rr = ["placeholder"], ir = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2 tpl:p-5 tpl:pt-4" }, ar = ["disabled"], or = /*#__PURE__*/ ce(/* @__PURE__ */ A({
 	__name: "MediaEditModal",
 	props: {
 		visible: { type: Boolean },
@@ -4140,54 +4140,54 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 	},
 	emits: ["save", "close"],
 	setup(e, { emit: t }) {
-		let r = e, i = t, { t: a } = z(), s = l("tplUiTheme"), f = l(Pe, d(null)), T = a.mediaLibrary, { isImageMimeType: D } = Oe(), A = d(""), te = d(""), ne = d(null), M = d("free"), N = d(void 0), P = d(void 0), F = d(""), re = d(""), ie = d(void 0), I = d(null), ae = d(!1), L = d(!1), oe = d(!1), se = h(() => r.item ? [
+		let r = e, i = t, { t: a } = z(), s = l("tplUiTheme"), f = l(Pe, d(null)), T = a.mediaLibrary, { isImageMimeType: D } = Oe(), A = d(""), te = d(""), M = d(null), N = d("free"), P = d(void 0), ne = d(void 0), re = d(""), F = d(""), I = d(void 0), L = d(null), ie = d(!1), R = d(!1), ae = d(!1), oe = h(() => r.item ? [
 			"image/jpeg",
 			"image/png",
 			"image/webp",
 			"image/gif"
-		].includes(r.item.mime_type) : !1), ce = h(() => M.value === "original" ? ie.value : ke[M.value]), R = h(() => I.value ? Ne(I.value.width, I.value.height, N.value, P.value) : null);
+		].includes(r.item.mime_type) : !1), se = h(() => N.value === "original" ? I.value : ke[N.value]), ce = h(() => L.value ? Ne(L.value.width, L.value.height, P.value, ne.value) : null);
 		ee(() => r.visible, (e) => {
-			e && r.item && (A.value = r.item.filename, te.value = r.item.alt_text || "", M.value = "free", N.value = void 0, P.value = void 0, F.value = "", re.value = "", ie.value = void 0, I.value = null, ae.value = !1, oe.value = !1, r.item.width && r.item.height && (ie.value = r.item.width / r.item.height));
+			e && r.item && (A.value = r.item.filename, te.value = r.item.alt_text || "", N.value = "free", P.value = void 0, ne.value = void 0, re.value = "", F.value = "", I.value = void 0, L.value = null, ie.value = !1, ae.value = !1, r.item.width && r.item.height && (I.value = r.item.width / r.item.height));
 		});
 		function le(e) {
-			e.coordinates && (I.value = {
+			e.coordinates && (L.value = {
 				width: Math.round(e.coordinates.width),
 				height: Math.round(e.coordinates.height)
-			}, oe.value = !0);
+			}, ae.value = !0);
 		}
 		function ue() {
-			ae.value = !0, !ie.value && r.item?.width && r.item?.height && (ie.value = r.item.width / r.item.height);
+			ie.value = !0, !I.value && r.item?.width && r.item?.height && (I.value = r.item.width / r.item.height);
 		}
 		function de(e) {
 			let t = e.target.value;
-			F.value = t, N.value = t && parseInt(t, 10) || void 0;
+			re.value = t, P.value = t && parseInt(t, 10) || void 0;
 		}
 		function fe(e) {
 			let t = e.target.value;
-			re.value = t, P.value = t && parseInt(t, 10) || void 0;
+			F.value = t, ne.value = t && parseInt(t, 10) || void 0;
 		}
 		async function pe() {
 			let e = A.value.trim();
-			if (!e || !r.item || L.value) return;
+			if (!e || !r.item || R.value) return;
 			let t = D(r.item.mime_type), n;
-			if (se.value && ne.value && oe.value) {
-				L.value = !0;
+			if (oe.value && M.value && ae.value) {
+				R.value = !0;
 				try {
-					let { canvas: e } = ne.value.getResult();
+					let { canvas: e } = M.value.getResult();
 					if (e) {
-						let t = je(e, N.value, P.value), i = Ae(r.item.mime_type);
+						let t = je(e, P.value, ne.value), i = Ae(r.item.mime_type);
 						n = { file: await Me(t, r.item.filename, i) };
 					}
 				} catch {
-					L.value = !1;
+					R.value = !1;
 					return;
 				}
-				L.value = !1;
+				R.value = !1;
 			}
 			i("save", r.item.id, e, t ? te.value : void 0, n), i("close");
 		}
 		function me(e) {
-			e.key === "Enter" && !L.value && (e.preventDefault(), pe()), e.key === "Escape" && i("close");
+			e.key === "Enter" && !R.value && (e.preventDefault(), pe()), e.key === "Escape" && i("close");
 		}
 		return (t, r) => (o(), b(m, { to: v(f) || "body" }, [j(x, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
@@ -4205,16 +4205,16 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 				onClick: r[3] ||= y((e) => i("close"), ["self"]),
 				onKeydown: me
 			}, [w("div", {
-				class: C(["tpl:mx-4 tpl:flex tpl:max-h-[90vh] tpl:w-full tpl:flex-col tpl:overflow-hidden tpl:rounded-lg tpl:shadow-xl", se.value ? "tpl:max-w-2xl" : "tpl:max-w-sm"]),
+				class: C(["tpl:mx-4 tpl:flex tpl:max-h-[90vh] tpl:w-full tpl:flex-col tpl:overflow-hidden tpl:rounded-lg tpl:shadow-xl", oe.value ? "tpl:max-w-2xl" : "tpl:max-w-sm"]),
 				style: { "background-color": "var(--tpl-bg-elevated)" }
 			}, [
 				w("div", On, [w("h3", kn, p(v(a).mediaLibrary.editFile), 1)]),
 				w("div", An, [
-					se.value ? (o(), g("div", jn, [w("div", Mn, [j(v(wn), {
+					oe.value ? (o(), g("div", jn, [w("div", Mn, [j(v(wn), {
 						ref_key: "cropperRef",
-						ref: ne,
+						ref: M,
 						src: e.item.url,
-						"stencil-props": { aspectRatio: ce.value },
+						"stencil-props": { aspectRatio: se.value },
 						class: "tpl:h-full tpl:w-full",
 						"background-class": "tpl-cropper-background",
 						onChange: le,
@@ -4231,14 +4231,14 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 							type: "button",
 							class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 							style: E({
-								borderColor: M.value === e ? "var(--tpl-primary)" : "var(--tpl-border)",
-								backgroundColor: M.value === e ? "var(--tpl-primary-light)" : "var(--tpl-bg)",
-								color: M.value === e ? "var(--tpl-primary)" : "var(--tpl-text)"
+								borderColor: N.value === e ? "var(--tpl-primary)" : "var(--tpl-border)",
+								backgroundColor: N.value === e ? "var(--tpl-primary-light)" : "var(--tpl-bg)",
+								color: N.value === e ? "var(--tpl-primary)" : "var(--tpl-text)"
 							}),
-							onClick: (t) => M.value = e
+							onClick: (t) => N.value = e
 						}, p(v(T)[`crop${e.charAt(0).toUpperCase()}${e.slice(1)}`]), 13, In)), 64))])]),
 						w("div", Ln, [w("div", Rn, [w("label", zn, [k(p(v(a).mediaLibrary.cropMaxWidth) + " ", 1), w("span", Bn, p(v(a).mediaLibrary.cropOptional), 1)]), w("div", Vn, [w("input", {
-							value: F.value,
+							value: re.value,
 							type: "number",
 							min: "1",
 							class: "tpl:w-full tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-8 tpl:pl-3 tpl:text-xs tpl:outline-none",
@@ -4247,10 +4247,10 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 								"background-color": "var(--tpl-bg)",
 								color: "var(--tpl-text)"
 							},
-							placeholder: I.value?.width?.toString() || "",
+							placeholder: L.value?.width?.toString() || "",
 							onInput: de
 						}, null, 40, Hn), w("span", Un, p(v(a).mediaLibrary.cropPixels), 1)])]), w("div", Wn, [w("label", Gn, [k(p(v(a).mediaLibrary.cropMaxHeight) + " ", 1), w("span", Kn, p(v(a).mediaLibrary.cropOptional), 1)]), w("div", qn, [w("input", {
-							value: re.value,
+							value: F.value,
 							type: "number",
 							min: "1",
 							class: "tpl:w-full tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-8 tpl:pl-3 tpl:text-xs tpl:outline-none",
@@ -4259,10 +4259,10 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 								"background-color": "var(--tpl-bg)",
 								color: "var(--tpl-text)"
 							},
-							placeholder: I.value?.height?.toString() || "",
+							placeholder: L.value?.height?.toString() || "",
 							onInput: fe
 						}, null, 40, Jn), w("span", Yn, p(v(a).mediaLibrary.cropPixels), 1)])])]),
-						R.value ? (o(), g("div", Xn, [w("span", null, p(v(a).mediaLibrary.cropOutputSize) + ": ", 1), w("span", Zn, p(R.value.width) + " x " + p(R.value.height) + " " + p(v(a).mediaLibrary.cropPixels), 1)])) : _("", !0)
+						ce.value ? (o(), g("div", Xn, [w("span", null, p(v(a).mediaLibrary.cropOutputSize) + ": ", 1), w("span", Zn, p(ce.value.width) + " x " + p(ce.value.height) + " " + p(v(a).mediaLibrary.cropPixels), 1)])) : _("", !0)
 					])])) : _("", !0),
 					w("div", Qn, [w("label", $n, p(v(a).mediaLibrary.fileName), 1), n(w("input", {
 						"onUpdate:modelValue": r[0] ||= (e) => A.value = e,
@@ -4273,7 +4273,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 							"background-color": "var(--tpl-bg)",
 							color: "var(--tpl-text)"
 						},
-						autofocus: !se.value
+						autofocus: !oe.value
 					}, null, 8, er), [[S, A.value]])]),
 					v(D)(e.item.mime_type) ? (o(), g("div", tr, [w("label", nr, p(v(a).mediaLibrary.altText), 1), n(w("input", {
 						"onUpdate:modelValue": r[1] ||= (e) => te.value = e,
@@ -4298,9 +4298,9 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 				}, p(v(a).mediaLibrary.cancel), 1), w("button", {
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-white tpl:transition-all tpl:duration-150 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
 					style: { background: "linear-gradient(\n                  135deg,\n                  var(--tpl-primary),\n                  var(--tpl-primary-hover)\n                )" },
-					disabled: L.value,
+					disabled: R.value,
 					onClick: pe
-				}, p(L.value ? v(a).mediaLibrary.saving : v(a).mediaLibrary.saveChanges), 9, ar)])
+				}, p(R.value ? v(a).mediaLibrary.saving : v(a).mediaLibrary.saveChanges), 9, ar)])
 			], 2)], 40, Dn)) : _("", !0)]),
 			_: 1
 		})], 8, ["to"]));
@@ -4328,7 +4328,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 		"deleteFolder"
 	],
 	setup(e, { emit: t }) {
-		let i = e, a = t, { t: s } = z(), l = d(!1), u = d(!1), m = d(""), x = d(!1), T = d(""), D = h(() => (i.folder.children?.length ?? 0) > 0), k = h(() => i.depth < mr - 1), A = h(() => i.currentFolderId === i.folder.id), ee = h(() => !i.currentFolderId || !i.folder.children ? !1 : M(i.folder.children, i.currentFolderId)), ne = h(() => l.value || ee.value);
+		let i = e, a = t, { t: s } = z(), l = d(!1), u = d(!1), m = d(""), x = d(!1), T = d(""), D = h(() => (i.folder.children?.length ?? 0) > 0), k = h(() => i.depth < mr - 1), A = h(() => i.currentFolderId === i.folder.id), ee = h(() => !i.currentFolderId || !i.folder.children ? !1 : M(i.folder.children, i.currentFolderId)), te = h(() => l.value || ee.value);
 		function M(e, t) {
 			for (let n of e) if (n.id === t || n.children && M(n.children, t)) return !0;
 			return !1;
@@ -4339,20 +4339,20 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 		function P() {
 			u.value = !0, m.value = i.folder.name;
 		}
-		function F() {
+		function ne() {
 			let e = m.value.trim();
 			e && e !== i.folder.name && a("renameFolder", i.folder.id, e), u.value = !1, m.value = "";
 		}
-		function re() {
+		function F() {
 			u.value = !1, m.value = "";
 		}
-		function ie() {
+		function I() {
 			x.value = !0, T.value = "", l.value = !0;
 		}
-		function ae() {
+		function L() {
 			T.value.trim() && a("createFolder", T.value.trim(), i.folder.id), x.value = !1, T.value = "";
 		}
-		function L() {
+		function ie() {
 			x.value = !1, T.value = "";
 		}
 		return (t, i) => {
@@ -4369,8 +4369,8 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 					key: 0,
 					class: "tpl:flex tpl:size-4 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 					onClick: y(N, ["stop"])
-				}, [j(v(te), {
-					class: C(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": ne.value }]),
+				}, [j(v(re), {
+					class: C(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": te.value }]),
 					size: 10,
 					"stroke-width": 2
 				}, null, 8, ["class"])])) : (o(), g("span", sr)),
@@ -4393,8 +4393,8 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 						color: "var(--tpl-text)"
 					},
 					autofocus: "",
-					onKeydown: [f(F, ["enter"]), f(re, ["escape"])],
-					onBlur: F,
+					onKeydown: [f(ne, ["enter"]), f(F, ["escape"])],
+					onBlur: ne,
 					onClick: i[2] ||= y(() => {}, ["stop"])
 				}, null, 544)), [[S, m.value]]) : _("", !0),
 				u.value ? _("", !0) : (o(), g("span", lr, [
@@ -4402,7 +4402,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 						key: 0,
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 						title: v(s).mediaLibrary.addSubfolder,
-						onClick: y(ie, ["stop"])
+						onClick: y(I, ["stop"])
 					}, [j(v(ge), {
 						size: 12,
 						"stroke-width": 2
@@ -4418,13 +4418,13 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 					w("button", {
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 						onClick: i[3] ||= y((t) => a("deleteFolder", e.folder.id), ["stop"])
-					}, [j(v(I), {
+					}, [j(v(le), {
 						size: 12,
 						"stroke-width": 2,
 						style: { color: "var(--tpl-danger)" }
 					})])
 				]))
-			], 4), ne.value ? (o(), g("div", fr, [(o(!0), g(O, null, c(e.folder.children, (t) => (o(), b(l, {
+			], 4), te.value ? (o(), g("div", fr, [(o(!0), g(O, null, c(e.folder.children, (t) => (o(), b(l, {
 				key: t.id,
 				folder: t,
 				"current-folder-id": e.currentFolderId,
@@ -4452,8 +4452,8 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 				},
 				placeholder: v(s).mediaLibrary.subfolderName,
 				autofocus: "",
-				onKeydown: [f(ae, ["enter"]), f(L, ["escape"])],
-				onBlur: ae
+				onKeydown: [f(L, ["enter"]), f(ie, ["escape"])],
+				onBlur: L
 			}, null, 40, pr), [[S, T.value]])], 4)) : _("", !0)])) : _("", !0)]);
 		};
 	}
@@ -4758,7 +4758,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 }, Yr = {
 	key: 4,
 	class: "tpl:flex tpl:justify-center tpl:py-4"
-}, Xr = /*#__PURE__*/ L(/* @__PURE__ */ A({
+}, Xr = /*#__PURE__*/ ce(/* @__PURE__ */ A({
 	__name: "MediaGrid",
 	props: {
 		items: {},
@@ -4784,7 +4784,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 			r("select", e);
 		}
 		let { t: u } = z(), f = d(null);
-		N(f, ([{ isIntersecting: e }]) => {
+		F(f, ([{ isIntersecting: e }]) => {
 			e && n.hasMore && !n.isLoading && r("loadMore");
 		}, { threshold: .1 });
 		function m(e) {
@@ -4837,11 +4837,11 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 					style: { color: "var(--tpl-text-muted)" },
 					title: v(u).mediaLibrary.replaceFile,
 					onClick: y((e) => r("replace", t), ["stop"])
-				}, [j(v(ce), {
+				}, [j(v(R), {
 					size: 12,
 					"stroke-width": 2
 				})], 8, qr)]),
-				e.selectedIds.has(t.id) ? (o(), g("div", Jr, [j(v(M), {
+				e.selectedIds.has(t.id) ? (o(), g("div", Jr, [j(v(I), {
 					size: 12,
 					"stroke-width": 3
 				})])) : _("", !0)
@@ -4882,11 +4882,11 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 					style: { "background-color": "rgba(0, 0, 0, 0.6)" },
 					title: v(u).mediaLibrary.replaceFile,
 					onClick: y((e) => r("replace", t), ["stop"])
-				}, [j(v(ce), {
+				}, [j(v(R), {
 					size: 11,
 					"stroke-width": 2
 				})], 8, Fr)]),
-				e.selectedIds.has(t.id) ? (o(), g("div", Ir, [j(v(M), {
+				e.selectedIds.has(t.id) ? (o(), g("div", Ir, [j(v(I), {
 					size: 12,
 					"stroke-width": 3
 				})])) : _("", !0)
@@ -4896,7 +4896,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 				ref: f,
 				class: "tpl:h-4"
 			}, null, 512),
-			e.isLoading && e.items.length > 0 ? (o(), g("div", Yr, [j(v(P), {
+			e.isLoading && e.items.length > 0 ? (o(), g("div", Yr, [j(v(de), {
 				class: "tpl-spinner",
 				size: 20,
 				"stroke-width": 2,
@@ -4985,7 +4985,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 					style: { background: "linear-gradient(\n                  135deg,\n                  var(--tpl-primary),\n                  var(--tpl-primary-hover)\n                )" },
 					disabled: !f.value.trim() || e.isImporting,
 					onClick: h
-				}, [e.isImporting ? (o(), g("span", oi, [j(v(P), {
+				}, [e.isImporting ? (o(), g("span", oi, [j(v(de), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
@@ -5016,7 +5016,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 			}), r.children?.length && n.push(...a(r.children, t + 1));
 			return n;
 		}
-		return re(i, () => {
+		return M(i, () => {
 			n("close");
 		}), (t, s) => (o(), g("div", {
 			ref_key: "pickerRef",
@@ -5071,7 +5071,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 }, xi = {
 	class: "tpl:block tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, Si = ["value"], Ci = ["value"], wi = /*#__PURE__*/ L(/* @__PURE__ */ A({
+}, Si = ["value"], Ci = ["value"], wi = /*#__PURE__*/ ce(/* @__PURE__ */ A({
 	__name: "MediaPreviewPanel",
 	props: {
 		item: {},
@@ -5324,9 +5324,9 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 			let t = u(e);
 			t.length && n("upload", t);
 		}
-		let { isOverDropZone: m } = de(l, { onDrop: (e) => {
+		let { isOverDropZone: m } = ie(l, { onDrop: (e) => {
 			e?.length && f(e);
-		} }), { open: h, onChange: _ } = ue({
+		} }), { open: h, onChange: _ } = N({
 			accept: s.value,
 			multiple: !0
 		});
@@ -5341,7 +5341,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 				"background-color": "var(--tpl-bg)"
 			},
 			onClick: n[0] ||= (e) => v(h)()
-		}, [e.isUploading ? (o(), g("div", Bi, [j(v(P), {
+		}, [e.isUploading ? (o(), g("div", Bi, [j(v(de), {
 			class: "tpl-spinner",
 			size: 20,
 			"stroke-width": 2,
@@ -5481,13 +5481,13 @@ function Xi(e) {
 	}), ee(() => t.previewItem.value?.id, () => {
 		c.value = "original";
 	});
-	let b = le((e) => {
+	let b = te((e) => {
 		t.search(e);
 	}, 300);
 	function x(e) {
 		s.value = e, b(e);
 	}
-	let { copy: S, copied: C } = se({
+	let { copy: S, copied: C } = ue({
 		copiedDuring: 2e3,
 		legacy: !0
 	});
@@ -5515,19 +5515,19 @@ function Xi(e) {
 	async function j(e) {
 		await t.importFromUrl(e) && (u.value = !1);
 	}
-	async function te(e) {
+	async function M(e) {
 		f.value = !1, await t.moveSelected(e);
 	}
-	async function ne() {
+	async function N() {
 		await t.checkUsageBeforeDelete();
 	}
-	function M(e) {
+	function P(e) {
 		t.checkUsageBeforeReplace(e);
 	}
-	async function N(e) {
+	async function ne(e) {
 		await t.replaceFile(e);
 	}
-	function P() {
+	function re() {
 		t.clearSelection(), t.cancelDelete(), t.cancelReplace(), s.value = "", t.categoryFilter.value = null, t.sortOption.value = "newest", t.viewMode.value = "files", l.value = null, u.value = !1, c.value = "original";
 	}
 	return {
@@ -5554,11 +5554,11 @@ function Xi(e) {
 		handleEditItem: k,
 		handleEditSave: A,
 		handleImportFromUrl: j,
-		handleMoveToFolder: te,
-		handleDeleteClick: ne,
-		handleReplaceItem: M,
-		handleReplaceFile: N,
-		resetUI: P
+		handleMoveToFolder: M,
+		handleDeleteClick: N,
+		handleReplaceItem: P,
+		handleReplaceFile: ne,
+		resetUI: re
 	};
 }
 //#endregion
@@ -5640,27 +5640,27 @@ var Zi = ["data-tpl-theme"], Qi = {
 	setup(e, { emit: t }) {
 		let n = e, r = t, { t: i } = z(), a = l("tplUiTheme");
 		s(Pe, D(() => n.popoverTarget ?? null));
-		let d = l("authManager"), f = l("projectId"), S = h(() => f.value), T = l("planConfig"), A = h(() => T.hasFeature("media_folders")), te = h(() => T.hasFeature("import_from_url")), N = h(() => T.config.value?.storage.used_bytes ?? 0), P = h(() => T.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: F, availableCategories: re } = Oe(), I = Ce({
+		let d = l("authManager"), f = l("projectId"), S = h(() => f.value), T = l("planConfig"), A = h(() => T.hasFeature("media_folders")), te = h(() => T.hasFeature("import_from_url")), M = h(() => T.config.value?.storage.used_bytes ?? 0), N = h(() => T.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: P, availableCategories: re } = Oe(), F = Ce({
 			projectId: S.value,
 			authManager: d
 		}), L = Xi({
-			library: I,
+			library: F,
 			canUseMediaFolders: A,
 			translations: i
 		});
 		ee(() => n.visible, (e) => {
-			e ? (I.loadItems(), I.loadFrequentlyUsed()) : L.resetUI();
+			e ? (F.loadItems(), F.loadFrequentlyUsed()) : L.resetUI();
 		});
-		function oe(e) {
+		function ie(e) {
 			e.key === "Escape" && r("close");
 		}
-		ie(document, "keydown", oe);
-		function se() {
-			return I.previewItem.value ? !n.accept?.length || F(I.previewItem.value.mime_type, n.accept) : !1;
+		ne(document, "keydown", ie);
+		function R() {
+			return F.previewItem.value ? !n.accept?.length || P(F.previewItem.value.mime_type, n.accept) : !1;
 		}
-		function ce() {
-			if (se()) {
-				let e = I.previewItem.value;
+		function oe() {
+			if (R()) {
+				let e = F.previewItem.value;
 				r("select", {
 					...e,
 					url: L.selectedUrl.value || e.url
@@ -5683,8 +5683,8 @@ var Zi = ["data-tpl-theme"], Qi = {
 			}, [w("div", Qi, [
 				w("div", $i, [w("h2", ea, p(v(i).mediaLibrary.title), 1), w("div", ta, [
 					j(Yi, {
-						"used-bytes": N.value,
-						"limit-bytes": P.value,
+						"used-bytes": M.value,
+						"limit-bytes": N.value,
 						size: 22
 					}, null, 8, ["used-bytes", "limit-bytes"]),
 					w("div", na, [w("input", {
@@ -5722,15 +5722,15 @@ var Zi = ["data-tpl-theme"], Qi = {
 					"leave-to-class": "tpl:-ml-48 tpl:opacity-0"
 				}, {
 					default: u(() => [A.value && v(L).showSidebar.value ? (o(), g("div", aa, [j(yr, {
-						folders: v(I).folders.value,
-						"current-folder-id": v(I).currentFolderId.value,
-						"view-mode": v(I).viewMode.value,
+						folders: v(F).folders.value,
+						"current-folder-id": v(F).currentFolderId.value,
+						"view-mode": v(F).viewMode.value,
 						"has-frequently-used": v(L).hasFrequentlyUsed.value,
-						onNavigate: v(I).navigateToFolder,
+						onNavigate: v(F).navigateToFolder,
 						onCreateFolder: v(L).handleCreateFolder,
 						onRenameFolder: v(L).handleRenameFolder,
 						onDeleteFolder: v(L).handleDeleteFolder,
-						onShowFrequentlyUsed: v(I).showFrequentlyUsed
+						onShowFrequentlyUsed: v(F).showFrequentlyUsed
 					}, null, 8, [
 						"folders",
 						"current-folder-id",
@@ -5758,11 +5758,11 @@ var Zi = ["data-tpl-theme"], Qi = {
 						size: 16,
 						"stroke-width": 2
 					})], 12, la)) : _("", !0),
-					v(I).viewMode.value === "frequently-used" ? (o(), g("span", ua, p(v(i).mediaLibrary.frequentlyUsed), 1)) : (o(), b(De, {
+					v(F).viewMode.value === "frequently-used" ? (o(), g("span", ua, p(v(i).mediaLibrary.frequentlyUsed), 1)) : (o(), b(De, {
 						key: 2,
-						folders: v(I).folders.value,
-						"current-folder-id": v(I).currentFolderId.value,
-						onNavigate: v(I).navigateToFolder
+						folders: v(F).folders.value,
+						"current-folder-id": v(F).currentFolderId.value,
+						onNavigate: v(F).navigateToFolder
 					}, null, 8, [
 						"folders",
 						"current-folder-id",
@@ -5799,8 +5799,8 @@ var Zi = ["data-tpl-theme"], Qi = {
 						"background-color": "var(--tpl-bg)",
 						color: "var(--tpl-text)"
 					},
-					value: v(I).categoryFilter.value ?? "",
-					onChange: n[5] ||= (e) => v(I).filterByCategory(e.target.value || null)
+					value: v(F).categoryFilter.value ?? "",
+					onChange: n[5] ||= (e) => v(F).filterByCategory(e.target.value || null)
 				}, [w("option", ga, p(v(i).mediaLibrary.filterAll), 1), (o(!0), g(O, null, c(v(re), (e) => (o(), g("option", {
 					key: e,
 					value: e
@@ -5811,8 +5811,8 @@ var Zi = ["data-tpl-theme"], Qi = {
 						"background-color": "var(--tpl-bg)",
 						color: "var(--tpl-text)"
 					},
-					value: v(I).sortOption.value,
-					onChange: n[6] ||= (e) => v(I).sortBy(e.target.value)
+					value: v(F).sortOption.value,
+					onChange: n[6] ||= (e) => v(F).sortBy(e.target.value)
 				}, [
 					w("option", ya, p(v(i).mediaLibrary.sortNewest), 1),
 					w("option", ba, p(v(i).mediaLibrary.sortOldest), 1),
@@ -5820,9 +5820,9 @@ var Zi = ["data-tpl-theme"], Qi = {
 					w("option", Sa, p(v(i).mediaLibrary.sortNameDesc), 1),
 					w("option", Ca, p(v(i).mediaLibrary.sortSizeAsc), 1),
 					w("option", wa, p(v(i).mediaLibrary.sortSizeDesc), 1)
-				], 40, va)])]), w("div", Ta, [v(I).viewMode.value === "files" ? (o(), g("div", Ea, [j(Wi, {
-					"is-uploading": v(I).isUploading.value,
-					"upload-progress": v(I).uploadProgress.value,
+				], 40, va)])]), w("div", Ta, [v(F).viewMode.value === "files" ? (o(), g("div", Ea, [j(Wi, {
+					"is-uploading": v(F).isUploading.value,
+					"upload-progress": v(F).uploadProgress.value,
 					onUpload: v(L).handleUpload
 				}, null, 8, [
 					"is-uploading",
@@ -5842,14 +5842,14 @@ var Zi = ["data-tpl-theme"], Qi = {
 					"stroke-width": 2
 				}), k(" " + p(v(i).mediaLibrary.importFromUrl), 1)])) : _("", !0)])) : _("", !0), j(Xr, {
 					items: v(L).displayItems.value,
-					"selected-ids": v(I).selectedItems.value,
-					"is-loading": v(I).isLoading.value,
-					"has-more": v(I).viewMode.value === "files" && v(I).hasMore.value,
+					"selected-ids": v(F).selectedItems.value,
+					"is-loading": v(F).isLoading.value,
+					"has-more": v(F).viewMode.value === "files" && v(F).hasMore.value,
 					accept: e.accept,
 					layout: v(L).layoutMode.value,
 					onSelect: v(L).handleSelect,
-					onToggle: v(I).toggleSelection,
-					onLoadMore: v(I).loadMore,
+					onToggle: v(F).toggleSelection,
+					onLoadMore: v(F).loadMore,
 					onEdit: v(L).handleEditItem,
 					onReplace: v(L).handleReplaceItem
 				}, null, 8, [
@@ -5867,8 +5867,8 @@ var Zi = ["data-tpl-theme"], Qi = {
 				])])])]),
 				j(ci, {
 					visible: v(L).showImportUrlModal.value,
-					"is-importing": v(I).isImportingFromUrl.value,
-					error: v(I).importFromUrlError.value,
+					"is-importing": v(F).isImportingFromUrl.value,
+					error: v(F).importFromUrlError.value,
 					onImport: v(L).handleImportFromUrl,
 					onClose: n[8] ||= (e) => v(L).showImportUrlModal.value = !1
 				}, null, 8, [
@@ -5888,13 +5888,13 @@ var Zi = ["data-tpl-theme"], Qi = {
 					"onSave"
 				]),
 				j(zi, {
-					visible: v(I).showReplaceWarning.value,
-					item: v(I).pendingReplaceItem.value,
-					"usage-info": v(I).replaceUsageInfo.value,
-					"is-replacing": v(I).isReplacing.value,
-					error: v(I).replaceError.value,
+					visible: v(F).showReplaceWarning.value,
+					item: v(F).pendingReplaceItem.value,
+					"usage-info": v(F).replaceUsageInfo.value,
+					"is-replacing": v(F).isReplacing.value,
+					error: v(F).replaceError.value,
 					onReplace: v(L).handleReplaceFile,
-					onClose: v(I).cancelReplace
+					onClose: v(F).cancelReplace
 				}, null, 8, [
 					"visible",
 					"item",
@@ -5912,7 +5912,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 					"leave-from-class": "tpl:opacity-100",
 					"leave-to-class": "tpl:opacity-0"
 				}, {
-					default: u(() => [v(I).showDeleteWarning.value ? (o(), g("div", {
+					default: u(() => [v(F).showDeleteWarning.value ? (o(), g("div", {
 						key: 0,
 						class: "tpl:absolute tpl:inset-0 tpl:z-10 tpl:flex tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-lg)]",
 						style: {
@@ -5920,7 +5920,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 							"backdrop-filter": "blur(8px)",
 							"-webkit-backdrop-filter": "blur(8px)"
 						},
-						onClick: n[12] ||= y((...e) => v(I).cancelDelete && v(I).cancelDelete(...e), ["self"])
+						onClick: n[12] ||= y((...e) => v(F).cancelDelete && v(F).cancelDelete(...e), ["self"])
 					}, [w("div", Da, [
 						w("h3", Oa, p(v(i).mediaLibrary.deleteWarningTitle), 1),
 						w("p", {
@@ -5928,7 +5928,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 							style: { color: "var(--tpl-text-muted)" }
 						}, p(v(i).mediaLibrary.deleteWarningMessage), 3),
 						v(L).hasUsedFiles.value ? (o(), g("p", ka, p(v(i).mediaLibrary.deleteWarningUsageNote), 1)) : _("", !0),
-						v(L).hasUsedFiles.value ? (o(), g("div", Aa, [(o(!0), g(O, null, c(v(I).deleteUsageInfo.value, (e, t) => (o(), g("div", {
+						v(L).hasUsedFiles.value ? (o(), g("div", Aa, [(o(!0), g(O, null, c(v(F).deleteUsageInfo.value, (e, t) => (o(), g("div", {
 							key: t,
 							class: "tpl:text-xs",
 							style: { color: "var(--tpl-text)" }
@@ -5940,7 +5940,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 								color: "var(--tpl-text)",
 								"background-color": "var(--tpl-bg)"
 							},
-							onClick: n[10] ||= (...e) => v(I).cancelDelete && v(I).cancelDelete(...e)
+							onClick: n[10] ||= (...e) => v(F).cancelDelete && v(F).cancelDelete(...e)
 						}, p(v(i).mediaLibrary.cancel), 1), w("button", {
 							class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 							style: {
@@ -5948,22 +5948,22 @@ var Zi = ["data-tpl-theme"], Qi = {
 								color: "var(--tpl-danger)",
 								"background-color": "var(--tpl-danger-light)"
 							},
-							onClick: n[11] ||= (...e) => v(I).confirmDelete && v(I).confirmDelete(...e)
+							onClick: n[11] ||= (...e) => v(F).confirmDelete && v(F).confirmDelete(...e)
 						}, p(v(L).hasUsedFiles.value ? v(i).mediaLibrary.deleteAnyway : v(i).mediaLibrary.confirmDelete), 1)])
 					])])) : _("", !0)]),
 					_: 1
 				}),
-				w("div", Pa, [w("div", Fa, [v(I).previewItem.value ? (o(), b(wi, {
+				w("div", Pa, [w("div", Fa, [v(F).previewItem.value ? (o(), b(wi, {
 					key: 0,
 					"selected-conversion": v(L).selectedConversion.value,
 					"onUpdate:selectedConversion": n[13] ||= (e) => v(L).selectedConversion.value = e,
-					item: v(I).previewItem.value,
-					folders: v(I).folders.value
+					item: v(F).previewItem.value,
+					folders: v(F).folders.value
 				}, null, 8, [
 					"selected-conversion",
 					"item",
 					"folders"
-				])) : _("", !0)]), w("div", Ia, [v(I).selectedItems.value.size > 0 ? (o(), g("div", La, [v(I).previewItem.value ? (o(), g("button", {
+				])) : _("", !0)]), w("div", Ia, [v(F).selectedItems.value.size > 0 ? (o(), g("div", La, [v(F).previewItem.value ? (o(), g("button", {
 					key: 0,
 					class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 					style: E({
@@ -5972,11 +5972,11 @@ var Zi = ["data-tpl-theme"], Qi = {
 						backgroundColor: "var(--tpl-bg)"
 					}),
 					onClick: n[14] ||= (e) => v(L).copy(v(L).selectedUrl.value)
-				}, [v(L).copied.value ? (o(), b(v(M), {
+				}, [v(L).copied.value ? (o(), b(v(I), {
 					key: 1,
 					size: 12,
 					"stroke-width": 2
-				})) : (o(), b(v(ne), {
+				})) : (o(), b(v(se), {
 					key: 0,
 					size: 12,
 					"stroke-width": 2
@@ -5990,15 +5990,15 @@ var Zi = ["data-tpl-theme"], Qi = {
 					onClick: n[15] ||= (e) => v(L).showMovePicker.value = !v(L).showMovePicker.value
 				}, p(v(i).mediaLibrary.moveSelected), 1), v(L).showMovePicker.value ? (o(), b(pi, {
 					key: 0,
-					folders: v(I).folders.value,
-					"current-folder-id": v(I).currentFolderId.value,
+					folders: v(F).folders.value,
+					"current-folder-id": v(F).currentFolderId.value,
 					onSelect: v(L).handleMoveToFolder,
 					onClose: n[16] ||= (e) => v(L).showMovePicker.value = !1
 				}, null, 8, [
 					"folders",
 					"current-folder-id",
 					"onSelect"
-				])) : _("", !0)])) : _("", !0)])) : _("", !0), w("div", za, [v(I).selectedItems.value.size > 0 ? (o(), g("button", {
+				])) : _("", !0)])) : _("", !0)])) : _("", !0), w("div", za, [v(F).selectedItems.value.size > 0 ? (o(), g("button", {
 					key: 0,
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 					style: {
@@ -6013,8 +6013,8 @@ var Zi = ["data-tpl-theme"], Qi = {
 						"background-color": "var(--tpl-primary)",
 						color: "var(--tpl-bg)"
 					},
-					disabled: !se(),
-					onClick: ce
+					disabled: !R(),
+					onClick: oe
 				}, p(e.accept?.length ? v(i).mediaLibrary.selectImage : v(i).mediaLibrary.selectFile), 9, Ba)])])])
 			])], 8, Zi)) : _("", !0)]),
 			_: 1
@@ -6024,4 +6024,4 @@ var Zi = ["data-tpl-theme"], Qi = {
 //#endregion
 export { zi as a, ci as c, or as d, Oe as f, Se as g, Ce as h, Wi as i, Xr as l, z as m, Xi as n, wi as o, De as p, Yi as r, pi as s, Va as t, yr as u };
 
-//# sourceMappingURL=media-library-yYAkAagU.js.map
+//# sourceMappingURL=media-library-mCCZieYO.js.map