@templatical/editor 0.5.0 → 0.6.0

package/dist/cdn/chunks/{media-library-CWQAvfov.js → media-library-hjXJlR6s.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 { $t as j, Dt as M, E as N, T as P, Tt as ee, an as te, at as F, dt as I, en as L, ft as R, ht as ne, in as re, it as ie, nn as ae, rn as oe, rt as se, tn as ce, tt as le, xt as ue } from "./features-DV4PhoBs.js";
-import { G as de, L as fe, T as pe, U as me, W as he, k as ge, p as _e, y as ve, z as ye } from "./icons-LJ8U8lWI.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-C256qERn.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-BfGy6HC_.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 = `${N(P["media.browse"], this.baseParams)}${n ? `?${n}` : ""}`, i = await this.authManager.authenticatedFetch(r, { headers: { Accept: "application/json" } });
+		let n = t.toString(), r = `${j(P["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 = N(P["media.upload"], this.baseParams), i = await this.authManager.authenticatedFetch(r, {
+		let r = j(P["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(N(P["media.update"], {
+		return this.request(j(P["media.update"], {
 			...this.baseParams,
 			media: e
 		}), {
@@ -70,13 +70,13 @@ var be = class {
 		});
 	}
 	async deleteMedia(e) {
-		return this.request(N(P["media.delete"], this.baseParams), {
+		return this.request(j(P["media.delete"], this.baseParams), {
 			method: "POST",
 			body: JSON.stringify({ ids: e })
 		});
 	}
 	async moveMedia(e, t) {
-		return this.request(N(P["media.move"], this.baseParams), {
+		return this.request(j(P["media.move"], this.baseParams), {
 			method: "POST",
 			body: JSON.stringify({
 				ids: e,
@@ -85,10 +85,10 @@ var be = class {
 		});
 	}
 	async getMediaFolders() {
-		return this.request(N(P["folders.index"], this.baseParams));
+		return this.request(j(P["folders.index"], this.baseParams));
 	}
 	async createMediaFolder(e, t) {
-		return this.request(N(P["folders.store"], this.baseParams), {
+		return this.request(j(P["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(N(P["folders.update"], {
+		return this.request(j(P["folders.update"], {
 			...this.baseParams,
 			mediaFolder: e
 		}), {
@@ -106,13 +106,13 @@ var be = class {
 		});
 	}
 	async deleteMediaFolder(e) {
-		return this.request(N(P["folders.destroy"], {
+		return this.request(j(P["folders.destroy"], {
 			...this.baseParams,
 			mediaFolder: e
 		}), { method: "DELETE" });
 	}
 	async checkMediaUsage(e) {
-		let t = await this.authManager.authenticatedFetch(N(P["media.checkUsage"], this.baseParams), {
+		let t = await this.authManager.authenticatedFetch(j(P["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(N(P["media.frequentlyUsed"], this.baseParams));
+		return this.request(j(P["media.frequentlyUsed"], this.baseParams));
 	}
 	async importFromUrl(e, t) {
-		return this.request(N(P["media.importFromUrl"], this.baseParams), {
+		return this.request(j(P["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 = N(P["media.replace"], {
+		let r = j(P["media.replace"], {
 			...this.baseParams,
 			media: e
 		}), i = await this.authManager.authenticatedFetch(r, {
@@ -207,14 +207,14 @@ function xe(t) {
 	async function M(e) {
 		c.value = e, await k();
 	}
-	async function N(e) {
+	async function ee(e) {
 		l.value = e, await k();
 	}
-	async function P(e) {
+	async function N(e) {
 		o.value = "files", a.value = e, s.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await k();
 	}
-	async function ee() {
-		o.value = "frequently-used", a.value = null, s.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await ne();
+	async function P() {
+		o.value = "frequently-used", a.value = null, s.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await re();
 	}
 	async function te(e) {
 		d.value = !0;
@@ -260,7 +260,7 @@ function xe(t) {
 			t.onError?.(e);
 		}
 	}
-	async function L(e, i, a) {
+	async function ne(e, 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);
@@ -268,21 +268,21 @@ function xe(t) {
 			t.onError?.(e);
 		}
 	}
-	async function R() {
+	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);
 		}
 	}
-	async function ne() {
+	async function re() {
 		try {
 			_.value = await n.getFrequentlyUsed();
 		} catch (e) {
 			t.onError?.(e);
 		}
 	}
-	async function re() {
+	async function R() {
 		if (h.value.size === 0) return !1;
 		b.value = [...h.value];
 		try {
@@ -417,14 +417,14 @@ function xe(t) {
 		loadMore: A,
 		search: j,
 		filterByCategory: M,
-		sortBy: N,
-		navigateToFolder: P,
-		showFrequentlyUsed: ee,
+		sortBy: ee,
+		navigateToFolder: N,
+		showFrequentlyUsed: P,
 		uploadFile: te,
 		uploadFiles: F,
 		moveSelected: I,
-		updateFile: L,
-		deleteSelected: R,
+		updateFile: ne,
+		deleteSelected: L,
 		isImportingFromUrl: x,
 		importFromUrlError: S,
 		importFromUrl: oe,
@@ -436,8 +436,8 @@ function xe(t) {
 		renameFolder: pe,
 		deleteFolder: me,
 		findFolderInTree: fe,
-		loadFrequentlyUsed: ne,
-		checkUsageBeforeDelete: re,
+		loadFrequentlyUsed: re,
+		checkUsageBeforeDelete: R,
 		confirmDelete: ie,
 		cancelDelete: ae,
 		isReplacing: C,
@@ -496,7 +496,7 @@ var Se = {
 			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(ee), {
+		}, 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), {
 			size: 12,
 			"stroke-width": 2
 		}), t < o.value.length - 1 ? (c(), p("button", {
@@ -4122,7 +4122,7 @@ 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__ */ le(/* @__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__ */ ue(/* @__PURE__ */ d({
 	__name: "MediaEditModal",
 	props: {
 		visible: { type: Boolean },
@@ -4130,27 +4130,27 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 	},
 	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(""), N = e(null), P = e("free"), ee = e(void 0), te = e(void 0), F = e(""), I = e(""), L = e(void 0), R = e(null), ne = e(!1), re = e(!1), ie = e(!1), ae = E(() => s.item ? [
+		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 ? [
 			"image/jpeg",
 			"image/png",
 			"image/webp",
 			"image/gif"
-		].includes(s.item.mime_type) : !1), oe = E(() => P.value === "original" ? L.value : De[P.value]), se = E(() => R.value ? je(R.value.width, R.value.height, ee.value, te.value) : null);
+		].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 || "", P.value = "free", ee.value = void 0, te.value = void 0, F.value = "", I.value = "", L.value = void 0, R.value = null, ne.value = !1, ie.value = !1, s.item.width && s.item.height && (L.value = s.item.width / s.item.height));
+			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));
 		});
 		function ce(e) {
-			e.coordinates && (R.value = {
+			e.coordinates && (L.value = {
 				width: Math.round(e.coordinates.width),
 				height: Math.round(e.coordinates.height)
 			}, ie.value = !0);
 		}
 		function le() {
-			ne.value = !0, !L.value && s.item?.width && s.item?.height && (L.value = s.item.width / s.item.height);
+			re.value = !0, !ne.value && s.item?.width && s.item?.height && (ne.value = s.item.width / s.item.height);
 		}
 		function ue(e) {
 			let t = e.target.value;
-			F.value = t, ee.value = t && parseInt(t, 10) || void 0;
+			F.value = t, P.value = t && parseInt(t, 10) || void 0;
 		}
 		function de(e) {
 			let t = e.target.value;
@@ -4158,26 +4158,26 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 		}
 		async function fe() {
 			let e = j.value.trim();
-			if (!e || !s.item || re.value) return;
+			if (!e || !s.item || R.value) return;
 			let t = S(s.item.mime_type), n;
-			if (ae.value && N.value && ie.value) {
-				re.value = !0;
+			if (ae.value && ee.value && ie.value) {
+				R.value = !0;
 				try {
-					let { canvas: e } = N.value.getResult();
+					let { canvas: e } = ee.value.getResult();
 					if (e) {
-						let t = ke(e, ee.value, te.value), r = Oe(s.item.mime_type);
+						let t = ke(e, P.value, te.value), r = Oe(s.item.mime_type);
 						n = { file: await Ae(t, s.item.filename, r) };
 					}
 				} catch {
-					re.value = !1;
+					R.value = !1;
 					return;
 				}
-				re.value = !1;
+				R.value = !1;
 			}
 			l("save", s.item.id, e, t ? M.value : void 0, n), l("close");
 		}
 		function pe(e) {
-			e.key === "Enter" && !re.value && (e.preventDefault(), fe()), e.key === "Escape" && l("close");
+			e.key === "Enter" && !R.value && (e.preventDefault(), fe()), e.key === "Escape" && l("close");
 		}
 		return (e, t) => (c(), x(y, { to: "body" }, [h(T, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
@@ -4202,7 +4202,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 				w("div", Dn, [
 					ae.value ? (c(), p("div", On, [w("div", kn, [h(m(xn), {
 						ref_key: "cropperRef",
-						ref: N,
+						ref: ee,
 						src: a.item.url,
 						"stencil-props": { aspectRatio: oe.value },
 						class: "tpl:h-full tpl:w-full",
@@ -4221,11 +4221,11 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 							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: 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)"
+								borderColor: N.value === e ? "var(--tpl-primary)" : "var(--tpl-border)",
+								backgroundColor: N.value === e ? "var(--tpl-primary-light)" : "var(--tpl-bg)",
+								color: N.value === e ? "var(--tpl-primary)" : "var(--tpl-text)"
 							}),
-							onClick: (t) => P.value = e
+							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,
@@ -4237,7 +4237,7 @@ 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: R.value?.width?.toString() || "",
+							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,
@@ -4249,7 +4249,7 @@ 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: R.value?.height?.toString() || "",
+							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)
@@ -4288,9 +4288,9 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 				}, C(m(u).mediaLibrary.cancel), 1), w("button", {
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-white tpl:transition-all tpl:duration-150 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
 					style: { background: "linear-gradient(\n                  135deg,\n                  var(--tpl-primary),\n                  var(--tpl-primary-hover)\n                )" },
-					disabled: re.value,
+					disabled: R.value,
 					onClick: fe
-				}, C(re.value ? m(u).mediaLibrary.saving : m(u).mediaLibrary.saveChanges), 9, nr)])
+				}, C(R.value ? m(u).mediaLibrary.saving : m(u).mediaLibrary.saveChanges), 9, nr)])
 			], 2)], 40, wn)) : b("", !0)]),
 			_: 1
 		})]));
@@ -4318,7 +4318,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 		"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), M = E(() => !i.currentFolderId || !i.folder.children ? !1 : P(i.folder.children, i.currentFolderId)), N = E(() => l.value || M.value);
+		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);
 		function P(e, t) {
 			for (let n of e) if (n.id === t || n.children && P(n.children, t)) return !0;
 			return !1;
@@ -4326,23 +4326,23 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 		function te() {
 			l.value = !l.value;
 		}
-		function I() {
+		function F() {
 			u.value = !0, d.value = i.folder.name;
 		}
-		function L() {
+		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 = "";
 		}
-		function re() {
+		function L() {
 			g.value = !0, y.value = "", l.value = !0;
 		}
-		function ie() {
+		function re() {
 			y.value.trim() && a("createFolder", y.value.trim(), i.folder.id), g.value = !1, y.value = "";
 		}
-		function ae() {
+		function R() {
 			g.value = !1, y.value = "";
 		}
 		return (e, n) => {
@@ -4359,7 +4359,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 					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(ee), {
+				}, [h(m(M), {
 					class: O(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": N.value }]),
 					size: 10,
 					"stroke-width": 2
@@ -4367,7 +4367,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 				w("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(he), {
+				}, [h(m(me), {
 					class: "tpl:shrink-0",
 					size: 14,
 					"stroke-width": 1.5
@@ -4383,8 +4383,8 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 						color: "var(--tpl-text)"
 					},
 					autofocus: "",
-					onKeydown: [S(L, ["enter"]), S(ne, ["escape"])],
-					onBlur: L,
+					onKeydown: [S(I, ["enter"]), S(ne, ["escape"])],
+					onBlur: I,
 					onClick: n[2] ||= k(() => {}, ["stop"])
 				}, null, 544)), [[D, d.value]]) : b("", !0),
 				u.value ? b("", !0) : (c(), p("span", or, [
@@ -4392,7 +4392,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 						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(re, ["stop"])
+						onClick: k(L, ["stop"])
 					}, [h(m(pe), {
 						size: 12,
 						"stroke-width": 2
@@ -4400,15 +4400,15 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 					w("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(I, ["stop"])
-					}, [h(m(R), {
+						onClick: k(F, ["stop"])
+					}, [h(m(ae), {
 						size: 12,
 						"stroke-width": 2
 					})], 8, cr),
 					w("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(F), {
+					}, [h(m(ie), {
 						size: 12,
 						"stroke-width": 2,
 						style: { color: "var(--tpl-danger)" }
@@ -4442,8 +4442,8 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 				},
 				placeholder: m(o).mediaLibrary.subfolderName,
 				autofocus: "",
-				onKeydown: [S(ie, ["enter"]), S(ae, ["escape"])],
-				onBlur: ie
+				onKeydown: [S(re, ["enter"]), S(R, ["escape"])],
+				onBlur: re
 			}, null, 40, ur), [[D, y.value]])], 4)) : b("", !0)])) : b("", !0)]);
 		};
 	}
@@ -4484,7 +4484,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 					color: t.viewMode === "files" && t.currentFolderId === null ? "var(--tpl-primary)" : "var(--tpl-text)"
 				}),
 				onClick: n[0] ||= (e) => i("navigate", null)
-			}, [h(m(de), {
+			}, [h(m(ye), {
 				size: 14,
 				"stroke-width": 1.5
 			}), A(" " + C(m(a).mediaLibrary.allFiles), 1)], 4),
@@ -4531,7 +4531,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 					color: t.viewMode === "frequently-used" ? "var(--tpl-primary)" : "var(--tpl-text)"
 				}),
 				onClick: n[6] ||= (e) => i("showFrequentlyUsed")
-			}, [h(m(_e), {
+			}, [h(m(ve), {
 				size: 14,
 				"stroke-width": 1.5
 			}), A(" " + C(m(a).mediaLibrary.frequentlyUsed), 1)], 4)) : b("", !0)
@@ -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__ */ le(/* @__PURE__ */ d({
+}, qr = /* @__PURE__ */ ue(/* @__PURE__ */ d({
 	__name: "MediaGrid",
 	props: {
 		items: {},
@@ -4774,7 +4774,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			a("select", e);
 		}
 		let { t: d } = z(), f = e(null);
-		re(f, ([{ isIntersecting: e }]) => {
+		R(f, ([{ isIntersecting: e }]) => {
 			e && i.hasMore && !i.isLoading && a("loadMore");
 		}, { threshold: .1 });
 		function g(e) {
@@ -4795,7 +4795,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 				key: e,
 				class: O(["tpl-pulse tpl:rounded-lg", t.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(de), {
+			}, null, 2)), 64))], 2)) : t.items.length === 0 ? (c(), p("div", br, [h(m(ye), {
 				class: "tpl:mb-3",
 				size: 40,
 				"stroke-width": 1,
@@ -4819,7 +4819,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 					style: { color: "var(--tpl-text-muted)" },
 					title: m(d).mediaLibrary.editFile,
 					onClick: k((t) => a("edit", e), ["stop"])
-				}, [h(m(R), {
+				}, [h(m(ae), {
 					size: 12,
 					"stroke-width": 2
 				})], 8, Ur), w("button", {
@@ -4827,11 +4827,11 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 					style: { color: "var(--tpl-text-muted)" },
 					title: m(d).mediaLibrary.replaceFile,
 					onClick: k((t) => a("replace", e), ["stop"])
-				}, [h(m(I), {
+				}, [h(m(F), {
 					size: 12,
 					"stroke-width": 2
 				})], 8, Wr)]),
-				t.selectedIds.has(e.id) ? (c(), p("div", Gr, [h(m(M), {
+				t.selectedIds.has(e.id) ? (c(), p("div", Gr, [h(m(ee), {
 					size: 12,
 					"stroke-width": 3
 				})])) : b("", !0)
@@ -4864,7 +4864,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 					style: { "background-color": "rgba(0, 0, 0, 0.6)" },
 					title: m(d).mediaLibrary.editFile,
 					onClick: k((t) => a("edit", e), ["stop"])
-				}, [h(m(R), {
+				}, [h(m(ae), {
 					size: 11,
 					"stroke-width": 2
 				})], 8, jr), w("button", {
@@ -4872,11 +4872,11 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 					style: { "background-color": "rgba(0, 0, 0, 0.6)" },
 					title: m(d).mediaLibrary.replaceFile,
 					onClick: k((t) => a("replace", e), ["stop"])
-				}, [h(m(I), {
+				}, [h(m(F), {
 					size: 11,
 					"stroke-width": 2
 				})], 8, Mr)]),
-				t.selectedIds.has(e.id) ? (c(), p("div", Nr, [h(m(M), {
+				t.selectedIds.has(e.id) ? (c(), p("div", Nr, [h(m(ee), {
 					size: 12,
 					"stroke-width": 3
 				})])) : b("", !0)
@@ -4886,7 +4886,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 				ref: f,
 				class: "tpl:h-4"
 			}, null, 512),
-			t.isLoading && t.items.length > 0 ? (c(), p("div", Kr, [h(m(ne), {
+			t.isLoading && t.items.length > 0 ? (c(), p("div", Kr, [h(m(I), {
 				class: "tpl-spinner",
 				size: 20,
 				"stroke-width": 2,
@@ -4975,7 +4975,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 					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(ne), {
+				}, [r.isImporting ? (c(), p("span", ri, [h(m(I), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
@@ -5006,7 +5006,7 @@ 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 j(o, () => {
+		return le(o, () => {
 			i("close");
 		}), (e, n) => (c(), p("div", {
 			ref_key: "pickerRef",
@@ -5021,7 +5021,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			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(de), {
+		}, [h(m(ye), {
 			class: "tpl:shrink-0",
 			size: 14,
 			"stroke-width": 1.5
@@ -5036,7 +5036,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			disabled: e.id === t.currentFolderId,
 			onClick: (t) => i("select", e.id)
 		}, [
-			h(m(he), {
+			h(m(me), {
 				class: "tpl:shrink-0",
 				size: 14,
 				"stroke-width": 1.5
@@ -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__ */ le(/* @__PURE__ */ d({
+}, yi = ["value"], bi = ["value"], xi = /* @__PURE__ */ ue(/* @__PURE__ */ d({
 	__name: "MediaPreviewPanel",
 	props: {
 		item: {},
@@ -5147,7 +5147,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 					_.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(he), {
+						h(m(me), {
 							class: "tpl:mb-px tpl:inline",
 							size: 9,
 							"stroke-width": 2
@@ -5314,9 +5314,9 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			let t = d(e);
 			t.length && r("upload", t);
 		}
-		let { isOverDropZone: g } = ce(u, { onDrop: (e) => {
+		let { isOverDropZone: g } = oe(u, { onDrop: (e) => {
 			e?.length && f(e);
-		} }), { open: _, onChange: y } = oe({
+		} }), { open: _, onChange: y } = te({
 			accept: s.value,
 			multiple: !0
 		});
@@ -5331,7 +5331,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 				"background-color": "var(--tpl-bg)"
 			},
 			onClick: n[0] ||= (e) => m(_)()
-		}, [t.isUploading ? (c(), p("div", Li, [h(m(ne), {
+		}, [t.isUploading ? (c(), p("div", Li, [h(m(I), {
 			class: "tpl-spinner",
 			size: 20,
 			"stroke-width": 2,
@@ -5340,7 +5340,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			current: t.uploadProgress.current,
 			total: t.uploadProgress.total
 		}) : m(i).mediaLibrary.uploading), 1)])) : (c(), p(v, { key: 1 }, [
-			h(m(ie), {
+			h(m(L), {
 				class: "tpl:mb-2",
 				size: 24,
 				"stroke-width": 1.5,
@@ -5471,13 +5471,13 @@ function qi(n) {
 	}), t(() => r.previewItem.value?.id, () => {
 		u.value = "original";
 	});
-	let b = te((e) => {
+	let b = ce((e) => {
 		r.search(e);
 	}, 300);
 	function x(e) {
 		l.value = e, b(e);
 	}
-	let { copy: S, copied: C } = L({
+	let { copy: S, copied: C } = re({
 		copiedDuring: 2e3,
 		legacy: !0
 	});
@@ -5505,19 +5505,19 @@ function qi(n) {
 	async function M(e) {
 		await r.importFromUrl(e) && (f.value = !1);
 	}
-	async function N(e) {
+	async function ee(e) {
 		p.value = !1, await r.moveSelected(e);
 	}
-	async function P() {
+	async function N() {
 		await r.checkUsageBeforeDelete();
 	}
-	function ee(e) {
+	function P(e) {
 		r.checkUsageBeforeReplace(e);
 	}
-	async function F(e) {
+	async function te(e) {
 		await r.replaceFile(e);
 	}
-	function I() {
+	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";
 	}
 	return {
@@ -5544,11 +5544,11 @@ function qi(n) {
 		handleEditItem: A,
 		handleEditSave: j,
 		handleImportFromUrl: M,
-		handleMoveToFolder: N,
-		handleDeleteClick: P,
-		handleReplaceItem: ee,
-		handleReplaceFile: F,
-		resetUI: I
+		handleMoveToFolder: ee,
+		handleDeleteClick: N,
+		handleReplaceItem: P,
+		handleReplaceFile: te,
+		resetUI: F
 	};
 }
 //#endregion
@@ -5627,30 +5627,30 @@ var Ji = ["data-tpl-theme"], Yi = {
 	},
 	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")), N = E(() => S.config.value?.storage.used_bytes ?? 0), P = E(() => S.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: ee, availableCategories: te } = Ee(), F = xe({
+		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
-		}), I = qi({
-			library: F,
+		}), L = qi({
+			library: I,
 			canUseMediaFolders: D,
 			translations: l
 		});
 		t(() => o.visible, (e) => {
-			e ? (F.loadItems(), F.loadFrequentlyUsed()) : I.resetUI();
+			e ? (I.loadItems(), I.loadFrequentlyUsed()) : L.resetUI();
 		});
-		function L(e) {
+		function re(e) {
 			e.key === "Escape" && s("close");
 		}
-		ae(document, "keydown", L);
+		ne(document, "keydown", re);
 		function R() {
-			return F.previewItem.value ? o.accept?.length ? ee(F.previewItem.value.mime_type, o.accept) : !0 : !1;
+			return I.previewItem.value ? o.accept?.length ? te(I.previewItem.value.mime_type, o.accept) : !0 : !1;
 		}
-		function ne() {
+		function ie() {
 			if (R()) {
-				let e = F.previewItem.value;
+				let e = I.previewItem.value;
 				s("select", {
 					...e,
-					url: I.selectedUrl.value || e.url
+					url: L.selectedUrl.value || e.url
 				}), s("close");
 			}
 		}
@@ -5670,12 +5670,12 @@ var Ji = ["data-tpl-theme"], Yi = {
 			}, [w("div", Yi, [
 				w("div", Xi, [w("h2", Zi, C(m(l).mediaLibrary.title), 1), w("div", Qi, [
 					h(Ki, {
-						"used-bytes": N.value,
+						"used-bytes": M.value,
 						"limit-bytes": P.value,
 						size: 22
 					}, null, 8, ["used-bytes", "limit-bytes"]),
 					w("div", $i, [w("input", {
-						value: m(I).searchInput.value,
+						value: m(L).searchInput.value,
 						type: "text",
 						class: "tpl:w-52 tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-3 tpl:pl-8 tpl:text-xs tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:outline-none tpl:focus:shadow-[var(--tpl-ring)]",
 						style: {
@@ -5684,8 +5684,8 @@ var Ji = ["data-tpl-theme"], Yi = {
 							color: "var(--tpl-text)"
 						},
 						placeholder: m(l).mediaLibrary.searchPlaceholder,
-						onInput: n[0] ||= (e) => m(I).handleSearchInput(e.target.value)
-					}, null, 40, ea), h(m(ve), {
+						onInput: n[0] ||= (e) => m(L).handleSearchInput(e.target.value)
+					}, null, 40, ea), h(m(_e), {
 						class: "tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2",
 						size: 13,
 						"stroke-width": 2,
@@ -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(I).showSidebar.value ? (c(), p("div", na, [h(gr, {
-						folders: m(F).folders.value,
-						"current-folder-id": m(F).currentFolderId.value,
-						"view-mode": m(F).viewMode.value,
-						"has-frequently-used": m(I).hasFrequentlyUsed.value,
-						onNavigate: m(F).navigateToFolder,
-						onCreateFolder: m(I).handleCreateFolder,
-						onRenameFolder: m(I).handleRenameFolder,
-						onDeleteFolder: m(I).handleDeleteFolder,
-						onShowFrequentlyUsed: m(F).showFrequentlyUsed
+					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
 					}, null, 8, [
 						"folders",
 						"current-folder-id",
@@ -5735,21 +5735,21 @@ var Ji = ["data-tpl-theme"], Yi = {
 						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(I).showSidebar.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-							backgroundColor: m(I).showSidebar.value ? "var(--tpl-bg)" : "transparent",
-							border: m(I).showSidebar.value ? "1px solid var(--tpl-border)" : "1px solid transparent"
+							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"
 						}),
-						title: m(I).showSidebar.value ? m(l).mediaLibrary.hideFolders : m(l).mediaLibrary.showFolders,
-						onClick: n[2] ||= (e) => m(I).showSidebar.value = !m(I).showSidebar.value
-					}, [h(m(ge), {
+						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), {
 						size: 16,
 						"stroke-width": 2
 					})], 12, oa)) : b("", !0),
-					m(F).viewMode.value === "frequently-used" ? (c(), p("span", sa, C(m(l).mediaLibrary.frequentlyUsed), 1)) : (c(), x(Te, {
+					m(I).viewMode.value === "frequently-used" ? (c(), p("span", sa, C(m(l).mediaLibrary.frequentlyUsed), 1)) : (c(), x(Te, {
 						key: 2,
-						folders: m(F).folders.value,
-						"current-folder-id": m(F).currentFolderId.value,
-						onNavigate: m(F).navigateToFolder
+						folders: m(I).folders.value,
+						"current-folder-id": m(I).currentFolderId.value,
+						onNavigate: m(I).navigateToFolder
 					}, null, 8, [
 						"folders",
 						"current-folder-id",
@@ -5758,27 +5758,27 @@ var Ji = ["data-tpl-theme"], Yi = {
 					w("div", ca, [w("button", {
 						class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:transition-all tpl:duration-150",
 						style: _({
-							color: m(I).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-							backgroundColor: m(I).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
+							color: m(L).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+							backgroundColor: m(L).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
 						}),
 						title: m(l).mediaLibrary.viewGrid,
-						onClick: n[3] ||= (e) => m(I).layoutMode.value = "grid"
-					}, [h(m(me), {
+						onClick: n[3] ||= (e) => m(L).layoutMode.value = "grid"
+					}, [h(m(ge), {
 						size: 14,
 						"stroke-width": 2
 					})], 12, la), w("button", {
 						class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:transition-all tpl:duration-150",
 						style: _({
-							color: m(I).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-							backgroundColor: m(I).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
+							color: m(L).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+							backgroundColor: m(L).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
 						}),
 						title: m(l).mediaLibrary.viewList,
-						onClick: n[4] ||= (e) => m(I).layoutMode.value = "list"
-					}, [h(m(fe), {
+						onClick: n[4] ||= (e) => m(L).layoutMode.value = "list"
+					}, [h(m(he), {
 						size: 14,
 						"stroke-width": 2
 					})], 12, ua)])
-				]), w("div", da, [m(te).length > 1 ? (c(), p("select", {
+				]), w("div", da, [m(F).length > 1 ? (c(), p("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,20 +5786,20 @@ var Ji = ["data-tpl-theme"], Yi = {
 						"background-color": "var(--tpl-bg)",
 						color: "var(--tpl-text)"
 					},
-					value: m(F).categoryFilter.value ?? "",
-					onChange: n[5] ||= (e) => m(F).filterByCategory(e.target.value || null)
-				}, [w("option", pa, C(m(l).mediaLibrary.filterAll), 1), (c(!0), p(v, null, r(m(te), (e) => (c(), p("option", {
+					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", {
 					key: e,
 					value: e
-				}, C(m(I).getCategoryLabel(e)), 9, ma))), 128))], 40, fa)) : b("", !0), w("select", {
+				}, C(m(L).getCategoryLabel(e)), 9, ma))), 128))], 40, fa)) : b("", !0), w("select", {
 					class: "tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-7 tpl:pl-2.5 tpl:text-xs tpl:transition-all tpl:duration-150 tpl:outline-none",
 					style: {
 						"border-color": "var(--tpl-border)",
 						"background-color": "var(--tpl-bg)",
 						color: "var(--tpl-text)"
 					},
-					value: m(F).sortOption.value,
-					onChange: n[6] ||= (e) => m(F).sortBy(e.target.value)
+					value: m(I).sortOption.value,
+					onChange: n[6] ||= (e) => m(I).sortBy(e.target.value)
 				}, [
 					w("option", ga, C(m(l).mediaLibrary.sortNewest), 1),
 					w("option", _a, C(m(l).mediaLibrary.sortOldest), 1),
@@ -5807,10 +5807,10 @@ var Ji = ["data-tpl-theme"], Yi = {
 					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(F).viewMode.value === "files" ? (c(), p("div", Ca, [h(Vi, {
-					"is-uploading": m(F).isUploading.value,
-					"upload-progress": m(F).uploadProgress.value,
-					onUpload: m(I).handleUpload
+				], 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
 				}, null, 8, [
 					"is-uploading",
 					"upload-progress",
@@ -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(I).showImportUrlModal.value = !0
-				}, [h(m(ye), {
+					onClick: n[7] ||= (e) => m(L).showImportUrlModal.value = !0
+				}, [h(m(fe), {
 					size: 14,
 					"stroke-width": 2
 				}), A(" " + C(m(l).mediaLibrary.importFromUrl), 1)])) : b("", !0)])) : b("", !0), h(qr, {
-					items: m(I).displayItems.value,
-					"selected-ids": m(F).selectedItems.value,
-					"is-loading": m(F).isLoading.value,
-					"has-more": m(F).viewMode.value === "files" && m(F).hasMore.value,
+					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,
 					accept: e.accept,
-					layout: m(I).layoutMode.value,
-					onSelect: m(I).handleSelect,
-					onToggle: m(F).toggleSelection,
-					onLoadMore: m(F).loadMore,
-					onEdit: m(I).handleEditItem,
-					onReplace: m(I).handleReplaceItem
+					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
 				}, null, 8, [
 					"items",
 					"selected-ids",
@@ -5853,11 +5853,11 @@ var Ji = ["data-tpl-theme"], Yi = {
 					"onReplace"
 				])])])]),
 				h(ai, {
-					visible: m(I).showImportUrlModal.value,
-					"is-importing": m(F).isImportingFromUrl.value,
-					error: m(F).importFromUrlError.value,
-					onImport: m(I).handleImportFromUrl,
-					onClose: n[8] ||= (e) => m(I).showImportUrlModal.value = !1
+					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
 				}, null, 8, [
 					"visible",
 					"is-importing",
@@ -5865,23 +5865,23 @@ var Ji = ["data-tpl-theme"], Yi = {
 					"onImport"
 				]),
 				h(rr, {
-					visible: !!m(I).editingItem.value,
-					item: m(I).editingItem.value,
-					onSave: m(I).handleEditSave,
-					onClose: n[9] ||= (e) => m(I).editingItem.value = null
+					visible: !!m(L).editingItem.value,
+					item: m(L).editingItem.value,
+					onSave: m(L).handleEditSave,
+					onClose: n[9] ||= (e) => m(L).editingItem.value = null
 				}, null, 8, [
 					"visible",
 					"item",
 					"onSave"
 				]),
 				h(Ii, {
-					visible: m(F).showReplaceWarning.value,
-					item: m(F).pendingReplaceItem.value,
-					"usage-info": m(F).replaceUsageInfo.value,
-					"is-replacing": m(F).isReplacing.value,
-					error: m(F).replaceError.value,
-					onReplace: m(I).handleReplaceFile,
-					onClose: m(F).cancelReplace
+					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
 				}, null, 8, [
 					"visible",
 					"item",
@@ -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(F).showDeleteWarning.value ? (c(), p("div", {
+					default: i(() => [m(I).showDeleteWarning.value ? (c(), p("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,19 +5907,19 @@ var Ji = ["data-tpl-theme"], Yi = {
 							"backdrop-filter": "blur(8px)",
 							"-webkit-backdrop-filter": "blur(8px)"
 						},
-						onClick: n[12] ||= k((...e) => m(F).cancelDelete && m(F).cancelDelete(...e), ["self"])
+						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(I).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
+							class: O(["tpl:text-xs", m(L).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
 							style: { color: "var(--tpl-text-muted)" }
 						}, C(m(l).mediaLibrary.deleteWarningMessage), 3),
-						m(I).hasUsedFiles.value ? (c(), p("p", Ea, C(m(l).mediaLibrary.deleteWarningUsageNote), 1)) : b("", !0),
-						m(I).hasUsedFiles.value ? (c(), p("div", Da, [(c(!0), p(v, null, r(m(F).deleteUsageInfo.value, (e, t) => (c(), p("div", {
+						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", {
 							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(I).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),
+						}, [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", {
 							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: {
@@ -5927,7 +5927,7 @@ var Ji = ["data-tpl-theme"], Yi = {
 								color: "var(--tpl-text)",
 								"background-color": "var(--tpl-bg)"
 							},
-							onClick: n[10] ||= (...e) => m(F).cancelDelete && m(F).cancelDelete(...e)
+							onClick: n[10] ||= (...e) => m(I).cancelDelete && m(I).cancelDelete(...e)
 						}, C(m(l).mediaLibrary.cancel), 1), w("button", {
 							class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 							style: {
@@ -5935,57 +5935,57 @@ var Ji = ["data-tpl-theme"], Yi = {
 								color: "var(--tpl-danger)",
 								"background-color": "var(--tpl-danger-light)"
 							},
-							onClick: n[11] ||= (...e) => m(F).confirmDelete && m(F).confirmDelete(...e)
-						}, C(m(I).hasUsedFiles.value ? m(l).mediaLibrary.deleteAnyway : m(l).mediaLibrary.confirmDelete), 1)])
+							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)]),
 					_: 1
 				}),
-				w("div", ja, [w("div", Ma, [m(F).previewItem.value ? (c(), x(xi, {
+				w("div", ja, [w("div", Ma, [m(I).previewItem.value ? (c(), x(xi, {
 					key: 0,
-					"selected-conversion": m(I).selectedConversion.value,
-					"onUpdate:selectedConversion": n[13] ||= (e) => m(I).selectedConversion.value = e,
-					item: m(F).previewItem.value,
-					folders: m(F).folders.value
+					"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
 				}, null, 8, [
 					"selected-conversion",
 					"item",
 					"folders"
-				])) : b("", !0)]), w("div", Na, [m(F).selectedItems.value.size > 0 ? (c(), p("div", Pa, [m(F).previewItem.value ? (c(), p("button", {
+				])) : b("", !0)]), w("div", Na, [m(I).selectedItems.value.size > 0 ? (c(), p("div", Pa, [m(I).previewItem.value ? (c(), p("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(I).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
-						color: m(I).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
+						borderColor: m(L).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
+						color: m(L).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
 						backgroundColor: "var(--tpl-bg)"
 					}),
-					onClick: n[14] ||= (e) => m(I).copy(m(I).selectedUrl.value)
-				}, [m(I).copied.value ? (c(), x(m(M), {
+					onClick: n[14] ||= (e) => m(L).copy(m(L).selectedUrl.value)
+				}, [m(L).copied.value ? (c(), x(m(ee), {
 					key: 1,
 					size: 12,
 					"stroke-width": 2
-				})) : (c(), x(m(ue), {
+				})) : (c(), x(m(N), {
 					key: 0,
 					size: 12,
 					"stroke-width": 2
-				})), A(" " + C(m(I).copied.value ? m(l).mediaLibrary.copied : m(l).mediaLibrary.copyUrl), 1)], 4)) : b("", !0), D.value ? (c(), p("div", Fa, [w("button", {
+				})), 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", {
 					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(I).showMovePicker.value = !m(I).showMovePicker.value
-				}, C(m(l).mediaLibrary.moveSelected), 1), m(I).showMovePicker.value ? (c(), x(ui, {
+					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, {
 					key: 0,
-					folders: m(F).folders.value,
-					"current-folder-id": m(F).currentFolderId.value,
-					onSelect: m(I).handleMoveToFolder,
-					onClose: n[16] ||= (e) => m(I).showMovePicker.value = !1
+					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
 				}, null, 8, [
 					"folders",
 					"current-folder-id",
 					"onSelect"
-				])) : b("", !0)])) : b("", !0)])) : b("", !0), w("div", Ia, [m(F).selectedItems.value.size > 0 ? (c(), p("button", {
+				])) : b("", !0)])) : b("", !0)])) : b("", !0), w("div", Ia, [m(I).selectedItems.value.size > 0 ? (c(), p("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,7 +5993,7 @@ var Ji = ["data-tpl-theme"], Yi = {
 						color: "var(--tpl-danger)",
 						"background-color": "var(--tpl-danger-light)"
 					},
-					onClick: n[17] ||= (...e) => m(I).handleDeleteClick && m(I).handleDeleteClick(...e)
+					onClick: n[17] ||= (...e) => m(L).handleDeleteClick && m(L).handleDeleteClick(...e)
 				}, C(m(l).mediaLibrary.deleteSelected), 1)) : b("", !0), w("button", {
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-4 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
 					style: {
@@ -6001,7 +6001,7 @@ var Ji = ["data-tpl-theme"], Yi = {
 						color: "var(--tpl-bg)"
 					},
 					disabled: !R(),
-					onClick: ne
+					onClick: ie
 				}, C(e.accept?.length ? m(l).mediaLibrary.selectImage : m(l).mediaLibrary.selectFile), 9, La)])])])
 			])], 8, Ji)) : b("", !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-CWQAvfov.js.map
+//# sourceMappingURL=media-library-hjXJlR6s.js.map