@templatical/media-library 0.51.1 → 0.52.0

package/dist/cdn/media-library.js

@@ -1,6 +1,6 @@
-import { A as e, B as t, C as n, D as r, E as i, F as a, H as o, J as s, K as c, L as l, M as u, N as d, O as f, P as p, R as m, T as h, U as g, W as _, X as v, Z as y, _ as b, a as x, b as S, c as C, ct as w, d as T, dt as E, f as D, g as O, h as k, i as A, j, k as M, l as N, lt as P, m as F, n as I, nt as L, o as R, ot as z, p as ee, r as B, s as te, st as ne, t as re, u as ie, ut as V, v as H, w as U, x as W, y as G } from "./chunks/icons-CO_tphYO.js";
-import { a as ae, c as oe, d as se, f as K, h as q, i as ce, l as J, m as Y, n as le, o as X, p as ue, r as de, s as fe, t as pe, u as Z } from "./chunks/useFocusTrap-CKt31-bS.js";
-//#region src/components/media/MediaBreadcrumb.vue?vue&type=script&setup=true&lang.ts
+import { A as e, B as t, C as n, D as r, E as i, F as a, H as o, J as s, K as c, L as l, M as u, N as d, O as f, P as p, R as m, T as h, U as g, W as _, X as v, Z as y, _ as b, a as x, b as S, c as C, ct as w, d as T, dt as E, f as D, g as O, h as k, i as A, j, k as M, l as N, lt as P, m as F, n as I, nt as L, o as R, ot as ee, p as te, r as ne, s as z, st as re, t as ie, u as B, ut as V, v as H, w as U, x as W, y as G } from "./chunks/icons-DPQyXSci.js";
+import { a as ae, c as oe, d as se, f as K, h as q, i as ce, l as J, m as Y, n as le, o as X, p as ue, r as de, s as fe, t as pe, u as Z } from "./chunks/useFocusTrap-D7aRKu8L.js";
+// src/components/media/MediaBreadcrumb.vue?vue&type=script&setup=true&lang.ts
 var me = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1 tpl:text-xs",
@@ -80,19 +80,19 @@ var me = {
 			let e = m.value.trim();
 			e && e !== a.folder.name && s("renameFolder", a.folder.id, e), p.value = !1, m.value = "";
 		}
-		function z() {
+		function ee() {
 			p.value = !1, m.value = "";
 		}
-		function ee() {
+		function te() {
 			g.value = !0, v.value = "", u.value = !0;
 		}
-		function ne() {
+		function re() {
 			v.value.trim() && s("createFolder", v.value.trim(), a.folder.id), g.value = !1, v.value = "";
 		}
-		function re() {
+		function ie() {
 			g.value = !1, v.value = "";
 		}
-		function ie() {
+		function B() {
 			x.value ? (s("deleteFolder", a.folder.id), x.value = !1) : x.value = !0;
 		}
 		function H(e) {
@@ -142,7 +142,7 @@ var me = {
 						color: "var(--tpl-text)"
 					},
 					autofocus: "",
-					onKeydown: [n(R, ["enter"]), n(U(z, ["stop"]), ["escape"])],
+					onKeydown: [n(R, ["enter"]), n(U(ee, ["stop"]), ["escape"])],
 					onBlur: R,
 					onClick: i[2] ||= U(() => {}, ["stop"])
 				}, null, 40, xe)), [[W, m.value]]) : e("", !0),
@@ -156,8 +156,8 @@ var me = {
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 						title: w(l).mediaLibrary.addSubfolder,
 						"aria-label": w(l).mediaLibrary.addSubfolder,
-						onClick: U(ee, ["stop"])
-					}, [d(w(te), {
+						onClick: U(te, ["stop"])
+					}, [d(w(z), {
 						size: 12,
 						"stroke-width": 2
 					})], 8, Se)) : e("", !0),
@@ -179,8 +179,8 @@ var me = {
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 						title: x.value ? w(l).mediaLibrary.deleteFolderConfirm : w(l).mediaLibrary.deleteFolder,
 						"aria-label": x.value ? w(l).mediaLibrary.deleteFolderConfirm : w(l).mediaLibrary.deleteFolder,
-						onClick: U(ie, ["stop"])
-					}, [d(w(B), {
+						onClick: U(B, ["stop"])
+					}, [d(w(ne), {
 						size: 12,
 						"stroke-width": 2,
 						style: { color: "var(--tpl-danger)" }
@@ -220,8 +220,8 @@ var me = {
 				},
 				placeholder: w(l).mediaLibrary.subfolderName,
 				autofocus: "",
-				onKeydown: [n(ne, ["enter"]), n(U(re, ["stop"]), ["escape"])],
-				onBlur: ne
+				onKeydown: [n(re, ["enter"]), n(U(ie, ["stop"]), ["escape"])],
+				onBlur: re
 			}, null, 40, Ee), [[W, v.value]])], 4)) : e("", !0)])) : e("", !0)]);
 		};
 	}
@@ -310,7 +310,7 @@ var me = {
 				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
-			}, [d(w(te), {
+			}, [d(w(z), {
 				size: 14,
 				"stroke-width": 1.5
 			}), u(" " + E(w(a).mediaLibrary.newFolder), 1)])) : e("", !0),
@@ -505,8 +505,7 @@ var me = {
 		}, E(a.value.label), 5)], 4));
 	}
 });
-//#endregion
-//#region src/utils/formatAbsoluteDate.ts
+// src/utils/formatAbsoluteDate.ts
 function Ne(e, t, n) {
 	let r = new Date(e);
 	if (Number.isNaN(r.getTime())) return "";
@@ -517,8 +516,7 @@ function Ne(e, t, n) {
 		return r.toLocaleDateString(void 0, n);
 	}
 }
