@templatical/editor 0.11.0 → 0.12.0

package/dist/cdn/chunks/{media-library-ClQUPxRM.js → media-library-C479-QcE.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-iAb7QVJo.js";
-import { At as M, Ot as te, T as N, at as ne, cn as re, ct as ie, dn as ae, ht as P, ln as F, mt as I, on as L, ot as oe, pn as se, rt as ce, sn as le, un as ue, vt as de, w as R, wt as fe } from "./features-DmUOSthI.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-DguD4x_X.js";
+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 ee, u as D, v as O, x as k, y as A, z as te } from "./draggable-Bci-fq8y.js";
+import { Et as j, T as M, at as N, cn as ne, dn as P, ft as re, kt as F, ln as ie, on as I, ot as L, pn as ae, pt as oe, rt as se, sn as ce, st as le, un as ue, w as R, wt as de, xt as fe } from "./features-DxWz_Enw.js";
+import { B as pe, J as me, P as he, X as ge, h as _e, j as ve, u as ye, x as be, z as xe } from "./icons-BflGUmFY.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 = `${N(R["media.browse"], this.baseParams)}${n ? `?${n}` : ""}`, i = await this.authManager.authenticatedFetch(r, { headers: { Accept: "application/json" } });
+		let n = t.toString(), r = `${M(R["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 = N(R["media.upload"], this.baseParams), i = await this.authManager.authenticatedFetch(r, {
+		let r = M(R["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(N(R["media.update"], {
+		return this.request(M(R["media.update"], {
 			...this.baseParams,
 			media: e
 		}), {
@@ -71,13 +71,13 @@ var Se = class {
 		});
 	}
 	async deleteMedia(e) {
-		return this.request(N(R["media.delete"], this.baseParams), {
+		return this.request(M(R["media.delete"], this.baseParams), {
 			method: "POST",
 			body: JSON.stringify({ ids: e })
 		});
 	}
 	async moveMedia(e, t) {
-		return this.request(N(R["media.move"], this.baseParams), {
+		return this.request(M(R["media.move"], this.baseParams), {
 			method: "POST",
 			body: JSON.stringify({
 				ids: e,
@@ -86,10 +86,10 @@ var Se = class {
 		});
 	}
 	async getMediaFolders() {
-		return this.request(N(R["folders.index"], this.baseParams));
+		return this.request(M(R["folders.index"], this.baseParams));
 	}
 	async createMediaFolder(e, t) {
-		return this.request(N(R["folders.store"], this.baseParams), {
+		return this.request(M(R["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(N(R["folders.update"], {
+		return this.request(M(R["folders.update"], {
 			...this.baseParams,
 			mediaFolder: e
 		}), {
@@ -107,13 +107,13 @@ var Se = class {
 		});
 	}
 	async deleteMediaFolder(e) {
-		return this.request(N(R["folders.destroy"], {
+		return this.request(M(R["folders.destroy"], {
 			...this.baseParams,
 			mediaFolder: e
 		}), { method: "DELETE" });
 	}
 	async checkMediaUsage(e) {
-		let t = await this.authManager.authenticatedFetch(N(R["media.checkUsage"], this.baseParams), {
+		let t = await this.authManager.authenticatedFetch(M(R["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(N(R["media.frequentlyUsed"], this.baseParams));
+		return this.request(M(R["media.frequentlyUsed"], this.baseParams));
 	}
 	async importFromUrl(e, t) {
-		return this.request(N(R["media.importFromUrl"], this.baseParams), {
+		return this.request(M(R["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 = N(R["media.replace"], {
+		let r = M(R["media.replace"], {
 			...this.baseParams,
 			media: e
 		}), i = await this.authManager.authenticatedFetch(r, {
@@ -161,9 +161,9 @@ var Se = class {
 //#region ../media-library/src/composable.ts
 function Ce(e) {
 	if (!e.projectId) throw Error("projectId is required for useMediaLibrary");
-	let t = new Se(e.authManager), n = d([]), r = d([]), i = d(null), a = d("files"), o = d(""), s = d(null), c = d("newest"), l = d(!1), u = d(!1), f = d(!1), p = d(null), m = d(null), h = d(/* @__PURE__ */ new Set()), g = d(null), _ = d([]), v = d({}), y = d(!1), b = d([]), x = d(!1), S = d(null), C = d(!1), w = d(null), T = d(!1), E = d(null), D = d(null), O = 0;
-	async function k() {
-		let r = ++O;
+	let t = new Se(e.authManager), n = d([]), r = d([]), i = d(null), a = d("files"), o = d(""), s = d(null), c = d("newest"), l = d(!1), u = d(!1), f = d(!1), p = d(null), m = d(null), h = d(/* @__PURE__ */ new Set()), g = d(null), _ = d([]), v = d({}), y = d(!1), b = d([]), x = d(!1), S = d(null), C = d(!1), w = d(null), T = d(!1), E = d(null), ee = d(null), D = 0;
+	async function O() {
+		let r = ++D;
 		l.value = !0;
 		try {
 			let e = await t.browseMedia({
@@ -172,18 +172,18 @@ function Ce(e) {
 				category: s.value || void 0,
 				sort: c.value === "newest" ? void 0 : c.value
 			});
-			if (r !== O) return;
+			if (r !== D) return;
 			n.value = e.data, p.value = e.meta.next_cursor, f.value = !!e.meta.next_cursor;
 		} catch (t) {
-			if (r !== O) return;
+			if (r !== D) return;
 			e.onError?.(t);
 		} finally {
-			r === O && (l.value = !1);
+			r === D && (l.value = !1);
 		}
 	}
-	async function A() {
+	async function k() {
 		if (!f.value || !p.value || l.value) return;
-		let r = ++O;
+		let r = ++D;
 		l.value = !0;
 		try {
 			let e = await t.browseMedia({
@@ -193,29 +193,29 @@ function Ce(e) {
 				sort: c.value === "newest" ? void 0 : c.value,
 				cursor: p.value
 			});
-			if (r !== O) return;
+			if (r !== D) return;
 			n.value = [...n.value, ...e.data], p.value = e.meta.next_cursor, f.value = !!e.meta.next_cursor;
 		} catch (t) {
-			if (r !== O) return;
+			if (r !== D) return;
 			e.onError?.(t);
 		} finally {
-			r === O && (l.value = !1);
+			r === D && (l.value = !1);
 		}
 	}
-	async function j(e) {
-		o.value = e, await k();
+	async function A(e) {
+		o.value = e, await O();
 	}
-	async function ee(e) {
-		s.value = e, await k();
+	async function te(e) {
+		s.value = e, await O();
 	}
-	async function M(e) {
-		c.value = e, await k();
+	async function j(e) {
+		c.value = e, await O();
 	}
-	async function te(e) {
-		a.value = "files", i.value = e, o.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await k();
+	async function M(e) {
+		a.value = "files", i.value = e, o.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await O();
 	}
 	async function N() {
-		a.value = "frequently-used", i.value = null, o.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await F();
+		a.value = "frequently-used", i.value = null, o.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await I();
 	}
 	async function ne(r) {
 		u.value = !0;
@@ -228,7 +228,7 @@ function Ce(e) {
 			u.value = !1;
 		}
 	}
-	async function re(r) {
+	async function P(r) {
 		u.value = !0, m.value = {
 			current: 0,
 			total: r.length
@@ -249,7 +249,7 @@ function Ce(e) {
 			u.value = !1, m.value = null;
 		}
 	}
-	async function ie(r) {
+	async function re(r) {
 		if (h.value.size !== 0) try {
 			let e = await t.moveMedia([...h.value], r);
 			if (i.value === null) {
@@ -261,7 +261,7 @@ function Ce(e) {
 			e.onError?.(t);
 		}
 	}
-	async function ae(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);
@@ -269,21 +269,21 @@ function Ce(e) {
 			e.onError?.(t);
 		}
 	}
-	async function P() {
+	async function ie() {
 		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 F() {
+	async function I() {
 		try {
 			_.value = await t.getFrequentlyUsed();
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	async function I() {
+	async function L() {
 		if (h.value.size === 0) return !1;
 		b.value = [...h.value];
 		try {
@@ -295,7 +295,7 @@ function Ce(e) {
 			return e.onError?.(t), !1;
 		}
 	}
-	async function L() {
+	async function ae() {
 		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) {
@@ -324,19 +324,19 @@ function Ce(e) {
 		h.value = /* @__PURE__ */ new Set(), g.value = null;
 	}
 	function ue(e) {
-		g.value = e, h.value = new Set([e.id]);
+		g.value = e, h.value = /* @__PURE__ */ new Set([e.id]);
 	}
-	async function de() {
+	async function R() {
 		try {
 			r.value = await t.getMediaFolders();
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	async function R(n, r) {
+	async function de(n, r) {
 		try {
 			let e = await t.createMediaFolder(n, r);
-			return await de(), e;
+			return await R(), e;
 		} catch (t) {
 			return e.onError?.(t), null;
 		}
@@ -353,7 +353,7 @@ function Ce(e) {
 	}
 	async function pe(n, r) {
 		try {
-			await t.renameMediaFolder(n, r), await de();
+			await t.renameMediaFolder(n, r), await R();
 		} catch (t) {
 			e.onError?.(t);
 		}
@@ -361,7 +361,7 @@ function Ce(e) {
 	async function me(n) {
 		try {
 			let e = fe(r.value, n)?.parent_id ?? null;
-			await t.deleteMediaFolder(n), i.value === n && (i.value = e), await de(), await k();
+			await t.deleteMediaFolder(n), i.value === n && (i.value = e), await R(), await O();
 		} catch (t) {
 			e.onError?.(t);
 		}
@@ -369,20 +369,20 @@ function Ce(e) {
 	async function he(n) {
 		E.value = n, w.value = null;
 		try {
-			D.value = (await t.checkMediaUsage([n.id])).data[n.id] ?? null, T.value = !0;
+			ee.value = (await t.checkMediaUsage([n.id])).data[n.id] ?? null, T.value = !0;
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
 	function ge() {
-		T.value = !1, E.value = null, D.value = null, w.value = null;
+		T.value = !1, E.value = null, ee.value = null, w.value = null;
 	}
 	async function _e(r) {
 		if (!E.value) return null;
 		C.value = !0, w.value = null;
 		try {
 			let e = await t.replaceMedia(E.value.id, r);
-			return n.value = n.value.map((t) => t.id === e.id ? e : t), _.value = _.value.map((t) => t.id === e.id ? e : t), g.value?.id === e.id && (g.value = e), T.value = !1, E.value = null, D.value = null, e;
+			return n.value = n.value.map((t) => t.id === e.id ? e : t), _.value = _.value.map((t) => t.id === e.id ? e : t), g.value?.id === e.id && (g.value = e), T.value = !1, E.value = null, ee.value = null, e;
 		} catch (t) {
 			return w.value = t instanceof Error ? t.message : "Replace failed", e.onError?.(t), null;
 		} finally {
@@ -414,38 +414,38 @@ function Ce(e) {
 		frequentlyUsedItems: _,
 		deleteUsageInfo: v,
 		showDeleteWarning: y,
-		loadItems: k,
-		loadMore: A,
-		search: j,
-		filterByCategory: ee,
-		sortBy: M,
-		navigateToFolder: te,
+		loadItems: O,
+		loadMore: k,
+		search: A,
+		filterByCategory: te,
+		sortBy: j,
+		navigateToFolder: M,
 		showFrequentlyUsed: N,
 		uploadFile: ne,
-		uploadFiles: re,
-		moveSelected: ie,
-		updateFile: ae,
-		deleteSelected: P,
+		uploadFiles: P,
+		moveSelected: re,
+		updateFile: F,
+		deleteSelected: ie,
 		isImportingFromUrl: x,
 		importFromUrlError: S,
 		importFromUrl: se,
 		toggleSelection: ce,
 		clearSelection: le,
 		selectItem: ue,
-		loadFolders: de,
-		createFolder: R,
+		loadFolders: R,
+		createFolder: de,
 		renameFolder: pe,
 		deleteFolder: me,
 		findFolderInTree: fe,
-		loadFrequentlyUsed: F,
-		checkUsageBeforeDelete: I,
-		confirmDelete: L,
+		loadFrequentlyUsed: I,
+		checkUsageBeforeDelete: L,
+		confirmDelete: ae,
 		cancelDelete: oe,
 		isReplacing: C,
 		replaceError: w,
 		showReplaceWarning: T,
 		pendingReplaceItem: E,
-		replaceUsageInfo: D,
+		replaceUsageInfo: ee,
 		checkUsageBeforeReplace: he,
 		cancelReplace: ge,
 		replaceFile: _e,
@@ -473,7 +473,7 @@ var we = {
 }, Te = ["onClick"], Ee = {
 	key: 1,
 	style: { color: "var(--tpl-text)" }
-}, De = /* @__PURE__ */ A({
+}, De = /* @__PURE__ */ k({
 	__name: "MediaBreadcrumb",
 	props: {
 		folders: {},
@@ -497,7 +497,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(D, null, c(a.value, (e, t) => (o(), g(D, { key: e.id }, [A(v(de), {
 			size: 12,
 			"stroke-width": 2
 		}), t < a.value.length - 1 ? (o(), g("button", {
@@ -600,7 +600,7 @@ function Ne(e, t, n, r) {
 //#region ../media-library/src/keys.ts
 var Pe = Symbol("templaticalMediaPopoverTarget");
 //#endregion
-//#region ../../node_modules/.pnpm/vue-advanced-cropper@2.8.9_vue@3.5.38_typescript@6.0.3_/node_modules/vue-advanced-cropper/dist/index.esm-bundler.js
+//#region ../../node_modules/.pnpm/vue-advanced-cropper@2.8.9_vue@3.5.39_typescript@6.0.3_/node_modules/vue-advanced-cropper/dist/index.esm-bundler.js
 function Fe(e, t) {
 	var n = Object.keys(e);
 	if (Object.getOwnPropertySymbols) {
@@ -943,7 +943,7 @@ var at = U("vue-handler-wrapper"), ot = {
 };
 ot.render = function(e, n, i, a, s, c) {
 	var l = r("DraggableElement");
-	return o(), b("div", { class: c.classes.root }, [j(l, {
+	return o(), b("div", { class: c.classes.root }, [A(l, {
 		class: c.classes.draggable,
 		onDrag: n[1] ||= function(t) {
 			return e.$emit("drag", t);
@@ -1580,7 +1580,7 @@ Yt.render = function(e, t, n, i, a, s) {
 		onLeave: s.onLeave
 	}, {
 		default: u((function() {
-			return [j("div", { class: s.classes.default }, null, 2)];
+			return [A("div", { class: s.classes.default }, null, 2)];
 		})),
 		_: 1
 	}, 8, [
@@ -1644,7 +1644,7 @@ Qt.render = function(e, t, n, i, a, s) {
 		onLeave: s.onLeave
 	}, {
 		default: u((function() {
-			return [j("div", { class: s.classes.root }, null, 2)];
+			return [A("div", { class: s.classes.root }, null, 2)];
 		})),
 		_: 1
 	}, 8, [
@@ -1848,7 +1848,7 @@ nn.render = function(e, n, r, i, s, l) {
 		style: l.style
 	}, [
 		t(e.$slots, "default"),
-		j("div", null, [(o(!0), b(O, null, c(l.lineNodes, (function(e) {
+		A("div", null, [(o(!0), b(D, null, c(l.lineNodes, (function(e) {
 			return o(), b(a(e.component), {
 				key: e.name,
 				"default-class": e.class,
@@ -1871,7 +1871,7 @@ nn.render = function(e, n, r, i, s, l) {
 				"onDrag"
 			]);
 		})), 128))]),
-		(o(!0), b(O, null, c(l.handlerNodes, (function(e) {
+		(o(!0), b(D, null, c(l.handlerNodes, (function(e) {
 			return o(), b("div", {
 				key: e.name,
 				style: e.wrapperStyle,
@@ -2157,11 +2157,11 @@ function fn(e, t) {
 	};
 }
 dn.render = function(e, t, n, r, i, a) {
-	return o(), b("div", { class: a.classes.root }, [j("div", {
+	return o(), b("div", { class: a.classes.root }, [A("div", {
 		ref: "wrapper",
 		class: a.classes.wrapper,
 		style: a.wrapperStyle
-	}, [j("img", {
+	}, [A("img", {
 		ref: "image",
 		src: n.image.src,
 		class: a.classes.image,
@@ -2480,11 +2480,11 @@ gn.render = function(e, t, r, i, a, s) {
 		ref: "root",
 		class: s.classes.root,
 		style: s.style
-	}, [j("div", {
+	}, [A("div", {
 		ref: "wrapper",
 		class: s.classes.wrapper,
 		style: s.wrapperStyle
-	}, [n(j("img", {
+	}, [n(A("img", {
 		ref: "image",
 		src: r.image && r.image.src,
 		class: s.classes.image,
@@ -2624,7 +2624,7 @@ yn.render = function(e, t, n, i, a, s) {
 	return o(), b("div", {
 		class: s.classes.stencil,
 		style: s.style
-	}, [j(d, {
+	}, [A(d, {
 		width: n.stencilCoordinates.width,
 		height: n.stencilCoordinates.height,
 		transitions: n.transitions,
@@ -2642,13 +2642,13 @@ yn.render = function(e, t, n, i, a, s) {
 		onResizeEnd: s.onResizeEnd
 	}, {
 		default: u((function() {
-			return [j(l, {
+			return [A(l, {
 				movable: n.movable,
 				onMove: s.onMove,
 				onMoveEnd: s.onMoveEnd
 			}, {
 				default: u((function() {
-					return [j(c, {
+					return [A(c, {
 						image: n.image,
 						coordinates: n.coordinates,
 						width: n.stencilCoordinates.width,
@@ -2821,7 +2821,7 @@ xn.render = function(e, t, n, i, a, s) {
 	return o(), b("div", {
 		class: s.classes.stencil,
 		style: s.style
-	}, [j(d, {
+	}, [A(d, {
 		width: n.stencilCoordinates.width,
 		height: n.stencilCoordinates.height,
 		transitions: n.transitions,
@@ -2839,13 +2839,13 @@ xn.render = function(e, t, n, i, a, s) {
 		onResizeEnd: s.onResizeEnd
 	}, {
 		default: u((function() {
-			return [j(l, {
+			return [A(l, {
 				movable: n.movable,
 				onMove: s.onMove,
 				onMoveEnd: s.onMoveEnd
 			}, {
 				default: u((function() {
-					return [j(c, {
+					return [A(c, {
 						image: n.image,
 						coordinates: n.coordinates,
 						width: n.stencilCoordinates.width,
@@ -4009,10 +4009,10 @@ wn.render = function(t, r, i, s, c, l) {
 	return o(), b("div", {
 		ref: "cropper",
 		class: l.classes.cropper
-	}, [j("div", {
+	}, [A("div", {
 		ref: "stretcher",
 		class: l.classes.stretcher
-	}, null, 2), j("div", {
+	}, null, 2), A("div", {
 		class: l.classes.boundaries,
 		style: l.boundariesStyle
 	}, [(o(), b(a(i.backgroundWrapperComponent), {
@@ -4026,11 +4026,11 @@ wn.render = function(t, r, i, s, c, l) {
 	}, {
 		default: u((function() {
 			return [
-				j("div", {
+				A("div", {
 					class: l.classes.background,
 					style: l.boundariesStyle
 				}, null, 6),
-				j("div", { class: l.classes.imageWrapper }, [j("img", {
+				A("div", { class: l.classes.imageWrapper }, [A("img", {
 					ref: "image",
 					crossorigin: c.imageAttributes.crossOrigin,
 					src: c.imageAttributes.src,
@@ -4038,7 +4038,7 @@ wn.render = function(t, r, i, s, c, l) {
 					style: l.imageStyle,
 					onMousedown: r[1] ||= y((function() {}), ["prevent"])
 				}, null, 46, ["crossorigin", "src"])], 2),
-				j("div", {
+				A("div", {
 					class: l.classes.foreground,
 					style: l.boundariesStyle
 				}, null, 6),
@@ -4130,7 +4130,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__*/ ce(/* @__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__*/ se(/* @__PURE__ */ k({
 	__name: "MediaEditModal",
 	props: {
 		visible: { type: Boolean },
@@ -4138,56 +4138,56 @@ 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(""), M = d(""), te = d(null), N = d("free"), ne = d(void 0), re = d(void 0), ie = d(""), ae = d(""), P = d(void 0), F = d(null), I = 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: ee } = Oe(), k = d(""), j = d(""), M = d(null), N = d("free"), ne = d(void 0), P = d(void 0), re = d(""), F = d(""), ie = d(void 0), I = d(null), L = d(!1), ae = d(!1), oe = d(!1), se = h(() => r.item ? [
 			"image/jpeg",
 			"image/png",
 			"image/webp",
 			"image/gif"
-		].includes(r.item.mime_type) : !1), ce = h(() => N.value === "original" ? P.value : ke[N.value]), le = h(() => F.value ? Ne(F.value.width, F.value.height, ne.value, re.value) : null);
-		ee(() => r.visible, (e) => {
-			e && r.item && (A.value = r.item.filename, M.value = r.item.alt_text || "", N.value = "free", ne.value = void 0, re.value = void 0, ie.value = "", ae.value = "", P.value = void 0, F.value = null, I.value = !1, oe.value = !1, r.item.width && r.item.height && (P.value = r.item.width / r.item.height));
+		].includes(r.item.mime_type) : !1), ce = h(() => N.value === "original" ? ie.value : ke[N.value]), le = h(() => I.value ? Ne(I.value.width, I.value.height, ne.value, P.value) : null);
+		te(() => r.visible, (e) => {
+			e && r.item && (k.value = r.item.filename, j.value = r.item.alt_text || "", N.value = "free", ne.value = void 0, P.value = void 0, re.value = "", F.value = "", ie.value = void 0, I.value = null, L.value = !1, oe.value = !1, r.item.width && r.item.height && (ie.value = r.item.width / r.item.height));
 		});
 		function ue(e) {
-			e.coordinates && (F.value = {
+			e.coordinates && (I.value = {
 				width: Math.round(e.coordinates.width),
 				height: Math.round(e.coordinates.height)
 			}, oe.value = !0);
 		}
-		function de() {
-			I.value = !0, !P.value && r.item?.width && r.item?.height && (P.value = r.item.width / r.item.height);
+		function R() {
+			L.value = !0, !ie.value && r.item?.width && r.item?.height && (ie.value = r.item.width / r.item.height);
 		}
-		function R(e) {
+		function de(e) {
 			let t = e.target.value;
-			ie.value = t, ne.value = t && parseInt(t, 10) || void 0;
+			re.value = t, ne.value = t && parseInt(t, 10) || void 0;
 		}
 		function fe(e) {
 			let t = e.target.value;
-			ae.value = t, re.value = t && parseInt(t, 10) || void 0;
+			F.value = t, P.value = t && parseInt(t, 10) || void 0;
 		}
 		async function pe() {
-			let e = A.value.trim();
-			if (!e || !r.item || L.value) return;
-			let t = D(r.item.mime_type), n;
-			if (se.value && te.value && oe.value) {
-				L.value = !0;
+			let e = k.value.trim();
+			if (!e || !r.item || ae.value) return;
+			let t = ee(r.item.mime_type), n;
+			if (se.value && M.value && oe.value) {
+				ae.value = !0;
 				try {
-					let { canvas: e } = te.value.getResult();
+					let { canvas: e } = M.value.getResult();
 					if (e) {
-						let t = je(e, ne.value, re.value), i = Ae(r.item.mime_type);
+						let t = je(e, ne.value, P.value), i = Ae(r.item.mime_type);
 						n = { file: await Me(t, r.item.filename, i) };
 					}
 				} catch {
-					L.value = !1;
+					ae.value = !1;
 					return;
 				}
-				L.value = !1;
+				ae.value = !1;
 			}
-			i("save", r.item.id, e, t ? M.value : void 0, n), i("close");
+			i("save", r.item.id, e, t ? j.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" && !ae.value && (e.preventDefault(), pe()), e.key === "Escape" && i("close");
 		}
-		return (t, r) => (o(), b(m, { to: v(f) || "body" }, [j(x, {
+		return (t, r) => (o(), b(m, { to: v(f) || "body" }, [A(x, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 			"enter-from-class": "tpl:opacity-0",
 			"enter-to-class": "tpl:opacity-100",
@@ -4208,17 +4208,17 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 			}, [
 				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), {
+					se.value ? (o(), g("div", jn, [w("div", Mn, [A(v(wn), {
 						ref_key: "cropperRef",
-						ref: te,
+						ref: M,
 						src: e.item.url,
 						"stencil-props": { aspectRatio: ce.value },
 						class: "tpl:h-full tpl:w-full",
 						"background-class": "tpl-cropper-background",
 						onChange: ue,
-						onReady: de
+						onReady: R
 					}, null, 8, ["src", "stencil-props"])]), w("div", Nn, [
-						w("div", null, [w("label", Pn, p(v(a).mediaLibrary.cropAspectRatio), 1), w("div", Fn, [(o(), g(O, null, c([
+						w("div", null, [w("label", Pn, p(v(a).mediaLibrary.cropAspectRatio), 1), w("div", Fn, [(o(), g(D, null, c([
 							"free",
 							"square",
 							"landscape43",
@@ -4235,8 +4235,8 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 							}),
 							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: ie.value,
+						w("div", Ln, [w("div", Rn, [w("label", zn, [O(p(v(a).mediaLibrary.cropMaxWidth) + " ", 1), w("span", Bn, p(v(a).mediaLibrary.cropOptional), 1)]), w("div", Vn, [w("input", {
+							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",
@@ -4245,10 +4245,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: F.value?.width?.toString() || "",
-							onInput: R
-						}, 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: ae.value,
+							placeholder: I.value?.width?.toString() || "",
+							onInput: de
+						}, null, 40, Hn), w("span", Un, p(v(a).mediaLibrary.cropPixels), 1)])]), w("div", Wn, [w("label", Gn, [O(p(v(a).mediaLibrary.cropMaxHeight) + " ", 1), w("span", Kn, p(v(a).mediaLibrary.cropOptional), 1)]), w("div", qn, [w("input", {
+							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",
@@ -4257,13 +4257,13 @@ 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: F.value?.height?.toString() || "",
+							placeholder: I.value?.height?.toString() || "",
 							onInput: fe
 						}, null, 40, Jn), w("span", Yn, p(v(a).mediaLibrary.cropPixels), 1)])])]),
 						le.value ? (o(), g("div", Xn, [w("span", null, p(v(a).mediaLibrary.cropOutputSize) + ": ", 1), w("span", Zn, p(le.value.width) + " x " + p(le.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,
+						"onUpdate:modelValue": r[0] ||= (e) => k.value = e,
 						type: "text",
 						class: "tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:outline-none",
 						style: {
@@ -4272,9 +4272,9 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 							color: "var(--tpl-text)"
 						},
 						autofocus: !se.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) => M.value = e,
+					}, null, 8, er), [[S, k.value]])]),
+					v(ee)(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) => j.value = e,
 						type: "text",
 						class: "tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:outline-none",
 						style: {
@@ -4283,7 +4283,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 							color: "var(--tpl-text)"
 						},
 						placeholder: v(a).mediaLibrary.altTextPlaceholder
-					}, null, 8, rr), [[S, M.value]])])) : _("", !0)
+					}, null, 8, rr), [[S, j.value]])])) : _("", !0)
 				]),
 				w("div", ir, [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",
@@ -4296,9 +4296,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: ae.value,
 					onClick: pe
-				}, p(L.value ? v(a).mediaLibrary.saving : v(a).mediaLibrary.saveChanges), 9, ar)])
+				}, p(ae.value ? v(a).mediaLibrary.saving : v(a).mediaLibrary.saveChanges), 9, ar)])
 			], 2)], 40, Dn)) : _("", !0)]),
 			_: 1
 		})], 8, ["to"]));
@@ -4312,7 +4312,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 }, lr = {
 	key: 3,
 	class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:gap-0.5 tpl:opacity-0 tpl:transition-opacity tpl:group-hover:opacity-100"
-}, ur = ["title"], dr = ["title"], fr = { key: 0 }, pr = ["placeholder"], mr = 5, hr = /* @__PURE__ */ A({
+}, ur = ["title"], dr = ["title"], fr = { key: 0 }, pr = ["placeholder"], mr = 5, hr = /* @__PURE__ */ k({
 	__name: "MediaFolderTreeNode",
 	props: {
 		folder: {},
@@ -4326,31 +4326,31 @@ 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 : N(i.folder.children, i.currentFolderId)), M = h(() => l.value || ee.value);
-		function N(e, t) {
-			for (let n of e) if (n.id === t || n.children && N(n.children, t)) return !0;
+		let i = e, a = t, { t: s } = z(), l = d(!1), u = d(!1), m = d(""), x = d(!1), T = d(""), ee = h(() => (i.folder.children?.length ?? 0) > 0), O = h(() => i.depth < mr - 1), k = h(() => i.currentFolderId === i.folder.id), te = h(() => !i.currentFolderId || !i.folder.children ? !1 : M(i.folder.children, i.currentFolderId)), j = h(() => l.value || te.value);
+		function M(e, t) {
+			for (let n of e) if (n.id === t || n.children && M(n.children, t)) return !0;
 			return !1;
 		}
-		function ne() {
+		function N() {
 			l.value = !l.value;
 		}
-		function re() {
+		function ne() {
 			u.value = !0, m.value = i.folder.name;
 		}
-		function ae() {
+		function P() {
 			let e = m.value.trim();
 			e && e !== i.folder.name && a("renameFolder", i.folder.id, e), u.value = !1, m.value = "";
 		}
-		function F() {
+		function re() {
 			u.value = !1, m.value = "";
 		}
-		function I() {
+		function F() {
 			x.value = !0, T.value = "", l.value = !0;
 		}
-		function L() {
+		function ie() {
 			T.value.trim() && a("createFolder", T.value.trim(), i.folder.id), x.value = !1, T.value = "";
 		}
-		function oe() {
+		function I() {
 			x.value = !1, T.value = "";
 		}
 		return (t, i) => {
@@ -4359,23 +4359,23 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 				class: "tpl:group tpl:flex tpl:w-full tpl:items-center tpl:gap-1 tpl:py-1.5 tpl:pr-2 tpl:text-left tpl:text-xs tpl:transition-all tpl:duration-150",
 				style: E({
 					paddingLeft: `${e.depth * 16 + 8}px`,
-					backgroundColor: A.value ? "var(--tpl-bg-active)" : "transparent",
-					color: A.value ? "var(--tpl-primary)" : "var(--tpl-text)"
+					backgroundColor: k.value ? "var(--tpl-bg-active)" : "transparent",
+					color: k.value ? "var(--tpl-primary)" : "var(--tpl-text)"
 				})
 			}, [
-				D.value || x.value ? (o(), g("button", {
+				ee.value || x.value ? (o(), g("button", {
 					key: 0,
 					class: "tpl:flex tpl:size-4 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
-					onClick: y(ne, ["stop"])
-				}, [j(v(te), {
-					class: C(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": M.value }]),
+					onClick: y(N, ["stop"])
+				}, [A(v(de), {
+					class: C(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": j.value }]),
 					size: 10,
 					"stroke-width": 2
 				}, null, 8, ["class"])])) : (o(), g("span", sr)),
 				w("button", {
 					class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-1.5",
 					onClick: i[0] ||= (t) => a("navigate", e.folder.id)
-				}, [j(v(me), {
+				}, [A(v(xe), {
 					class: "tpl:shrink-0",
 					size: 14,
 					"stroke-width": 1.5
@@ -4391,38 +4391,38 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 						color: "var(--tpl-text)"
 					},
 					autofocus: "",
-					onKeydown: [f(ae, ["enter"]), f(F, ["escape"])],
-					onBlur: ae,
+					onKeydown: [f(P, ["enter"]), f(re, ["escape"])],
+					onBlur: P,
 					onClick: i[2] ||= y(() => {}, ["stop"])
 				}, null, 544)), [[S, m.value]]) : _("", !0),
 				u.value ? _("", !0) : (o(), g("span", lr, [
-					k.value ? (o(), g("button", {
+					O.value ? (o(), g("button", {
 						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(I, ["stop"])
-					}, [j(v(ge), {
+						onClick: y(F, ["stop"])
+					}, [A(v(be), {
 						size: 12,
 						"stroke-width": 2
 					})], 8, ur)) : _("", !0),
 					w("button", {
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 						title: v(s).mediaLibrary.renameFolder,
-						onClick: y(re, ["stop"])
-					}, [j(v(P), {
+						onClick: y(ne, ["stop"])
+					}, [A(v(oe), {
 						size: 12,
 						"stroke-width": 2
 					})], 8, dr),
 					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(ie), {
+					}, [A(v(le), {
 						size: 12,
 						"stroke-width": 2,
 						style: { color: "var(--tpl-danger)" }
 					})])
 				]))
-			], 4), M.value ? (o(), g("div", fr, [(o(!0), g(O, null, c(e.folder.children, (t) => (o(), b(l, {
+			], 4), j.value ? (o(), g("div", fr, [(o(!0), g(D, null, c(e.folder.children, (t) => (o(), b(l, {
 				key: t.id,
 				folder: t,
 				"current-folder-id": e.currentFolderId,
@@ -4450,15 +4450,15 @@ 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(L, ["enter"]), f(oe, ["escape"])],
-				onBlur: L
+				onKeydown: [f(ie, ["enter"]), f(I, ["escape"])],
+				onBlur: ie
 			}, null, 40, pr), [[S, T.value]])], 4)) : _("", !0)])) : _("", !0)]);
 		};
 	}
 }), gr = { class: "tpl:flex tpl:h-full tpl:flex-col tpl:overflow-y-auto" }, _r = {
 	key: 0,
 	class: "tpl:px-3 tpl:py-2"
-}, vr = ["placeholder"], yr = /* @__PURE__ */ A({
+}, vr = ["placeholder"], yr = /* @__PURE__ */ k({
 	__name: "MediaFolderTree",
 	props: {
 		folders: {},
@@ -4492,11 +4492,11 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 					color: e.viewMode === "files" && e.currentFolderId === null ? "var(--tpl-primary)" : "var(--tpl-text)"
 				}),
 				onClick: d[0] ||= (e) => r("navigate", null)
-			}, [j(v(be), {
+			}, [A(v(pe), {
 				size: 14,
 				"stroke-width": 1.5
-			}), k(" " + p(v(i).mediaLibrary.allFiles), 1)], 4),
-			(o(!0), g(O, null, c(e.folders, (t) => (o(), b(hr, {
+			}), O(" " + p(v(i).mediaLibrary.allFiles), 1)], 4),
+			(o(!0), g(D, null, c(e.folders, (t) => (o(), b(hr, {
 				key: t.id,
 				folder: t,
 				"current-folder-id": e.currentFolderId,
@@ -4525,10 +4525,10 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 				class: "tpl:flex tpl:w-full tpl:items-center tpl:gap-2 tpl:px-3 tpl:py-2 tpl:text-left tpl:text-xs tpl:transition-all tpl:duration-150",
 				style: { color: "var(--tpl-text-muted)" },
 				onClick: l
-			}, [j(v(ge), {
+			}, [A(v(be), {
 				size: 14,
 				"stroke-width": 1.5
-			}), k(" " + p(v(i).mediaLibrary.newFolder), 1)])),
+			}), O(" " + p(v(i).mediaLibrary.newFolder), 1)])),
 			d[7] ||= w("div", { class: "tpl:flex-1" }, null, -1),
 			e.hasFrequentlyUsed ? (o(), g("button", {
 				key: 2,
@@ -4539,13 +4539,13 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 					color: e.viewMode === "frequently-used" ? "var(--tpl-primary)" : "var(--tpl-text)"
 				}),
 				onClick: d[6] ||= (e) => r("showFrequentlyUsed")
-			}, [j(v(ye), {
+			}, [A(v(ye), {
 				size: 14,
 				"stroke-width": 1.5
-			}), k(" " + p(v(i).mediaLibrary.frequentlyUsed), 1)], 4)) : _("", !0)
+			}), O(" " + p(v(i).mediaLibrary.frequentlyUsed), 1)], 4)) : _("", !0)
 		]));
 	}
-}), br = { class: "tpl:flex tpl:aspect-square tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2" }, xr = /* @__PURE__ */ A({
+}), br = { class: "tpl:flex tpl:aspect-square tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2" }, xr = /* @__PURE__ */ k({
 	__name: "MediaFileIcon",
 	props: { mimeType: {} },
 	setup(e) {
@@ -4756,7 +4756,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__*/ ce(/* @__PURE__ */ A({
+}, Xr = /*#__PURE__*/ se(/* @__PURE__ */ k({
 	__name: "MediaGrid",
 	props: {
 		items: {},
@@ -4782,7 +4782,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);
-		ae(f, ([{ isIntersecting: e }]) => {
+		P(f, ([{ isIntersecting: e }]) => {
 			e && n.hasMore && !n.isLoading && r("loadMore");
 		}, { threshold: .1 });
 		function m(e) {
@@ -4799,16 +4799,16 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 			e.isLoading && e.items.length === 0 ? (o(), g("div", {
 				key: 0,
 				class: C(e.layout === "list" ? "tpl:flex tpl:flex-col tpl:gap-1" : "tpl:grid tpl:grid-cols-4 tpl:gap-3")
-			}, [(o(), g(O, null, c(8, (t) => w("div", {
+			}, [(o(), g(D, null, c(8, (t) => w("div", {
 				key: t,
 				class: C(["tpl-pulse tpl:rounded-lg", e.layout === "list" ? "tpl:h-12" : "tpl:aspect-square"]),
 				style: { "background-color": "var(--tpl-bg-hover)" }
-			}, null, 2)), 64))], 2)) : e.items.length === 0 ? (o(), g("div", Cr, [j(v(be), {
+			}, null, 2)), 64))], 2)) : e.items.length === 0 ? (o(), g("div", Cr, [A(v(pe), {
 				class: "tpl:mb-3",
 				size: 40,
 				"stroke-width": 1,
 				style: { color: "var(--tpl-text-dim)" }
-			}), w("p", wr, p(v(u).mediaLibrary.noFiles), 1)])) : e.layout === "list" ? (o(), g("div", Lr, [(o(!0), g(O, null, c(e.items, (t) => (o(), g("div", {
+			}), w("p", wr, p(v(u).mediaLibrary.noFiles), 1)])) : e.layout === "list" ? (o(), g("div", Lr, [(o(!0), g(D, null, c(e.items, (t) => (o(), g("div", {
 				key: t.id,
 				class: C(["tpl-media-list-item tpl:group tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-3 tpl:rounded-lg tpl:px-3 tpl:py-2 tpl:transition-all tpl:duration-150", [!s(t) && !e.selectedIds.has(t.id) ? "tpl:opacity-60" : ""]]),
 				style: E({ backgroundColor: e.selectedIds.has(t.id) ? "var(--tpl-bg-hover)" : "transparent" }),
@@ -4820,14 +4820,14 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 					alt: t.filename,
 					class: "tpl:size-full tpl:object-cover",
 					loading: "lazy"
-				}, null, 8, Br)) : (o(), g("div", Vr, [j(xr, { "mime-type": t.mime_type }, null, 8, ["mime-type"])]))]),
-				w("div", Hr, [w("p", Ur, p(t.filename), 1), w("p", Wr, [k(p(m(t.size)) + " · " + p(h(t.created_at)) + " ", 1), v(a)(t.mime_type) && t.width && t.height ? (o(), g(O, { key: 0 }, [k(" · " + p(t.width) + "×" + p(t.height), 1)], 64)) : _("", !0)])]),
+				}, null, 8, Br)) : (o(), g("div", Vr, [A(xr, { "mime-type": t.mime_type }, null, 8, ["mime-type"])]))]),
+				w("div", Hr, [w("p", Ur, p(t.filename), 1), w("p", Wr, [O(p(m(t.size)) + " · " + p(h(t.created_at)) + " ", 1), v(a)(t.mime_type) && t.width && t.height ? (o(), g(D, { key: 0 }, [O(" · " + p(t.width) + "×" + p(t.height), 1)], 64)) : _("", !0)])]),
 				w("div", Gr, [w("button", {
 					class: "tpl:flex tpl:size-6 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded",
 					style: { color: "var(--tpl-text-muted)" },
 					title: v(u).mediaLibrary.editFile,
 					onClick: y((e) => r("edit", t), ["stop"])
-				}, [j(v(P), {
+				}, [A(v(oe), {
 					size: 12,
 					"stroke-width": 2
 				})], 8, Kr), w("button", {
@@ -4835,15 +4835,15 @@ 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(I), {
+				}, [A(v(re), {
 					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, [A(v(j), {
 					size: 12,
 					"stroke-width": 3
 				})])) : _("", !0)
-			], 14, Rr))), 128))])) : (o(), g("div", Tr, [(o(!0), g(O, null, c(e.items, (t) => (o(), g("div", {
+			], 14, Rr))), 128))])) : (o(), g("div", Tr, [(o(!0), g(D, null, c(e.items, (t) => (o(), g("div", {
 				key: t.id,
 				class: C(["tpl-media-item tpl:group tpl:relative tpl:overflow-hidden tpl:rounded-lg tpl:border-2 tpl:transition-all tpl:duration-150", [
 					"tpl:cursor-pointer",
@@ -4872,7 +4872,7 @@ 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.editFile,
 					onClick: y((e) => r("edit", t), ["stop"])
-				}, [j(v(P), {
+				}, [A(v(oe), {
 					size: 11,
 					"stroke-width": 2
 				})], 8, Pr), w("button", {
@@ -4880,11 +4880,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(I), {
+				}, [A(v(re), {
 					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, [A(v(j), {
 					size: 12,
 					"stroke-width": 3
 				})])) : _("", !0)
@@ -4894,7 +4894,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(de), {
+			e.isLoading && e.items.length > 0 ? (o(), g("div", Yr, [A(v(F), {
 				class: "tpl-spinner",
 				size: 20,
 				"stroke-width": 2,
@@ -4915,7 +4915,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 }, ri = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, ii = ["disabled"], ai = ["disabled"], oi = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1.5"
-}, si = { key: 1 }, ci = /* @__PURE__ */ A({
+}, si = { key: 1 }, ci = /* @__PURE__ */ k({
 	__name: "MediaImportUrlModal",
 	props: {
 		visible: { type: Boolean },
@@ -4925,7 +4925,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 	emits: ["import", "close"],
 	setup(e, { emit: t }) {
 		let r = e, i = t, { t: a } = z(), s = l("tplUiTheme"), c = l(Pe, d(null)), f = d("");
-		ee(() => r.visible, (e) => {
+		te(() => r.visible, (e) => {
 			e && (f.value = "");
 		});
 		function h() {
@@ -4938,7 +4938,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 		function E(e) {
 			e.key === "Enter" && (e.preventDefault(), h()), e.key === "Escape" && T();
 		}
-		return (t, r) => (o(), b(m, { to: v(c) || "body" }, [j(x, {
+		return (t, r) => (o(), b(m, { to: v(c) || "body" }, [A(x, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 			"enter-from-class": "tpl:opacity-0",
 			"enter-to-class": "tpl:opacity-100",
@@ -4983,11 +4983,11 @@ 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(de), {
+				}, [e.isImporting ? (o(), g("span", oi, [A(v(F), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
-				}), k(" " + p(v(a).mediaLibrary.importing), 1)])) : (o(), g("span", si, p(v(a).mediaLibrary.import), 1))], 8, ai)])
+				}), O(" " + p(v(a).mediaLibrary.importing), 1)])) : (o(), g("span", si, p(v(a).mediaLibrary.import), 1))], 8, ai)])
 			])], 40, Zr)) : _("", !0)]),
 			_: 1
 		})], 8, ["to"]));
@@ -4996,7 +4996,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 	key: 0,
 	class: "tpl:shrink-0",
 	style: { color: "var(--tpl-text-dim)" }
-}, pi = /* @__PURE__ */ A({
+}, pi = /* @__PURE__ */ k({
 	__name: "MediaMovePicker",
 	props: {
 		folders: {},
@@ -5014,7 +5014,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 L(i, () => {
+		return I(i, () => {
 			n("close");
 		}), (t, s) => (o(), g("div", {
 			ref_key: "pickerRef",
@@ -5029,11 +5029,11 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 			class: "tpl:flex tpl:w-full tpl:items-center tpl:gap-1.5 tpl:px-3 tpl:py-1.5 tpl:text-left tpl:text-xs tpl:transition-colors tpl:duration-100",
 			style: { color: "var(--tpl-text)" },
 			onClick: s[0] ||= (e) => n("select", null)
-		}, [j(v(be), {
+		}, [A(v(pe), {
 			class: "tpl:shrink-0",
 			size: 14,
 			"stroke-width": 1.5
-		}), k(" " + p(v(r).mediaLibrary.moveToRoot), 1)])), (o(!0), g(O, null, c(a(e.folders), (t) => (o(), g("button", {
+		}), O(" " + p(v(r).mediaLibrary.moveToRoot), 1)])), (o(!0), g(D, null, c(a(e.folders), (t) => (o(), g("button", {
 			key: t.id,
 			class: "tpl:flex tpl:w-full tpl:items-center tpl:gap-1.5 tpl:py-1.5 tpl:pr-3 tpl:text-left tpl:text-xs tpl:transition-colors tpl:duration-100",
 			style: E({
@@ -5044,7 +5044,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 			disabled: t.id === e.currentFolderId,
 			onClick: (e) => n("select", t.id)
 		}, [
-			j(v(me), {
+			A(v(xe), {
 				class: "tpl:shrink-0",
 				size: 14,
 				"stroke-width": 1.5
@@ -5069,7 +5069,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__*/ ce(/* @__PURE__ */ A({
+}, Si = ["value"], Ci = ["value"], wi = /*#__PURE__*/ se(/* @__PURE__ */ k({
 	__name: "MediaPreviewPanel",
 	props: {
 		item: {},
@@ -5144,23 +5144,23 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 				alt: e.item.alt_text || e.item.filename,
 				class: "tpl:size-10 tpl:shrink-0 tpl:rounded tpl:object-cover",
 				style: { border: "1px solid var(--tpl-border)" }
-			}, null, 8, hi)) : (o(), g("div", gi, [j(xr, {
+			}, null, 8, hi)) : (o(), g("div", gi, [A(xr, {
 				"mime-type": e.item.mime_type,
 				class: "tpl-preview-icon"
 			}, null, 8, ["mime-type"])])),
 			w("div", _i, [
 				w("p", vi, p(e.item.filename), 1),
 				w("p", yi, [
-					k(p(b(e.item.size)) + " · " + p(x(e.item.created_at)) + " ", 1),
-					y.value && e.item.width && e.item.height ? (o(), g(O, { key: 0 }, [k(" · " + p(e.item.width) + "×" + p(e.item.height) + "px ", 1)], 64)) : _("", !0),
-					m.value ? (o(), g(O, { key: 1 }, [
-						n[0] ||= k(" · ", -1),
-						j(v(me), {
+					O(p(b(e.item.size)) + " · " + p(x(e.item.created_at)) + " ", 1),
+					y.value && e.item.width && e.item.height ? (o(), g(D, { key: 0 }, [O(" · " + p(e.item.width) + "×" + p(e.item.height) + "px ", 1)], 64)) : _("", !0),
+					m.value ? (o(), g(D, { key: 1 }, [
+						n[0] ||= O(" · ", -1),
+						A(v(xe), {
 							class: "tpl:mb-px tpl:inline",
 							size: 9,
 							"stroke-width": 2
 						}),
-						k(" " + p(m.value), 1)
+						O(" " + p(m.value), 1)
 					], 64)) : _("", !0)
 				]),
 				y.value ? (o(), g("p", {
@@ -5178,7 +5178,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 				},
 				value: e.selectedConversion,
 				onChange: d
-			}, [(o(!0), g(O, null, c(s.value, (e) => (o(), g("option", {
+			}, [(o(!0), g(D, null, c(s.value, (e) => (o(), g("option", {
 				key: e.value,
 				value: e.value
 			}, p(e.label), 9, Ci))), 128))], 40, Si)])) : _("", !0)
@@ -5210,7 +5210,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 	key: 1,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-danger)" }
-}, Ii = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Li = ["disabled"], Ri = ["disabled"], zi = /* @__PURE__ */ A({
+}, Ii = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Li = ["disabled"], Ri = ["disabled"], zi = /* @__PURE__ */ k({
 	__name: "MediaReplaceModal",
 	props: {
 		visible: { type: Boolean },
@@ -5226,20 +5226,20 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 			let e = n.item.filename.split(".");
 			return e.length > 1 ? e[e.length - 1].toLowerCase() : "";
 		}), C = h(() => S.value ? `.${S.value}` : "*"), T = h(() => (n.usageInfo?.template_count ?? 0) > 0);
-		ee(() => n.visible, (e) => {
+		te(() => n.visible, (e) => {
 			e || (f.value = null, c.value && (c.value.value = ""));
 		});
 		function E(e) {
 			let t = e.target;
 			t.files && t.files.length > 0 && (f.value = t.files[0]);
 		}
-		function D() {
+		function ee() {
 			f.value && r("replace", f.value);
 		}
-		function O(e) {
+		function D(e) {
 			e.key === "Escape" && r("close");
 		}
-		return (t, n) => (o(), b(m, { to: v(s) || "body" }, [j(x, {
+		return (t, n) => (o(), b(m, { to: v(s) || "body" }, [A(x, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 			"enter-from-class": "tpl:opacity-0",
 			"enter-to-class": "tpl:opacity-100",
@@ -5253,7 +5253,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 				class: "tpl tpl:fixed tpl:inset-0 tpl:z-[10000] tpl:flex tpl:items-center tpl:justify-center",
 				style: { "background-color": "var(--tpl-overlay)" },
 				onClick: n[1] ||= y((e) => r("close"), ["self"]),
-				onKeydown: O
+				onKeydown: D
 			}, [w("div", Ei, [
 				w("h3", Di, p(v(i).mediaLibrary.replaceWarningTitle), 1),
 				w("p", Oi, p(v(i).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${S.value}`)), 1),
