@aswin.dev/editor 0.7.0 → 0.7.2

package/dist/cdn/chunks/{media-library-CVaNvhpM.js → media-library-BTF_Ko70.js}

@@ -1,6 +1,6 @@
-import { $ as e, B as t, E as n, F as r, H as i, I as a, J as o, L as s, N as c, O as l, R as u, S as d, U as f, _ as p, at as m, b as h, c as g, ct as _, d as v, f as y, g as b, h as x, l as S, lt as C, m as w, n as T, p as E, s as D, st as O, u as k, y as A } from "./draggable-Bcb86AsV.js";
-import { E as j, Et as M, Ot as ee, St as N, T as P, an as te, ft as F, gt as I, in as ne, it as L, nn as re, on as R, ot as ie, pt as ae, rn as oe, rt as se, sn as ce, tn as le, tt as ue } from "./features-DEMb13KS.js";
-import { A as de, B as fe, E as pe, K as me, R as he, W as ge, b as _e, m as ve, q as ye } from "./icons-CsLTcirh.js";
+import { C as e, D as t, G as n, H as r, I as i, L as a, P as o, R as s, W as c, X as l, _ as u, b as d, c as f, ct as p, d as m, dt as h, f as g, ft as _, g as v, h as y, k as b, l as x, m as S, n as C, p as w, tt as T, u as E, ut as D, v as O, x as k, z as A } from "./draggable-C-1_gch3.js";
+import { E as j, Mt as M, T as N, Tt as P, at as ee, ct as te, dn as ne, gt as F, hn as I, it as L, kt as re, ln as R, mn as ie, mt as ae, nt as oe, pn as se, un as ce, vn as le, yt as ue } from "./features-DIBEo4xl.js";
+import { $ as de, K as fe, M as pe, O as me, W as he, Z as ge, et as _e, h as ve, x as ye } from "./icons-C1Gg-ov-.js";
 //#region ../media-library/src/api-client.ts
 var be = class {
 	constructor(e) {
@@ -36,7 +36,7 @@ var be = 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 = `${j(P["media.browse"], this.baseParams)}${n ? `?${n}` : ""}`, i = await this.authManager.authenticatedFetch(r, { headers: { Accept: "application/json" } });
+		let n = t.toString(), r = `${j(N["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 });
@@ -46,7 +46,7 @@ var be = class {
 	async uploadMedia(e, t) {
 		let n = new FormData();
 		n.append("file", e), t && n.append("folder_id", t);
-		let r = j(P["media.upload"], this.baseParams), i = await this.authManager.authenticatedFetch(r, {
+		let r = j(N["media.upload"], this.baseParams), i = await this.authManager.authenticatedFetch(r, {
 			method: "POST",
 			headers: { Accept: "application/json" },
 			body: n
@@ -58,7 +58,7 @@ var be = class {
 		return (await i.json()).data;
 	}
 	async updateMedia(e, t, n) {
-		return this.request(j(P["media.update"], {
+		return this.request(j(N["media.update"], {
 			...this.baseParams,
 			media: e
 		}), {
@@ -70,13 +70,13 @@ var be = class {
 		});
 	}
 	async deleteMedia(e) {
-		return this.request(j(P["media.delete"], this.baseParams), {
+		return this.request(j(N["media.delete"], this.baseParams), {
 			method: "POST",
 			body: JSON.stringify({ ids: e })
 		});
 	}
 	async moveMedia(e, t) {
-		return this.request(j(P["media.move"], this.baseParams), {
+		return this.request(j(N["media.move"], this.baseParams), {
 			method: "POST",
 			body: JSON.stringify({
 				ids: e,
@@ -85,10 +85,10 @@ var be = class {
 		});
 	}
 	async getMediaFolders() {
-		return this.request(j(P["folders.index"], this.baseParams));
+		return this.request(j(N["folders.index"], this.baseParams));
 	}
 	async createMediaFolder(e, t) {
-		return this.request(j(P["folders.store"], this.baseParams), {
+		return this.request(j(N["folders.store"], this.baseParams), {
 			method: "POST",
 			body: JSON.stringify({
 				name: e,
@@ -97,7 +97,7 @@ var be = class {
 		});
 	}
 	async renameMediaFolder(e, t) {
-		return this.request(j(P["folders.update"], {
+		return this.request(j(N["folders.update"], {
 			...this.baseParams,
 			mediaFolder: e
 		}), {
@@ -106,13 +106,13 @@ var be = class {
 		});
 	}
 	async deleteMediaFolder(e) {
-		return this.request(j(P["folders.destroy"], {
+		return this.request(j(N["folders.destroy"], {
 			...this.baseParams,
 			mediaFolder: e
 		}), { method: "DELETE" });
 	}
 	async checkMediaUsage(e) {
-		let t = await this.authManager.authenticatedFetch(j(P["media.checkUsage"], this.baseParams), {
+		let t = await this.authManager.authenticatedFetch(j(N["media.checkUsage"], this.baseParams), {
 			method: "POST",
 			headers: {
 				"Content-Type": "application/json",
@@ -127,10 +127,10 @@ var be = class {
 		return t.json();
 	}
 	async getFrequentlyUsed() {
-		return this.request(j(P["media.frequentlyUsed"], this.baseParams));
+		return this.request(j(N["media.frequentlyUsed"], this.baseParams));
 	}
 	async importFromUrl(e, t) {
-		return this.request(j(P["media.importFromUrl"], this.baseParams), {
+		return this.request(j(N["media.importFromUrl"], this.baseParams), {
 			method: "POST",
 			body: JSON.stringify({
 				url: e,
@@ -141,7 +141,7 @@ var be = class {
 	async replaceMedia(e, t) {
 		let n = new FormData();
 		n.append("file", t);
-		let r = j(P["media.replace"], {
+		let r = j(N["media.replace"], {
 			...this.baseParams,
 			media: e
 		}), i = await this.authManager.authenticatedFetch(r, {
@@ -158,186 +158,186 @@ var be = class {
 };
 //#endregion
 //#region ../media-library/src/composable.ts
-function xe(t) {
-	if (!t.projectId) throw Error("projectId is required for useMediaLibrary");
-	let n = new be(t.authManager), r = e([]), i = e([]), a = e(null), o = e("files"), s = e(""), c = e(null), l = e("newest"), u = e(!1), d = e(!1), f = e(!1), p = e(null), m = e(null), h = e(/* @__PURE__ */ new Set()), g = e(null), _ = e([]), v = e({}), y = e(!1), b = e([]), x = e(!1), S = e(null), C = e(!1), w = e(null), T = e(!1), E = e(null), D = e(null), O = 0;
+function xe(e) {
+	if (!e.projectId) throw Error("projectId is required for useMediaLibrary");
+	let t = new be(e.authManager), n = T([]), r = T([]), i = T(null), a = T("files"), o = T(""), s = T(null), c = T("newest"), l = T(!1), u = T(!1), d = T(!1), f = T(null), p = T(null), m = T(/* @__PURE__ */ new Set()), h = T(null), g = T([]), _ = T({}), v = T(!1), y = T([]), b = T(!1), x = T(null), S = T(!1), C = T(null), w = T(!1), E = T(null), D = T(null), O = 0;
 	async function k() {
-		let e = ++O;
-		u.value = !0;
+		let r = ++O;
+		l.value = !0;
 		try {
-			let t = await n.browseMedia({
-				folder_id: s.value ? void 0 : a.value,
-				search: s.value || void 0,
-				category: c.value || void 0,
-				sort: l.value === "newest" ? void 0 : l.value
+			let e = await t.browseMedia({
+				folder_id: o.value ? void 0 : i.value,
+				search: o.value || void 0,
+				category: s.value || void 0,
+				sort: c.value === "newest" ? void 0 : c.value
 			});
-			if (e !== O) return;
-			r.value = t.data, p.value = t.meta.next_cursor, f.value = !!t.meta.next_cursor;
-		} catch (n) {
-			if (e !== O) return;
-			t.onError?.(n);
+			if (r !== O) return;
+			n.value = e.data, f.value = e.meta.next_cursor, d.value = !!e.meta.next_cursor;
+		} catch (t) {
+			if (r !== O) return;
+			e.onError?.(t);
 		} finally {
-			e === O && (u.value = !1);
+			r === O && (l.value = !1);
 		}
 	}
 	async function A() {
-		if (!f.value || !p.value || u.value) return;
-		let e = ++O;
-		u.value = !0;
+		if (!d.value || !f.value || l.value) return;
+		let r = ++O;
+		l.value = !0;
 		try {
-			let t = await n.browseMedia({
-				folder_id: s.value ? void 0 : a.value,
-				search: s.value || void 0,
-				category: c.value || void 0,
-				sort: l.value === "newest" ? void 0 : l.value,
-				cursor: p.value
+			let e = await t.browseMedia({
+				folder_id: o.value ? void 0 : i.value,
+				search: o.value || void 0,
+				category: s.value || void 0,
+				sort: c.value === "newest" ? void 0 : c.value,
+				cursor: f.value
 			});
-			if (e !== O) return;
-			r.value = [...r.value, ...t.data], p.value = t.meta.next_cursor, f.value = !!t.meta.next_cursor;
-		} catch (n) {
-			if (e !== O) return;
-			t.onError?.(n);
+			if (r !== O) return;
+			n.value = [...n.value, ...e.data], f.value = e.meta.next_cursor, d.value = !!e.meta.next_cursor;
+		} catch (t) {
+			if (r !== O) return;
+			e.onError?.(t);
 		} finally {
-			e === O && (u.value = !1);
+			r === O && (l.value = !1);
 		}
 	}
 	async function j(e) {
-		s.value = e, await k();
+		o.value = e, await k();
 	}
 	async function M(e) {
-		c.value = e, await k();
-	}
-	async function ee(e) {
-		l.value = e, await k();
+		s.value = e, await k();
 	}
 	async function N(e) {
-		o.value = "files", a.value = e, s.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await k();
+		c.value = e, await k();
 	}
-	async function P() {
-		o.value = "frequently-used", a.value = null, s.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await re();
+	async function P(e) {
+		a.value = "files", i.value = e, o.value = "", m.value = /* @__PURE__ */ new Set(), h.value = null, await k();
 	}
-	async function te(e) {
-		d.value = !0;
+	async function ee() {
+		a.value = "frequently-used", i.value = null, o.value = "", m.value = /* @__PURE__ */ new Set(), h.value = null, await re();
+	}
+	async function te(r) {
+		u.value = !0;
 		try {
-			let t = await n.uploadMedia(e, a.value);
-			return r.value = [t, ...r.value], t;
-		} catch (e) {
-			return t.onError?.(e), null;
+			let e = await t.uploadMedia(r, i.value);
+			return n.value = [e, ...n.value], e;
+		} catch (t) {
+			return e.onError?.(t), null;
 		} finally {
-			d.value = !1;
+			u.value = !1;
 		}
 	}
-	async function F(e) {
-		d.value = !0, m.value = {
+	async function ne(r) {
+		u.value = !0, p.value = {
 			current: 0,
-			total: e.length
+			total: r.length
 		};
 		try {
-			for (let i = 0; i < e.length; i++) {
-				m.value = {
-					current: i + 1,
-					total: e.length
+			for (let a = 0; a < r.length; a++) {
+				p.value = {
+					current: a + 1,
+					total: r.length
 				};
 				try {
-					r.value = [await n.uploadMedia(e[i], a.value), ...r.value];
-				} catch (e) {
-					t.onError?.(e);
+					n.value = [await t.uploadMedia(r[a], i.value), ...n.value];
+				} catch (t) {
+					e.onError?.(t);
 				}
 			}
 		} finally {
-			d.value = !1, m.value = null;
+			u.value = !1, p.value = null;
 		}
 	}
-	async function I(e) {
-		if (h.value.size !== 0) try {
-			let t = await n.moveMedia([...h.value], e);
-			if (a.value === null) {
-				let e = new Map(t.map((e) => [e.id, e]));
-				r.value = r.value.map((t) => e.get(t.id) ?? t);
-			} else r.value = r.value.filter((e) => !h.value.has(e.id));
-			h.value = /* @__PURE__ */ new Set(), g.value = null;
-		} catch (e) {
-			t.onError?.(e);
+	async function F(r) {
+		if (m.value.size !== 0) try {
+			let e = await t.moveMedia([...m.value], r);
+			if (i.value === null) {
+				let t = new Map(e.map((e) => [e.id, e]));
+				n.value = n.value.map((e) => t.get(e.id) ?? e);
+			} else n.value = n.value.filter((e) => !m.value.has(e.id));
+			m.value = /* @__PURE__ */ new Set(), h.value = null;
+		} catch (t) {
+			e.onError?.(t);
 		}
 	}
-	async function ne(e, i, a) {
+	async function I(r, i, a) {
 		try {
-			let t = await n.updateMedia(e, i, a);
-			r.value = r.value.map((n) => n.id === e ? t : n), g.value?.id === e && (g.value = t);
-		} catch (e) {
-			t.onError?.(e);
+			let e = await t.updateMedia(r, i, a);
+			n.value = n.value.map((t) => t.id === r ? e : t), h.value?.id === r && (h.value = e);
+		} catch (t) {
+			e.onError?.(t);
 		}
 	}
 	async function L() {
-		if (h.value.size !== 0) try {
-			await n.deleteMedia([...h.value]), r.value = r.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 (e) {
-			t.onError?.(e);
+		if (m.value.size !== 0) try {
+			await t.deleteMedia([...m.value]), n.value = n.value.filter((e) => !m.value.has(e.id)), g.value = g.value.filter((e) => !m.value.has(e.id)), m.value = /* @__PURE__ */ new Set(), h.value = null;
+		} catch (t) {
+			e.onError?.(t);
 		}
 	}
 	async function re() {
 		try {
-			_.value = await n.getFrequentlyUsed();
-		} catch (e) {
-			t.onError?.(e);
+			g.value = await t.getFrequentlyUsed();
+		} catch (t) {
+			e.onError?.(t);
 		}
 	}
 	async function R() {
-		if (h.value.size === 0) return !1;
-		b.value = [...h.value];
+		if (m.value.size === 0) return !1;
+		y.value = [...m.value];
 		try {
-			let e = await n.checkMediaUsage(b.value);
-			v.value = e.data;
-			let t = Object.values(e.data).some((e) => e.template_count > 0);
-			return y.value = !0, t;
-		} catch (e) {
-			return t.onError?.(e), !1;
+			let e = await t.checkMediaUsage(y.value);
+			_.value = e.data;
+			let n = Object.values(e.data).some((e) => e.template_count > 0);
+			return v.value = !0, n;
+		} catch (t) {
+			return e.onError?.(t), !1;
 		}
 	}
 	async function ie() {
-		if (y.value = !1, b.value.length !== 0) try {
-			await n.deleteMedia(b.value), r.value = r.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 (e) {
-			t.onError?.(e);
+		if (v.value = !1, y.value.length !== 0) try {
+			await t.deleteMedia(y.value), n.value = n.value.filter((e) => !y.value.includes(e.id)), g.value = g.value.filter((e) => !y.value.includes(e.id)), m.value = /* @__PURE__ */ new Set(), h.value = null, y.value = [], _.value = {};
+		} catch (t) {
+			e.onError?.(t);
 		}
 	}
 	function ae() {
-		y.value = !1, b.value = [], v.value = {};
+		v.value = !1, y.value = [], _.value = {};
 	}
-	async function oe(e) {
-		x.value = !0, S.value = null;
+	async function oe(r) {
+		b.value = !0, x.value = null;
 		try {
-			let t = await n.importFromUrl(e, a.value);
-			return r.value = [t, ...r.value], t;
-		} catch (e) {
-			return S.value = e instanceof Error ? e.message : "Import failed", t.onError?.(e), null;
+			let e = await t.importFromUrl(r, i.value);
+			return n.value = [e, ...n.value], e;
+		} catch (t) {
+			return x.value = t instanceof Error ? t.message : "Import failed", e.onError?.(t), null;
 		} finally {
-			x.value = !1;
+			b.value = !1;
 		}
 	}
 	function se(e) {
-		let t = new Set(h.value);
-		t.has(e) ? t.delete(e) : t.add(e), h.value = t;
+		let t = new Set(m.value);
+		t.has(e) ? t.delete(e) : t.add(e), m.value = t;
 	}
 	function ce() {
-		h.value = /* @__PURE__ */ new Set(), g.value = null;
+		m.value = /* @__PURE__ */ new Set(), h.value = null;
 	}
 	function le(e) {
-		g.value = e, h.value = new Set([e.id]);
+		h.value = e, m.value = new Set([e.id]);
 	}
 	async function ue() {
 		try {
-			i.value = await n.getMediaFolders();
-		} catch (e) {
-			t.onError?.(e);
+			r.value = await t.getMediaFolders();
+		} catch (t) {
+			e.onError?.(t);
 		}
 	}
-	async function de(e, r) {
+	async function de(n, r) {
 		try {
-			let t = await n.createMediaFolder(e, r);
-			return await ue(), t;
-		} catch (e) {
-			return t.onError?.(e), null;
+			let e = await t.createMediaFolder(n, r);
+			return await ue(), e;
+		} catch (t) {
+			return e.onError?.(t), null;
 		}
 	}
 	function fe(e, t) {
@@ -350,83 +350,83 @@ function xe(t) {
 		}
 		return null;
 	}
-	async function pe(e, r) {
+	async function pe(n, r) {
 		try {
-			await n.renameMediaFolder(e, r), await ue();
-		} catch (e) {
-			t.onError?.(e);
+			await t.renameMediaFolder(n, r), await ue();
+		} catch (t) {
+			e.onError?.(t);
 		}
 	}
-	async function me(e) {
+	async function me(n) {
 		try {
-			let t = fe(i.value, e)?.parent_id ?? null;
-			await n.deleteMediaFolder(e), a.value === e && (a.value = t), await ue(), await k();
-		} catch (e) {
-			t.onError?.(e);
+			let e = fe(r.value, n)?.parent_id ?? null;
+			await t.deleteMediaFolder(n), i.value === n && (i.value = e), await ue(), await k();
+		} catch (t) {
+			e.onError?.(t);
 		}
 	}
-	async function he(e) {
-		E.value = e, w.value = null;
+	async function he(n) {
+		E.value = n, C.value = null;
 		try {
-			D.value = (await n.checkMediaUsage([e.id])).data[e.id] ?? null, T.value = !0;
-		} catch (e) {
-			t.onError?.(e);
+			D.value = (await t.checkMediaUsage([n.id])).data[n.id] ?? null, w.value = !0;
+		} catch (t) {
+			e.onError?.(t);
 		}
 	}
 	function ge() {
-		T.value = !1, E.value = null, D.value = null, w.value = null;
+		w.value = !1, E.value = null, D.value = null, C.value = null;
 	}
-	async function _e(e) {
+	async function _e(r) {
 		if (!E.value) return null;
-		C.value = !0, w.value = null;
+		S.value = !0, C.value = null;
 		try {
-			let t = await n.replaceMedia(E.value.id, e);
-			return r.value = r.value.map((e) => e.id === t.id ? t : e), _.value = _.value.map((e) => e.id === t.id ? t : e), g.value?.id === t.id && (g.value = t), T.value = !1, E.value = null, D.value = null, t;
-		} catch (e) {
-			return w.value = e instanceof Error ? e.message : "Replace failed", t.onError?.(e), null;
+			let e = await t.replaceMedia(E.value.id, r);
+			return n.value = n.value.map((t) => t.id === e.id ? e : t), g.value = g.value.map((t) => t.id === e.id ? e : t), h.value?.id === e.id && (h.value = e), w.value = !1, E.value = null, D.value = null, e;
+		} catch (t) {
+			return C.value = t instanceof Error ? t.message : "Replace failed", e.onError?.(t), null;
 		} finally {
-			C.value = !1;
+			S.value = !1;
 		}
 	}
-	async function ve(e, i) {
+	async function ve(r, i) {
 		try {
-			let t = await n.replaceMedia(e, i);
-			return r.value = r.value.map((e) => e.id === t.id ? t : e), _.value = _.value.map((e) => e.id === t.id ? t : e), g.value?.id === t.id && (g.value = t), t;
-		} catch (e) {
-			return t.onError?.(e), null;
+			let e = await t.replaceMedia(r, i);
+			return n.value = n.value.map((t) => t.id === e.id ? e : t), g.value = g.value.map((t) => t.id === e.id ? e : t), h.value?.id === e.id && (h.value = e), e;
+		} catch (t) {
+			return e.onError?.(t), null;
 		}
 	}
 	return {
-		items: r,
-		folders: i,
-		currentFolderId: a,
-		viewMode: o,
-		searchQuery: s,
-		categoryFilter: c,
-		sortOption: l,
-		isLoading: u,
-		isUploading: d,
-		uploadProgress: m,
-		hasMore: f,
-		selectedItems: h,
-		previewItem: g,
-		frequentlyUsedItems: _,
-		deleteUsageInfo: v,
-		showDeleteWarning: y,
+		items: n,
+		folders: r,
+		currentFolderId: i,
+		viewMode: a,
+		searchQuery: o,
+		categoryFilter: s,
+		sortOption: c,
+		isLoading: l,
+		isUploading: u,
+		uploadProgress: p,
+		hasMore: d,
+		selectedItems: m,
+		previewItem: h,
+		frequentlyUsedItems: g,
+		deleteUsageInfo: _,
+		showDeleteWarning: v,
 		loadItems: k,
 		loadMore: A,
 		search: j,
 		filterByCategory: M,
-		sortBy: ee,
-		navigateToFolder: N,
-		showFrequentlyUsed: P,
+		sortBy: N,
+		navigateToFolder: P,
+		showFrequentlyUsed: ee,
 		uploadFile: te,
-		uploadFiles: F,
-		moveSelected: I,
-		updateFile: ne,
+		uploadFiles: ne,
+		moveSelected: F,
+		updateFile: I,
 		deleteSelected: L,
-		isImportingFromUrl: x,
-		importFromUrlError: S,
+		isImportingFromUrl: b,
+		importFromUrlError: x,
 		importFromUrl: oe,
 		toggleSelection: se,
 		clearSelection: ce,
@@ -440,9 +440,9 @@ function xe(t) {
 		checkUsageBeforeDelete: R,
 		confirmDelete: ie,
 		cancelDelete: ae,
-		isReplacing: C,
-		replaceError: w,
-		showReplaceWarning: T,
+		isReplacing: S,
+		replaceError: C,
+		showReplaceWarning: w,
 		pendingReplaceItem: E,
 		replaceUsageInfo: D,
 		checkUsageBeforeReplace: he,
@@ -454,7 +454,7 @@ function xe(t) {
 //#endregion
 //#region ../media-library/src/composables/useI18n.ts
 function z(e) {
-	let t = e ?? n("translations"), r = o(t) ? t.value : t;
+	let n = e ?? t("translations"), r = l(n) ? n.value : n;
 	function i(e, t) {
 		return e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : `{${n}}`);
 	}
@@ -472,7 +472,7 @@ var Se = {
 }, Ce = ["onClick"], we = {
 	key: 1,
 	style: { color: "var(--tpl-text)" }
-}, Te = /* @__PURE__ */ d({
+}, Te = /* @__PURE__ */ e({
 	__name: "MediaBreadcrumb",
 	props: {
 		folders: {},
@@ -480,37 +480,37 @@ var Se = {
 	},
 	emits: ["navigate"],
 	setup(e, { emit: t }) {
-		let n = e, i = t, { t: a } = z(), o = E(() => {
+		let n = e, r = t, { t: a } = z(), s = S(() => {
 			if (!n.currentFolderId) return [];
 			let e = [];
-			return s(n.folders, n.currentFolderId, e), e;
+			return c(n.folders, n.currentFolderId, e), e;
 		});
-		function s(e, t, n) {
+		function c(e, t, n) {
 			for (let r of e) {
 				if (r.id === t) return n.push(r), !0;
-				if (r.children && s(r.children, t, n)) return n.unshift(r), !0;
+				if (r.children && c(r.children, t, n)) return n.unshift(r), !0;
 			}
 			return !1;
 		}
-		return (e, t) => o.value.length > 0 ? (c(), p("div", Se, [w("button", {
+		return (e, t) => s.value.length > 0 ? (o(), O("div", Se, [y("button", {
 			class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
 			style: { color: "var(--tpl-primary)" },
-			onClick: t[0] ||= (e) => i("navigate", null)
-		}, C(m(a).mediaLibrary.allFiles), 1), (c(!0), p(v, null, r(o.value, (e, t) => (c(), p(v, { key: e.id }, [h(m(M), {
+			onClick: t[0] ||= (e) => r("navigate", null)
+		}, _(p(a).mediaLibrary.allFiles), 1), (o(!0), O(g, null, i(s.value, (e, t) => (o(), O(g, { key: e.id }, [k(p(re), {
 			size: 12,
 			"stroke-width": 2
-		}), t < o.value.length - 1 ? (c(), p("button", {
+		}), t < s.value.length - 1 ? (o(), O("button", {
 			key: 0,
 			class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
 			style: { color: "var(--tpl-primary)" },
-			onClick: (t) => i("navigate", e.id)
-		}, C(e.name), 9, Ce)) : (c(), p("span", we, C(e.name), 1))], 64))), 128))])) : b("", !0);
+			onClick: (t) => r("navigate", e.id)
+		}, _(e.name), 9, Ce)) : (o(), O("span", we, _(e.name), 1))], 64))), 128))])) : u("", !0);
 	}
 });
 //#endregion
 //#region ../media-library/src/composables/useMediaCategories.ts
 function Ee() {
-	let e = n("planConfig"), t = E(() => e.config.value?.media ?? null), r = E(() => t.value?.use_media_library ?? !0), i = E(() => t.value?.categories ?? null), a = E(() => i.value ? Object.values(i.value).flatMap((e) => e.mime_types) : []), o = E(() => a.value.join(",")), s = E(() => t.value?.max_file_size ?? 0);
+	let e = t("planConfig"), n = S(() => e.config.value?.media ?? null), r = S(() => n.value?.use_media_library ?? !0), i = S(() => n.value?.categories ?? null), a = S(() => i.value ? Object.values(i.value).flatMap((e) => e.mime_types) : []), o = S(() => a.value.join(",")), s = S(() => n.value?.max_file_size ?? 0);
 	function c(e, t) {
 		return i.value ? !t || t.length === 0 ? a.value.includes(e) : t.some((t) => i.value[t]?.mime_types.includes(e)) : !1;
 	}
@@ -527,7 +527,7 @@ function Ee() {
 		allAcceptedMimeTypes: a,
 		allAcceptedInputString: o,
 		maxFileSize: s,
-		availableCategories: E(() => i.value ? Object.keys(i.value) : []),
+		availableCategories: S(() => i.value ? Object.keys(i.value) : []),
 		isAcceptedMimeType: c,
 		isImageMimeType: l,
 		getCategoryForMimeType: u
@@ -886,21 +886,21 @@ var Ze = function(e, t) {
 		"enter"
 	]
 };
-tt.render = function(e, t, n, r, i, o) {
-	return c(), x("div", {
+tt.render = function(e, t, n, r, i, s) {
+	return o(), v("div", {
 		ref: "draggable",
 		class: n.classname,
 		onTouchstart: t[1] ||= function() {
-			return o.onTouchStart && o.onTouchStart.apply(o, arguments);
+			return s.onTouchStart && s.onTouchStart.apply(s, arguments);
 		},
 		onMousedown: t[2] ||= function() {
-			return o.onMouseDown && o.onMouseDown.apply(o, arguments);
+			return s.onMouseDown && s.onMouseDown.apply(s, arguments);
 		},
 		onMouseover: t[3] ||= function() {
-			return o.onMouseOver && o.onMouseOver.apply(o, arguments);
+			return s.onMouseOver && s.onMouseOver.apply(s, arguments);
 		},
 		onMouseleave: t[4] ||= function() {
-			return o.onMouseLeave && o.onMouseLeave.apply(o, arguments);
+			return s.onMouseLeave && s.onMouseLeave.apply(s, arguments);
 		}
 	}, [a(e.$slots, "default")], 34);
 };
@@ -933,9 +933,9 @@ var nt = U("vue-handler-wrapper"), rt = {
 		"drag-end"
 	]
 };
-rt.render = function(e, t, n, r, o, l) {
+rt.render = function(e, t, n, r, i, l) {
 	var u = s("DraggableElement");
-	return c(), x("div", { class: l.classes.root }, [h(u, {
+	return o(), v("div", { class: l.classes.root }, [k(u, {
 		class: l.classes.draggable,
 		onDrag: t[1] ||= function(t) {
 			return e.$emit("drag", t);
@@ -950,7 +950,7 @@ rt.render = function(e, t, n, r, o, l) {
 			return e.$emit("enter");
 		}
 	}, {
-		default: i((function() {
+		default: c((function() {
 			return [a(e.$slots, "default")];
 		})),
 		_: 3
@@ -980,9 +980,9 @@ var it = U("vue-line-wrapper"), at = {
 		"drag-end"
 	]
 };
-at.render = function(e, t, n, r, o, l) {
+at.render = function(e, t, n, r, i, l) {
 	var u = s("DraggableElement");
-	return c(), x(u, {
+	return o(), v(u, {
 		class: l.classname,
 		onDrag: t[1] ||= function(t) {
 			return e.$emit("drag", t);
@@ -997,7 +997,7 @@ at.render = function(e, t, n, r, o, l) {
 			return e.$emit("enter");
 		}
 	}, {
-		default: i((function() {
+		default: c((function() {
 			return [a(e.$slots, "default")];
 		})),
 		_: 3
@@ -1559,20 +1559,20 @@ var Wt = U("vue-simple-handler"), Gt = U("vue-simple-handler-wrapper"), Kt = {
 	},
 	emits: ["drag", "drag-end"]
 };
-Kt.render = function(e, t, n, r, a, o) {
+Kt.render = function(e, t, n, r, i, a) {
 	var l = s("HandlerWrapper");
-	return c(), x(l, {
-		class: o.classes.wrapper,
+	return o(), v(l, {
+		class: a.classes.wrapper,
 		"vertical-position": n.verticalPosition,
 		"horizontal-position": n.horizontalPosition,
 		disabled: n.disabled,
-		onDrag: o.onDrag,
-		onDragEnd: o.onDragEnd,
-		onEnter: o.onEnter,
-		onLeave: o.onLeave
+		onDrag: a.onDrag,
+		onDragEnd: a.onDragEnd,
+		onEnter: a.onEnter,
+		onLeave: a.onLeave
 	}, {
-		default: i((function() {
-			return [h("div", { class: o.classes.default }, null, 2)];
+		default: c((function() {
+			return [k("div", { class: a.classes.default }, null, 2)];
 		})),
 		_: 1
 	}, 8, [
@@ -1624,19 +1624,19 @@ var qt = U("vue-simple-line"), Jt = U("vue-simple-line-wrapper"), Yt = {
 	},
 	emits: ["drag", "drag-end"]
 };
-Yt.render = function(e, t, n, r, a, o) {
+Yt.render = function(e, t, n, r, i, a) {
 	var l = s("LineWrapper");
-	return c(), x(l, {
-		class: o.classes.wrapper,
+	return o(), v(l, {
+		class: a.classes.wrapper,
 		position: n.position,
 		disabled: n.disabled,
-		onDrag: o.onDrag,
-		onDragEnd: o.onDragEnd,
-		onEnter: o.onEnter,
-		onLeave: o.onLeave
+		onDrag: a.onDrag,
+		onDragEnd: a.onDragEnd,
+		onEnter: a.onEnter,
+		onLeave: a.onLeave
 	}, {
-		default: i((function() {
-			return [h("div", { class: o.classes.root }, null, 2)];
+		default: c((function() {
+			return [k("div", { class: a.classes.root }, null, 2)];
 		})),
 		_: 1
 	}, 8, [
@@ -1833,15 +1833,15 @@ var Xt = U("vue-bounding-box"), Zt = [
 	},
 	emits: ["resize", "resize-end"]
 };
-$t.render = function(e, t, n, i, o, s) {
-	return c(), x("div", {
+$t.render = function(e, t, n, r, s, c) {
+	return o(), v("div", {
 		ref: "box",
-		class: s.classes.root,
-		style: s.style
+		class: c.classes.root,
+		style: c.style
 	}, [
 		a(e.$slots, "default"),
-		h("div", null, [(c(!0), x(v, null, r(s.lineNodes, (function(e) {
-			return c(), x(u(e.component), {
+		k("div", null, [(o(!0), v(g, null, i(c.lineNodes, (function(e) {
+			return o(), v(A(e.component), {
 				key: e.name,
 				"default-class": e.class,
 				"hover-class": e.hoverClass,
@@ -1849,10 +1849,10 @@ $t.render = function(e, t, n, i, o, s) {
 				position: e.name,
 				disabled: e.disabled,
 				onDrag: function(t) {
-					return s.onHandlerDrag(t, e.horizontalDirection, e.verticalDirection);
+					return c.onHandlerDrag(t, e.horizontalDirection, e.verticalDirection);
 				},
 				onDragEnd: t[1] ||= function(e) {
-					return s.onEnd();
+					return c.onEnd();
 				}
 			}, null, 8, [
 				"default-class",
@@ -1863,12 +1863,12 @@ $t.render = function(e, t, n, i, o, s) {
 				"onDrag"
 			]);
 		})), 128))]),
-		(c(!0), x(v, null, r(s.handlerNodes, (function(e) {
-			return c(), x("div", {
+		(o(!0), v(g, null, i(c.handlerNodes, (function(e) {
+			return o(), v("div", {
 				key: e.name,
 				style: e.wrapperStyle,
 				class: e.wrapperClass
-			}, [(c(), x(u(e.component), {
+			}, [(o(), v(A(e.component), {
 				"default-class": e.class,
 				"hover-class": e.hoverClass,
 				"wrapper-class": e.wrapperClass,
@@ -1876,10 +1876,10 @@ $t.render = function(e, t, n, i, o, s) {
 				"vertical-position": e.verticalDirection,
 				disabled: e.disabled,
 				onDrag: function(t) {
-					return s.onHandlerDrag(t, e.horizontalDirection, e.verticalDirection);
+					return c.onHandlerDrag(t, e.horizontalDirection, e.verticalDirection);
 				},
 				onDragEnd: t[2] ||= function(e) {
-					return s.onEnd();
+					return c.onEnd();
 				}
 			}, null, 8, [
 				"default-class",
@@ -1982,14 +1982,14 @@ var en = U("vue-draggable-area"), tn = {
 	},
 	emits: ["move", "move-end"]
 };
-tn.render = function(e, t, n, r, i, o) {
-	return c(), x("div", {
+tn.render = function(e, t, n, r, i, s) {
+	return o(), v("div", {
 		ref: "container",
 		onTouchstart: t[1] ||= function() {
-			return o.onTouchStart && o.onTouchStart.apply(o, arguments);
+			return s.onTouchStart && s.onTouchStart.apply(s, arguments);
 		},
 		onMousedown: t[2] ||= function() {
-			return o.onMouseDown && o.onMouseDown.apply(o, arguments);
+			return s.onMouseDown && s.onMouseDown.apply(s, arguments);
 		}
 	}, [a(e.$slots, "default")], 544);
 };
@@ -2149,11 +2149,11 @@ function ln(e, t) {
 	};
 }
 cn.render = function(e, t, n, r, i, a) {
-	return c(), x("div", { class: a.classes.root }, [h("div", {
+	return o(), v("div", { class: a.classes.root }, [k("div", {
 		ref: "wrapper",
 		class: a.classes.wrapper,
 		style: a.wrapperStyle
-	}, [h("img", {
+	}, [k("img", {
 		ref: "image",
 		src: n.image.src,
 		class: a.classes.image,
@@ -2282,17 +2282,17 @@ var un = {
 		"transform-end"
 	]
 };
-un.render = function(e, t, n, r, i, o) {
-	return c(), x("div", {
+un.render = function(e, t, n, r, i, s) {
+	return o(), v("div", {
 		ref: "container",
 		onTouchstart: t[1] ||= function() {
-			return o.onTouchStart && o.onTouchStart.apply(o, arguments);
+			return s.onTouchStart && s.onTouchStart.apply(s, arguments);
 		},
 		onMousedown: t[2] ||= function() {
-			return o.onMouseDown && o.onMouseDown.apply(o, arguments);
+			return s.onMouseDown && s.onMouseDown.apply(s, arguments);
 		},
 		onWheel: t[3] ||= function() {
-			return o.onWheel && o.onWheel.apply(o, arguments);
+			return s.onWheel && s.onWheel.apply(s, arguments);
 		}
 	}, [a(e.$slots, "default")], 544);
 };
@@ -2318,9 +2318,9 @@ var dn = {
 	},
 	emits: ["resize", "move"]
 };
-dn.render = function(e, t, n, r, o, l) {
+dn.render = function(e, t, n, r, i, l) {
 	var u = s("transformable-image");
-	return c(), x(u, {
+	return o(), v(u, {
 		"touch-move": n.touchMove,
 		"touch-resize": n.touchResize,
 		"mouse-move": n.mouseMove,
@@ -2332,7 +2332,7 @@ dn.render = function(e, t, n, r, o, l) {
 			return e.$emit("resize", t);
 		}
 	}, {
-		default: i((function() {
+		default: c((function() {
 			return [a(e.$slots, "default")];
 		})),
 		_: 3
@@ -2467,29 +2467,29 @@ var fn = U("vue-preview"), pn = {
 		}
 	}
 };
-pn.render = function(e, t, n, r, i, a) {
-	return c(), x("div", {
+pn.render = function(e, t, r, i, a, s) {
+	return o(), v("div", {
 		ref: "root",
-		class: a.classes.root,
-		style: a.style
-	}, [h("div", {
+		class: s.classes.root,
+		style: s.style
+	}, [k("div", {
 		ref: "wrapper",
-		class: a.classes.wrapper,
-		style: a.wrapperStyle
-	}, [f(h("img", {
+		class: s.classes.wrapper,
+		style: s.wrapperStyle
+	}, [n(k("img", {
 		ref: "image",
-		src: n.image && n.image.src,
-		class: a.classes.image,
-		style: a.imageStyle
-	}, null, 14, ["src"]), [[g, n.image && n.image.src]])], 6)], 6);
+		src: r.image && r.image.src,
+		class: s.classes.image,
+		style: s.imageStyle
+	}, null, 14, ["src"]), [[x, r.image && r.image.src]])], 6)], 6);
 };
 var mn = {
 	components: { Preview: pn },
 	inheritAttrs: !1
 };
 mn.render = function(e, t, n, r, i, a) {
-	var o = s("preview");
-	return c(), x(o, l(e.$attrs, { fill: !0 }), null, 16);
+	var c = s("preview");
+	return o(), v(c, b(e.$attrs, { fill: !0 }), null, 16);
 };
 var hn = U("vue-rectangle-stencil"), gn = {
 	name: "RectangleStencil",
@@ -2611,16 +2611,16 @@ var hn = U("vue-rectangle-stencil"), gn = {
 		"move-end"
 	]
 };
-gn.render = function(e, t, n, r, a, o) {
+gn.render = function(e, t, n, r, i, a) {
 	var l = s("stencil-preview"), u = s("draggable-area"), d = s("bounding-box");
-	return c(), x("div", {
-		class: o.classes.stencil,
-		style: o.style
-	}, [h(d, {
+	return o(), v("div", {
+		class: a.classes.stencil,
+		style: a.style
+	}, [k(d, {
 		width: n.stencilCoordinates.width,
 		height: n.stencilCoordinates.height,
 		transitions: n.transitions,
-		class: o.classes.boundingBox,
+		class: a.classes.boundingBox,
 		handlers: n.handlers,
 		"handlers-component": n.handlersComponent,
 		"handlers-classes": n.handlersClasses,
@@ -2630,22 +2630,22 @@ gn.render = function(e, t, n, r, a, o) {
 		"lines-classes": n.linesClasses,
 		"lines-wrappers-classes": n.linesWrappersClasses,
 		resizable: n.resizable,
-		onResize: o.onResize,
-		onResizeEnd: o.onResizeEnd
+		onResize: a.onResize,
+		onResizeEnd: a.onResizeEnd
 	}, {
-		default: i((function() {
-			return [h(u, {
+		default: c((function() {
+			return [k(u, {
 				movable: n.movable,
-				onMove: o.onMove,
-				onMoveEnd: o.onMoveEnd
+				onMove: a.onMove,
+				onMoveEnd: a.onMoveEnd
 			}, {
-				default: i((function() {
-					return [h(l, {
+				default: c((function() {
+					return [k(l, {
 						image: n.image,
 						coordinates: n.coordinates,
 						width: n.stencilCoordinates.width,
 						height: n.stencilCoordinates.height,
-						class: o.classes.preview,
+						class: a.classes.preview,
 						transitions: n.transitions
 					}, null, 8, [
 						"image",
@@ -2808,16 +2808,16 @@ var _n = U("vue-circle-stencil"), vn = {
 		"move-end"
 	]
 };
-vn.render = function(e, t, n, r, a, o) {
+vn.render = function(e, t, n, r, i, a) {
 	var l = s("stencil-preview"), u = s("draggable-area"), d = s("bounding-box");
-	return c(), x("div", {
-		class: o.classes.stencil,
-		style: o.style
-	}, [h(d, {
+	return o(), v("div", {
+		class: a.classes.stencil,
+		style: a.style
+	}, [k(d, {
 		width: n.stencilCoordinates.width,
 		height: n.stencilCoordinates.height,
 		transitions: n.transitions,
-		class: o.classes.boundingBox,
+		class: a.classes.boundingBox,
 		handlers: n.handlers,
 		"handlers-component": n.handlersComponent,
 		"handlers-classes": n.handlersClasses,
@@ -2827,22 +2827,22 @@ vn.render = function(e, t, n, r, a, o) {
 		"lines-classes": n.linesClasses,
 		"lines-wrappers-classes": n.linesWrappersClasses,
 		resizable: n.resizable,
-		onResize: o.onResize,
-		onResizeEnd: o.onResizeEnd
+		onResize: a.onResize,
+		onResizeEnd: a.onResizeEnd
 	}, {
-		default: i((function() {
-			return [h(u, {
+		default: c((function() {
+			return [k(u, {
 				movable: n.movable,
-				onMove: o.onMove,
-				onMoveEnd: o.onMoveEnd
+				onMove: a.onMove,
+				onMoveEnd: a.onMoveEnd
 			}, {
-				default: i((function() {
-					return [h(l, {
+				default: c((function() {
+					return [k(l, {
 						image: n.image,
 						coordinates: n.coordinates,
 						width: n.stencilCoordinates.width,
 						height: n.stencilCoordinates.height,
-						class: o.classes.preview,
+						class: a.classes.preview,
 						transitions: n.transitions
 					}, null, 8, [
 						"image",
@@ -3997,54 +3997,54 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 	ref: "sourceCanvas",
 	style: { display: "none" }
 };
-xn.render = function(e, t, n, r, a, o) {
-	return c(), x("div", {
+xn.render = function(e, t, r, i, a, s) {
+	return o(), v("div", {
 		ref: "cropper",
-		class: o.classes.cropper
-	}, [h("div", {
+		class: s.classes.cropper
+	}, [k("div", {
 		ref: "stretcher",
-		class: o.classes.stretcher
-	}, null, 2), h("div", {
-		class: o.classes.boundaries,
-		style: o.boundariesStyle
-	}, [(c(), x(u(n.backgroundWrapperComponent), {
-		class: o.classes.cropperWrapper,
-		"wheel-resize": o.settings.resizeImage.wheel,
-		"touch-resize": o.settings.resizeImage.touch,
-		"touch-move": o.settings.moveImage.touch,
-		"mouse-move": o.settings.moveImage.mouse,
-		onMove: o.onManipulateImage,
-		onResize: o.onManipulateImage
+		class: s.classes.stretcher
+	}, null, 2), k("div", {
+		class: s.classes.boundaries,
+		style: s.boundariesStyle
+	}, [(o(), v(A(r.backgroundWrapperComponent), {
+		class: s.classes.cropperWrapper,
+		"wheel-resize": s.settings.resizeImage.wheel,
+		"touch-resize": s.settings.resizeImage.touch,
+		"touch-move": s.settings.moveImage.touch,
+		"mouse-move": s.settings.moveImage.mouse,
+		onMove: s.onManipulateImage,
+		onResize: s.onManipulateImage
 	}, {
-		default: i((function() {
+		default: c((function() {
 			return [
-				h("div", {
-					class: o.classes.background,
-					style: o.boundariesStyle
+				k("div", {
+					class: s.classes.background,
+					style: s.boundariesStyle
 				}, null, 6),
-				h("div", { class: o.classes.imageWrapper }, [h("img", {
+				k("div", { class: s.classes.imageWrapper }, [k("img", {
 					ref: "image",
 					crossorigin: a.imageAttributes.crossOrigin,
 					src: a.imageAttributes.src,
-					class: o.classes.image,
-					style: o.imageStyle,
-					onMousedown: t[1] ||= k((function() {}), ["prevent"])
+					class: s.classes.image,
+					style: s.imageStyle,
+					onMousedown: t[1] ||= m((function() {}), ["prevent"])
 				}, null, 46, ["crossorigin", "src"])], 2),
-				h("div", {
-					class: o.classes.foreground,
-					style: o.boundariesStyle
+				k("div", {
+					class: s.classes.foreground,
+					style: s.boundariesStyle
 				}, null, 6),
-				f((c(), x(u(n.stencilComponent), l({
+				n((o(), v(A(r.stencilComponent), b({
 					ref: "stencil",
-					image: o.image,
+					image: s.image,
 					coordinates: a.coordinates,
-					"stencil-coordinates": o.stencilCoordinates,
-					transitions: o.transitionsOptions
-				}, n.stencilProps, {
-					onResize: o.onResize,
-					onResizeEnd: o.onResizeEnd,
-					onMove: o.onMove,
-					onMoveEnd: o.onMoveEnd
+					"stencil-coordinates": s.stencilCoordinates,
+					transitions: s.transitionsOptions
+				}, r.stencilProps, {
+					onResize: s.onResize,
+					onResizeEnd: s.onResizeEnd,
+					onMove: s.onMove,
+					onMoveEnd: s.onMoveEnd
 				}), null, 16, [
 					"image",
 					"coordinates",
@@ -4054,9 +4054,9 @@ xn.render = function(e, t, n, r, a, o) {
 					"onResizeEnd",
 					"onMove",
 					"onMoveEnd"
-				])), [[g, a.imageLoaded]]),
-				n.canvas ? (c(), x("canvas", Sn, null, 512)) : b("", !0),
-				n.canvas ? (c(), x("canvas", Cn, null, 512)) : b("", !0)
+				])), [[x, a.imageLoaded]]),
+				r.canvas ? (o(), v("canvas", Sn, null, 512)) : u("", !0),
+				r.canvas ? (o(), v("canvas", Cn, null, 512)) : u("", !0)
 			];
 		})),
 		_: 1
@@ -4122,22 +4122,22 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 }, $n = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, er = ["placeholder"], tr = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2 tpl:p-5 tpl:pt-4" }, nr = ["disabled"], rr = /* @__PURE__ */ ue(/* @__PURE__ */ d({
+}, er = ["placeholder"], tr = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2 tpl:p-5 tpl:pt-4" }, nr = ["disabled"], rr = /* @__PURE__ */ oe(/* @__PURE__ */ e({
 	__name: "MediaEditModal",
 	props: {
 		visible: { type: Boolean },
 		item: {}
 	},
 	emits: ["save", "close"],
-	setup(a, { emit: o }) {
-		let s = a, l = o, { t: u } = z(), d = n("tplUiTheme"), g = u.mediaLibrary, { isImageMimeType: S } = Ee(), j = e(""), M = e(""), ee = e(null), N = e("free"), P = e(void 0), te = e(void 0), F = e(""), I = e(""), ne = e(void 0), L = e(null), re = e(!1), R = e(!1), ie = e(!1), ae = E(() => s.item ? [
+	setup(e, { emit: a }) {
+		let s = e, l = a, { t: b } = z(), x = t("tplUiTheme"), E = b.mediaLibrary, { isImageMimeType: A } = Ee(), j = T(""), M = T(""), N = T(null), P = T("free"), ee = T(void 0), te = T(void 0), ne = T(""), F = T(""), I = T(void 0), L = T(null), re = T(!1), R = T(!1), ie = T(!1), ae = S(() => s.item ? [
 			"image/jpeg",
 			"image/png",
 			"image/webp",
 			"image/gif"
-		].includes(s.item.mime_type) : !1), oe = E(() => N.value === "original" ? ne.value : De[N.value]), se = E(() => L.value ? je(L.value.width, L.value.height, P.value, te.value) : null);
-		t(() => s.visible, (e) => {
-			e && s.item && (j.value = s.item.filename, M.value = s.item.alt_text || "", N.value = "free", P.value = void 0, te.value = void 0, F.value = "", I.value = "", ne.value = void 0, L.value = null, re.value = !1, ie.value = !1, s.item.width && s.item.height && (ne.value = s.item.width / s.item.height));
+		].includes(s.item.mime_type) : !1), oe = S(() => P.value === "original" ? I.value : De[P.value]), se = S(() => L.value ? je(L.value.width, L.value.height, ee.value, te.value) : null);
+		r(() => s.visible, (e) => {
+			e && s.item && (j.value = s.item.filename, M.value = s.item.alt_text || "", P.value = "free", ee.value = void 0, te.value = void 0, ne.value = "", F.value = "", I.value = void 0, L.value = null, re.value = !1, ie.value = !1, s.item.width && s.item.height && (I.value = s.item.width / s.item.height));
 		});
 		function ce(e) {
 			e.coordinates && (L.value = {
@@ -4146,26 +4146,26 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			}, ie.value = !0);
 		}
 		function le() {
-			re.value = !0, !ne.value && s.item?.width && s.item?.height && (ne.value = s.item.width / s.item.height);
+			re.value = !0, !I.value && s.item?.width && s.item?.height && (I.value = s.item.width / s.item.height);
 		}
 		function ue(e) {
 			let t = e.target.value;
-			F.value = t, P.value = t && parseInt(t, 10) || void 0;
+			ne.value = t, ee.value = t && parseInt(t, 10) || void 0;
 		}
 		function de(e) {
 			let t = e.target.value;
-			I.value = t, te.value = t && parseInt(t, 10) || void 0;
+			F.value = t, te.value = t && parseInt(t, 10) || void 0;
 		}
 		async function fe() {
 			let e = j.value.trim();
 			if (!e || !s.item || R.value) return;
-			let t = S(s.item.mime_type), n;
-			if (ae.value && ee.value && ie.value) {
+			let t = A(s.item.mime_type), n;
+			if (ae.value && N.value && ie.value) {
 				R.value = !0;
 				try {
-					let { canvas: e } = ee.value.getResult();
+					let { canvas: e } = N.value.getResult();
 					if (e) {
-						let t = ke(e, P.value, te.value), r = Oe(s.item.mime_type);
+						let t = ke(e, ee.value, te.value), r = Oe(s.item.mime_type);
 						n = { file: await Ae(t, s.item.filename, r) };
 					}
 				} catch {
@@ -4179,7 +4179,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 		function pe(e) {
 			e.key === "Enter" && !R.value && (e.preventDefault(), fe()), e.key === "Escape" && l("close");
 		}
-		return (e, t) => (c(), x(y, { to: "body" }, [h(T, {
+		return (t, r) => (o(), v(w, { to: "body" }, [k(C, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 			"enter-from-class": "tpl:opacity-0",
 			"enter-to-class": "tpl:opacity-100",
@@ -4187,48 +4187,48 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			"leave-from-class": "tpl:opacity-100",
 			"leave-to-class": "tpl:opacity-0"
 		}, {
-			default: i(() => [a.visible && a.item ? (c(), p("div", {
+			default: c(() => [e.visible && e.item ? (o(), O("div", {
 				key: 0,
-				"data-tpl-theme": m(d),
+				"data-tpl-theme": p(x),
 				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: t[3] ||= k((e) => l("close"), ["self"]),
+				onClick: r[3] ||= m((e) => l("close"), ["self"]),
 				onKeydown: pe
-			}, [w("div", {
-				class: O(["tpl:mx-4 tpl:flex tpl:max-h-[90vh] tpl:w-full tpl:flex-col tpl:overflow-hidden tpl:rounded-lg tpl:shadow-xl", ae.value ? "tpl:max-w-2xl" : "tpl:max-w-sm"]),
+			}, [y("div", {
+				class: D(["tpl:mx-4 tpl:flex tpl:max-h-[90vh] tpl:w-full tpl:flex-col tpl:overflow-hidden tpl:rounded-lg tpl:shadow-xl", ae.value ? "tpl:max-w-2xl" : "tpl:max-w-sm"]),
 				style: { "background-color": "var(--tpl-bg-elevated)" }
 			}, [
-				w("div", Tn, [w("h3", En, C(m(u).mediaLibrary.editFile), 1)]),
-				w("div", Dn, [
-					ae.value ? (c(), p("div", On, [w("div", kn, [h(m(xn), {
+				y("div", Tn, [y("h3", En, _(p(b).mediaLibrary.editFile), 1)]),
+				y("div", Dn, [
+					ae.value ? (o(), O("div", On, [y("div", kn, [k(p(xn), {
 						ref_key: "cropperRef",
-						ref: ee,
-						src: a.item.url,
+						ref: N,
+						src: e.item.url,
 						"stencil-props": { aspectRatio: oe.value },
 						class: "tpl:h-full tpl:w-full",
 						"background-class": "tpl-cropper-background",
 						onChange: ce,
 						onReady: le
-					}, null, 8, ["src", "stencil-props"])]), w("div", An, [
-						w("div", null, [w("label", jn, C(m(u).mediaLibrary.cropAspectRatio), 1), w("div", Mn, [(c(), p(v, null, r([
+					}, null, 8, ["src", "stencil-props"])]), y("div", An, [
+						y("div", null, [y("label", jn, _(p(b).mediaLibrary.cropAspectRatio), 1), y("div", Mn, [(o(), O(g, null, i([
 							"free",
 							"square",
 							"landscape43",
 							"landscape169",
 							"original"
-						], (e) => w("button", {
+						], (e) => y("button", {
 							key: e,
 							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: _({
-								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)"
+							style: h({
+								borderColor: P.value === e ? "var(--tpl-primary)" : "var(--tpl-border)",
+								backgroundColor: P.value === e ? "var(--tpl-primary-light)" : "var(--tpl-bg)",
+								color: P.value === e ? "var(--tpl-primary)" : "var(--tpl-text)"
 							}),
-							onClick: (t) => N.value = e
-						}, C(m(g)[`crop${e.charAt(0).toUpperCase()}${e.slice(1)}`]), 13, Nn)), 64))])]),
-						w("div", Pn, [w("div", Fn, [w("label", In, [A(C(m(u).mediaLibrary.cropMaxWidth) + " ", 1), w("span", Ln, C(m(u).mediaLibrary.cropOptional), 1)]), w("div", Rn, [w("input", {
-							value: F.value,
+							onClick: (t) => P.value = e
+						}, _(p(E)[`crop${e.charAt(0).toUpperCase()}${e.slice(1)}`]), 13, Nn)), 64))])]),
+						y("div", Pn, [y("div", Fn, [y("label", In, [d(_(p(b).mediaLibrary.cropMaxWidth) + " ", 1), y("span", Ln, _(p(b).mediaLibrary.cropOptional), 1)]), y("div", Rn, [y("input", {
+							value: ne.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",
@@ -4239,8 +4239,8 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 							},
 							placeholder: L.value?.width?.toString() || "",
 							onInput: ue
-						}, null, 40, zn), w("span", Bn, C(m(u).mediaLibrary.cropPixels), 1)])]), w("div", Vn, [w("label", Hn, [A(C(m(u).mediaLibrary.cropMaxHeight) + " ", 1), w("span", Un, C(m(u).mediaLibrary.cropOptional), 1)]), w("div", Wn, [w("input", {
-							value: I.value,
+						}, null, 40, zn), y("span", Bn, _(p(b).mediaLibrary.cropPixels), 1)])]), y("div", Vn, [y("label", Hn, [d(_(p(b).mediaLibrary.cropMaxHeight) + " ", 1), y("span", Un, _(p(b).mediaLibrary.cropOptional), 1)]), y("div", Wn, [y("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",
@@ -4251,11 +4251,11 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 							},
 							placeholder: L.value?.height?.toString() || "",
 							onInput: de
-						}, null, 40, Gn), w("span", Kn, C(m(u).mediaLibrary.cropPixels), 1)])])]),
-						se.value ? (c(), p("div", qn, [w("span", null, C(m(u).mediaLibrary.cropOutputSize) + ": ", 1), w("span", Jn, C(se.value.width) + " x " + C(se.value.height) + " " + C(m(u).mediaLibrary.cropPixels), 1)])) : b("", !0)
-					])])) : b("", !0),
-					w("div", Yn, [w("label", Xn, C(m(u).mediaLibrary.fileName), 1), f(w("input", {
-						"onUpdate:modelValue": t[0] ||= (e) => j.value = e,
+						}, null, 40, Gn), y("span", Kn, _(p(b).mediaLibrary.cropPixels), 1)])])]),
+						se.value ? (o(), O("div", qn, [y("span", null, _(p(b).mediaLibrary.cropOutputSize) + ": ", 1), y("span", Jn, _(se.value.width) + " x " + _(se.value.height) + " " + _(p(b).mediaLibrary.cropPixels), 1)])) : u("", !0)
+					])])) : u("", !0),
+					y("div", Yn, [y("label", Xn, _(p(b).mediaLibrary.fileName), 1), n(y("input", {
+						"onUpdate:modelValue": r[0] ||= (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: {
@@ -4264,9 +4264,9 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 							color: "var(--tpl-text)"
 						},
 						autofocus: !ae.value
-					}, null, 8, Zn), [[D, j.value]])]),
-					m(S)(a.item.mime_type) ? (c(), p("div", Qn, [w("label", $n, C(m(u).mediaLibrary.altText), 1), f(w("input", {
-						"onUpdate:modelValue": t[1] ||= (e) => M.value = e,
+					}, null, 8, Zn), [[f, j.value]])]),
+					p(A)(e.item.mime_type) ? (o(), O("div", Qn, [y("label", $n, _(p(b).mediaLibrary.altText), 1), n(y("input", {
+						"onUpdate:modelValue": r[1] ||= (e) => M.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: {
@@ -4274,24 +4274,24 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 							"background-color": "var(--tpl-bg)",
 							color: "var(--tpl-text)"
 						},
-						placeholder: m(u).mediaLibrary.altTextPlaceholder
-					}, null, 8, er), [[D, M.value]])])) : b("", !0)
+						placeholder: p(b).mediaLibrary.altTextPlaceholder
+					}, null, 8, er), [[f, M.value]])])) : u("", !0)
 				]),
-				w("div", tr, [w("button", {
+				y("div", tr, [y("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: t[2] ||= (e) => l("close")
-				}, C(m(u).mediaLibrary.cancel), 1), w("button", {
+					onClick: r[2] ||= (e) => l("close")
+				}, _(p(b).mediaLibrary.cancel), 1), y("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: R.value,
 					onClick: fe
-				}, C(R.value ? m(u).mediaLibrary.saving : m(u).mediaLibrary.saveChanges), 9, nr)])
-			], 2)], 40, wn)) : b("", !0)]),
+				}, _(R.value ? p(b).mediaLibrary.saving : p(b).mediaLibrary.saveChanges), 9, nr)])
+			], 2)], 40, wn)) : u("", !0)]),
 			_: 1
 		})]));
 	}
@@ -4304,7 +4304,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 }, or = {
 	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"
-}, sr = ["title"], cr = ["title"], lr = { key: 0 }, ur = ["placeholder"], dr = 5, fr = /* @__PURE__ */ d({
+}, sr = ["title"], cr = ["title"], lr = { key: 0 }, ur = ["placeholder"], dr = 5, fr = /* @__PURE__ */ e({
 	__name: "MediaFolderTreeNode",
 	props: {
 		folder: {},
@@ -4317,64 +4317,64 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 		"renameFolder",
 		"deleteFolder"
 	],
-	setup(t, { emit: n }) {
-		let i = t, a = n, { t: o } = z(), l = e(!1), u = e(!1), d = e(""), g = e(!1), y = e(""), T = E(() => (i.folder.children?.length ?? 0) > 0), A = E(() => i.depth < dr - 1), j = E(() => i.currentFolderId === i.folder.id), ee = E(() => !i.currentFolderId || !i.folder.children ? !1 : P(i.folder.children, i.currentFolderId)), N = E(() => l.value || ee.value);
+	setup(e, { emit: t }) {
+		let r = e, a = t, { t: c } = z(), l = T(!1), d = T(!1), b = T(""), x = T(!1), C = T(""), w = S(() => (r.folder.children?.length ?? 0) > 0), A = S(() => r.depth < dr - 1), j = S(() => r.currentFolderId === r.folder.id), M = S(() => !r.currentFolderId || !r.folder.children ? !1 : P(r.folder.children, r.currentFolderId)), N = S(() => l.value || M.value);
 		function P(e, t) {
 			for (let n of e) if (n.id === t || n.children && P(n.children, t)) return !0;
 			return !1;
 		}
-		function te() {
+		function ee() {
 			l.value = !l.value;
 		}
-		function F() {
-			u.value = !0, d.value = i.folder.name;
+		function ne() {
+			d.value = !0, b.value = r.folder.name;
 		}
 		function I() {
-			let e = d.value.trim();
-			e && e !== i.folder.name && a("renameFolder", i.folder.id, e), u.value = !1, d.value = "";
-		}
-		function ne() {
-			u.value = !1, d.value = "";
+			let e = b.value.trim();
+			e && e !== r.folder.name && a("renameFolder", r.folder.id, e), d.value = !1, b.value = "";
 		}
 		function L() {
-			g.value = !0, y.value = "", l.value = !0;
-		}
-		function re() {
-			y.value.trim() && a("createFolder", y.value.trim(), i.folder.id), g.value = !1, y.value = "";
+			d.value = !1, b.value = "";
 		}
 		function R() {
-			g.value = !1, y.value = "";
+			x.value = !0, C.value = "", l.value = !0;
 		}
-		return (e, n) => {
-			let i = s("MediaFolderTreeNode", !0);
-			return c(), p("div", null, [w("div", {
+		function ie() {
+			C.value.trim() && a("createFolder", C.value.trim(), r.folder.id), x.value = !1, C.value = "";
+		}
+		function ae() {
+			x.value = !1, C.value = "";
+		}
+		return (t, r) => {
+			let l = s("MediaFolderTreeNode", !0);
+			return o(), O("div", null, [y("div", {
 				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: _({
-					paddingLeft: `${t.depth * 16 + 8}px`,
+				style: h({
+					paddingLeft: `${e.depth * 16 + 8}px`,
 					backgroundColor: j.value ? "var(--tpl-bg-active)" : "transparent",
 					color: j.value ? "var(--tpl-primary)" : "var(--tpl-text)"
 				})
 			}, [
-				T.value || g.value ? (c(), p("button", {
+				w.value || x.value ? (o(), O("button", {
 					key: 0,
 					class: "tpl:flex tpl:size-4 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
-					onClick: k(te, ["stop"])
-				}, [h(m(M), {
-					class: O(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": N.value }]),
+					onClick: m(ee, ["stop"])
+				}, [k(p(re), {
+					class: D(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": N.value }]),
 					size: 10,
 					"stroke-width": 2
-				}, null, 8, ["class"])])) : (c(), p("span", ir)),
-				w("button", {
+				}, null, 8, ["class"])])) : (o(), O("span", ir)),
+				y("button", {
 					class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-1.5",
-					onClick: n[0] ||= (e) => a("navigate", t.folder.id)
-				}, [h(m(me), {
+					onClick: r[0] ||= (t) => a("navigate", e.folder.id)
+				}, [k(p(de), {
 					class: "tpl:shrink-0",
 					size: 14,
 					"stroke-width": 1.5
-				}), u.value ? b("", !0) : (c(), p("span", ar, C(t.folder.name), 1))]),
-				u.value ? f((c(), p("input", {
+				}), d.value ? u("", !0) : (o(), O("span", ar, _(e.folder.name), 1))]),
+				d.value ? n((o(), O("input", {
 					key: 2,
-					"onUpdate:modelValue": n[1] ||= (e) => d.value = e,
+					"onUpdate:modelValue": r[1] ||= (e) => b.value = e,
 					type: "text",
 					class: "tpl:min-w-0 tpl:flex-1 tpl:rounded tpl:border tpl:px-1.5 tpl:py-0.5 tpl:text-xs tpl:outline-none",
 					style: {
@@ -4383,56 +4383,56 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 						color: "var(--tpl-text)"
 					},
 					autofocus: "",
-					onKeydown: [S(I, ["enter"]), S(ne, ["escape"])],
+					onKeydown: [E(I, ["enter"]), E(L, ["escape"])],
 					onBlur: I,
-					onClick: n[2] ||= k(() => {}, ["stop"])
-				}, null, 544)), [[D, d.value]]) : b("", !0),
-				u.value ? b("", !0) : (c(), p("span", or, [
-					A.value ? (c(), p("button", {
+					onClick: r[2] ||= m(() => {}, ["stop"])
+				}, null, 544)), [[f, b.value]]) : u("", !0),
+				d.value ? u("", !0) : (o(), O("span", or, [
+					A.value ? (o(), O("button", {
 						key: 0,
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
-						title: m(o).mediaLibrary.addSubfolder,
-						onClick: k(L, ["stop"])
-					}, [h(m(pe), {
+						title: p(c).mediaLibrary.addSubfolder,
+						onClick: m(R, ["stop"])
+					}, [k(p(me), {
 						size: 12,
 						"stroke-width": 2
-					})], 8, sr)) : b("", !0),
-					w("button", {
+					})], 8, sr)) : u("", !0),
+					y("button", {
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
-						title: m(o).mediaLibrary.renameFolder,
-						onClick: k(F, ["stop"])
-					}, [h(m(ae), {
+						title: p(c).mediaLibrary.renameFolder,
+						onClick: m(ne, ["stop"])
+					}, [k(p(F), {
 						size: 12,
 						"stroke-width": 2
 					})], 8, cr),
-					w("button", {
+					y("button", {
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
-						onClick: n[3] ||= k((e) => a("deleteFolder", t.folder.id), ["stop"])
-					}, [h(m(ie), {
+						onClick: r[3] ||= m((t) => a("deleteFolder", e.folder.id), ["stop"])
+					}, [k(p(te), {
 						size: 12,
 						"stroke-width": 2,
 						style: { color: "var(--tpl-danger)" }
 					})])
 				]))
-			], 4), N.value ? (c(), p("div", lr, [(c(!0), p(v, null, r(t.folder.children, (e) => (c(), x(i, {
-				key: e.id,
-				folder: e,
-				"current-folder-id": t.currentFolderId,
-				depth: t.depth + 1,
-				onNavigate: n[4] ||= (e) => a("navigate", e),
-				onCreateFolder: n[5] ||= (e, t) => a("createFolder", e, t),
-				onRenameFolder: n[6] ||= (e, t) => a("renameFolder", e, t),
-				onDeleteFolder: n[7] ||= (e) => a("deleteFolder", e)
+			], 4), N.value ? (o(), O("div", lr, [(o(!0), O(g, null, i(e.folder.children, (t) => (o(), v(l, {
+				key: t.id,
+				folder: t,
+				"current-folder-id": e.currentFolderId,
+				depth: e.depth + 1,
+				onNavigate: r[4] ||= (e) => a("navigate", e),
+				onCreateFolder: r[5] ||= (e, t) => a("createFolder", e, t),
+				onRenameFolder: r[6] ||= (e, t) => a("renameFolder", e, t),
+				onDeleteFolder: r[7] ||= (e) => a("deleteFolder", e)
 			}, null, 8, [
 				"folder",
 				"current-folder-id",
 				"depth"
-			]))), 128)), g.value ? (c(), p("div", {
+			]))), 128)), x.value ? (o(), O("div", {
 				key: 0,
-				style: _({ paddingLeft: `${(t.depth + 1) * 16 + 8}px` }),
+				style: h({ paddingLeft: `${(e.depth + 1) * 16 + 8}px` }),
 				class: "tpl:py-1.5 tpl:pr-2"
-			}, [f(w("input", {
-				"onUpdate:modelValue": n[8] ||= (e) => y.value = e,
+			}, [n(y("input", {
+				"onUpdate:modelValue": r[8] ||= (e) => C.value = e,
 				type: "text",
 				class: "tpl:w-full tpl:rounded tpl:border tpl:px-2 tpl:py-1 tpl:text-xs tpl:outline-none",
 				style: {
@@ -4440,17 +4440,17 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 					"background-color": "var(--tpl-bg)",
 					color: "var(--tpl-text)"
 				},
-				placeholder: m(o).mediaLibrary.subfolderName,
+				placeholder: p(c).mediaLibrary.subfolderName,
 				autofocus: "",
-				onKeydown: [S(re, ["enter"]), S(R, ["escape"])],
-				onBlur: re
-			}, null, 40, ur), [[D, y.value]])], 4)) : b("", !0)])) : b("", !0)]);
+				onKeydown: [E(ie, ["enter"]), E(ae, ["escape"])],
+				onBlur: ie
+			}, null, 40, ur), [[f, C.value]])], 4)) : u("", !0)])) : u("", !0)]);
 		};
 	}
 }), pr = { class: "tpl:flex tpl:h-full tpl:flex-col tpl:overflow-y-auto" }, mr = {
 	key: 0,
 	class: "tpl:px-3 tpl:py-2"
-}, hr = ["placeholder"], gr = /* @__PURE__ */ d({
+}, hr = ["placeholder"], gr = /* @__PURE__ */ e({
 	__name: "MediaFolderTree",
 	props: {
 		folders: {},
@@ -4465,41 +4465,41 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 		"deleteFolder",
 		"showFrequentlyUsed"
 	],
-	setup(t, { emit: n }) {
-		let i = n, { t: a } = z(), o = e(!1), s = e("");
+	setup(e, { emit: t }) {
+		let r = t, { t: a } = z(), s = T(!1), c = T("");
 		function l() {
-			o.value = !0, s.value = "";
+			s.value = !0, c.value = "";
 		}
-		function u() {
-			s.value.trim() && i("createFolder", s.value.trim()), o.value = !1, s.value = "";
+		function m() {
+			c.value.trim() && r("createFolder", c.value.trim()), s.value = !1, c.value = "";
 		}
-		function d() {
-			o.value = !1, s.value = "";
+		function b() {
+			s.value = !1, c.value = "";
 		}
-		return (e, n) => (c(), p("div", pr, [
-			w("button", {
+		return (t, x) => (o(), O("div", pr, [
+			y("button", {
 				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:font-medium tpl:transition-all tpl:duration-150",
-				style: _({
-					backgroundColor: t.viewMode === "files" && t.currentFolderId === null ? "var(--tpl-bg-active)" : "transparent",
-					color: t.viewMode === "files" && t.currentFolderId === null ? "var(--tpl-primary)" : "var(--tpl-text)"
+				style: h({
+					backgroundColor: e.viewMode === "files" && e.currentFolderId === null ? "var(--tpl-bg-active)" : "transparent",
+					color: e.viewMode === "files" && e.currentFolderId === null ? "var(--tpl-primary)" : "var(--tpl-text)"
 				}),
-				onClick: n[0] ||= (e) => i("navigate", null)
-			}, [h(m(ye), {
+				onClick: x[0] ||= (e) => r("navigate", null)
+			}, [k(p(_e), {
 				size: 14,
 				"stroke-width": 1.5
-			}), A(" " + C(m(a).mediaLibrary.allFiles), 1)], 4),
-			(c(!0), p(v, null, r(t.folders, (e) => (c(), x(fr, {
-				key: e.id,
-				folder: e,
-				"current-folder-id": t.currentFolderId,
+			}), d(" " + _(p(a).mediaLibrary.allFiles), 1)], 4),
+			(o(!0), O(g, null, i(e.folders, (t) => (o(), v(fr, {
+				key: t.id,
+				folder: t,
+				"current-folder-id": e.currentFolderId,
 				depth: 0,
-				onNavigate: n[1] ||= (e) => i("navigate", e),
-				onCreateFolder: n[2] ||= (e, t) => i("createFolder", e, t),
-				onRenameFolder: n[3] ||= (e, t) => i("renameFolder", e, t),
-				onDeleteFolder: n[4] ||= (e) => i("deleteFolder", e)
+				onNavigate: x[1] ||= (e) => r("navigate", e),
+				onCreateFolder: x[2] ||= (e, t) => r("createFolder", e, t),
+				onRenameFolder: x[3] ||= (e, t) => r("renameFolder", e, t),
+				onDeleteFolder: x[4] ||= (e) => r("deleteFolder", e)
 			}, null, 8, ["folder", "current-folder-id"]))), 128)),
-			o.value ? (c(), p("div", mr, [f(w("input", {
-				"onUpdate:modelValue": n[5] ||= (e) => s.value = e,
+			s.value ? (o(), O("div", mr, [n(y("input", {
+				"onUpdate:modelValue": x[5] ||= (e) => c.value = e,
 				type: "text",
 				class: "tpl:w-full tpl:rounded tpl:border tpl:px-2 tpl:py-1 tpl:text-xs tpl:outline-none",
 				style: {
@@ -4507,37 +4507,37 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 					"background-color": "var(--tpl-bg)",
 					color: "var(--tpl-text)"
 				},
-				placeholder: m(a).mediaLibrary.folderName,
+				placeholder: p(a).mediaLibrary.folderName,
 				autofocus: "",
-				onKeydown: [S(u, ["enter"]), S(d, ["escape"])],
-				onBlur: u
-			}, null, 40, hr), [[D, s.value]])])) : b("", !0),
-			o.value ? b("", !0) : (c(), p("button", {
+				onKeydown: [E(m, ["enter"]), E(b, ["escape"])],
+				onBlur: m
+			}, null, 40, hr), [[f, c.value]])])) : u("", !0),
+			s.value ? u("", !0) : (o(), O("button", {
 				key: 1,
 				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
-			}, [h(m(pe), {
+			}, [k(p(me), {
 				size: 14,
 				"stroke-width": 1.5
-			}), A(" " + C(m(a).mediaLibrary.newFolder), 1)])),
-			n[7] ||= w("div", { class: "tpl:flex-1" }, null, -1),
-			t.hasFrequentlyUsed ? (c(), p("button", {
+			}), d(" " + _(p(a).mediaLibrary.newFolder), 1)])),
+			x[7] ||= y("div", { class: "tpl:flex-1" }, null, -1),
+			e.hasFrequentlyUsed ? (o(), O("button", {
 				key: 2,
 				class: "tpl:flex tpl:w-full tpl:items-center tpl:gap-2 tpl:border-t tpl:px-3 tpl:py-2 tpl:text-left tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
-				style: _({
+				style: h({
 					borderColor: "var(--tpl-border)",
-					backgroundColor: t.viewMode === "frequently-used" ? "var(--tpl-bg-active)" : "transparent",
-					color: t.viewMode === "frequently-used" ? "var(--tpl-primary)" : "var(--tpl-text)"
+					backgroundColor: e.viewMode === "frequently-used" ? "var(--tpl-bg-active)" : "transparent",
+					color: e.viewMode === "frequently-used" ? "var(--tpl-primary)" : "var(--tpl-text)"
 				}),
-				onClick: n[6] ||= (e) => i("showFrequentlyUsed")
-			}, [h(m(ve), {
+				onClick: x[6] ||= (e) => r("showFrequentlyUsed")
+			}, [k(p(ve), {
 				size: 14,
 				"stroke-width": 1.5
-			}), A(" " + C(m(a).mediaLibrary.frequentlyUsed), 1)], 4)) : b("", !0)
+			}), d(" " + _(p(a).mediaLibrary.frequentlyUsed), 1)], 4)) : u("", !0)
 		]));
 	}
-}), _r = { class: "tpl:flex tpl:aspect-square tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2" }, vr = /* @__PURE__ */ d({
+}), _r = { class: "tpl:flex tpl:aspect-square tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2" }, vr = /* @__PURE__ */ e({
 	__name: "MediaFileIcon",
 	props: { mimeType: {} },
 	setup(e) {
@@ -4637,8 +4637,8 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			color: "#6b7280",
 			bgColor: "#f9fafb",
 			icon: "document"
-		}, i = E(() => n[t.mimeType] ?? r);
-		return (e, t) => (c(), p("div", _r, [i.value.icon === "document" ? (c(), p("svg", {
+		}, i = S(() => n[t.mimeType] ?? r);
+		return (e, t) => (o(), O("div", _r, [i.value.icon === "document" ? (o(), O("svg", {
 			key: 0,
 			width: "60",
 			height: "60",
@@ -4646,23 +4646,23 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			fill: "none",
 			stroke: "currentColor",
 			"stroke-width": "1.5",
-			style: _({ color: i.value.color })
+			style: h({ color: i.value.color })
 		}, [...t[0] ||= [
-			w("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }, null, -1),
-			w("polyline", { points: "14 2 14 8 20 8" }, null, -1),
-			w("line", {
+			y("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }, null, -1),
+			y("polyline", { points: "14 2 14 8 20 8" }, null, -1),
+			y("line", {
 				x1: "8",
 				y1: "13",
 				x2: "16",
 				y2: "13"
 			}, null, -1),
-			w("line", {
+			y("line", {
 				x1: "8",
 				y1: "17",
 				x2: "12",
 				y2: "17"
 			}, null, -1)
-		]], 4)) : i.value.icon === "video" ? (c(), p("svg", {
+		]], 4)) : i.value.icon === "video" ? (o(), O("svg", {
 			key: 1,
 			width: "40",
 			height: "40",
@@ -4670,18 +4670,18 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			fill: "none",
 			stroke: "currentColor",
 			"stroke-width": "1.5",
-			style: _({ color: i.value.color })
-		}, [...t[1] ||= [w("rect", {
+			style: h({ color: i.value.color })
+		}, [...t[1] ||= [y("rect", {
 			x: "2",
 			y: "4",
 			width: "20",
 			height: "16",
 			rx: "2"
-		}, null, -1), w("polygon", {
+		}, null, -1), y("polygon", {
 			points: "10,8 16,12 10,16",
 			fill: "currentColor",
 			stroke: "none"
-		}, null, -1)]], 4)) : (c(), p("svg", {
+		}, null, -1)]], 4)) : (o(), O("svg", {
 			key: 2,
 			width: "40",
 			height: "40",
@@ -4689,23 +4689,23 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			fill: "none",
 			stroke: "currentColor",
 			"stroke-width": "1.5",
-			style: _({ color: i.value.color })
+			style: h({ color: i.value.color })
 		}, [...t[2] ||= [
-			w("path", { d: "M9 18V5l12-2v13" }, null, -1),
-			w("circle", {
+			y("path", { d: "M9 18V5l12-2v13" }, null, -1),
+			y("circle", {
 				cx: "6",
 				cy: "18",
 				r: "3"
 			}, null, -1),
-			w("circle", {
+			y("circle", {
 				cx: "18",
 				cy: "16",
 				r: "3"
 			}, null, -1)
-		]], 4)), w("span", {
+		]], 4)), y("span", {
 			class: "tpl:text-xs tpl:font-bold tpl:tracking-wider",
-			style: _({ color: i.value.color })
-		}, C(i.value.label), 5)]));
+			style: h({ color: i.value.color })
+		}, _(i.value.label), 5)]));
 	}
 }), yr = { class: "tpl:p-4" }, br = {
 	key: 1,
@@ -4748,7 +4748,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 }, Kr = {
 	key: 4,
 	class: "tpl:flex tpl:justify-center tpl:py-4"
-}, qr = /* @__PURE__ */ ue(/* @__PURE__ */ d({
+}, qr = /* @__PURE__ */ oe(/* @__PURE__ */ e({
 	__name: "MediaGrid",
 	props: {
 		items: {},
@@ -4765,133 +4765,133 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 		"edit",
 		"replace"
 	],
-	setup(t, { emit: n }) {
-		let i = t, a = n, { isAcceptedMimeType: o, isImageMimeType: s } = Ee();
-		function l(e) {
-			return !i.accept || i.accept.length === 0 ? !0 : o(e.mime_type, i.accept);
+	setup(e, { emit: t }) {
+		let n = e, r = t, { isAcceptedMimeType: a, isImageMimeType: s } = Ee();
+		function c(e) {
+			return !n.accept || n.accept.length === 0 ? !0 : a(e.mime_type, n.accept);
 		}
-		function u(e) {
-			a("select", e);
+		function l(e) {
+			r("select", e);
 		}
-		let { t: d } = z(), f = e(null);
-		R(f, ([{ isIntersecting: e }]) => {
-			e && i.hasMore && !i.isLoading && a("loadMore");
+		let { t: f } = z(), b = T(null);
+		I(b, ([{ isIntersecting: e }]) => {
+			e && n.hasMore && !n.isLoading && r("loadMore");
 		}, { threshold: .1 });
-		function g(e) {
+		function x(e) {
 			return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 		}
-		function y(e) {
+		function S(e) {
 			return new Date(e).toLocaleDateString(void 0, {
 				year: "numeric",
 				month: "short",
 				day: "numeric"
 			});
 		}
-		return (e, n) => (c(), p("div", yr, [
-			t.isLoading && t.items.length === 0 ? (c(), p("div", {
+		return (t, n) => (o(), O("div", yr, [
+			e.isLoading && e.items.length === 0 ? (o(), O("div", {
 				key: 0,
-				class: O(t.layout === "list" ? "tpl:flex tpl:flex-col tpl:gap-1" : "tpl:grid tpl:grid-cols-4 tpl:gap-3")
-			}, [(c(), p(v, null, r(8, (e) => w("div", {
-				key: e,
-				class: O(["tpl-pulse tpl:rounded-lg", t.layout === "list" ? "tpl:h-12" : "tpl:aspect-square"]),
+				class: D(e.layout === "list" ? "tpl:flex tpl:flex-col tpl:gap-1" : "tpl:grid tpl:grid-cols-4 tpl:gap-3")
+			}, [(o(), O(g, null, i(8, (t) => y("div", {
+				key: t,
+				class: D(["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)) : t.items.length === 0 ? (c(), p("div", br, [h(m(ye), {
+			}, null, 2)), 64))], 2)) : e.items.length === 0 ? (o(), O("div", br, [k(p(_e), {
 				class: "tpl:mb-3",
 				size: 40,
 				"stroke-width": 1,
 				style: { color: "var(--tpl-text-dim)" }
-			}), w("p", xr, C(m(d).mediaLibrary.noFiles), 1)])) : t.layout === "list" ? (c(), p("div", Pr, [(c(!0), p(v, null, r(t.items, (e) => (c(), p("div", {
-				key: e.id,
-				class: O(["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", [!l(e) && !t.selectedIds.has(e.id) ? "tpl:opacity-60" : ""]]),
-				style: _({ backgroundColor: t.selectedIds.has(e.id) ? "var(--tpl-bg-hover)" : "transparent" }),
-				onClick: (t) => u(e)
+			}), y("p", xr, _(p(f).mediaLibrary.noFiles), 1)])) : e.layout === "list" ? (o(), O("div", Pr, [(o(!0), O(g, null, i(e.items, (t) => (o(), O("div", {
+				key: t.id,
+				class: D(["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", [!c(t) && !e.selectedIds.has(t.id) ? "tpl:opacity-60" : ""]]),
+				style: h({ backgroundColor: e.selectedIds.has(t.id) ? "var(--tpl-bg-hover)" : "transparent" }),
+				onClick: (e) => l(t)
 			}, [
-				w("div", Ir, [m(s)(e.mime_type) ? (c(), p("img", {
+				y("div", Ir, [p(s)(t.mime_type) ? (o(), O("img", {
 					key: 0,
-					src: e.small_url || e.url,
-					alt: e.filename,
+					src: t.small_url || t.url,
+					alt: t.filename,
 					class: "tpl:size-full tpl:object-cover",
 					loading: "lazy"
-				}, null, 8, Lr)) : (c(), p("div", Rr, [h(vr, { "mime-type": e.mime_type }, null, 8, ["mime-type"])]))]),
-				w("div", zr, [w("p", Br, C(e.filename), 1), w("p", Vr, [A(C(g(e.size)) + " · " + C(y(e.created_at)) + " ", 1), m(s)(e.mime_type) && e.width && e.height ? (c(), p(v, { key: 0 }, [A(" · " + C(e.width) + "×" + C(e.height), 1)], 64)) : b("", !0)])]),
-				w("div", Hr, [w("button", {
+				}, null, 8, Lr)) : (o(), O("div", Rr, [k(vr, { "mime-type": t.mime_type }, null, 8, ["mime-type"])]))]),
+				y("div", zr, [y("p", Br, _(t.filename), 1), y("p", Vr, [d(_(x(t.size)) + " · " + _(S(t.created_at)) + " ", 1), p(s)(t.mime_type) && t.width && t.height ? (o(), O(g, { key: 0 }, [d(" · " + _(t.width) + "×" + _(t.height), 1)], 64)) : u("", !0)])]),
+				y("div", Hr, [y("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: m(d).mediaLibrary.editFile,
-					onClick: k((t) => a("edit", e), ["stop"])
-				}, [h(m(ae), {
+					title: p(f).mediaLibrary.editFile,
+					onClick: m((e) => r("edit", t), ["stop"])
+				}, [k(p(F), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, Ur), w("button", {
+				})], 8, Ur), y("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: m(d).mediaLibrary.replaceFile,
-					onClick: k((t) => a("replace", e), ["stop"])
-				}, [h(m(F), {
+					title: p(f).mediaLibrary.replaceFile,
+					onClick: m((e) => r("replace", t), ["stop"])
+				}, [k(p(ae), {
 					size: 12,
 					"stroke-width": 2
 				})], 8, Wr)]),
-				t.selectedIds.has(e.id) ? (c(), p("div", Gr, [h(m(ee), {
+				e.selectedIds.has(t.id) ? (o(), O("div", Gr, [k(p(M), {
 					size: 12,
 					"stroke-width": 3
-				})])) : b("", !0)
-			], 14, Fr))), 128))])) : (c(), p("div", Sr, [(c(!0), p(v, null, r(t.items, (e) => (c(), p("div", {
-				key: e.id,
-				class: O(["tpl-media-item tpl:group tpl:relative tpl:overflow-hidden tpl:rounded-lg tpl:border-2 tpl:transition-all tpl:duration-150", [
+				})])) : u("", !0)
+			], 14, Fr))), 128))])) : (o(), O("div", Sr, [(o(!0), O(g, null, i(e.items, (t) => (o(), O("div", {
+				key: t.id,
+				class: D(["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",
-					!l(e) && !t.selectedIds.has(e.id) ? "tpl:opacity-60" : "",
-					t.selectedIds.has(e.id) ? "tpl-media-item--selected" : ""
+					!c(t) && !e.selectedIds.has(t.id) ? "tpl:opacity-60" : "",
+					e.selectedIds.has(t.id) ? "tpl-media-item--selected" : ""
 				]]),
-				style: _({
-					borderColor: t.selectedIds.has(e.id) ? "var(--tpl-primary)" : "transparent",
-					backgroundColor: !l(e) && !t.selectedIds.has(e.id) ? "var(--tpl-bg)" : "var(--tpl-bg-hover)"
+				style: h({
+					borderColor: e.selectedIds.has(t.id) ? "var(--tpl-primary)" : "transparent",
+					backgroundColor: !c(t) && !e.selectedIds.has(t.id) ? "var(--tpl-bg)" : "var(--tpl-bg-hover)"
 				}),
-				onClick: (t) => u(e)
+				onClick: (e) => l(t)
 			}, [
-				w("div", wr, [m(s)(e.mime_type) ? (c(), p("img", {
+				y("div", wr, [p(s)(t.mime_type) ? (o(), O("img", {
 					key: 0,
-					src: e.small_url || e.url,
-					alt: e.filename,
+					src: t.small_url || t.url,
+					alt: t.filename,
 					class: "tpl:size-full tpl:object-cover",
 					loading: "lazy"
-				}, null, 8, Tr)) : (c(), x(vr, {
+				}, null, 8, Tr)) : (o(), v(vr, {
 					key: 1,
-					"mime-type": e.mime_type
+					"mime-type": t.mime_type
 				}, null, 8, ["mime-type"]))]),
-				w("div", Er, [w("p", Dr, C(e.filename), 1), w("p", Or, [w("span", null, C(g(e.size)), 1), m(s)(e.mime_type) && e.width && e.height ? (c(), p("span", kr, C(e.width) + "×" + C(e.height), 1)) : b("", !0)])]),
-				w("div", Ar, [w("button", {
+				y("div", Er, [y("p", Dr, _(t.filename), 1), y("p", Or, [y("span", null, _(x(t.size)), 1), p(s)(t.mime_type) && t.width && t.height ? (o(), O("span", kr, _(t.width) + "×" + _(t.height), 1)) : u("", !0)])]),
+				y("div", Ar, [y("button", {
 					class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-white",
 					style: { "background-color": "rgba(0, 0, 0, 0.6)" },
-					title: m(d).mediaLibrary.editFile,
-					onClick: k((t) => a("edit", e), ["stop"])
-				}, [h(m(ae), {
+					title: p(f).mediaLibrary.editFile,
+					onClick: m((e) => r("edit", t), ["stop"])
+				}, [k(p(F), {
 					size: 11,
 					"stroke-width": 2
-				})], 8, jr), w("button", {
+				})], 8, jr), y("button", {
 					class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-white",
 					style: { "background-color": "rgba(0, 0, 0, 0.6)" },
-					title: m(d).mediaLibrary.replaceFile,
-					onClick: k((t) => a("replace", e), ["stop"])
-				}, [h(m(F), {
+					title: p(f).mediaLibrary.replaceFile,
+					onClick: m((e) => r("replace", t), ["stop"])
+				}, [k(p(ae), {
 					size: 11,
 					"stroke-width": 2
 				})], 8, Mr)]),
-				t.selectedIds.has(e.id) ? (c(), p("div", Nr, [h(m(ee), {
+				e.selectedIds.has(t.id) ? (o(), O("div", Nr, [k(p(M), {
 					size: 12,
 					"stroke-width": 3
-				})])) : b("", !0)
+				})])) : u("", !0)
 			], 14, Cr))), 128))])),
-			w("div", {
+			y("div", {
 				ref_key: "sentinelRef",
-				ref: f,
+				ref: b,
 				class: "tpl:h-4"
 			}, null, 512),
-			t.isLoading && t.items.length > 0 ? (c(), p("div", Kr, [h(m(I), {
+			e.isLoading && e.items.length > 0 ? (o(), O("div", Kr, [k(p(ue), {
 				class: "tpl-spinner",
 				size: 20,
 				"stroke-width": 2,
 				style: { color: "var(--tpl-primary)" }
-			})])) : b("", !0)
+			})])) : u("", !0)
 		]));
 	}
 }), [["__scopeId", "data-v-78d7ed75"]]), Jr = ["data-tpl-theme"], Yr = {
@@ -4907,7 +4907,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 }, ei = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, ti = ["disabled"], ni = ["disabled"], ri = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1.5"
-}, ii = { key: 1 }, ai = /* @__PURE__ */ d({
+}, ii = { key: 1 }, ai = /* @__PURE__ */ e({
 	__name: "MediaImportUrlModal",
 	props: {
 		visible: { type: Boolean },
@@ -4915,22 +4915,22 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 		error: {}
 	},
 	emits: ["import", "close"],
-	setup(r, { emit: a }) {
-		let o = r, s = a, { t: l } = z(), u = n("tplUiTheme"), d = e("");
-		t(() => o.visible, (e) => {
-			e && (d.value = "");
+	setup(e, { emit: i }) {
+		let a = e, s = i, { t: l } = z(), h = t("tplUiTheme"), g = T("");
+		r(() => a.visible, (e) => {
+			e && (g.value = "");
 		});
-		function g() {
-			let e = d.value.trim();
-			!e || o.isImporting || s("import", e);
+		function b() {
+			let e = g.value.trim();
+			!e || a.isImporting || s("import", e);
 		}
-		function _() {
-			o.isImporting || s("close");
+		function x() {
+			a.isImporting || s("close");
 		}
-		function v(e) {
-			e.key === "Enter" && (e.preventDefault(), g()), e.key === "Escape" && _();
+		function S(e) {
+			e.key === "Enter" && (e.preventDefault(), b()), e.key === "Escape" && x();
 		}
-		return (e, t) => (c(), x(y, { to: "body" }, [h(T, {
+		return (t, r) => (o(), v(w, { to: "body" }, [k(C, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 			"enter-from-class": "tpl:opacity-0",
 			"enter-to-class": "tpl:opacity-100",
@@ -4938,17 +4938,17 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			"leave-from-class": "tpl:opacity-100",
 			"leave-to-class": "tpl:opacity-0"
 		}, {
-			default: i(() => [r.visible ? (c(), p("div", {
+			default: c(() => [e.visible ? (o(), O("div", {
 				key: 0,
-				"data-tpl-theme": m(u),
+				"data-tpl-theme": p(h),
 				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: k(_, ["self"]),
-				onKeydown: v
-			}, [w("div", Yr, [
-				w("h3", Xr, C(m(l).mediaLibrary.importFromUrl), 1),
-				w("div", Zr, [f(w("input", {
-					"onUpdate:modelValue": t[0] ||= (e) => d.value = e,
+				onClick: m(x, ["self"]),
+				onKeydown: S
+			}, [y("div", Yr, [
+				y("h3", Xr, _(p(l).mediaLibrary.importFromUrl), 1),
+				y("div", Zr, [n(y("input", {
+					"onUpdate:modelValue": r[0] ||= (e) => g.value = e,
 					type: "url",
 					class: "tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:outline-none",
 					style: {
@@ -4956,31 +4956,31 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 						"background-color": "var(--tpl-bg)",
 						color: "var(--tpl-text)"
 					},
-					placeholder: m(l).mediaLibrary.importUrlPlaceholder,
-					disabled: r.isImporting,
+					placeholder: p(l).mediaLibrary.importUrlPlaceholder,
+					disabled: e.isImporting,
 					autofocus: ""
-				}, null, 8, Qr), [[D, d.value]])]),
-				r.error ? (c(), p("p", $r, C(r.error), 1)) : b("", !0),
-				w("div", ei, [w("button", {
-					class: O(["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", { "tpl:cursor-not-allowed tpl:opacity-50": r.isImporting }]),
+				}, null, 8, Qr), [[f, g.value]])]),
+				e.error ? (o(), O("p", $r, _(e.error), 1)) : u("", !0),
+				y("div", ei, [y("button", {
+					class: D(["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", { "tpl:cursor-not-allowed tpl:opacity-50": e.isImporting }]),
 					style: {
 						"border-color": "var(--tpl-border)",
 						color: "var(--tpl-text)",
 						"background-color": "var(--tpl-bg)"
 					},
-					disabled: r.isImporting,
-					onClick: _
-				}, C(m(l).mediaLibrary.cancel), 11, ti), w("button", {
+					disabled: e.isImporting,
+					onClick: x
+				}, _(p(l).mediaLibrary.cancel), 11, ti), y("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: !d.value.trim() || r.isImporting,
-					onClick: g
-				}, [r.isImporting ? (c(), p("span", ri, [h(m(I), {
+					disabled: !g.value.trim() || e.isImporting,
+					onClick: b
+				}, [e.isImporting ? (o(), O("span", ri, [k(p(ue), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
-				}), A(" " + C(m(l).mediaLibrary.importing), 1)])) : (c(), p("span", ii, C(m(l).mediaLibrary.import), 1))], 8, ni)])
-			])], 40, Jr)) : b("", !0)]),
+				}), d(" " + _(p(l).mediaLibrary.importing), 1)])) : (o(), O("span", ii, _(p(l).mediaLibrary.import), 1))], 8, ni)])
+			])], 40, Jr)) : u("", !0)]),
 			_: 1
 		})]));
 	}
@@ -4988,15 +4988,15 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 	key: 0,
 	class: "tpl:shrink-0",
 	style: { color: "var(--tpl-text-dim)" }
-}, ui = /* @__PURE__ */ d({
+}, ui = /* @__PURE__ */ e({
 	__name: "MediaMovePicker",
 	props: {
 		folders: {},
 		currentFolderId: {}
 	},
 	emits: ["select", "close"],
-	setup(t, { emit: n }) {
-		let i = n, { t: a } = z(), o = e(null);
+	setup(e, { emit: t }) {
+		let n = t, { t: r } = z(), a = T(null);
 		function s(e, t = 0) {
 			let n = [];
 			for (let r of e) n.push({
@@ -5006,43 +5006,43 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			}), r.children?.length && n.push(...s(r.children, t + 1));
 			return n;
 		}
-		return le(o, () => {
-			i("close");
-		}), (e, n) => (c(), p("div", {
+		return R(a, () => {
+			n("close");
+		}), (t, c) => (o(), O("div", {
 			ref_key: "pickerRef",
-			ref: o,
+			ref: a,
 			class: "tpl:absolute tpl:bottom-full tpl:left-0 tpl:z-10 tpl:mb-2 tpl:w-56 tpl:overflow-hidden tpl:rounded-lg tpl:border tpl:shadow-lg",
 			style: {
 				"border-color": "var(--tpl-border)",
 				"background-color": "var(--tpl-bg-elevated)"
 			}
-		}, [w("div", oi, [t.currentFolderId === null ? b("", !0) : (c(), p("button", {
+		}, [y("div", oi, [e.currentFolderId === null ? u("", !0) : (o(), O("button", {
 			key: 0,
 			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: n[0] ||= (e) => i("select", null)
-		}, [h(m(ye), {
+			onClick: c[0] ||= (e) => n("select", null)
+		}, [k(p(_e), {
 			class: "tpl:shrink-0",
 			size: 14,
 			"stroke-width": 1.5
-		}), A(" " + C(m(a).mediaLibrary.moveToRoot), 1)])), (c(!0), p(v, null, r(s(t.folders), (e) => (c(), p("button", {
-			key: e.id,
+		}), d(" " + _(p(r).mediaLibrary.moveToRoot), 1)])), (o(!0), O(g, null, i(s(e.folders), (t) => (o(), O("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: _({
-				paddingLeft: `${e.depth * 16 + 12}px`,
-				color: e.id === t.currentFolderId ? "var(--tpl-text-dim)" : "var(--tpl-text)",
-				opacity: e.id === t.currentFolderId ? .5 : 1
+			style: h({
+				paddingLeft: `${t.depth * 16 + 12}px`,
+				color: t.id === e.currentFolderId ? "var(--tpl-text-dim)" : "var(--tpl-text)",
+				opacity: t.id === e.currentFolderId ? .5 : 1
 			}),
-			disabled: e.id === t.currentFolderId,
-			onClick: (t) => i("select", e.id)
+			disabled: t.id === e.currentFolderId,
+			onClick: (e) => n("select", t.id)
 		}, [
-			h(m(me), {
+			k(p(de), {
 				class: "tpl:shrink-0",
 				size: 14,
 				"stroke-width": 1.5
 			}),
-			w("span", ci, C(e.name), 1),
-			e.id === t.currentFolderId ? (c(), p("span", li, C(m(a).mediaLibrary.currentFolder), 1)) : b("", !0)
+			y("span", ci, _(t.name), 1),
+			t.id === e.currentFolderId ? (o(), O("span", li, _(p(r).mediaLibrary.currentFolder), 1)) : u("", !0)
 		], 12, si))), 128))])], 512));
 	}
 }), di = { class: "tpl:flex tpl:items-center tpl:gap-3" }, fi = ["src", "alt"], pi = {
@@ -5061,7 +5061,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 }, vi = {
 	class: "tpl:block tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, yi = ["value"], bi = ["value"], xi = /* @__PURE__ */ ue(/* @__PURE__ */ d({
+}, yi = ["value"], bi = ["value"], xi = /* @__PURE__ */ oe(/* @__PURE__ */ e({
 	__name: "MediaPreviewPanel",
 	props: {
 		item: {},
@@ -5070,8 +5070,8 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 	},
 	emits: ["update:selectedConversion"],
 	setup(e, { emit: t }) {
-		let n = e, i = t, { t: a } = z(), { isImageMimeType: o } = Ee(), s = E(() => {
-			if (!_.value || !n.item.conversions_generated) return [];
+		let n = e, r = t, { t: a } = z(), { isImageMimeType: s } = Ee(), c = S(() => {
+			if (!b.value || !n.item.conversions_generated) return [];
 			let e = [];
 			return n.item.small_url && e.push({
 				value: "small",
@@ -5090,8 +5090,8 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 				label: a.mediaLibrary.conversionOriginal,
 				url: n.item.url
 			}), e;
-		}), l = E(() => _.value && s.value.length > 1), u = E(() => {
-			if (!_.value) return null;
+		}), l = S(() => b.value && c.value.length > 1), f = S(() => {
+			if (!b.value) return null;
 			switch (n.selectedConversion) {
 				case "small": return n.item.small_url || n.item.url;
 				case "medium": return n.item.medium_url || n.item.url;
@@ -5099,69 +5099,69 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 				default: return n.item.url;
 			}
 		});
-		function d(e) {
+		function m(e) {
 			let t = e.target;
-			i("update:selectedConversion", t.value);
+			r("update:selectedConversion", t.value);
 		}
-		function f(e, t, n = []) {
+		function h(e, t, n = []) {
 			for (let r of e) {
 				let e = [...n, r.name];
 				if (r.id === t) return e;
 				if (r.children) {
-					let n = f(r.children, t, e);
+					let n = h(r.children, t, e);
 					if (n) return n;
 				}
 			}
 			return null;
 		}
-		let g = E(() => {
+		let v = S(() => {
 			if (!n.item.folder_id || !n.folders) return null;
-			let e = f(n.folders, n.item.folder_id);
+			let e = h(n.folders, n.item.folder_id);
 			return e ? e.join("/") : null;
-		}), _ = E(() => o(n.item.mime_type));
-		function y(e) {
+		}), b = S(() => s(n.item.mime_type));
+		function x(e) {
 			return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 		}
-		function x(e) {
+		function C(e) {
 			return new Date(e).toLocaleDateString(void 0, {
 				year: "numeric",
 				month: "short",
 				day: "numeric"
 			});
 		}
-		return (t, n) => (c(), p("div", di, [
-			_.value ? (c(), p("img", {
+		return (t, n) => (o(), O("div", di, [
+			b.value ? (o(), O("img", {
 				key: 0,
-				src: u.value ?? void 0,
+				src: f.value ?? void 0,
 				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, fi)) : (c(), p("div", pi, [h(vr, {
+			}, null, 8, fi)) : (o(), O("div", pi, [k(vr, {
 				"mime-type": e.item.mime_type,
 				class: "tpl-preview-icon"
 			}, null, 8, ["mime-type"])])),
-			w("div", mi, [
-				w("p", hi, C(e.item.filename), 1),
-				w("p", gi, [
-					A(C(y(e.item.size)) + " · " + C(x(e.item.created_at)) + " ", 1),
-					_.value && e.item.width && e.item.height ? (c(), p(v, { key: 0 }, [A(" · " + C(e.item.width) + "×" + C(e.item.height) + "px ", 1)], 64)) : b("", !0),
-					g.value ? (c(), p(v, { key: 1 }, [
-						n[0] ||= A(" · ", -1),
-						h(m(me), {
+			y("div", mi, [
+				y("p", hi, _(e.item.filename), 1),
+				y("p", gi, [
+					d(_(x(e.item.size)) + " · " + _(C(e.item.created_at)) + " ", 1),
+					b.value && e.item.width && e.item.height ? (o(), O(g, { key: 0 }, [d(" · " + _(e.item.width) + "×" + _(e.item.height) + "px ", 1)], 64)) : u("", !0),
+					v.value ? (o(), O(g, { key: 1 }, [
+						n[0] ||= d(" · ", -1),
+						k(p(de), {
 							class: "tpl:mb-px tpl:inline",
 							size: 9,
 							"stroke-width": 2
 						}),
-						A(" " + C(g.value), 1)
-					], 64)) : b("", !0)
+						d(" " + _(v.value), 1)
+					], 64)) : u("", !0)
 				]),
-				_.value ? (c(), p("p", {
+				b.value ? (o(), O("p", {
 					key: 0,
-					class: O(["tpl:mt-0.5 tpl:truncate tpl:text-[10px] tpl:italic", { "tpl:invisible": !e.item.alt_text }]),
+					class: D(["tpl:mt-0.5 tpl:truncate tpl:text-[10px] tpl:italic", { "tpl:invisible": !e.item.alt_text }]),
 					style: { color: "var(--tpl-text-dim)" }
-				}, C(e.item.alt_text || "\xA0"), 3)) : b("", !0)
+				}, _(e.item.alt_text || "\xA0"), 3)) : u("", !0)
 			]),
-			l.value ? (c(), p("div", _i, [w("label", vi, C(m(a).mediaLibrary.conversionLabel), 1), w("select", {
+			l.value ? (o(), O("div", _i, [y("label", vi, _(p(a).mediaLibrary.conversionLabel), 1), y("select", {
 				class: "tpl:mt-0.5 tpl:rounded-md tpl:border tpl:py-1 tpl:pr-6 tpl:pl-2 tpl:text-xs tpl:outline-none",
 				style: {
 					"border-color": "var(--tpl-border)",
@@ -5169,11 +5169,11 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 					color: "var(--tpl-text)"
 				},
 				value: e.selectedConversion,
-				onChange: d
-			}, [(c(!0), p(v, null, r(s.value, (e) => (c(), p("option", {
+				onChange: m
+			}, [(o(!0), O(g, null, i(c.value, (e) => (o(), O("option", {
 				key: e.value,
 				value: e.value
-			}, C(e.label), 9, bi))), 128))], 40, yi)])) : b("", !0)
+			}, _(e.label), 9, bi))), 128))], 40, yi)])) : u("", !0)
 		]));
 	}
 }), [["__scopeId", "data-v-56be5670"]]), Si = ["data-tpl-theme"], Ci = {
@@ -5202,7 +5202,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 	key: 1,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-danger)" }
-}, Ni = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Pi = ["disabled"], Fi = ["disabled"], Ii = /* @__PURE__ */ d({
+}, Ni = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Pi = ["disabled"], Fi = ["disabled"], Ii = /* @__PURE__ */ e({
 	__name: "MediaReplaceModal",
 	props: {
 		visible: { type: Boolean },
@@ -5212,26 +5212,26 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 		error: {}
 	},
 	emits: ["replace", "close"],
-	setup(r, { emit: a }) {
-		let o = r, s = a, { t: l } = z(), u = n("tplUiTheme"), d = e(null), f = e(null), g = E(() => {
-			if (!o.item) return "";
-			let e = o.item.filename.split(".");
+	setup(e, { emit: n }) {
+		let i = e, a = n, { t: s } = z(), l = t("tplUiTheme"), d = T(null), f = T(null), h = S(() => {
+			if (!i.item) return "";
+			let e = i.item.filename.split(".");
 			return e.length > 1 ? e[e.length - 1].toLowerCase() : "";
-		}), _ = E(() => g.value ? `.${g.value}` : "*"), v = E(() => (o.usageInfo?.template_count ?? 0) > 0);
-		t(() => o.visible, (e) => {
+		}), g = S(() => h.value ? `.${h.value}` : "*"), b = S(() => (i.usageInfo?.template_count ?? 0) > 0);
+		r(() => i.visible, (e) => {
 			e || (f.value = null, d.value && (d.value.value = ""));
 		});
-		function S(e) {
+		function x(e) {
 			let t = e.target;
 			t.files && t.files.length > 0 && (f.value = t.files[0]);
 		}
-		function D() {
-			f.value && s("replace", f.value);
+		function E() {
+			f.value && a("replace", f.value);
 		}
-		function O(e) {
-			e.key === "Escape" && s("close");
+		function D(e) {
+			e.key === "Escape" && a("close");
 		}
-		return (e, t) => (c(), x(y, { to: "body" }, [h(T, {
+		return (t, n) => (o(), v(w, { to: "body" }, [k(C, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 			"enter-from-class": "tpl:opacity-0",
 			"enter-to-class": "tpl:opacity-100",
@@ -5239,48 +5239,48 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			"leave-from-class": "tpl:opacity-100",
 			"leave-to-class": "tpl:opacity-0"
 		}, {
-			default: i(() => [r.visible && r.item ? (c(), p("div", {
+			default: c(() => [e.visible && e.item ? (o(), O("div", {
 				key: 0,
-				"data-tpl-theme": m(u),
+				"data-tpl-theme": p(l),
 				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: t[1] ||= k((e) => s("close"), ["self"]),
-				onKeydown: O
-			}, [w("div", Ci, [
-				w("h3", wi, C(m(l).mediaLibrary.replaceWarningTitle), 1),
-				w("p", Ti, C(m(l).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${g.value}`)), 1),
-				v.value ? (c(), p("p", Ei, C(m(l).mediaLibrary.replaceWarningUsageNote.replace("{count}", r.usageInfo.template_count.toString())), 1)) : b("", !0),
-				w("div", Di, [w("p", Oi, C(r.item.filename), 1)]),
-				w("div", ki, [w("label", Ai, C(m(l).mediaLibrary.replaceSelectFile), 1), w("input", {
+				onClick: n[1] ||= m((e) => a("close"), ["self"]),
+				onKeydown: D
+			}, [y("div", Ci, [
+				y("h3", wi, _(p(s).mediaLibrary.replaceWarningTitle), 1),
+				y("p", Ti, _(p(s).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${h.value}`)), 1),
+				b.value ? (o(), O("p", Ei, _(p(s).mediaLibrary.replaceWarningUsageNote.replace("{count}", e.usageInfo.template_count.toString())), 1)) : u("", !0),
+				y("div", Di, [y("p", Oi, _(e.item.filename), 1)]),
+				y("div", ki, [y("label", Ai, _(p(s).mediaLibrary.replaceSelectFile), 1), y("input", {
 					ref_key: "fileInputRef",
 					ref: d,
 					type: "file",
-					accept: _.value,
+					accept: g.value,
 					class: "tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs",
 					style: {
 						"border-color": "var(--tpl-border)",
 						"background-color": "var(--tpl-bg)",
 						color: "var(--tpl-text)"
 					},
-					onChange: S
+					onChange: x
 				}, null, 40, ji)]),
-				r.error ? (c(), p("p", Mi, C(r.error), 1)) : b("", !0),
-				w("div", Ni, [w("button", {
+				e.error ? (o(), O("p", Mi, _(e.error), 1)) : u("", !0),
+				y("div", Ni, [y("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)"
 					},
-					disabled: r.isReplacing,
-					onClick: t[0] ||= (e) => s("close")
-				}, C(m(l).mediaLibrary.cancel), 9, Pi), w("button", {
+					disabled: e.isReplacing,
+					onClick: n[0] ||= (e) => a("close")
+				}, _(p(s).mediaLibrary.cancel), 9, Pi), y("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: !f.value || r.isReplacing,
-					onClick: D
-				}, C(r.isReplacing ? m(l).mediaLibrary.replacing : m(l).mediaLibrary.replace), 9, Fi)])
-			])], 40, Si)) : b("", !0)]),
+					disabled: !f.value || e.isReplacing,
+					onClick: E
+				}, _(e.isReplacing ? p(s).mediaLibrary.replacing : p(s).mediaLibrary.replace), 9, Fi)])
+			])], 40, Si)) : u("", !0)]),
 			_: 1
 		})]));
 	}
@@ -5296,58 +5296,58 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 }, Bi = {
 	class: "tpl:mt-1 tpl:text-[10px]",
 	style: { color: "var(--tpl-text-dim)" }
-}, Vi = /* @__PURE__ */ d({
+}, Vi = /* @__PURE__ */ e({
 	__name: "MediaUploadZone",
 	props: {
 		isUploading: { type: Boolean },
 		uploadProgress: {}
 	},
 	emits: ["upload"],
-	setup(t, { emit: n }) {
-		let r = n, { t: i, format: a } = z(), { allAcceptedMimeTypes: o, allAcceptedInputString: s, maxFileSize: l } = Ee(), u = e();
-		function d(e) {
+	setup(e, { emit: t }) {
+		let n = t, { t: r, format: i } = z(), { allAcceptedMimeTypes: a, allAcceptedInputString: s, maxFileSize: c } = Ee(), l = T();
+		function u(e) {
 			let t = [];
-			for (let n of Array.from(e)) o.value.includes(n.type) && n.size <= l.value && t.push(n);
+			for (let n of Array.from(e)) a.value.includes(n.type) && n.size <= c.value && t.push(n);
 			return t;
 		}
-		function f(e) {
-			let t = d(e);
-			t.length && r("upload", t);
+		function d(e) {
+			let t = u(e);
+			t.length && n("upload", t);
 		}
-		let { isOverDropZone: g } = oe(u, { onDrop: (e) => {
-			e?.length && f(e);
-		} }), { open: _, onChange: y } = te({
+		let { isOverDropZone: f } = ne(l, { onDrop: (e) => {
+			e?.length && d(e);
+		} }), { open: m, onChange: h } = ie({
 			accept: s.value,
 			multiple: !0
 		});
-		return y((e) => {
-			e?.length && f(e);
-		}), (e, n) => (c(), p("div", {
+		return h((e) => {
+			e?.length && d(e);
+		}), (t, n) => (o(), O("div", {
 			ref_key: "dropZoneRef",
-			ref: u,
-			class: O(["tpl-upload-zone tpl:flex tpl:cursor-pointer tpl:flex-col tpl:items-center tpl:justify-center tpl:rounded-lg tpl:border-2 tpl:border-dashed tpl:p-5 tpl:text-center tpl:transition-all tpl:duration-150", m(g) ? "tpl-upload-zone-active" : ""]),
+			ref: l,
+			class: D(["tpl-upload-zone tpl:flex tpl:cursor-pointer tpl:flex-col tpl:items-center tpl:justify-center tpl:rounded-lg tpl:border-2 tpl:border-dashed tpl:p-5 tpl:text-center tpl:transition-all tpl:duration-150", p(f) ? "tpl-upload-zone-active" : ""]),
 			style: {
 				"border-color": "var(--tpl-border-light)",
 				"background-color": "var(--tpl-bg)"
 			},
-			onClick: n[0] ||= (e) => m(_)()
-		}, [t.isUploading ? (c(), p("div", Li, [h(m(I), {
+			onClick: n[0] ||= (e) => p(m)()
+		}, [e.isUploading ? (o(), O("div", Li, [k(p(ue), {
 			class: "tpl-spinner",
 			size: 20,
 			"stroke-width": 2,
 			style: { color: "var(--tpl-primary)" }
-		}), w("span", Ri, C(t.uploadProgress && t.uploadProgress.total > 1 ? m(a)(m(i).mediaLibrary.uploadingProgress, {
-			current: t.uploadProgress.current,
-			total: t.uploadProgress.total
-		}) : m(i).mediaLibrary.uploading), 1)])) : (c(), p(v, { key: 1 }, [
-			h(m(L), {
+		}), y("span", Ri, _(e.uploadProgress && e.uploadProgress.total > 1 ? p(i)(p(r).mediaLibrary.uploadingProgress, {
+			current: e.uploadProgress.current,
+			total: e.uploadProgress.total
+		}) : p(r).mediaLibrary.uploading), 1)])) : (o(), O(g, { key: 1 }, [
+			k(p(ee), {
 				class: "tpl:mb-2",
 				size: 24,
 				"stroke-width": 1.5,
 				style: { color: "var(--tpl-text-dim)" }
 			}),
-			w("p", zi, C(m(i).mediaLibrary.dropOrClick), 1),
-			w("p", Bi, C(m(i).mediaLibrary.acceptedFormats), 1)
+			y("p", zi, _(p(r).mediaLibrary.dropOrClick), 1),
+			y("p", Bi, _(p(r).mediaLibrary.acceptedFormats), 1)
 		], 64))], 2));
 	}
 }), Hi = [
@@ -5374,16 +5374,16 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 		"background-color": "var(--tpl-text)",
 		color: "var(--tpl-bg-elevated)"
 	}
-}, Ki = /* @__PURE__ */ d({
+}, Ki = /* @__PURE__ */ e({
 	__name: "StorageProgressRing",
 	props: {
 		usedBytes: {},
 		limitBytes: {},
 		size: {}
 	},
-	setup(t) {
-		let n = t, { t: r, format: a } = z(), o = e(!1), s = E(() => n.size ?? 24), l = E(() => Math.max(2, s.value / 8)), u = E(() => (s.value - l.value) / 2), d = E(() => 2 * Math.PI * u.value), f = E(() => n.limitBytes <= 0 ? 0 : Math.min(100, n.usedBytes / n.limitBytes * 100)), m = E(() => d.value - f.value / 100 * d.value), g = E(() => f.value >= 95 ? "var(--tpl-danger)" : f.value >= 75 ? "var(--tpl-warning, #f59e0b)" : "var(--tpl-primary)");
-		function _(e) {
+	setup(e) {
+		let t = e, { t: n, format: r } = z(), i = T(!1), a = S(() => t.size ?? 24), s = S(() => Math.max(2, a.value / 8)), l = S(() => (a.value - s.value) / 2), f = S(() => 2 * Math.PI * l.value), p = S(() => t.limitBytes <= 0 ? 0 : Math.min(100, t.usedBytes / t.limitBytes * 100)), m = S(() => f.value - p.value / 100 * f.value), h = S(() => p.value >= 95 ? "var(--tpl-danger)" : p.value >= 75 ? "var(--tpl-warning, #f59e0b)" : "var(--tpl-primary)");
+		function g(e) {
 			if (e === 0) return "0 B";
 			let t = 1024, n = [
 				"B",
@@ -5393,39 +5393,39 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			], r = Math.floor(Math.log(e) / Math.log(t));
 			return `${(e / t ** +r).toFixed(+(r >= 2))} ${n[r]}`;
 		}
-		let v = E(() => _(n.usedBytes)), y = E(() => _(n.limitBytes)), x = E(() => Math.max(0, n.limitBytes - n.usedBytes)), S = E(() => _(x.value)), D = E(() => a(r.mediaLibrary.storageTooltip, {
+		let v = S(() => g(t.usedBytes)), b = S(() => g(t.limitBytes)), x = S(() => Math.max(0, t.limitBytes - t.usedBytes)), w = S(() => g(x.value)), E = S(() => r(n.mediaLibrary.storageTooltip, {
 			used: v.value,
-			total: y.value,
-			remaining: S.value
+			total: b.value,
+			remaining: w.value
 		}));
-		return (e, t) => (c(), p("div", {
+		return (e, t) => (o(), O("div", {
 			class: "tpl:relative tpl:inline-flex tpl:cursor-help tpl:items-center tpl:justify-center",
-			onMouseenter: t[0] ||= (e) => o.value = !0,
-			onMouseleave: t[1] ||= (e) => o.value = !1
-		}, [(c(), p("svg", {
-			width: s.value,
-			height: s.value,
+			onMouseenter: t[0] ||= (e) => i.value = !0,
+			onMouseleave: t[1] ||= (e) => i.value = !1
+		}, [(o(), O("svg", {
+			width: a.value,
+			height: a.value,
 			class: "tpl:-rotate-90",
-			viewBox: `0 0 ${s.value} ${s.value}`
-		}, [w("circle", {
-			cx: s.value / 2,
-			cy: s.value / 2,
-			r: u.value,
+			viewBox: `0 0 ${a.value} ${a.value}`
+		}, [y("circle", {
+			cx: a.value / 2,
+			cy: a.value / 2,
+			r: l.value,
 			fill: "none",
-			"stroke-width": l.value,
+			"stroke-width": s.value,
 			style: { stroke: "var(--tpl-border)" }
-		}, null, 8, Ui), w("circle", {
-			cx: s.value / 2,
-			cy: s.value / 2,
-			r: u.value,
+		}, null, 8, Ui), y("circle", {
+			cx: a.value / 2,
+			cy: a.value / 2,
+			r: l.value,
 			fill: "none",
-			"stroke-width": l.value,
-			stroke: g.value,
+			"stroke-width": s.value,
+			stroke: h.value,
 			"stroke-linecap": "round",
-			"stroke-dasharray": d.value,
+			"stroke-dasharray": f.value,
 			"stroke-dashoffset": m.value,
 			class: "tpl:transition-all tpl:duration-300 tpl:ease-out"
-		}, null, 8, Wi)], 8, Hi)), h(T, {
+		}, null, 8, Wi)], 8, Hi)), k(C, {
 			"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",
@@ -5433,122 +5433,122 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			"leave-from-class": "tpl:opacity-100 tpl:translate-y-0",
 			"leave-to-class": "tpl:opacity-0 tpl:translate-y-1"
 		}, {
-			default: i(() => [o.value ? (c(), p("div", Gi, [A(C(D.value) + " ", 1), t[2] ||= w("div", {
+			default: c(() => [i.value ? (o(), O("div", Gi, [d(_(E.value) + " ", 1), t[2] ||= y("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)])) : b("", !0)]),
+			}, null, -1)])) : u("", !0)]),
 			_: 1
 		})], 32));
 	}
 });
 //#endregion
 //#region ../media-library/src/composables/useMediaLibraryUI.ts
-function qi(n) {
-	let { library: r, canUseMediaFolders: i, translations: a } = n;
-	function o() {
-		return "value" in a && typeof a.value == "object" ? a.value : a;
+function qi(e) {
+	let { library: t, canUseMediaFolders: n, translations: i } = e;
+	function a() {
+		return "value" in i && typeof i.value == "object" ? i.value : i;
 	}
-	let s = e("grid"), c = e(!1), l = e(""), u = e("original"), d = e(null), f = e(!1), p = e(!1), m = E(() => {
-		let e = r.previewItem.value;
+	let o = T("grid"), s = T(!1), c = T(""), l = T("original"), u = T(null), d = T(!1), f = T(!1), p = S(() => {
+		let e = t.previewItem.value;
 		if (!e) return null;
-		switch (u.value) {
+		switch (l.value) {
 			case "small": return e.small_url || e.url;
 			case "medium": return e.medium_url || e.url;
 			case "large": return e.large_url || e.url;
 			default: return e.url;
 		}
-	}), h = E(() => r.frequentlyUsedItems.value.length > 0), g = E(() => r.viewMode.value === "frequently-used" ? r.frequentlyUsedItems.value : r.items.value), _ = E(() => Object.values(r.deleteUsageInfo.value).some((e) => e.template_count > 0)), v = {
-		images: () => o().mediaLibrary.filterImages,
-		documents: () => o().mediaLibrary.filterDocuments,
-		videos: () => o().mediaLibrary.filterVideos,
-		audio: () => o().mediaLibrary.filterAudio
+	}), m = S(() => t.frequentlyUsedItems.value.length > 0), h = S(() => t.viewMode.value === "frequently-used" ? t.frequentlyUsedItems.value : t.items.value), g = S(() => Object.values(t.deleteUsageInfo.value).some((e) => e.template_count > 0)), _ = {
+		images: () => a().mediaLibrary.filterImages,
+		documents: () => a().mediaLibrary.filterDocuments,
+		videos: () => a().mediaLibrary.filterVideos,
+		audio: () => a().mediaLibrary.filterAudio
 	};
-	function y(e) {
-		return v[e]?.() ?? e;
+	function v(e) {
+		return _[e]?.() ?? e;
 	}
-	t(c, (e) => {
-		e && i.value && r.loadFolders();
-	}), t(() => r.previewItem.value?.id, () => {
-		u.value = "original";
+	r(s, (e) => {
+		e && n.value && t.loadFolders();
+	}), r(() => t.previewItem.value?.id, () => {
+		l.value = "original";
 	});
-	let b = ce((e) => {
-		r.search(e);
+	let y = le((e) => {
+		t.search(e);
 	}, 300);
-	function x(e) {
-		l.value = e, b(e);
+	function b(e) {
+		c.value = e, y(e);
 	}
-	let { copy: S, copied: C } = re({
+	let { copy: x, copied: C } = ce({
 		copiedDuring: 2e3,
 		legacy: !0
 	});
 	async function w(e) {
-		await r.uploadFiles(e);
+		await t.uploadFiles(e);
 	}
-	function T(e) {
-		r.selectItem(e);
+	function E(e) {
+		t.selectItem(e);
 	}
-	async function D(e, t) {
-		await r.createFolder(e, t);
+	async function D(e, n) {
+		await t.createFolder(e, n);
 	}
-	async function O(e, t) {
-		await r.renameFolder(e, t);
+	async function O(e, n) {
+		await t.renameFolder(e, n);
 	}
 	async function k(e) {
-		await r.deleteFolder(e);
+		await t.deleteFolder(e);
 	}
 	function A(e) {
-		d.value = e;
+		u.value = e;
 	}
-	async function j(e, t, n, i) {
-		i && await r.replaceMediaDirectly(e, i.file), await r.updateFile(e, t, n), d.value = null;
+	async function j(e, n, r, i) {
+		i && await t.replaceMediaDirectly(e, i.file), await t.updateFile(e, n, r), u.value = null;
 	}
 	async function M(e) {
-		await r.importFromUrl(e) && (f.value = !1);
+		await t.importFromUrl(e) && (d.value = !1);
 	}
-	async function ee(e) {
-		p.value = !1, await r.moveSelected(e);
+	async function N(e) {
+		f.value = !1, await t.moveSelected(e);
 	}
-	async function N() {
-		await r.checkUsageBeforeDelete();
+	async function P() {
+		await t.checkUsageBeforeDelete();
 	}
-	function P(e) {
-		r.checkUsageBeforeReplace(e);
+	function ee(e) {
+		t.checkUsageBeforeReplace(e);
 	}
 	async function te(e) {
-		await r.replaceFile(e);
+		await t.replaceFile(e);
 	}
-	function F() {
-		r.clearSelection(), r.cancelDelete(), r.cancelReplace(), l.value = "", r.categoryFilter.value = null, r.sortOption.value = "newest", r.viewMode.value = "files", d.value = null, f.value = !1, u.value = "original";
+	function ne() {
+		t.clearSelection(), t.cancelDelete(), t.cancelReplace(), c.value = "", t.categoryFilter.value = null, t.sortOption.value = "newest", t.viewMode.value = "files", u.value = null, d.value = !1, l.value = "original";
 	}
 	return {
-		layoutMode: s,
-		showSidebar: c,
-		searchInput: l,
-		selectedConversion: u,
-		editingItem: d,
-		showImportUrlModal: f,
-		showMovePicker: p,
-		selectedUrl: m,
-		hasFrequentlyUsed: h,
-		displayItems: g,
-		hasUsedFiles: _,
-		copy: S,
+		layoutMode: o,
+		showSidebar: s,
+		searchInput: c,
+		selectedConversion: l,
+		editingItem: u,
+		showImportUrlModal: d,
+		showMovePicker: f,
+		selectedUrl: p,
+		hasFrequentlyUsed: m,
+		displayItems: h,
+		hasUsedFiles: g,
+		copy: x,
 		copied: C,
-		getCategoryLabel: y,
-		handleSearchInput: x,
+		getCategoryLabel: v,
+		handleSearchInput: b,
 		handleUpload: w,
-		handleSelect: T,
+		handleSelect: E,
 		handleCreateFolder: D,
 		handleRenameFolder: O,
 		handleDeleteFolder: k,
 		handleEditItem: A,
 		handleEditSave: j,
 		handleImportFromUrl: M,
-		handleMoveToFolder: ee,
-		handleDeleteClick: N,
-		handleReplaceItem: P,
+		handleMoveToFolder: N,
+		handleDeleteClick: P,
+		handleReplaceItem: ee,
 		handleReplaceFile: te,
-		resetUI: F
+		resetUI: ne
 	};
 }
 //#endregion
@@ -5619,42 +5619,42 @@ var Ji = ["data-tpl-theme"], Yi = {
 }, Fa = {
 	key: 1,
 	class: "tpl:relative"
-}, Ia = { class: "tpl:flex tpl:items-center tpl:gap-2" }, La = ["disabled"], Ra = /* @__PURE__ */ d({
+}, Ia = { class: "tpl:flex tpl:items-center tpl:gap-2" }, La = ["disabled"], Ra = /* @__PURE__ */ e({
 	__name: "MediaLibraryModal",
 	props: {
 		visible: { type: Boolean },
 		accept: {}
 	},
 	emits: ["close", "select"],
-	setup(e, { emit: a }) {
-		let o = e, s = a, { t: l } = z(), u = n("tplUiTheme"), d = n("authManager"), f = n("projectId"), g = E(() => f.value), S = n("planConfig"), D = E(() => S.hasFeature("media_folders")), j = E(() => S.hasFeature("import_from_url")), M = E(() => S.config.value?.storage.used_bytes ?? 0), P = E(() => S.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: te, availableCategories: F } = Ee(), I = xe({
-			projectId: g.value,
-			authManager: d
-		}), L = qi({
-			library: I,
-			canUseMediaFolders: D,
+	setup(e, { emit: n }) {
+		let a = e, s = n, { t: l } = z(), f = t("tplUiTheme"), b = t("authManager"), x = t("projectId"), T = S(() => x.value), E = t("planConfig"), A = S(() => E.hasFeature("media_folders")), j = S(() => E.hasFeature("import_from_url")), N = S(() => E.config.value?.storage.used_bytes ?? 0), ee = S(() => E.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: te, availableCategories: ne } = Ee(), F = xe({
+			projectId: T.value,
+			authManager: b
+		}), I = qi({
+			library: F,
+			canUseMediaFolders: A,
 			translations: l
 		});
-		t(() => o.visible, (e) => {
-			e ? (I.loadItems(), I.loadFrequentlyUsed()) : L.resetUI();
+		r(() => a.visible, (e) => {
+			e ? (F.loadItems(), F.loadFrequentlyUsed()) : I.resetUI();
 		});
 		function re(e) {
 			e.key === "Escape" && s("close");
 		}
-		ne(document, "keydown", re);
+		se(document, "keydown", re);
 		function R() {
-			return I.previewItem.value ? o.accept?.length ? te(I.previewItem.value.mime_type, o.accept) : !0 : !1;
+			return F.previewItem.value ? a.accept?.length ? te(F.previewItem.value.mime_type, a.accept) : !0 : !1;
 		}
 		function ie() {
 			if (R()) {
-				let e = I.previewItem.value;
+				let e = F.previewItem.value;
 				s("select", {
 					...e,
-					url: L.selectedUrl.value || e.url
+					url: I.selectedUrl.value || e.url
 				}), s("close");
 			}
 		}
-		return (t, n) => (c(), x(y, { to: "body" }, [h(T, {
+		return (t, n) => (o(), v(w, { to: "body" }, [k(C, {
 			"enter-active-class": "tpl:transition tpl:duration-200",
 			"enter-from-class": "tpl:opacity-0",
 			"enter-to-class": "tpl:opacity-100",
@@ -5662,20 +5662,20 @@ var Ji = ["data-tpl-theme"], Yi = {
 			"leave-from-class": "tpl:opacity-100",
 			"leave-to-class": "tpl:opacity-0"
 		}, {
-			default: i(() => [e.visible ? (c(), p("div", {
+			default: c(() => [e.visible ? (o(), O("div", {
 				key: 0,
-				"data-tpl-theme": m(u),
+				"data-tpl-theme": p(f),
 				class: "tpl tpl-media-overlay tpl:fixed tpl:inset-0 tpl:z-[9999]",
-				onClick: n[18] ||= k((e) => s("close"), ["self"])
-			}, [w("div", Yi, [
-				w("div", Xi, [w("h2", Zi, C(m(l).mediaLibrary.title), 1), w("div", Qi, [
-					h(Ki, {
-						"used-bytes": M.value,
-						"limit-bytes": P.value,
+				onClick: n[18] ||= m((e) => s("close"), ["self"])
+			}, [y("div", Yi, [
+				y("div", Xi, [y("h2", Zi, _(p(l).mediaLibrary.title), 1), y("div", Qi, [
+					k(Ki, {
+						"used-bytes": N.value,
+						"limit-bytes": ee.value,
 						size: 22
 					}, null, 8, ["used-bytes", "limit-bytes"]),
-					w("div", $i, [w("input", {
-						value: m(L).searchInput.value,
+					y("div", $i, [y("input", {
+						value: p(I).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: {
@@ -5683,24 +5683,24 @@ var Ji = ["data-tpl-theme"], Yi = {
 							"background-color": "var(--tpl-bg)",
 							color: "var(--tpl-text)"
 						},
-						placeholder: m(l).mediaLibrary.searchPlaceholder,
-						onInput: n[0] ||= (e) => m(L).handleSearchInput(e.target.value)
-					}, null, 40, ea), h(m(_e), {
+						placeholder: p(l).mediaLibrary.searchPlaceholder,
+						onInput: n[0] ||= (e) => p(I).handleSearchInput(e.target.value)
+					}, null, 40, ea), k(p(ye), {
 						class: "tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2",
 						size: 13,
 						"stroke-width": 2,
 						style: { color: "var(--tpl-text-dim)" }
 					})]),
-					w("button", {
+					y("button", {
 						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) => s("close")
-					}, [h(m(se), {
+					}, [k(p(L), {
 						size: 18,
 						"stroke-width": 2
 					})])
 				])]),
-				w("div", ta, [h(T, {
+				y("div", ta, [k(C, {
 					"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",
@@ -5708,16 +5708,16 @@ var Ji = ["data-tpl-theme"], Yi = {
 					"leave-from-class": "tpl:ml-0 tpl:opacity-100",
 					"leave-to-class": "tpl:-ml-48 tpl:opacity-0"
 				}, {
-					default: i(() => [D.value && m(L).showSidebar.value ? (c(), p("div", na, [h(gr, {
-						folders: m(I).folders.value,
-						"current-folder-id": m(I).currentFolderId.value,
-						"view-mode": m(I).viewMode.value,
-						"has-frequently-used": m(L).hasFrequentlyUsed.value,
-						onNavigate: m(I).navigateToFolder,
-						onCreateFolder: m(L).handleCreateFolder,
-						onRenameFolder: m(L).handleRenameFolder,
-						onDeleteFolder: m(L).handleDeleteFolder,
-						onShowFrequentlyUsed: m(I).showFrequentlyUsed
+					default: c(() => [A.value && p(I).showSidebar.value ? (o(), O("div", na, [k(gr, {
+						folders: p(F).folders.value,
+						"current-folder-id": p(F).currentFolderId.value,
+						"view-mode": p(F).viewMode.value,
+						"has-frequently-used": p(I).hasFrequentlyUsed.value,
+						onNavigate: p(F).navigateToFolder,
+						onCreateFolder: p(I).handleCreateFolder,
+						onRenameFolder: p(I).handleRenameFolder,
+						onDeleteFolder: p(I).handleDeleteFolder,
+						onShowFrequentlyUsed: p(F).showFrequentlyUsed
 					}, null, 8, [
 						"folders",
 						"current-folder-id",
@@ -5728,57 +5728,57 @@ var Ji = ["data-tpl-theme"], Yi = {
 						"onRenameFolder",
 						"onDeleteFolder",
 						"onShowFrequentlyUsed"
-					])])) : b("", !0)]),
+					])])) : u("", !0)]),
 					_: 1
-				}), w("div", ra, [w("div", ia, [w("div", aa, [
-					D.value ? (c(), p("button", {
+				}), y("div", ra, [y("div", ia, [y("div", aa, [
+					A.value ? (o(), O("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: _({
-							color: m(L).showSidebar.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-							backgroundColor: m(L).showSidebar.value ? "var(--tpl-bg)" : "transparent",
-							border: m(L).showSidebar.value ? "1px solid var(--tpl-border)" : "1px solid transparent"
+						style: h({
+							color: p(I).showSidebar.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+							backgroundColor: p(I).showSidebar.value ? "var(--tpl-bg)" : "transparent",
+							border: p(I).showSidebar.value ? "1px solid var(--tpl-border)" : "1px solid transparent"
 						}),
-						title: m(L).showSidebar.value ? m(l).mediaLibrary.hideFolders : m(l).mediaLibrary.showFolders,
-						onClick: n[2] ||= (e) => m(L).showSidebar.value = !m(L).showSidebar.value
-					}, [h(m(de), {
+						title: p(I).showSidebar.value ? p(l).mediaLibrary.hideFolders : p(l).mediaLibrary.showFolders,
+						onClick: n[2] ||= (e) => p(I).showSidebar.value = !p(I).showSidebar.value
+					}, [k(p(pe), {
 						size: 16,
 						"stroke-width": 2
-					})], 12, oa)) : b("", !0),
-					m(I).viewMode.value === "frequently-used" ? (c(), p("span", sa, C(m(l).mediaLibrary.frequentlyUsed), 1)) : (c(), x(Te, {
+					})], 12, oa)) : u("", !0),
+					p(F).viewMode.value === "frequently-used" ? (o(), O("span", sa, _(p(l).mediaLibrary.frequentlyUsed), 1)) : (o(), v(Te, {
 						key: 2,
-						folders: m(I).folders.value,
-						"current-folder-id": m(I).currentFolderId.value,
-						onNavigate: m(I).navigateToFolder
+						folders: p(F).folders.value,
+						"current-folder-id": p(F).currentFolderId.value,
+						onNavigate: p(F).navigateToFolder
 					}, null, 8, [
 						"folders",
 						"current-folder-id",
 						"onNavigate"
 					])),
-					w("div", ca, [w("button", {
+					y("div", ca, [y("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: _({
-							color: m(L).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-							backgroundColor: m(L).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
+						style: h({
+							color: p(I).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+							backgroundColor: p(I).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
 						}),
-						title: m(l).mediaLibrary.viewGrid,
-						onClick: n[3] ||= (e) => m(L).layoutMode.value = "grid"
-					}, [h(m(ge), {
+						title: p(l).mediaLibrary.viewGrid,
+						onClick: n[3] ||= (e) => p(I).layoutMode.value = "grid"
+					}, [k(p(ge), {
 						size: 14,
 						"stroke-width": 2
-					})], 12, la), w("button", {
+					})], 12, la), y("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: _({
-							color: m(L).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-							backgroundColor: m(L).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
+						style: h({
+							color: p(I).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+							backgroundColor: p(I).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
 						}),
-						title: m(l).mediaLibrary.viewList,
-						onClick: n[4] ||= (e) => m(L).layoutMode.value = "list"
-					}, [h(m(he), {
+						title: p(l).mediaLibrary.viewList,
+						onClick: n[4] ||= (e) => p(I).layoutMode.value = "list"
+					}, [k(p(he), {
 						size: 14,
 						"stroke-width": 2
 					})], 12, ua)])
-				]), w("div", da, [m(F).length > 1 ? (c(), p("select", {
+				]), y("div", da, [p(ne).length > 1 ? (o(), O("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: {
@@ -5786,36 +5786,36 @@ var Ji = ["data-tpl-theme"], Yi = {
 						"background-color": "var(--tpl-bg)",
 						color: "var(--tpl-text)"
 					},
-					value: m(I).categoryFilter.value ?? "",
-					onChange: n[5] ||= (e) => m(I).filterByCategory(e.target.value || null)
-				}, [w("option", pa, C(m(l).mediaLibrary.filterAll), 1), (c(!0), p(v, null, r(m(F), (e) => (c(), p("option", {
+					value: p(F).categoryFilter.value ?? "",
+					onChange: n[5] ||= (e) => p(F).filterByCategory(e.target.value || null)
+				}, [y("option", pa, _(p(l).mediaLibrary.filterAll), 1), (o(!0), O(g, null, i(p(ne), (e) => (o(), O("option", {
 					key: e,
 					value: e
-				}, C(m(L).getCategoryLabel(e)), 9, ma))), 128))], 40, fa)) : b("", !0), w("select", {
+				}, _(p(I).getCategoryLabel(e)), 9, ma))), 128))], 40, fa)) : u("", !0), y("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: m(I).sortOption.value,
-					onChange: n[6] ||= (e) => m(I).sortBy(e.target.value)
+					value: p(F).sortOption.value,
+					onChange: n[6] ||= (e) => p(F).sortBy(e.target.value)
 				}, [
-					w("option", ga, C(m(l).mediaLibrary.sortNewest), 1),
-					w("option", _a, C(m(l).mediaLibrary.sortOldest), 1),
-					w("option", va, C(m(l).mediaLibrary.sortNameAsc), 1),
-					w("option", ya, C(m(l).mediaLibrary.sortNameDesc), 1),
-					w("option", ba, C(m(l).mediaLibrary.sortSizeAsc), 1),
-					w("option", xa, C(m(l).mediaLibrary.sortSizeDesc), 1)
-				], 40, ha)])]), w("div", Sa, [m(I).viewMode.value === "files" ? (c(), p("div", Ca, [h(Vi, {
-					"is-uploading": m(I).isUploading.value,
-					"upload-progress": m(I).uploadProgress.value,
-					onUpload: m(L).handleUpload
+					y("option", ga, _(p(l).mediaLibrary.sortNewest), 1),
+					y("option", _a, _(p(l).mediaLibrary.sortOldest), 1),
+					y("option", va, _(p(l).mediaLibrary.sortNameAsc), 1),
+					y("option", ya, _(p(l).mediaLibrary.sortNameDesc), 1),
+					y("option", ba, _(p(l).mediaLibrary.sortSizeAsc), 1),
+					y("option", xa, _(p(l).mediaLibrary.sortSizeDesc), 1)
+				], 40, ha)])]), y("div", Sa, [p(F).viewMode.value === "files" ? (o(), O("div", Ca, [k(Vi, {
+					"is-uploading": p(F).isUploading.value,
+					"upload-progress": p(F).uploadProgress.value,
+					onUpload: p(I).handleUpload
 				}, null, 8, [
 					"is-uploading",
 					"upload-progress",
 					"onUpload"
-				]), j.value ? (c(), p("button", {
+				]), j.value ? (o(), O("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: {
@@ -5823,22 +5823,22 @@ var Ji = ["data-tpl-theme"], Yi = {
 						color: "var(--tpl-text-muted)",
 						"background-color": "var(--tpl-bg)"
 					},
-					onClick: n[7] ||= (e) => m(L).showImportUrlModal.value = !0
-				}, [h(m(fe), {
+					onClick: n[7] ||= (e) => p(I).showImportUrlModal.value = !0
+				}, [k(p(fe), {
 					size: 14,
 					"stroke-width": 2
-				}), A(" " + C(m(l).mediaLibrary.importFromUrl), 1)])) : b("", !0)])) : b("", !0), h(qr, {
-					items: m(L).displayItems.value,
-					"selected-ids": m(I).selectedItems.value,
-					"is-loading": m(I).isLoading.value,
-					"has-more": m(I).viewMode.value === "files" && m(I).hasMore.value,
+				}), d(" " + _(p(l).mediaLibrary.importFromUrl), 1)])) : u("", !0)])) : u("", !0), k(qr, {
+					items: p(I).displayItems.value,
+					"selected-ids": p(F).selectedItems.value,
+					"is-loading": p(F).isLoading.value,
+					"has-more": p(F).viewMode.value === "files" && p(F).hasMore.value,
 					accept: e.accept,
-					layout: m(L).layoutMode.value,
-					onSelect: m(L).handleSelect,
-					onToggle: m(I).toggleSelection,
-					onLoadMore: m(I).loadMore,
-					onEdit: m(L).handleEditItem,
-					onReplace: m(L).handleReplaceItem
+					layout: p(I).layoutMode.value,
+					onSelect: p(I).handleSelect,
+					onToggle: p(F).toggleSelection,
+					onLoadMore: p(F).loadMore,
+					onEdit: p(I).handleEditItem,
+					onReplace: p(I).handleReplaceItem
 				}, null, 8, [
 					"items",
 					"selected-ids",
@@ -5852,36 +5852,36 @@ var Ji = ["data-tpl-theme"], Yi = {
 					"onEdit",
 					"onReplace"
 				])])])]),
-				h(ai, {
-					visible: m(L).showImportUrlModal.value,
-					"is-importing": m(I).isImportingFromUrl.value,
-					error: m(I).importFromUrlError.value,
-					onImport: m(L).handleImportFromUrl,
-					onClose: n[8] ||= (e) => m(L).showImportUrlModal.value = !1
+				k(ai, {
+					visible: p(I).showImportUrlModal.value,
+					"is-importing": p(F).isImportingFromUrl.value,
+					error: p(F).importFromUrlError.value,
+					onImport: p(I).handleImportFromUrl,
+					onClose: n[8] ||= (e) => p(I).showImportUrlModal.value = !1
 				}, null, 8, [
 					"visible",
 					"is-importing",
 					"error",
 					"onImport"
 				]),
-				h(rr, {
-					visible: !!m(L).editingItem.value,
-					item: m(L).editingItem.value,
-					onSave: m(L).handleEditSave,
-					onClose: n[9] ||= (e) => m(L).editingItem.value = null
+				k(rr, {
+					visible: !!p(I).editingItem.value,
+					item: p(I).editingItem.value,
+					onSave: p(I).handleEditSave,
+					onClose: n[9] ||= (e) => p(I).editingItem.value = null
 				}, null, 8, [
 					"visible",
 					"item",
 					"onSave"
 				]),
-				h(Ii, {
-					visible: m(I).showReplaceWarning.value,
-					item: m(I).pendingReplaceItem.value,
-					"usage-info": m(I).replaceUsageInfo.value,
-					"is-replacing": m(I).isReplacing.value,
-					error: m(I).replaceError.value,
-					onReplace: m(L).handleReplaceFile,
-					onClose: m(I).cancelReplace
+				k(Ii, {
+					visible: p(F).showReplaceWarning.value,
+					item: p(F).pendingReplaceItem.value,
+					"usage-info": p(F).replaceUsageInfo.value,
+					"is-replacing": p(F).isReplacing.value,
+					error: p(F).replaceError.value,
+					onReplace: p(I).handleReplaceFile,
+					onClose: p(F).cancelReplace
 				}, null, 8, [
 					"visible",
 					"item",
@@ -5891,7 +5891,7 @@ var Ji = ["data-tpl-theme"], Yi = {
 					"onReplace",
 					"onClose"
 				]),
-				h(T, {
+				k(C, {
 					"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 					"enter-from-class": "tpl:opacity-0",
 					"enter-to-class": "tpl:opacity-100",
@@ -5899,7 +5899,7 @@ var Ji = ["data-tpl-theme"], Yi = {
 					"leave-from-class": "tpl:opacity-100",
 					"leave-to-class": "tpl:opacity-0"
 				}, {
-					default: i(() => [m(I).showDeleteWarning.value ? (c(), p("div", {
+					default: c(() => [p(F).showDeleteWarning.value ? (o(), O("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: {
@@ -5907,85 +5907,85 @@ var Ji = ["data-tpl-theme"], Yi = {
 							"backdrop-filter": "blur(8px)",
 							"-webkit-backdrop-filter": "blur(8px)"
 						},
-						onClick: n[12] ||= k((...e) => m(I).cancelDelete && m(I).cancelDelete(...e), ["self"])
-					}, [w("div", wa, [
-						w("h3", Ta, C(m(l).mediaLibrary.deleteWarningTitle), 1),
-						w("p", {
-							class: O(["tpl:text-xs", m(L).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
+						onClick: n[12] ||= m((...e) => p(F).cancelDelete && p(F).cancelDelete(...e), ["self"])
+					}, [y("div", wa, [
+						y("h3", Ta, _(p(l).mediaLibrary.deleteWarningTitle), 1),
+						y("p", {
+							class: D(["tpl:text-xs", p(I).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
 							style: { color: "var(--tpl-text-muted)" }
-						}, C(m(l).mediaLibrary.deleteWarningMessage), 3),
-						m(L).hasUsedFiles.value ? (c(), p("p", Ea, C(m(l).mediaLibrary.deleteWarningUsageNote), 1)) : b("", !0),
-						m(L).hasUsedFiles.value ? (c(), p("div", Da, [(c(!0), p(v, null, r(m(I).deleteUsageInfo.value, (e, t) => (c(), p("div", {
+						}, _(p(l).mediaLibrary.deleteWarningMessage), 3),
+						p(I).hasUsedFiles.value ? (o(), O("p", Ea, _(p(l).mediaLibrary.deleteWarningUsageNote), 1)) : u("", !0),
+						p(I).hasUsedFiles.value ? (o(), O("div", Da, [(o(!0), O(g, null, i(p(F).deleteUsageInfo.value, (e, t) => (o(), O("div", {
 							key: t,
 							class: "tpl:text-xs",
 							style: { color: "var(--tpl-text)" }
-						}, [e.template_count > 0 ? (c(), p(v, { key: 0 }, [w("span", Oa, C(m(L).displayItems.value.find((e) => e.id === t)?.filename || t), 1), w("span", ka, " - " + C(m(l).mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : b("", !0)]))), 128))])) : b("", !0),
-						w("div", Aa, [w("button", {
+						}, [e.template_count > 0 ? (o(), O(g, { key: 0 }, [y("span", Oa, _(p(I).displayItems.value.find((e) => e.id === t)?.filename || t), 1), y("span", ka, " - " + _(p(l).mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : u("", !0)]))), 128))])) : u("", !0),
+						y("div", Aa, [y("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[10] ||= (...e) => m(I).cancelDelete && m(I).cancelDelete(...e)
-						}, C(m(l).mediaLibrary.cancel), 1), w("button", {
+							onClick: n[10] ||= (...e) => p(F).cancelDelete && p(F).cancelDelete(...e)
+						}, _(p(l).mediaLibrary.cancel), 1), y("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-danger)",
 								color: "var(--tpl-danger)",
 								"background-color": "var(--tpl-danger-light)"
 							},
-							onClick: n[11] ||= (...e) => m(I).confirmDelete && m(I).confirmDelete(...e)
-						}, C(m(L).hasUsedFiles.value ? m(l).mediaLibrary.deleteAnyway : m(l).mediaLibrary.confirmDelete), 1)])
-					])])) : b("", !0)]),
+							onClick: n[11] ||= (...e) => p(F).confirmDelete && p(F).confirmDelete(...e)
+						}, _(p(I).hasUsedFiles.value ? p(l).mediaLibrary.deleteAnyway : p(l).mediaLibrary.confirmDelete), 1)])
+					])])) : u("", !0)]),
 					_: 1
 				}),
-				w("div", ja, [w("div", Ma, [m(I).previewItem.value ? (c(), x(xi, {
+				y("div", ja, [y("div", Ma, [p(F).previewItem.value ? (o(), v(xi, {
 					key: 0,
-					"selected-conversion": m(L).selectedConversion.value,
-					"onUpdate:selectedConversion": n[13] ||= (e) => m(L).selectedConversion.value = e,
-					item: m(I).previewItem.value,
-					folders: m(I).folders.value
+					"selected-conversion": p(I).selectedConversion.value,
+					"onUpdate:selectedConversion": n[13] ||= (e) => p(I).selectedConversion.value = e,
+					item: p(F).previewItem.value,
+					folders: p(F).folders.value
 				}, null, 8, [
 					"selected-conversion",
 					"item",
 					"folders"
-				])) : b("", !0)]), w("div", Na, [m(I).selectedItems.value.size > 0 ? (c(), p("div", Pa, [m(I).previewItem.value ? (c(), p("button", {
+				])) : u("", !0)]), y("div", Na, [p(F).selectedItems.value.size > 0 ? (o(), O("div", Pa, [p(F).previewItem.value ? (o(), O("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: _({
-						borderColor: m(L).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
-						color: m(L).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
+					style: h({
+						borderColor: p(I).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
+						color: p(I).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
 						backgroundColor: "var(--tpl-bg)"
 					}),
-					onClick: n[14] ||= (e) => m(L).copy(m(L).selectedUrl.value)
-				}, [m(L).copied.value ? (c(), x(m(ee), {
+					onClick: n[14] ||= (e) => p(I).copy(p(I).selectedUrl.value)
+				}, [p(I).copied.value ? (o(), v(p(M), {
 					key: 1,
 					size: 12,
 					"stroke-width": 2
-				})) : (c(), x(m(N), {
+				})) : (o(), v(p(P), {
 					key: 0,
 					size: 12,
 					"stroke-width": 2
-				})), A(" " + C(m(L).copied.value ? m(l).mediaLibrary.copied : m(l).mediaLibrary.copyUrl), 1)], 4)) : b("", !0), D.value ? (c(), p("div", Fa, [w("button", {
+				})), d(" " + _(p(I).copied.value ? p(l).mediaLibrary.copied : p(l).mediaLibrary.copyUrl), 1)], 4)) : u("", !0), A.value ? (o(), O("div", Fa, [y("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) => m(L).showMovePicker.value = !m(L).showMovePicker.value
-				}, C(m(l).mediaLibrary.moveSelected), 1), m(L).showMovePicker.value ? (c(), x(ui, {
+					onClick: n[15] ||= (e) => p(I).showMovePicker.value = !p(I).showMovePicker.value
+				}, _(p(l).mediaLibrary.moveSelected), 1), p(I).showMovePicker.value ? (o(), v(ui, {
 					key: 0,
-					folders: m(I).folders.value,
-					"current-folder-id": m(I).currentFolderId.value,
-					onSelect: m(L).handleMoveToFolder,
-					onClose: n[16] ||= (e) => m(L).showMovePicker.value = !1
+					folders: p(F).folders.value,
+					"current-folder-id": p(F).currentFolderId.value,
+					onSelect: p(I).handleMoveToFolder,
+					onClose: n[16] ||= (e) => p(I).showMovePicker.value = !1
 				}, null, 8, [
 					"folders",
 					"current-folder-id",
 					"onSelect"
-				])) : b("", !0)])) : b("", !0)])) : b("", !0), w("div", Ia, [m(I).selectedItems.value.size > 0 ? (c(), p("button", {
+				])) : u("", !0)])) : u("", !0)])) : u("", !0), y("div", Ia, [p(F).selectedItems.value.size > 0 ? (o(), O("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: {
@@ -5993,8 +5993,8 @@ var Ji = ["data-tpl-theme"], Yi = {
 						color: "var(--tpl-danger)",
 						"background-color": "var(--tpl-danger-light)"
 					},
-					onClick: n[17] ||= (...e) => m(L).handleDeleteClick && m(L).handleDeleteClick(...e)
-				}, C(m(l).mediaLibrary.deleteSelected), 1)) : b("", !0), w("button", {
+					onClick: n[17] ||= (...e) => p(I).handleDeleteClick && p(I).handleDeleteClick(...e)
+				}, _(p(l).mediaLibrary.deleteSelected), 1)) : u("", !0), y("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: {
 						"background-color": "var(--tpl-primary)",
@@ -6002,8 +6002,8 @@ var Ji = ["data-tpl-theme"], Yi = {
 					},
 					disabled: !R(),
 					onClick: ie
-				}, C(e.accept?.length ? m(l).mediaLibrary.selectImage : m(l).mediaLibrary.selectFile), 9, La)])])])
-			])], 8, Ji)) : b("", !0)]),
+				}, _(e.accept?.length ? p(l).mediaLibrary.selectImage : p(l).mediaLibrary.selectFile), 9, La)])])])
+			])], 8, Ji)) : u("", !0)]),
 			_: 1
 		})]));
 	}
@@ -6011,4 +6011,4 @@ var Ji = ["data-tpl-theme"], Yi = {
 //#endregion
 export { Ii as a, ai as c, rr as d, Ee as f, be as g, xe as h, Vi as i, qr as l, z as m, qi as n, xi as o, Te as p, Ki as r, ui as s, Ra as t, gr as u };
 
-//# sourceMappingURL=media-library-CVaNvhpM.js.map
+//# sourceMappingURL=media-library-BTF_Ko70.js.map