-//#endregion
-//#region src/utils/formatFileSize.ts
+// src/utils/formatFileSize.ts
 var Pe = [
 	"B",
 	"KB",
@@ -530,8 +528,7 @@ function Q(e) {
 	for (; t >= 1024 && n < Pe.length - 1;) t /= 1024, n += 1;
 	return `${Math.round(t * 10) / 10} ${Pe[n]}`;
 }
-//#endregion
-//#region src/components/media/MediaGrid.vue?vue&type=script&setup=true&lang.ts
+// src/components/media/MediaGrid.vue?vue&type=script&setup=true&lang.ts
 var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 	key: 1,
 	class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:py-16"
@@ -655,15 +652,15 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 		function S(e) {
 			return r.selectedIds.has(e.id);
 		}
-		function D(e) {
+		function T(e) {
 			return S(e) ? "tpl:opacity-100" : "tpl:opacity-0 tpl:group-hover:opacity-100 tpl:group-focus-within:opacity-100";
 		}
-		let { t: O } = Z(), A = m(Y, null), N = L(null);
-		fe(N, ([{ isIntersecting: e }]) => {
+		let { t: D } = Z(), O = m(Y, null), A = L(null);
+		fe(A, ([{ isIntersecting: e }]) => {
 			e && r.hasMore && !r.isLoading && i("loadMore");
 		}, { threshold: .1 });
-		function F(e) {
-			return Ne(e, A?.value, {
+		function N(e) {
+			return Ne(e, O?.value, {
 				year: "numeric",
 				month: "short",
 				day: "numeric"
@@ -674,7 +671,7 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 				key: 0,
 				role: "status",
 				"aria-busy": "true",
-				"aria-label": w(O).mediaLibrary.loading,
+				"aria-label": w(D).mediaLibrary.loading,
 				class: P(t.layout === "list" ? "tpl:flex tpl:flex-col tpl:gap-1" : "tpl:grid tpl:grid-cols-4 tpl:gap-3")
 			}, [(o(), j(h, null, _(8, (e) => f("div", {
 				key: e,
@@ -686,10 +683,10 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 				size: 40,
 				"stroke-width": 1,
 				style: { color: "var(--tpl-text-dim)" }
-			}), f("p", Re, E(t.searchQuery ? w(O).mediaLibrary.noSearchResults : w(O).mediaLibrary.noFiles), 1)])) : t.layout === "list" ? (o(), j("div", {
+			}), f("p", Re, E(t.searchQuery ? w(D).mediaLibrary.noSearchResults : w(D).mediaLibrary.noFiles), 1)])) : t.layout === "list" ? (o(), j("div", {
 				key: 3,
 				role: "listbox",
-				"aria-label": w(O).mediaLibrary.filesListAriaLabel,
+				"aria-label": w(D).mediaLibrary.filesListAriaLabel,
 				"aria-multiselectable": "true",
 				class: "tpl:flex tpl:flex-col tpl:gap-1"
 			}, [(o(!0), j(h, null, _(t.items, (t) => (o(), j("div", {
@@ -715,17 +712,17 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 				}, null, 8, et)) : (o(), j("div", tt, [d(Me, { "mime-type": c(t) }, null, 8, ["mime-type"])]))]),
 				f("div", nt, [f("p", rt, E(t.filename || t.url), 1), f("p", it, [
 					t.size == null ? e("", !0) : (o(), j(h, { key: 0 }, [u(E(w(Q)(t.size)), 1)], 64)),
-					t.createdAt ? (o(), j(h, { key: 1 }, [t.size == null ? e("", !0) : (o(), j(h, { key: 0 }, [u(" · ")], 64)), u(" " + E(F(t.createdAt)), 1)], 64)) : e("", !0),
+					t.createdAt ? (o(), j(h, { key: 1 }, [t.size == null ? e("", !0) : (o(), j(h, { key: 0 }, [u(" · ")], 64)), u(" " + E(N(t.createdAt)), 1)], 64)) : e("", !0),
 					w(s)(c(t)) && t.width && t.height ? (o(), j(h, { key: 2 }, [u(" · " + E(t.width) + "×" + E(t.height), 1)], 64)) : e("", !0)
 				])]),
-				f("div", { class: P(["tpl:flex tpl:gap-1 tpl:transition-opacity tpl:duration-150", D(t)]) }, [g(t) ? (o(), j("button", {
+				f("div", { class: P(["tpl:flex tpl:gap-1 tpl:transition-opacity tpl:duration-150", T(t)]) }, [g(t) ? (o(), j("button", {
 					key: 0,
 					type: "button",
 					"data-testid": "media-edit",
 					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: w(O).mediaLibrary.editFile,
-					"aria-label": w(O).mediaLibrary.editFile,
+					title: w(D).mediaLibrary.editFile,
+					"aria-label": w(D).mediaLibrary.editFile,
 					onClick: U((e) => i("edit", t), ["stop"])
 				}, [d(w(C), {
 					size: 12,
@@ -736,8 +733,8 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 					"data-testid": "media-replace",
 					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: w(O).mediaLibrary.replaceFile,
-					"aria-label": w(O).mediaLibrary.replaceFile,
+					title: w(D).mediaLibrary.replaceFile,
+					"aria-label": w(D).mediaLibrary.replaceFile,
 					onClick: U((e) => i("replace", t), ["stop"])
 				}, [d(w(R), {
 					size: 12,
@@ -750,7 +747,7 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 			], 46, Qe))), 128))], 8, Ze)) : (o(), j("div", {
 				key: 2,
 				role: "listbox",
-				"aria-label": w(O).mediaLibrary.filesListAriaLabel,
+				"aria-label": w(D).mediaLibrary.filesListAriaLabel,
 				"aria-multiselectable": "true",
 				class: "tpl:grid tpl:grid-cols-4 tpl:gap-3"
 			}, [(o(!0), j(h, null, _(t.items, (t) => (o(), j("div", {
@@ -785,7 +782,7 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 					"mime-type": c(t)
 				}, null, 8, ["mime-type"]))]),
 				f("div", Ue, [f("p", We, E(t.filename || t.url), 1), f("p", Ge, [t.size == null ? e("", !0) : (o(), j("span", Ke, E(w(Q)(t.size)), 1)), w(s)(c(t)) && t.width && t.height ? (o(), j("span", qe, E(t.width) + "×" + E(t.height), 1)) : e("", !0)])]),
-				f("div", { class: P(["tpl:absolute tpl:top-1.5 tpl:left-1.5 tpl:flex tpl:gap-1 tpl:transition-opacity tpl:duration-150", D(t)]) }, [g(t) ? (o(), j("button", {
+				f("div", { class: P(["tpl:absolute tpl:top-1.5 tpl:left-1.5 tpl:flex tpl:gap-1 tpl:transition-opacity tpl:duration-150", T(t)]) }, [g(t) ? (o(), j("button", {
 					key: 0,
 					type: "button",
 					"data-testid": "media-edit",
@@ -794,8 +791,8 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 						"background-color": "var(--tpl-overlay)",
 						color: "var(--tpl-on-primary)"
 					},
-					title: w(O).mediaLibrary.editFile,
-					"aria-label": w(O).mediaLibrary.editFile,
+					title: w(D).mediaLibrary.editFile,
+					"aria-label": w(D).mediaLibrary.editFile,
 					onClick: U((e) => i("edit", t), ["stop"])
 				}, [d(w(C), {
 					size: 11,
@@ -809,8 +806,8 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 						"background-color": "var(--tpl-overlay)",
 						color: "var(--tpl-on-primary)"
 					},
-					title: w(O).mediaLibrary.replaceFile,
-					"aria-label": w(O).mediaLibrary.replaceFile,
+					title: w(D).mediaLibrary.replaceFile,
+					"aria-label": w(D).mediaLibrary.replaceFile,
 					onClick: U((e) => i("replace", t), ["stop"])
 				}, [d(w(R), {
 					size: 11,
@@ -823,10 +820,10 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 			], 46, Be))), 128))], 8, ze)),
 			f("div", {
 				ref_key: "sentinelRef",
-				ref: N,
+				ref: A,
 				class: "tpl:h-4"
 			}, null, 512),
-			t.isLoading && t.items.length > 0 ? (o(), j("div", ct, [d(w(T), {
+			t.isLoading && t.items.length > 0 ? (o(), j("div", ct, [d(w(B), {
 				class: "tpl-spinner",
 				size: 20,
 				"stroke-width": 2,
@@ -937,7 +934,7 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 					},
 					disabled: !g.value.trim() || t.isImporting,
 					onClick: _
-				}, [t.isImporting ? (o(), j("span", vt, [d(w(T), {
+				}, [t.isImporting ? (o(), j("span", vt, [d(w(B), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
@@ -1210,8 +1207,7 @@ var Fe = { class: "tpl:p-4" }, Ie = ["aria-label"], Le = {
 		})], 8, ["to"]));
 	}
 });
-//#endregion
-//#region src/utils/formatList.ts
+// src/utils/formatList.ts
 function qt(e, t) {
 	let n = {
 		style: "narrow",
@@ -1224,8 +1220,7 @@ function qt(e, t) {
 		return new Intl.ListFormat(void 0, n).format(e);
 	}
 }
-//#endregion
-//#region src/components/media/MediaUploadZone.vue?vue&type=script&setup=true&lang.ts
+// src/components/media/MediaUploadZone.vue?vue&type=script&setup=true&lang.ts
 var Jt = [
 	"aria-label",
 	"aria-describedby",
@@ -1277,11 +1272,11 @@ var Jt = [
 		}
 		let { isOverDropZone: C } = ae(x, { onDrop: (e) => {
 			e?.length && S(e);
-		} }), { open: D, onChange: O } = X({
+		} }), { open: T, onChange: D } = X({
 			accept: l.value,
 			multiple: !0
 		});
-		return O((e) => {
+		return D((e) => {
 			e?.length && S(e);
 		}), (n, r) => (o(), j(h, null, [f("button", {
 			ref_key: "dropZoneRef",
@@ -1296,8 +1291,8 @@ var Jt = [
 				"border-color": "var(--tpl-border-light)",
 				"background-color": "var(--tpl-bg)"
 			},
-			onClick: r[0] ||= (e) => w(D)()
-		}, [t.isUploading ? (o(), j("div", Yt, [d(w(T), {
+			onClick: r[0] ||= (e) => w(T)()
+		}, [t.isUploading ? (o(), j("div", Yt, [d(w(B), {
 			class: "tpl-spinner",
 			size: 20,
 			"stroke-width": 2,
@@ -1401,8 +1396,7 @@ var Jt = [
 		})], 40, tn));
 	}
 });
-//#endregion
-//#region src/utils/treeFolders.ts
+// src/utils/treeFolders.ts
 function cn(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) t.set(n.id, {
@@ -1416,8 +1410,7 @@ function cn(e) {
 	}
 	return n;
 }
-//#endregion
-//#region src/composables/useMediaLibraryUI.ts
+// src/composables/useMediaLibraryUI.ts
 function ln(e) {
 	let { library: t, translations: n } = e;
 	function i() {
@@ -1515,8 +1508,7 @@ function ln(e) {
 		resetUI: F
 	};
 }
-//#endregion
-//#region src/composable.ts
+// src/composable.ts
 function un(e) {
 	let { provider: t } = e, n = L([]), r = L([]), i = L(null), a = L("files"), o = L(""), s = L(null), c = L("newest"), l = L(!1), u = L(!1), d = L(!1), f = L(null), p = L(null), m = L(/* @__PURE__ */ new Set()), h = L(null), g = L([]), _ = L({}), v = L(!1), y = L([]), b = L(!1), x = L(null), S = L(!1), C = L(null), w = L(!1), T = L(null), E = L(null), D = L(null), O = 0;
 	function k(t) {
@@ -1530,7 +1522,7 @@ function un(e) {
 		return t.folders === !1 ? null : t.folders;
 	}
 	function j() {
-		return ne(e.templateId);
+		return re(e.templateId);
 	}
 	function M(e) {
 		let t = {};
@@ -1578,13 +1570,13 @@ function un(e) {
 	async function R(e) {
 		c.value = e, await N();
 	}
-	async function z(e) {
+	async function ee(e) {
 		a.value = "files", i.value = e, o.value = "", m.value = /* @__PURE__ */ new Set(), h.value = null, await N();
 	}
-	async function ee() {
+	async function te() {
 		a.value = "frequently-used", i.value = null, o.value = "", m.value = /* @__PURE__ */ new Set(), h.value = null, await W();
 	}
-	async function B(r) {
+	async function ne(r) {
 		let { create: a } = t;
 		if (typeof a != "function") return null;
 		u.value = !0;
@@ -1601,7 +1593,7 @@ function un(e) {
 			u.value = !1;
 		}
 	}
-	async function te(r) {
+	async function z(r) {
 		let { create: a } = t;
 		if (typeof a == "function") {
 			u.value = !0, p.value = {
@@ -1630,7 +1622,7 @@ function un(e) {
 			}
 		}
 	}
-	async function re(t) {
+	async function ie(t) {
 		if (m.value.size === 0) return;
 		let { move: r } = A() ?? { move: !1 };
 		if (typeof r == "function") try {
@@ -1644,7 +1636,7 @@ function un(e) {
 			e.onError?.(t);
 		}
 	}
-	async function ie(r, i, a) {
+	async function B(r, i, a) {
 		let { update: o } = t;
 		if (typeof o != "function") return !1;
 		try {
@@ -1848,12 +1840,12 @@ function un(e) {
 		search: F,
 		filterByCategory: I,
 		sortBy: R,
-		navigateToFolder: z,
-		showFrequentlyUsed: ee,
-		uploadFile: B,
-		uploadFiles: te,
-		moveSelected: re,
-		updateFile: ie,
+		navigateToFolder: ee,
+		showFrequentlyUsed: te,
+		uploadFile: ne,
+		uploadFiles: z,
+		moveSelected: ie,
+		updateFile: B,
 		deleteSelected: U,
 		isImportingFromUrl: b,
 		importFromUrlError: x,
@@ -1883,8 +1875,7 @@ function un(e) {
 		loadStorage: J
 	};
 }
-//#endregion
-//#region src/components/MediaLibraryChrome.vue?vue&type=script&setup=true&lang.ts
+// src/components/MediaLibraryChrome.vue?vue&type=script&setup=true&lang.ts
 var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl:overflow-hidden" }, fn = {
 	class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-between tpl:border-b tpl:px-5 tpl:py-3.5",
 	style: { "border-color": "var(--tpl-border)" }
@@ -1978,7 +1969,7 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 		"ready"
 	],
 	setup(n, { expose: i, emit: a }) {
-		let c = n, l = a, m = p(() => import("./chunks/MediaEditModal-DiM9oy_B.js")), y = r(() => c.translations), b = r(() => c.confirmTestId ?? "media-confirm"), S = {
+		let c = n, l = a, m = p(() => import("./chunks/MediaEditModal-0vzkATz1.js")), y = r(() => c.translations), b = r(() => c.confirmTestId ?? "media-confirm"), S = {
 			get maxFileSize() {
 				return c.provider.maxFileSize;
 			},
@@ -1990,14 +1981,14 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 			}
 		};
 		g(se, S);
-		let { isAcceptedMimeType: C, availableCategories: T } = J(S), k = un({
+		let { isAcceptedMimeType: C, availableCategories: k } = J(S), A = un({
 			provider: c.provider,
 			templateId: () => c.templateId,
 			onError: (e) => c.onError?.(e)
-		}), A = ln({
-			library: k,
+		}), F = ln({
+			library: A,
 			translations: y
-		}), F = r(() => typeof c.provider.create == "function"), I = r(() => c.provider.folders !== !1), L = r(() => typeof c.provider.importFromUrl == "function"), R = r(() => typeof c.provider.delete == "function"), z = r(() => typeof c.provider.update == "function"), B = r(() => typeof c.provider.replace == "function"), te = r(() => typeof c.provider.frequentlyUsed == "function"), ne = r(() => {
+		}), I = r(() => typeof c.provider.create == "function"), L = r(() => c.provider.folders !== !1), R = r(() => typeof c.provider.importFromUrl == "function"), ee = r(() => typeof c.provider.delete == "function"), ne = r(() => typeof c.provider.update == "function"), z = r(() => typeof c.provider.replace == "function"), re = r(() => typeof c.provider.frequentlyUsed == "function"), B = r(() => {
 			let e = c.provider.folders;
 			return e !== !1 && typeof e.move == "function";
 		}), W = r(() => {
@@ -2009,48 +2000,48 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 		}), oe = r(() => {
 			let e = c.provider.folders;
 			return e !== !1 && typeof e.delete == "function";
-		}), K = r(() => k.isLoading.value && A.displayItems.value.length === 0), q = r(() => {
-			let e = k.previewItem.value;
+		}), K = r(() => A.isLoading.value && F.displayItems.value.length === 0), q = r(() => {
+			let e = A.previewItem.value;
 			return e ? !c.accept?.length || C(e.mimeType ?? "", c.accept) : !1;
 		}), ce = r(() => {
-			if (!R.value) return 0;
+			if (!ee.value) return 0;
 			let e = 0;
-			for (let t of k.selectedItems.value) A.displayItems.value.find((e) => e.id === t)?.canDelete !== !1 && (e += 1);
+			for (let t of A.selectedItems.value) F.displayItems.value.find((e) => e.id === t)?.canDelete !== !1 && (e += 1);
 			return e;
-		}), Y = r(() => A.showImportUrlModal.value || A.editingItem.value !== null || k.showReplaceWarning.value);
+		}), Y = r(() => F.showImportUrlModal.value || F.editingItem.value !== null || A.showReplaceWarning.value);
 		function le() {
-			return Y.value ? !0 : A.showMovePicker.value ? (A.showMovePicker.value = !1, !0) : k.showDeleteWarning.value ? (k.cancelDelete(), !0) : !1;
+			return Y.value ? !0 : F.showMovePicker.value ? (F.showMovePicker.value = !1, !0) : A.showDeleteWarning.value ? (A.cancelDelete(), !0) : !1;
 		}
 		function X() {
-			q.value && k.previewItem.value && l("confirm", k.previewItem.value);
+			q.value && A.previewItem.value && l("confirm", A.previewItem.value);
 		}
 		function ue(e) {
-			k.filterByCategory(e.target.value || null);
+			A.filterByCategory(e.target.value || null);
 		}
 		async function de() {
 			let e = /* @__PURE__ */ new Set();
-			for (let t of k.selectedItems.value) A.displayItems.value.find((e) => e.id === t)?.canDelete !== !1 && e.add(t);
-			k.selectedItems.value = e, await A.handleDeleteClick();
+			for (let t of A.selectedItems.value) F.displayItems.value.find((e) => e.id === t)?.canDelete !== !1 && e.add(t);
+			A.selectedItems.value = e, await F.handleDeleteClick();
 		}
 		return s(() => c.accept, (e) => {
-			e?.length === 1 && (k.categoryFilter.value = e[0]);
-		}, { immediate: !0 }), k.loadItems(), k.loadFrequentlyUsed(), k.loadStorage(), l("ready"), t(() => {
-			A.resetUI();
+			e?.length === 1 && (A.categoryFilter.value = e[0]);
+		}, { immediate: !0 }), A.loadItems(), A.loadFrequentlyUsed(), A.loadStorage(), l("ready"), t(() => {
+			F.resetUI();
 		}), i({
 			nestedDialogOpen: Y,
 			handleEscape: le,
-			library: k,
-			ui: A
+			library: A,
+			ui: F
 		}), (t, r) => (o(), j("div", dn, [
 			f("div", fn, [f("h2", pn, E(y.value.mediaLibrary.title), 1), f("div", mn, [
-				w(k).storageInfo.value ? (o(), M(sn, {
+				w(A).storageInfo.value ? (o(), M(sn, {
 					key: 0,
-					"used-bytes": w(k).storageInfo.value.usedBytes,
-					"limit-bytes": w(k).storageInfo.value.limitBytes,
+					"used-bytes": w(A).storageInfo.value.usedBytes,
+					"limit-bytes": w(A).storageInfo.value.limitBytes,
 					size: 22
 				}, null, 8, ["used-bytes", "limit-bytes"])) : e("", !0),
 				f("div", hn, [f("input", {
-					value: w(A).searchInput.value,
+					value: w(F).searchInput.value,
 					type: "search",
 					disabled: K.value,
 					"aria-label": y.value.mediaLibrary.searchAriaLabel,
@@ -2061,7 +2052,7 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 						color: "var(--tpl-text)"
 					},
 					placeholder: y.value.mediaLibrary.searchPlaceholder,
-					onInput: r[0] ||= (e) => w(A).handleSearchInput(e.target.value)
+					onInput: r[0] ||= (e) => w(F).handleSearchInput(e.target.value)
 				}, null, 40, gn), d(w(x), {
 					class: "tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2",
 					size: 13,
@@ -2075,7 +2066,7 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					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: r[1] ||= (e) => l("close")
-				}, [d(w(re), {
+				}, [d(w(ie), {
 					size: 18,
 					"stroke-width": 2
 				})], 8, _n)) : e("", !0)
@@ -2088,19 +2079,19 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				"leave-from-class": "tpl:ml-0 tpl:opacity-100",
 				"leave-to-class": "tpl:-ml-48 tpl:opacity-0"
 			}, {
-				default: v(() => [I.value && w(A).showSidebar.value ? (o(), j("div", yn, [d(je, {
-					folders: w(A).folderTree.value,
-					"current-folder-id": w(k).currentFolderId.value,
-					"view-mode": w(k).viewMode.value,
-					"has-frequently-used": te.value && w(A).hasFrequentlyUsed.value,
+				default: v(() => [L.value && w(F).showSidebar.value ? (o(), j("div", yn, [d(je, {
+					folders: w(F).folderTree.value,
+					"current-folder-id": w(A).currentFolderId.value,
+					"view-mode": w(A).viewMode.value,
+					"has-frequently-used": re.value && w(F).hasFrequentlyUsed.value,
 					"can-create-folder": W.value,
 					"can-rename-folder": ae.value,
 					"can-delete-folder": oe.value,
-					onNavigate: w(k).navigateToFolder,
-					onCreateFolder: w(A).handleCreateFolder,
-					onRenameFolder: w(A).handleRenameFolder,
-					onDeleteFolder: w(A).handleDeleteFolder,
-					onShowFrequentlyUsed: w(k).showFrequentlyUsed
+					onNavigate: w(A).navigateToFolder,
+					onCreateFolder: w(F).handleCreateFolder,
+					onRenameFolder: w(F).handleRenameFolder,
+					onDeleteFolder: w(F).handleDeleteFolder,
+					onShowFrequentlyUsed: w(A).showFrequentlyUsed
 				}, null, 8, [
 					"folders",
 					"current-folder-id",
@@ -2117,29 +2108,29 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				])])) : e("", !0)]),
 				_: 1
 			}), f("div", bn, [f("div", xn, [f("div", Sn, [
-				I.value ? (o(), j("button", {
+				L.value ? (o(), j("button", {
 					key: 0,
 					type: "button",
 					"data-testid": "media-folder-toggle",
 					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: V({
-						color: w(A).showSidebar.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-						backgroundColor: w(A).showSidebar.value ? "var(--tpl-bg)" : "transparent",
-						border: w(A).showSidebar.value ? "1px solid var(--tpl-border)" : "1px solid transparent"
+						color: w(F).showSidebar.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+						backgroundColor: w(F).showSidebar.value ? "var(--tpl-bg)" : "transparent",
+						border: w(F).showSidebar.value ? "1px solid var(--tpl-border)" : "1px solid transparent"
 					}),
-					title: w(A).showSidebar.value ? y.value.mediaLibrary.hideFolders : y.value.mediaLibrary.showFolders,
-					"aria-label": w(A).showSidebar.value ? y.value.mediaLibrary.hideFolders : y.value.mediaLibrary.showFolders,
-					"aria-pressed": w(A).showSidebar.value,
-					onClick: r[2] ||= (e) => w(A).showSidebar.value = !w(A).showSidebar.value
+					title: w(F).showSidebar.value ? y.value.mediaLibrary.hideFolders : y.value.mediaLibrary.showFolders,
+					"aria-label": w(F).showSidebar.value ? y.value.mediaLibrary.hideFolders : y.value.mediaLibrary.showFolders,
+					"aria-pressed": w(F).showSidebar.value,
+					onClick: r[2] ||= (e) => w(F).showSidebar.value = !w(F).showSidebar.value
 				}, [d(w(N), {
 					size: 16,
 					"stroke-width": 2
 				})], 12, Cn)) : e("", !0),
-				w(k).viewMode.value === "frequently-used" ? (o(), j("span", wn, E(y.value.mediaLibrary.frequentlyUsed), 1)) : (o(), M(_e, {
+				w(A).viewMode.value === "frequently-used" ? (o(), j("span", wn, E(y.value.mediaLibrary.frequentlyUsed), 1)) : (o(), M(_e, {
 					key: 2,
-					folders: w(A).folderTree.value,
-					"current-folder-id": w(k).currentFolderId.value,
-					onNavigate: w(k).navigateToFolder
+					folders: w(F).folderTree.value,
+					"current-folder-id": w(A).currentFolderId.value,
+					onNavigate: w(A).navigateToFolder
 				}, null, 8, [
 					"folders",
 					"current-folder-id",
@@ -2149,32 +2140,32 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					type: "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: V({
-						color: w(A).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-						backgroundColor: w(A).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
+						color: w(F).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+						backgroundColor: w(F).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
 					}),
 					title: y.value.mediaLibrary.viewGrid,
 					"aria-label": y.value.mediaLibrary.viewGrid,
-					"aria-pressed": w(A).layoutMode.value === "grid",
-					onClick: r[3] ||= (e) => w(A).layoutMode.value = "grid"
-				}, [d(w(ee), {
+					"aria-pressed": w(F).layoutMode.value === "grid",
+					onClick: r[3] ||= (e) => w(F).layoutMode.value = "grid"
+				}, [d(w(te), {
 					size: 14,
 					"stroke-width": 2
 				})], 12, En), f("button", {
 					type: "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: V({
-						color: w(A).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-						backgroundColor: w(A).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
+						color: w(F).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+						backgroundColor: w(F).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
 					}),
 					title: y.value.mediaLibrary.viewList,
 					"aria-label": y.value.mediaLibrary.viewList,
-					"aria-pressed": w(A).layoutMode.value === "list",
-					onClick: r[4] ||= (e) => w(A).layoutMode.value = "list"
-				}, [d(w(ie), {
+					"aria-pressed": w(F).layoutMode.value === "list",
+					onClick: r[4] ||= (e) => w(F).layoutMode.value = "list"
+				}, [d(w(T), {
 					size: 14,
 					"stroke-width": 2
 				})], 12, Dn)])
-			]), f("div", On, [w(T).length > 1 ? (o(), j("select", {
+			]), f("div", On, [w(k).length > 1 ? (o(), j("select", {
 				key: 0,
 				"aria-label": y.value.mediaLibrary.filterAriaLabel,
 				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",
@@ -2183,21 +2174,21 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					"background-color": "var(--tpl-bg)",
 					color: "var(--tpl-text)"
 				},
-				value: w(k).categoryFilter.value ?? "",
+				value: w(A).categoryFilter.value ?? "",
 				onChange: ue
-			}, [f("option", An, E(y.value.mediaLibrary.filterAll), 1), (o(!0), j(h, null, _(w(T), (e) => (o(), j("option", {
+			}, [f("option", An, E(y.value.mediaLibrary.filterAll), 1), (o(!0), j(h, null, _(w(k), (e) => (o(), j("option", {
 				key: e,
 				value: e
-			}, E(w(A).getCategoryLabel(e)), 9, jn))), 128))], 40, kn)) : e("", !0)])]), f("div", Mn, [w(k).viewMode.value === "files" && (F.value || L.value) ? (o(), j("div", Nn, [F.value ? (o(), M(en, {
+			}, E(w(F).getCategoryLabel(e)), 9, jn))), 128))], 40, kn)) : e("", !0)])]), f("div", Mn, [w(A).viewMode.value === "files" && (I.value || R.value) ? (o(), j("div", Nn, [I.value ? (o(), M(en, {
 				key: 0,
-				"is-uploading": w(k).isUploading.value,
-				"upload-progress": w(k).uploadProgress.value,
-				onUpload: w(A).handleUpload
+				"is-uploading": w(A).isUploading.value,
+				"upload-progress": w(A).uploadProgress.value,
+				onUpload: w(F).handleUpload
 			}, null, 8, [
 				"is-uploading",
 				"upload-progress",
 				"onUpload"
-			])) : e("", !0), L.value ? (o(), j("button", {
+			])) : e("", !0), R.value ? (o(), j("button", {
 				key: 1,
 				"data-testid": "media-import-url",
 				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",
@@ -2206,25 +2197,25 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 					color: "var(--tpl-text-muted)",
 					"background-color": "var(--tpl-bg)"
 				},
-				onClick: r[5] ||= (e) => w(A).showImportUrlModal.value = !0
+				onClick: r[5] ||= (e) => w(F).showImportUrlModal.value = !0
 			}, [d(w(D), {
 				size: 14,
 				"stroke-width": 2
 			}), u(" " + E(y.value.mediaLibrary.importFromUrl), 1)])) : e("", !0)])) : e("", !0), d(lt, {
-				items: w(A).displayItems.value,
-				"selected-ids": w(k).selectedItems.value,
-				"is-loading": w(k).isLoading.value,
-				"has-more": w(k).viewMode.value === "files" && w(k).hasMore.value,
+				items: w(F).displayItems.value,
+				"selected-ids": w(A).selectedItems.value,
+				"is-loading": w(A).isLoading.value,
+				"has-more": w(A).viewMode.value === "files" && w(A).hasMore.value,
 				accept: n.accept,
-				layout: w(A).layoutMode.value,
-				"search-query": w(k).searchQuery.value,
-				"can-update": z.value,
-				"can-replace": B.value,
-				onSelect: w(A).handleSelect,
-				onToggle: w(k).toggleSelection,
-				onLoadMore: w(k).loadMore,
-				onEdit: w(A).handleEditItem,
-				onReplace: w(A).handleReplaceItem,
+				layout: w(F).layoutMode.value,
+				"search-query": w(A).searchQuery.value,
+				"can-update": ne.value,
+				"can-replace": z.value,
+				onSelect: w(F).handleSelect,
+				onToggle: w(A).toggleSelection,
+				onLoadMore: w(A).loadMore,
+				onEdit: w(F).handleEditItem,
+				onReplace: w(F).handleReplaceItem,
 				onConfirm: X
 			}, null, 8, [
 				"items",
@@ -2243,37 +2234,37 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				"onReplace"
 			])])])]),
 			d(bt, {
-				visible: w(A).showImportUrlModal.value,
-				"is-importing": w(k).isImportingFromUrl.value,
-				error: w(k).importFromUrlError.value,
-				onImport: w(A).handleImportFromUrl,
-				onClose: r[6] ||= (e) => w(A).showImportUrlModal.value = !1
+				visible: w(F).showImportUrlModal.value,
+				"is-importing": w(A).isImportingFromUrl.value,
+				error: w(A).importFromUrlError.value,
+				onImport: w(F).handleImportFromUrl,
+				onClose: r[6] ||= (e) => w(F).showImportUrlModal.value = !1
 			}, null, 8, [
 				"visible",
 				"is-importing",
 				"error",
 				"onImport"
 			]),
-			w(A).editingItem.value ? (o(), M(w(m), {
+			w(F).editingItem.value ? (o(), M(w(m), {
 				key: 0,
 				visible: !0,
-				item: w(A).editingItem.value,
-				save: w(A).handleEditSave,
-				"can-crop": B.value && w(A).editingItem.value.canUpdate !== !1,
-				onClose: r[7] ||= (e) => w(A).editingItem.value = null
+				item: w(F).editingItem.value,
+				save: w(F).handleEditSave,
+				"can-crop": z.value && w(F).editingItem.value.canUpdate !== !1,
+				onClose: r[7] ||= (e) => w(F).editingItem.value = null
 			}, null, 8, [
 				"item",
 				"save",
 				"can-crop"
 			])) : e("", !0),
 			d(Kt, {
-				visible: w(k).showReplaceWarning.value,
-				item: w(k).pendingReplaceItem.value,
-				"usage-info": w(k).replaceUsageInfo.value,
-				"is-replacing": w(k).isReplacing.value,
-				error: w(k).replaceError.value,
-				onReplace: w(A).handleReplaceFile,
-				onClose: w(k).cancelReplace
+				visible: w(A).showReplaceWarning.value,
+				item: w(A).pendingReplaceItem.value,
+				"usage-info": w(A).replaceUsageInfo.value,
+				"is-replacing": w(A).isReplacing.value,
+				error: w(A).replaceError.value,
+				onReplace: w(F).handleReplaceFile,
+				onClose: w(A).cancelReplace
 			}, null, 8, [
 				"visible",
 				"item",
@@ -2291,7 +2282,7 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				"leave-from-class": "tpl:opacity-100",
 				"leave-to-class": "tpl:opacity-0"
 			}, {
-				default: v(() => [w(k).showDeleteWarning.value ? (o(), j("div", {
+				default: v(() => [w(A).showDeleteWarning.value ? (o(), j("div", {
 					key: 0,
 					role: "dialog",
 					"aria-modal": "true",
@@ -2302,19 +2293,19 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 						"backdrop-filter": "blur(8px)",
 						"-webkit-backdrop-filter": "blur(8px)"
 					},
-					onClick: r[10] ||= U((...e) => w(k).cancelDelete && w(k).cancelDelete(...e), ["self"])
+					onClick: r[10] ||= U((...e) => w(A).cancelDelete && w(A).cancelDelete(...e), ["self"])
 				}, [f("div", Pn, [
 					f("h3", Fn, E(y.value.mediaLibrary.deleteWarningTitle), 1),
 					f("p", {
-						class: P(["tpl:text-xs", w(A).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
+						class: P(["tpl:text-xs", w(F).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
 						style: { color: "var(--tpl-text-muted)" }
 					}, E(y.value.mediaLibrary.deleteWarningMessage), 3),
-					w(A).hasUsedFiles.value ? (o(), j("p", In, E(y.value.mediaLibrary.deleteWarningUsageNote), 1)) : e("", !0),
-					w(A).hasUsedFiles.value ? (o(), j("div", Ln, [(o(!0), j(h, null, _(w(k).deleteUsageInfo.value, (t, n) => (o(), j("div", {
+					w(F).hasUsedFiles.value ? (o(), j("p", In, E(y.value.mediaLibrary.deleteWarningUsageNote), 1)) : e("", !0),
+					w(F).hasUsedFiles.value ? (o(), j("div", Ln, [(o(!0), j(h, null, _(w(A).deleteUsageInfo.value, (t, n) => (o(), j("div", {
 						key: n,
 						class: "tpl:text-xs",
 						style: { color: "var(--tpl-text)" }
-					}, [t.templateCount > 0 ? (o(), j(h, { key: 0 }, [f("span", Rn, E(w(A).displayItems.value.find((e) => e.id === n)?.filename || n), 1), f("span", zn, " - " + E(y.value.mediaLibrary.usedInTemplates.replace("{count}", t.templateCount.toString())), 1)], 64)) : e("", !0)]))), 128))])) : e("", !0),
+					}, [t.templateCount > 0 ? (o(), j(h, { key: 0 }, [f("span", Rn, E(w(F).displayItems.value.find((e) => e.id === n)?.filename || n), 1), f("span", zn, " - " + E(y.value.mediaLibrary.usedInTemplates.replace("{count}", t.templateCount.toString())), 1)], 64)) : e("", !0)]))), 128))])) : e("", !0),
 					f("div", Bn, [f("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: {
@@ -2322,7 +2313,7 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 							color: "var(--tpl-text)",
 							"background-color": "var(--tpl-bg)"
 						},
-						onClick: r[8] ||= (...e) => w(k).cancelDelete && w(k).cancelDelete(...e)
+						onClick: r[8] ||= (...e) => w(A).cancelDelete && w(A).cancelDelete(...e)
 					}, E(y.value.mediaLibrary.cancel), 1), f("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: {
@@ -2330,25 +2321,25 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 							color: "var(--tpl-danger)",
 							"background-color": "var(--tpl-bg)"
 						},
-						onClick: r[9] ||= (...e) => w(k).confirmDelete && w(k).confirmDelete(...e)
-					}, E(w(A).hasUsedFiles.value ? y.value.mediaLibrary.deleteAnyway : y.value.mediaLibrary.confirmDelete), 1)])
+						onClick: r[9] ||= (...e) => w(A).confirmDelete && w(A).confirmDelete(...e)
+					}, E(w(F).hasUsedFiles.value ? y.value.mediaLibrary.deleteAnyway : y.value.mediaLibrary.confirmDelete), 1)])
 				])])) : e("", !0)]),
 				_: 1
 			}),
-			f("div", Vn, [f("div", Hn, [w(k).previewItem.value ? (o(), M(Mt, {
+			f("div", Vn, [f("div", Hn, [w(A).previewItem.value ? (o(), M(Mt, {
 				key: 0,
-				item: w(k).previewItem.value,
-				folders: w(A).folderTree.value
-			}, null, 8, ["item", "folders"])) : e("", !0)]), f("div", Un, [w(k).selectedItems.value.size > 0 ? (o(), j("div", Wn, [w(k).previewItem.value ? (o(), j("button", {
+				item: w(A).previewItem.value,
+				folders: w(F).folderTree.value
+			}, null, 8, ["item", "folders"])) : e("", !0)]), f("div", Un, [w(A).selectedItems.value.size > 0 ? (o(), j("div", Wn, [w(A).previewItem.value ? (o(), j("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: V({
-					borderColor: w(A).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
-					color: w(A).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
+					borderColor: w(F).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
+					color: w(F).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
 					backgroundColor: "var(--tpl-bg)"
 				}),
-				onClick: r[11] ||= (e) => w(A).copy(w(A).selectedUrl.value)
-			}, [w(A).copied.value ? (o(), M(w(H), {
+				onClick: r[11] ||= (e) => w(F).copy(w(F).selectedUrl.value)
+			}, [w(F).copied.value ? (o(), M(w(H), {
 				key: 1,
 				size: 12,
 				"stroke-width": 2
@@ -2356,20 +2347,20 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 				key: 0,
 				size: 12,
 				"stroke-width": 2
-			})), u(" " + E(w(A).copied.value ? y.value.mediaLibrary.copied : y.value.mediaLibrary.copyUrl), 1)], 4)) : e("", !0), ne.value ? (o(), j("div", Gn, [f("button", {
+			})), u(" " + E(w(F).copied.value ? y.value.mediaLibrary.copied : y.value.mediaLibrary.copyUrl), 1)], 4)) : e("", !0), B.value ? (o(), j("div", Gn, [f("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: r[12] ||= (e) => w(A).showMovePicker.value = !w(A).showMovePicker.value
-			}, E(y.value.mediaLibrary.moveSelected), 1), w(A).showMovePicker.value ? (o(), M(Tt, {
+				onClick: r[12] ||= (e) => w(F).showMovePicker.value = !w(F).showMovePicker.value
+			}, E(y.value.mediaLibrary.moveSelected), 1), w(F).showMovePicker.value ? (o(), M(Tt, {
 				key: 0,
-				folders: w(A).folderTree.value,
-				"current-folder-id": w(k).currentFolderId.value,
-				onSelect: w(A).handleMoveToFolder,
-				onClose: r[13] ||= (e) => w(A).showMovePicker.value = !1
+				folders: w(F).folderTree.value,
+				"current-folder-id": w(A).currentFolderId.value,
+				onSelect: w(F).handleMoveToFolder,
+				onClose: r[13] ||= (e) => w(F).showMovePicker.value = !1
 			}, null, 8, [
 				"folders",
 				"current-folder-id",
@@ -2409,7 +2400,7 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 	emits: ["ready"],
 	setup(e, { emit: t }) {
 		let n = e, i = t, a = r(() => n.translations);
-		g(ue, L(n.translations)), g(Y, z(() => n.locale));
+		g(ue, L(n.translations)), g(Y, ee(() => n.locale));
 		let s = L(null);
 		g(K, s);
 		function c(e) {
@@ -2441,14 +2432,14 @@ var dn = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl
 		])], 512));
 	}
 }), Xn = /* #__PURE__ */ Object.assign({
-	"./locales/ca.ts": () => import("./chunks/ca-DyHL0z4N.js"),
-	"./locales/de.ts": () => import("./chunks/de-Dcy8LcNQ.js"),
-	"./locales/en.ts": () => import("./chunks/en-w2ihxIL6.js").then((e) => e.n),
-	"./locales/es.ts": () => import("./chunks/es-B43D0gmB.js"),
-	"./locales/fr.ts": () => import("./chunks/fr-DsxaRm09.js"),
-	"./locales/ja.ts": () => import("./chunks/ja-DDI6z0aO.js"),
-	"./locales/nl.ts": () => import("./chunks/nl-CHa6u0cR.js"),
-	"./locales/pt-BR.ts": () => import("./chunks/pt-BR-CZmeAVC3.js")
+	"./locales/ca.ts": () => import("./chunks/ca-CAkEWrz7.js"),
+	"./locales/de.ts": () => import("./chunks/de-CUcTOIHX.js"),
+	"./locales/en.ts": () => import("./chunks/en-AiQi3nze.js").then((e) => e.n),
+	"./locales/es.ts": () => import("./chunks/es-CejTsXsM.js"),
+	"./locales/fr.ts": () => import("./chunks/fr-CZ4KBWjs.js"),
+	"./locales/ja.ts": () => import("./chunks/ja-B-LksFh0.js"),
+	"./locales/nl.ts": () => import("./chunks/nl-syCBBR1S.js"),
+	"./locales/pt-BR.ts": () => import("./chunks/pt-BR-Bre6oBOZ.js")
 });
 function Zn(e) {
 	return Object.keys(e).map((e) => e.match(/\/([^/]+)\.ts$/)?.[1]).filter((e) => !!e);
@@ -2471,8 +2462,7 @@ async function rr(e) {
 	let t = Xn[`./locales/${nr(e)}.ts`];
 	return (await t()).default;
 }
-//#endregion
-//#region src/standalone/visual.ts
+// src/standalone/visual.ts
 var $ = null, ir = L(null);
 async function ar(e) {
 	let t = typeof e.container == "string" ? document.querySelector(e.container) : e.container;
@@ -2513,7 +2503,6 @@ var cr = {
 	unmount: or
 };
 typeof window < "u" && (window.TemplaticalMedia = cr);
-//#endregion
 export { cr as default, ar as init, or as unmount };
 
 //# sourceMappingURL=media-library.js.map