@@ -5286,7 +5286,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 					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: !f.value || e.isReplacing,
-					onClick: D
+					onClick: ee
 				}, p(e.isReplacing ? v(i).mediaLibrary.replacing : v(i).mediaLibrary.replace), 9, Ri)])
 			])], 40, Ti)) : _("", !0)]),
 			_: 1
@@ -5304,7 +5304,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 }, Ui = {
 	class: "tpl:mt-1 tpl:text-[10px]",
 	style: { color: "var(--tpl-text-dim)" }
-}, Wi = /* @__PURE__ */ A({
+}, Wi = /* @__PURE__ */ k({
 	__name: "MediaUploadZone",
 	props: {
 		isUploading: { type: Boolean },
@@ -5322,7 +5322,7 @@ 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 } = re(l, { onDrop: (e) => {
+		let { isOverDropZone: m } = ne(l, { onDrop: (e) => {
 			e?.length && f(e);
 		} }), { open: h, onChange: _ } = ue({
 			accept: s.value,
@@ -5339,7 +5339,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(de), {
+		}, [e.isUploading ? (o(), g("div", Bi, [A(v(F), {
 			class: "tpl-spinner",
 			size: 20,
 			"stroke-width": 2,
@@ -5347,8 +5347,8 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 		}), w("span", Vi, p(e.uploadProgress && e.uploadProgress.total > 1 ? v(i)(v(r).mediaLibrary.uploadingProgress, {
 			current: e.uploadProgress.current,
 			total: e.uploadProgress.total
-		}) : v(r).mediaLibrary.uploading), 1)])) : (o(), g(O, { key: 1 }, [
-			j(v(oe), {
+		}) : v(r).mediaLibrary.uploading), 1)])) : (o(), g(D, { key: 1 }, [
+			A(v(L), {
 				class: "tpl:mb-2",
 				size: 24,
 				"stroke-width": 1.5,
@@ -5382,7 +5382,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 		"background-color": "var(--tpl-text)",
 		color: "var(--tpl-bg-elevated)"
 	}
-}, Yi = /* @__PURE__ */ A({
+}, Yi = /* @__PURE__ */ k({
 	__name: "StorageProgressRing",
 	props: {
 		usedBytes: {},
@@ -5433,7 +5433,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 			"stroke-dasharray": l.value,
 			"stroke-dashoffset": m.value,
 			class: "tpl:transition-all tpl:duration-300 tpl:ease-out"
-		}, null, 8, qi)], 8, Gi)), j(x, {
+		}, null, 8, qi)], 8, Gi)), A(x, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 			"enter-from-class": "tpl:opacity-0 tpl:translate-y-1",
 			"enter-to-class": "tpl:opacity-100 tpl:translate-y-0",
@@ -5441,7 +5441,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 			"leave-from-class": "tpl:opacity-100 tpl:translate-y-0",
 			"leave-to-class": "tpl:opacity-0 tpl:translate-y-1"
 		}, {
-			default: u(() => [i.value ? (o(), g("div", Ji, [k(p(E.value) + " ", 1), t[2] ||= w("div", {
+			default: u(() => [i.value ? (o(), g("div", Ji, [O(p(E.value) + " ", 1), t[2] ||= w("div", {
 				class: "tpl:absolute tpl:-top-1 tpl:left-1/2 tpl:size-2 tpl:-translate-x-1/2 tpl:rotate-45",
 				style: { "background-color": "var(--tpl-text)" }
 			}, null, -1)])) : _("", !0)]),
@@ -5474,18 +5474,18 @@ function Xi(e) {
 	function y(e) {
 		return v[e]?.() ?? e;
 	}
-	ee(o, (e) => {
+	te(o, (e) => {
 		e && n.value && t.loadFolders();
-	}), ee(() => t.previewItem.value?.id, () => {
+	}), te(() => t.previewItem.value?.id, () => {
 		c.value = "original";
 	});
-	let b = se((e) => {
+	let b = ae((e) => {
 		t.search(e);
 	}, 300);
 	function x(e) {
 		s.value = e, b(e);
 	}
-	let { copy: S, copied: C } = le({
+	let { copy: S, copied: C } = ce({
 		copiedDuring: 2e3,
 		legacy: !0
 	});
@@ -5498,25 +5498,25 @@ function Xi(e) {
 	async function E(e, n) {
 		await t.createFolder(e, n);
 	}
-	async function D(e, n) {
+	async function ee(e, n) {
 		await t.renameFolder(e, n);
 	}
-	async function O(e) {
+	async function D(e) {
 		await t.deleteFolder(e);
 	}
-	function k(e) {
+	function O(e) {
 		l.value = e;
 	}
-	async function A(e, n, r, i) {
+	async function k(e, n, r, i) {
 		i && await t.replaceMediaDirectly(e, i.file), await t.updateFile(e, n, r), l.value = null;
 	}
-	async function j(e) {
+	async function A(e) {
 		await t.importFromUrl(e) && (u.value = !1);
 	}
-	async function M(e) {
+	async function j(e) {
 		f.value = !1, await t.moveSelected(e);
 	}
-	async function te() {
+	async function M() {
 		await t.checkUsageBeforeDelete();
 	}
 	function N(e) {
@@ -5525,7 +5525,7 @@ function Xi(e) {
 	async function ne(e) {
 		await t.replaceFile(e);
 	}
-	function re() {
+	function P() {
 		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 {
@@ -5547,16 +5547,16 @@ function Xi(e) {
 		handleUpload: w,
 		handleSelect: T,
 		handleCreateFolder: E,
-		handleRenameFolder: D,
-		handleDeleteFolder: O,
-		handleEditItem: k,
-		handleEditSave: A,
-		handleImportFromUrl: j,
-		handleMoveToFolder: M,
-		handleDeleteClick: te,
+		handleRenameFolder: ee,
+		handleDeleteFolder: D,
+		handleEditItem: O,
+		handleEditSave: k,
+		handleImportFromUrl: A,
+		handleMoveToFolder: j,
+		handleDeleteClick: M,
 		handleReplaceItem: N,
 		handleReplaceFile: ne,
-		resetUI: re
+		resetUI: P
 	};
 }
 //#endregion
@@ -5627,7 +5627,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 }, Ra = {
 	key: 1,
 	class: "tpl:relative"
-}, za = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ba = ["disabled"], Va = /* @__PURE__ */ A({
+}, za = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ba = ["disabled"], Va = /* @__PURE__ */ k({
 	__name: "MediaLibraryModal",
 	props: {
 		visible: { type: Boolean },
@@ -5637,35 +5637,35 @@ var Zi = ["data-tpl-theme"], Qi = {
 	emits: ["close", "select"],
 	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), re = h(() => T.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: ie, availableCategories: ae } = Oe(), P = Ce({
+		s(Pe, ee(() => n.popoverTarget ?? null));
+		let d = l("authManager"), f = l("projectId"), S = h(() => f.value), T = l("planConfig"), k = h(() => T.hasFeature("media_folders")), M = h(() => T.hasFeature("import_from_url")), ne = h(() => T.config.value?.storage.used_bytes ?? 0), P = h(() => T.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: re, availableCategories: F } = Oe(), I = Ce({
 			projectId: S.value,
 			authManager: d
-		}), I = Xi({
-			library: P,
-			canUseMediaFolders: A,
+		}), L = Xi({
+			library: I,
+			canUseMediaFolders: k,
 			translations: i
 		});
-		ee(() => n.visible, (e) => {
-			e ? (P.loadItems(), P.loadFrequentlyUsed()) : I.resetUI();
+		te(() => n.visible, (e) => {
+			e ? (I.loadItems(), I.loadFrequentlyUsed()) : L.resetUI();
 		});
-		function L(e) {
+		function ae(e) {
 			e.key === "Escape" && r("close");
 		}
-		F(document, "keydown", L);
+		ie(document, "keydown", ae);
 		function oe() {
-			return P.previewItem.value ? n.accept?.length ? ie(P.previewItem.value.mime_type, n.accept) : !0 : !1;
+			return I.previewItem.value ? n.accept?.length ? re(I.previewItem.value.mime_type, n.accept) : !0 : !1;
 		}
 		function se() {
 			if (oe()) {
-				let e = P.previewItem.value;
+				let e = I.previewItem.value;
 				r("select", {
 					...e,
-					url: I.selectedUrl.value || e.url
+					url: L.selectedUrl.value || e.url
 				}), r("close");
 			}
 		}
-		return (t, n) => (o(), b(m, { to: e.popoverTarget || "body" }, [j(x, {
+		return (t, n) => (o(), b(m, { to: e.popoverTarget || "body" }, [A(x, {
 			"enter-active-class": "tpl:transition tpl:duration-200",
 			"enter-from-class": "tpl:opacity-0",
 			"enter-to-class": "tpl:opacity-100",
@@ -5680,13 +5680,13 @@ var Zi = ["data-tpl-theme"], Qi = {
 				onClick: n[18] ||= y((e) => r("close"), ["self"])
 			}, [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": re.value,
+					A(Yi, {
+						"used-bytes": ne.value,
+						"limit-bytes": P.value,
 						size: 22
 					}, null, 8, ["used-bytes", "limit-bytes"]),
 					w("div", na, [w("input", {
-						value: v(I).searchInput.value,
+						value: v(L).searchInput.value,
 						type: "text",
 						class: "tpl:w-52 tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-3 tpl:pl-8 tpl:text-xs tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:outline-none tpl:focus:shadow-[var(--tpl-ring)]",
 						style: {
@@ -5695,8 +5695,8 @@ var Zi = ["data-tpl-theme"], Qi = {
 							color: "var(--tpl-text)"
 						},
 						placeholder: v(i).mediaLibrary.searchPlaceholder,
-						onInput: n[0] ||= (e) => v(I).handleSearchInput(e.target.value)
-					}, null, 40, ra), j(v(xe), {
+						onInput: n[0] ||= (e) => v(L).handleSearchInput(e.target.value)
+					}, null, 40, ra), A(v(_e), {
 						class: "tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2",
 						size: 13,
 						"stroke-width": 2,
@@ -5706,12 +5706,12 @@ var Zi = ["data-tpl-theme"], Qi = {
 						class: "tpl:flex tpl:size-7 tpl:items-center tpl:justify-center tpl:rounded-md tpl:transition-all tpl:duration-150",
 						style: { color: "var(--tpl-text-muted)" },
 						onClick: n[1] ||= (e) => r("close")
-					}, [j(v(ne), {
+					}, [A(v(N), {
 						size: 18,
 						"stroke-width": 2
 					})])
 				])]),
-				w("div", ia, [j(x, {
+				w("div", ia, [A(x, {
 					"enter-active-class": "tpl:transition-all tpl:duration-200 tpl:ease-out",
 					"enter-from-class": "tpl:-ml-48 tpl:opacity-0",
 					"enter-to-class": "tpl:ml-0 tpl:opacity-100",
@@ -5719,16 +5719,16 @@ var Zi = ["data-tpl-theme"], Qi = {
 					"leave-from-class": "tpl:ml-0 tpl:opacity-100",
 					"leave-to-class": "tpl:-ml-48 tpl:opacity-0"
 				}, {
-					default: u(() => [A.value && v(I).showSidebar.value ? (o(), g("div", aa, [j(yr, {
-						folders: v(P).folders.value,
-						"current-folder-id": v(P).currentFolderId.value,
-						"view-mode": v(P).viewMode.value,
-						"has-frequently-used": v(I).hasFrequentlyUsed.value,
-						onNavigate: v(P).navigateToFolder,
-						onCreateFolder: v(I).handleCreateFolder,
-						onRenameFolder: v(I).handleRenameFolder,
-						onDeleteFolder: v(I).handleDeleteFolder,
-						onShowFrequentlyUsed: v(P).showFrequentlyUsed
+					default: u(() => [k.value && v(L).showSidebar.value ? (o(), g("div", aa, [A(yr, {
+						folders: v(I).folders.value,
+						"current-folder-id": v(I).currentFolderId.value,
+						"view-mode": v(I).viewMode.value,
+						"has-frequently-used": v(L).hasFrequentlyUsed.value,
+						onNavigate: v(I).navigateToFolder,
+						onCreateFolder: v(L).handleCreateFolder,
+						onRenameFolder: v(L).handleRenameFolder,
+						onDeleteFolder: v(L).handleDeleteFolder,
+						onShowFrequentlyUsed: v(I).showFrequentlyUsed
 					}, null, 8, [
 						"folders",
 						"current-folder-id",
@@ -5742,25 +5742,25 @@ var Zi = ["data-tpl-theme"], Qi = {
 					])])) : _("", !0)]),
 					_: 1
 				}), w("div", oa, [w("div", sa, [w("div", ca, [
-					A.value ? (o(), g("button", {
+					k.value ? (o(), g("button", {
 						key: 0,
 						class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:transition-all tpl:duration-150",
 						style: E({
-							color: v(I).showSidebar.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-							backgroundColor: v(I).showSidebar.value ? "var(--tpl-bg)" : "transparent",
-							border: v(I).showSidebar.value ? "1px solid var(--tpl-border)" : "1px solid transparent"
+							color: v(L).showSidebar.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+							backgroundColor: v(L).showSidebar.value ? "var(--tpl-bg)" : "transparent",
+							border: v(L).showSidebar.value ? "1px solid var(--tpl-border)" : "1px solid transparent"
 						}),
-						title: v(I).showSidebar.value ? v(i).mediaLibrary.hideFolders : v(i).mediaLibrary.showFolders,
-						onClick: n[2] ||= (e) => v(I).showSidebar.value = !v(I).showSidebar.value
-					}, [j(v(ve), {
+						title: v(L).showSidebar.value ? v(i).mediaLibrary.hideFolders : v(i).mediaLibrary.showFolders,
+						onClick: n[2] ||= (e) => v(L).showSidebar.value = !v(L).showSidebar.value
+					}, [A(v(me), {
 						size: 16,
 						"stroke-width": 2
 					})], 12, la)) : _("", !0),
-					v(P).viewMode.value === "frequently-used" ? (o(), g("span", ua, p(v(i).mediaLibrary.frequentlyUsed), 1)) : (o(), b(De, {
+					v(I).viewMode.value === "frequently-used" ? (o(), g("span", ua, p(v(i).mediaLibrary.frequentlyUsed), 1)) : (o(), b(De, {
 						key: 2,
-						folders: v(P).folders.value,
-						"current-folder-id": v(P).currentFolderId.value,
-						onNavigate: v(P).navigateToFolder
+						folders: v(I).folders.value,
+						"current-folder-id": v(I).currentFolderId.value,
+						onNavigate: v(I).navigateToFolder
 					}, null, 8, [
 						"folders",
 						"current-folder-id",
@@ -5769,27 +5769,27 @@ var Zi = ["data-tpl-theme"], Qi = {
 					w("div", da, [w("button", {
 						class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:transition-all tpl:duration-150",
 						style: E({
-							color: v(I).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-							backgroundColor: v(I).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
+							color: v(L).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+							backgroundColor: v(L).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
 						}),
 						title: v(i).mediaLibrary.viewGrid,
-						onClick: n[3] ||= (e) => v(I).layoutMode.value = "grid"
-					}, [j(v(_e), {
+						onClick: n[3] ||= (e) => v(L).layoutMode.value = "grid"
+					}, [A(v(ge), {
 						size: 14,
 						"stroke-width": 2
 					})], 12, fa), w("button", {
 						class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:transition-all tpl:duration-150",
 						style: E({
-							color: v(I).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-							backgroundColor: v(I).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
+							color: v(L).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+							backgroundColor: v(L).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
 						}),
 						title: v(i).mediaLibrary.viewList,
-						onClick: n[4] ||= (e) => v(I).layoutMode.value = "list"
-					}, [j(v(he), {
+						onClick: n[4] ||= (e) => v(L).layoutMode.value = "list"
+					}, [A(v(ve), {
 						size: 14,
 						"stroke-width": 2
 					})], 12, pa)])
-				]), w("div", ma, [v(ae).length > 1 ? (o(), g("select", {
+				]), w("div", ma, [v(F).length > 1 ? (o(), g("select", {
 					key: 0,
 					class: "tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-7 tpl:pl-2.5 tpl:text-xs tpl:transition-all tpl:duration-150 tpl:outline-none",
 					style: {
@@ -5797,20 +5797,20 @@ var Zi = ["data-tpl-theme"], Qi = {
 						"background-color": "var(--tpl-bg)",
 						color: "var(--tpl-text)"
 					},
-					value: v(P).categoryFilter.value ?? "",
-					onChange: n[5] ||= (e) => v(P).filterByCategory(e.target.value || null)
-				}, [w("option", ga, p(v(i).mediaLibrary.filterAll), 1), (o(!0), g(O, null, c(v(ae), (e) => (o(), g("option", {
+					value: v(I).categoryFilter.value ?? "",
+					onChange: n[5] ||= (e) => v(I).filterByCategory(e.target.value || null)
+				}, [w("option", ga, p(v(i).mediaLibrary.filterAll), 1), (o(!0), g(D, null, c(v(F), (e) => (o(), g("option", {
 					key: e,
 					value: e
-				}, p(v(I).getCategoryLabel(e)), 9, _a))), 128))], 40, ha)) : _("", !0), w("select", {
+				}, p(v(L).getCategoryLabel(e)), 9, _a))), 128))], 40, ha)) : _("", !0), w("select", {
 					class: "tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-7 tpl:pl-2.5 tpl:text-xs tpl:transition-all tpl:duration-150 tpl:outline-none",
 					style: {
 						"border-color": "var(--tpl-border)",
 						"background-color": "var(--tpl-bg)",
 						color: "var(--tpl-text)"
 					},
-					value: v(P).sortOption.value,
-					onChange: n[6] ||= (e) => v(P).sortBy(e.target.value)
+					value: v(I).sortOption.value,
+					onChange: n[6] ||= (e) => v(I).sortBy(e.target.value)
 				}, [
 					w("option", ya, p(v(i).mediaLibrary.sortNewest), 1),
 					w("option", ba, p(v(i).mediaLibrary.sortOldest), 1),
@@ -5818,15 +5818,15 @@ 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(P).viewMode.value === "files" ? (o(), g("div", Ea, [j(Wi, {
-					"is-uploading": v(P).isUploading.value,
-					"upload-progress": v(P).uploadProgress.value,
-					onUpload: v(I).handleUpload
+				], 40, va)])]), w("div", Ta, [v(I).viewMode.value === "files" ? (o(), g("div", Ea, [A(Wi, {
+					"is-uploading": v(I).isUploading.value,
+					"upload-progress": v(I).uploadProgress.value,
+					onUpload: v(L).handleUpload
 				}, null, 8, [
 					"is-uploading",
 					"upload-progress",
 					"onUpload"
-				]), te.value ? (o(), g("button", {
+				]), M.value ? (o(), g("button", {
 					key: 0,
 					class: "tpl:mt-2 tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-dashed tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 					style: {
@@ -5834,22 +5834,22 @@ var Zi = ["data-tpl-theme"], Qi = {
 						color: "var(--tpl-text-muted)",
 						"background-color": "var(--tpl-bg)"
 					},
-					onClick: n[7] ||= (e) => v(I).showImportUrlModal.value = !0
-				}, [j(v(pe), {
+					onClick: n[7] ||= (e) => v(L).showImportUrlModal.value = !0
+				}, [A(v(he), {
 					size: 14,
 					"stroke-width": 2
-				}), k(" " + p(v(i).mediaLibrary.importFromUrl), 1)])) : _("", !0)])) : _("", !0), j(Xr, {
-					items: v(I).displayItems.value,
-					"selected-ids": v(P).selectedItems.value,
-					"is-loading": v(P).isLoading.value,
-					"has-more": v(P).viewMode.value === "files" && v(P).hasMore.value,
+				}), O(" " + p(v(i).mediaLibrary.importFromUrl), 1)])) : _("", !0)])) : _("", !0), A(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,
 					accept: e.accept,
-					layout: v(I).layoutMode.value,
-					onSelect: v(I).handleSelect,
-					onToggle: v(P).toggleSelection,
-					onLoadMore: v(P).loadMore,
-					onEdit: v(I).handleEditItem,
-					onReplace: v(I).handleReplaceItem
+					layout: v(L).layoutMode.value,
+					onSelect: v(L).handleSelect,
+					onToggle: v(I).toggleSelection,
+					onLoadMore: v(I).loadMore,
+					onEdit: v(L).handleEditItem,
+					onReplace: v(L).handleReplaceItem
 				}, null, 8, [
 					"items",
 					"selected-ids",
@@ -5863,36 +5863,36 @@ var Zi = ["data-tpl-theme"], Qi = {
 					"onEdit",
 					"onReplace"
 				])])])]),
-				j(ci, {
-					visible: v(I).showImportUrlModal.value,
-					"is-importing": v(P).isImportingFromUrl.value,
-					error: v(P).importFromUrlError.value,
-					onImport: v(I).handleImportFromUrl,
-					onClose: n[8] ||= (e) => v(I).showImportUrlModal.value = !1
+				A(ci, {
+					visible: v(L).showImportUrlModal.value,
+					"is-importing": v(I).isImportingFromUrl.value,
+					error: v(I).importFromUrlError.value,
+					onImport: v(L).handleImportFromUrl,
+					onClose: n[8] ||= (e) => v(L).showImportUrlModal.value = !1
 				}, null, 8, [
 					"visible",
 					"is-importing",
 					"error",
 					"onImport"
 				]),
-				j(or, {
-					visible: !!v(I).editingItem.value,
-					item: v(I).editingItem.value,
-					onSave: v(I).handleEditSave,
-					onClose: n[9] ||= (e) => v(I).editingItem.value = null
+				A(or, {
+					visible: !!v(L).editingItem.value,
+					item: v(L).editingItem.value,
+					onSave: v(L).handleEditSave,
+					onClose: n[9] ||= (e) => v(L).editingItem.value = null
 				}, null, 8, [
 					"visible",
 					"item",
 					"onSave"
 				]),
-				j(zi, {
-					visible: v(P).showReplaceWarning.value,
-					item: v(P).pendingReplaceItem.value,
-					"usage-info": v(P).replaceUsageInfo.value,
-					"is-replacing": v(P).isReplacing.value,
-					error: v(P).replaceError.value,
-					onReplace: v(I).handleReplaceFile,
-					onClose: v(P).cancelReplace
+				A(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,
+					onReplace: v(L).handleReplaceFile,
+					onClose: v(I).cancelReplace
 				}, null, 8, [
 					"visible",
 					"item",
@@ -5902,7 +5902,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 					"onReplace",
 					"onClose"
 				]),
-				j(x, {
+				A(x, {
 					"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 					"enter-from-class": "tpl:opacity-0",
 					"enter-to-class": "tpl:opacity-100",
@@ -5910,7 +5910,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 					"leave-from-class": "tpl:opacity-100",
 					"leave-to-class": "tpl:opacity-0"
 				}, {
-					default: u(() => [v(P).showDeleteWarning.value ? (o(), g("div", {
+					default: u(() => [v(I).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: {
@@ -5918,19 +5918,19 @@ var Zi = ["data-tpl-theme"], Qi = {
 							"backdrop-filter": "blur(8px)",
 							"-webkit-backdrop-filter": "blur(8px)"
 						},
-						onClick: n[12] ||= y((...e) => v(P).cancelDelete && v(P).cancelDelete(...e), ["self"])
+						onClick: n[12] ||= y((...e) => v(I).cancelDelete && v(I).cancelDelete(...e), ["self"])
 					}, [w("div", Da, [
 						w("h3", Oa, p(v(i).mediaLibrary.deleteWarningTitle), 1),
 						w("p", {
-							class: C(["tpl:text-xs", v(I).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
+							class: C(["tpl:text-xs", v(L).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
 							style: { color: "var(--tpl-text-muted)" }
 						}, p(v(i).mediaLibrary.deleteWarningMessage), 3),
-						v(I).hasUsedFiles.value ? (o(), g("p", ka, p(v(i).mediaLibrary.deleteWarningUsageNote), 1)) : _("", !0),
-						v(I).hasUsedFiles.value ? (o(), g("div", Aa, [(o(!0), g(O, null, c(v(P).deleteUsageInfo.value, (e, t) => (o(), g("div", {
+						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(D, null, c(v(I).deleteUsageInfo.value, (e, t) => (o(), g("div", {
 							key: t,
 							class: "tpl:text-xs",
 							style: { color: "var(--tpl-text)" }
-						}, [e.template_count > 0 ? (o(), g(O, { key: 0 }, [w("span", ja, p(v(I).displayItems.value.find((e) => e.id === t)?.filename || t), 1), w("span", Ma, " - " + p(v(i).mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : _("", !0)]))), 128))])) : _("", !0),
+						}, [e.template_count > 0 ? (o(), g(D, { key: 0 }, [w("span", ja, p(v(L).displayItems.value.find((e) => e.id === t)?.filename || t), 1), w("span", Ma, " - " + p(v(i).mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : _("", !0)]))), 128))])) : _("", !0),
 						w("div", Na, [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: {
@@ -5938,7 +5938,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 								color: "var(--tpl-text)",
 								"background-color": "var(--tpl-bg)"
 							},
-							onClick: n[10] ||= (...e) => v(P).cancelDelete && v(P).cancelDelete(...e)
+							onClick: n[10] ||= (...e) => v(I).cancelDelete && v(I).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: {
@@ -5946,31 +5946,31 @@ var Zi = ["data-tpl-theme"], Qi = {
 								color: "var(--tpl-danger)",
 								"background-color": "var(--tpl-danger-light)"
 							},
-							onClick: n[11] ||= (...e) => v(P).confirmDelete && v(P).confirmDelete(...e)
-						}, p(v(I).hasUsedFiles.value ? v(i).mediaLibrary.deleteAnyway : v(i).mediaLibrary.confirmDelete), 1)])
+							onClick: n[11] ||= (...e) => v(I).confirmDelete && v(I).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(P).previewItem.value ? (o(), b(wi, {
+				w("div", Pa, [w("div", Fa, [v(I).previewItem.value ? (o(), b(wi, {
 					key: 0,
-					"selected-conversion": v(I).selectedConversion.value,
-					"onUpdate:selectedConversion": n[13] ||= (e) => v(I).selectedConversion.value = e,
-					item: v(P).previewItem.value,
-					folders: v(P).folders.value
+					"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
 				}, null, 8, [
 					"selected-conversion",
 					"item",
 					"folders"
-				])) : _("", !0)]), w("div", Ia, [v(P).selectedItems.value.size > 0 ? (o(), g("div", La, [v(P).previewItem.value ? (o(), g("button", {
+				])) : _("", !0)]), w("div", Ia, [v(I).selectedItems.value.size > 0 ? (o(), g("div", La, [v(I).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({
-						borderColor: v(I).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
-						color: v(I).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
+						borderColor: v(L).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
+						color: v(L).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
 						backgroundColor: "var(--tpl-bg)"
 					}),
-					onClick: n[14] ||= (e) => v(I).copy(v(I).selectedUrl.value)
-				}, [v(I).copied.value ? (o(), b(v(M), {
+					onClick: n[14] ||= (e) => v(L).copy(v(L).selectedUrl.value)
+				}, [v(L).copied.value ? (o(), b(v(j), {
 					key: 1,
 					size: 12,
 					"stroke-width": 2
@@ -5978,25 +5978,25 @@ var Zi = ["data-tpl-theme"], Qi = {
 					key: 0,
 					size: 12,
 					"stroke-width": 2
-				})), k(" " + p(v(I).copied.value ? v(i).mediaLibrary.copied : v(i).mediaLibrary.copyUrl), 1)], 4)) : _("", !0), A.value ? (o(), g("div", Ra, [w("button", {
+				})), O(" " + p(v(L).copied.value ? v(i).mediaLibrary.copied : v(i).mediaLibrary.copyUrl), 1)], 4)) : _("", !0), k.value ? (o(), g("div", Ra, [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: {
 						"border-color": "var(--tpl-border)",
 						color: "var(--tpl-text)",
 						"background-color": "var(--tpl-bg)"
 					},
-					onClick: n[15] ||= (e) => v(I).showMovePicker.value = !v(I).showMovePicker.value
-				}, p(v(i).mediaLibrary.moveSelected), 1), v(I).showMovePicker.value ? (o(), b(pi, {
+					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(P).folders.value,
-					"current-folder-id": v(P).currentFolderId.value,
-					onSelect: v(I).handleMoveToFolder,
-					onClose: n[16] ||= (e) => v(I).showMovePicker.value = !1
+					folders: v(I).folders.value,
+					"current-folder-id": v(I).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(P).selectedItems.value.size > 0 ? (o(), g("button", {
+				])) : _("", !0)])) : _("", !0)])) : _("", !0), w("div", za, [v(I).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: {
@@ -6004,7 +6004,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 						color: "var(--tpl-danger)",
 						"background-color": "var(--tpl-danger-light)"
 					},
-					onClick: n[17] ||= (...e) => v(I).handleDeleteClick && v(I).handleDeleteClick(...e)
+					onClick: n[17] ||= (...e) => v(L).handleDeleteClick && v(L).handleDeleteClick(...e)
 				}, p(v(i).mediaLibrary.deleteSelected), 1)) : _("", !0), w("button", {
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-4 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
 					style: {
@@ -6022,4 +6022,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-ClQUPxRM.js.map
+//# sourceMappingURL=media-library-C479-QcE.js.map