@templatical/media-library 0.13.0 → 0.14.0

package/dist/cdn/media-library.js

@@ -1,4 +1,4 @@
-import { $ as e, A as t, B as n, C as r, D as i, E as a, F as o, G as s, H as c, I as l, J as u, K as d, L as f, M as p, N as m, O as h, P as g, Q as _, R as v, S as y, T as b, U as x, V as S, W as C, X as w, Y as T, Z as E, _ as ee, a as D, at as O, b as te, c as ne, d as k, et as re, f as A, g as ie, h as ae, i as oe, it as j, j as M, k as N, l as se, m as ce, n as le, nt as ue, o as de, ot as P, p as fe, q as F, r as pe, rt as I, s as me, st as L, t as he, tt as ge, u as _e, v as ve, w as R, x as ye, y as be, z } from "./chunks/icons-z3cCPQd8.js";
+import { $ as e, A as t, B as n, C as r, D as i, E as a, F as o, G as s, H as c, I as l, J as u, K as d, L as f, M as p, N as m, O as h, P as g, Q as _, R as v, S as y, T as b, U as x, V as S, W as C, X as w, Y as T, Z as E, _ as D, a as O, at as k, b as ee, c as te, d as ne, et as re, f as A, g as ie, h as ae, i as oe, it as j, j as M, k as N, l as se, m as ce, n as le, nt as ue, o as de, ot as P, p as fe, q as F, r as pe, rt as I, s as me, st as L, t as he, tt as ge, u as _e, v as ve, w as R, x as ye, y as be, z } from "./chunks/icons-CbIgFLAS.js";
 //#region ../types/src/config.ts
 var xe = class extends Error {
 	statusCode;
@@ -415,7 +415,7 @@ var je = {
 			class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
 			style: { color: "var(--tpl-primary)" },
 			onClick: n[0] ||= (e) => o("navigate", null)
-		}, L(j(s).mediaLibrary.allFiles), 1), (z(!0), t(R, null, S(c.value, (e, n) => (z(), t(R, { key: e.id }, [p(j(fe), {
+		}, L(j(s).mediaLibrary.allFiles), 1), (z(!0), t(R, null, S(c.value, (e, n) => (z(), t(R, { key: e.id }, [p(j(ie), {
 			size: 12,
 			"stroke-width": 2
 		}), n < c.value.length - 1 ? (z(), t("button", {
@@ -4056,31 +4056,31 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 	},
 	emits: ["save", "close"],
 	setup(n, { emit: o }) {
-		let c = n, d = o, { t: f } = Ae(), m = l("tplUiTheme"), g = l(Ve, e(null)), _ = f.mediaLibrary, { isImageMimeType: v } = Fe(), y = e(""), x = e(""), C = e(null), w = e("free"), T = e(void 0), E = e(void 0), ee = e(""), D = e(""), ne = e(void 0), k = e(null), re = e(!1), A = e(!1), ie = e(!1), ae = a(() => c.item ? [
+		let c = n, d = o, { t: f } = Ae(), m = l("tplUiTheme"), g = l(Ve, e(null)), _ = f.mediaLibrary, { isImageMimeType: v } = Fe(), y = e(""), x = e(""), C = e(null), w = e("free"), T = e(void 0), E = e(void 0), D = e(""), O = e(""), te = e(void 0), ne = e(null), re = e(!1), A = e(!1), ie = e(!1), ae = a(() => c.item ? [
 			"image/jpeg",
 			"image/png",
 			"image/webp",
 			"image/gif"
-		].includes(c.item.mime_type) : !1), oe = a(() => w.value === "original" ? ne.value : Ie[w.value]), se = a(() => k.value ? Be(k.value.width, k.value.height, T.value, E.value) : null);
+		].includes(c.item.mime_type) : !1), oe = a(() => w.value === "original" ? te.value : Ie[w.value]), se = a(() => ne.value ? Be(ne.value.width, ne.value.height, T.value, E.value) : null);
 		s(() => c.visible, (e) => {
-			e && c.item && (y.value = c.item.filename, x.value = c.item.alt_text || "", w.value = "free", T.value = void 0, E.value = void 0, ee.value = "", D.value = "", ne.value = void 0, k.value = null, re.value = !1, ie.value = !1, c.item.width && c.item.height && (ne.value = c.item.width / c.item.height));
+			e && c.item && (y.value = c.item.filename, x.value = c.item.alt_text || "", w.value = "free", T.value = void 0, E.value = void 0, D.value = "", O.value = "", te.value = void 0, ne.value = null, re.value = !1, ie.value = !1, c.item.width && c.item.height && (te.value = c.item.width / c.item.height));
 		});
 		function ce(e) {
-			e.coordinates && (k.value = {
+			e.coordinates && (ne.value = {
 				width: Math.round(e.coordinates.width),
 				height: Math.round(e.coordinates.height)
 			}, ie.value = !0);
 		}
 		function le() {
-			re.value = !0, !ne.value && c.item?.width && c.item?.height && (ne.value = c.item.width / c.item.height);
+			re.value = !0, !te.value && c.item?.width && c.item?.height && (te.value = c.item.width / c.item.height);
 		}
 		function ue(e) {
 			let t = e.target.value;
-			ee.value = t, T.value = t && parseInt(t, 10) || void 0;
+			D.value = t, T.value = t && parseInt(t, 10) || void 0;
 		}
 		function de(e) {
 			let t = e.target.value;
-			D.value = t, E.value = t && parseInt(t, 10) || void 0;
+			O.value = t, E.value = t && parseInt(t, 10) || void 0;
 		}
 		async function fe() {
 			let e = y.value.trim();
@@ -4121,7 +4121,7 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 				onClick: a[3] ||= r((e) => d("close"), ["self"]),
 				onKeydown: pe
 			}, [i("div", {
-				class: O(["tpl:mx-4 tpl:flex tpl:max-h-[90vh] tpl:w-full tpl:flex-col tpl:overflow-hidden tpl:rounded-lg tpl:shadow-xl", ae.value ? "tpl:max-w-2xl" : "tpl:max-w-sm"]),
+				class: k(["tpl:mx-4 tpl:flex tpl:max-h-[90vh] tpl:w-full tpl:flex-col tpl:overflow-hidden tpl:rounded-lg tpl:shadow-xl", ae.value ? "tpl:max-w-2xl" : "tpl:max-w-sm"]),
 				style: { "background-color": "var(--tpl-bg-elevated)" }
 			}, [
 				i("div", Rn, [i("h3", zn, L(j(f).mediaLibrary.editFile), 1)]),
@@ -4154,7 +4154,7 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 							onClick: (t) => w.value = e
 						}, L(j(_)[`crop${e.charAt(0).toUpperCase()}${e.slice(1)}`]), 13, Kn)), 64))])]),
 						i("div", qn, [i("div", Jn, [i("label", Yn, [M(L(j(f).mediaLibrary.cropMaxWidth) + " ", 1), i("span", Xn, L(j(f).mediaLibrary.cropOptional), 1)]), i("div", Zn, [i("input", {
-							value: ee.value,
+							value: D.value,
 							type: "number",
 							min: "1",
 							class: "tpl:w-full tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-8 tpl:pl-3 tpl:text-xs tpl:outline-none",
@@ -4163,10 +4163,10 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 								"background-color": "var(--tpl-bg)",
 								color: "var(--tpl-text)"
 							},
-							placeholder: k.value?.width?.toString() || "",
+							placeholder: ne.value?.width?.toString() || "",
 							onInput: ue
 						}, null, 40, Qn), i("span", $n, L(j(f).mediaLibrary.cropPixels), 1)])]), i("div", er, [i("label", tr, [M(L(j(f).mediaLibrary.cropMaxHeight) + " ", 1), i("span", nr, L(j(f).mediaLibrary.cropOptional), 1)]), i("div", rr, [i("input", {
-							value: D.value,
+							value: O.value,
 							type: "number",
 							min: "1",
 							class: "tpl:w-full tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-8 tpl:pl-3 tpl:text-xs tpl:outline-none",
@@ -4175,7 +4175,7 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 								"background-color": "var(--tpl-bg)",
 								color: "var(--tpl-text)"
 							},
-							placeholder: k.value?.height?.toString() || "",
+							placeholder: ne.value?.height?.toString() || "",
 							onInput: de
 						}, null, 40, ir), i("span", ar, L(j(f).mediaLibrary.cropPixels), 1)])])]),
 						se.value ? (z(), t("div", or, [i("span", null, L(j(f).mediaLibrary.cropOutputSize) + ": ", 1), i("span", sr, L(se.value.width) + " x " + L(se.value.height) + " " + L(j(f).mediaLibrary.cropPixels), 1)])) : N("", !0)
@@ -4190,7 +4190,7 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 							color: "var(--tpl-text)"
 						},
 						autofocus: !ae.value
-					}, null, 8, ur), [[te, y.value]])]),
+					}, null, 8, ur), [[ee, y.value]])]),
 					j(v)(n.item.mime_type) ? (z(), t("div", dr, [i("label", fr, L(j(f).mediaLibrary.altText), 1), u(i("input", {
 						"onUpdate:modelValue": a[1] ||= (e) => x.value = e,
 						type: "text",
@@ -4201,7 +4201,7 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 							color: "var(--tpl-text)"
 						},
 						placeholder: j(f).mediaLibrary.altTextPlaceholder
-					}, null, 8, pr), [[te, x.value]])])) : N("", !0)
+					}, null, 8, pr), [[ee, x.value]])])) : N("", !0)
 				]),
 				i("div", mr, [i("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",
@@ -4253,17 +4253,17 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 			for (let n of e) if (n.id === t || n.children && E(n.children, t)) return !0;
 			return !1;
 		}
-		function ee() {
+		function D() {
 			d.value = !d.value;
 		}
-		function D() {
+		function O() {
 			f.value = !0, m.value = s.folder.name;
 		}
-		function ne() {
+		function te() {
 			let e = m.value.trim();
 			e && e !== s.folder.name && c("renameFolder", s.folder.id, e), f.value = !1, m.value = "";
 		}
-		function k() {
+		function ne() {
 			f.value = !1, m.value = "";
 		}
 		function re() {
@@ -4272,7 +4272,7 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 		function A() {
 			_.value.trim() && c("createFolder", _.value.trim(), s.folder.id), g.value = !1, _.value = "";
 		}
-		function ie() {
+		function ae() {
 			g.value = !1, _.value = "";
 		}
 		return (e, a) => {
@@ -4288,16 +4288,16 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 				v.value || g.value ? (z(), t("button", {
 					key: 0,
 					class: "tpl:flex tpl:size-4 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
-					onClick: r(ee, ["stop"])
-				}, [p(j(fe), {
-					class: O(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": T.value }]),
+					onClick: r(D, ["stop"])
+				}, [p(j(ie), {
+					class: k(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": T.value }]),
 					size: 10,
 					"stroke-width": 2
 				}, null, 8, ["class"])])) : (z(), t("span", yr)),
 				i("button", {
 					class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-1.5",
 					onClick: a[0] ||= (e) => c("navigate", n.folder.id)
-				}, [p(j(_e), {
+				}, [p(j(fe), {
 					class: "tpl:shrink-0",
 					size: 14,
 					"stroke-width": 1.5
@@ -4313,10 +4313,10 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 						color: "var(--tpl-text)"
 					},
 					autofocus: "",
-					onKeydown: [y(ne, ["enter"]), y(k, ["escape"])],
-					onBlur: ne,
+					onKeydown: [y(te, ["enter"]), y(ne, ["escape"])],
+					onBlur: te,
 					onClick: a[2] ||= r(() => {}, ["stop"])
-				}, null, 544)), [[te, m.value]]) : N("", !0),
+				}, null, 544)), [[ee, m.value]]) : N("", !0),
 				f.value ? N("", !0) : (z(), t("span", xr, [
 					b.value ? (z(), t("button", {
 						key: 0,
@@ -4330,7 +4330,7 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 					i("button", {
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 						title: j(l).mediaLibrary.renameFolder,
-						onClick: r(D, ["stop"])
+						onClick: r(O, ["stop"])
 					}, [p(j(me), {
 						size: 12,
 						"stroke-width": 2
@@ -4372,9 +4372,9 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 				},
 				placeholder: j(l).mediaLibrary.subfolderName,
 				autofocus: "",
-				onKeydown: [y(A, ["enter"]), y(ie, ["escape"])],
+				onKeydown: [y(A, ["enter"]), y(ae, ["escape"])],
 				onBlur: A
-			}, null, 40, Tr), [[te, _.value]])], 4)) : N("", !0)])) : N("", !0)]);
+			}, null, 40, Tr), [[ee, _.value]])], 4)) : N("", !0)])) : N("", !0)]);
 		};
 	}
 }), Or = { class: "tpl:flex tpl:h-full tpl:flex-col tpl:overflow-y-auto" }, kr = {
@@ -4414,7 +4414,7 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 					color: n.viewMode === "files" && n.currentFolderId === null ? "var(--tpl-primary)" : "var(--tpl-text)"
 				}),
 				onClick: r[0] ||= (e) => a("navigate", null)
-			}, [p(j(k), {
+			}, [p(j(ce), {
 				size: 14,
 				"stroke-width": 1.5
 			}), M(" " + L(j(o).mediaLibrary.allFiles), 1)], 4),
@@ -4441,7 +4441,7 @@ var Ln = ["data-tpl-theme"], Rn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, zn
 				autofocus: "",
 				onKeydown: [y(d, ["enter"]), y(f, ["escape"])],
 				onBlur: d
-			}, null, 40, Ar), [[te, c.value]])])) : N("", !0),
+			}, null, 40, Ar), [[ee, c.value]])])) : N("", !0),
 			s.value ? N("", !0) : (z(), t("button", {
 				key: 1,
 				class: "tpl:flex tpl:w-full tpl:items-center tpl:gap-2 tpl:px-3 tpl:py-2 tpl:text-left tpl:text-xs tpl:transition-all tpl:duration-150",
@@ -5124,19 +5124,19 @@ var pi = { class: "tpl:p-4" }, mi = {
 		return (e, a) => (z(), t("div", pi, [
 			n.isLoading && n.items.length === 0 ? (z(), t("div", {
 				key: 0,
-				class: O(n.layout === "list" ? "tpl:flex tpl:flex-col tpl:gap-1" : "tpl:grid tpl:grid-cols-4 tpl:gap-3")
+				class: k(n.layout === "list" ? "tpl:flex tpl:flex-col tpl:gap-1" : "tpl:grid tpl:grid-cols-4 tpl:gap-3")
 			}, [(z(), t(R, null, S(8, (e) => i("div", {
 				key: e,
-				class: O(["tpl-pulse tpl:rounded-lg", n.layout === "list" ? "tpl:h-12" : "tpl:aspect-square"]),
+				class: k(["tpl-pulse tpl:rounded-lg", n.layout === "list" ? "tpl:h-12" : "tpl:aspect-square"]),
 				style: { "background-color": "var(--tpl-bg-hover)" }
-			}, null, 2)), 64))], 2)) : n.items.length === 0 ? (z(), t("div", mi, [p(j(k), {
+			}, null, 2)), 64))], 2)) : n.items.length === 0 ? (z(), t("div", mi, [p(j(ce), {
 				class: "tpl:mb-3",
 				size: 40,
 				"stroke-width": 1,
 				style: { color: "var(--tpl-text-dim)" }
 			}), i("p", hi, L(j(f).mediaLibrary.noFiles), 1)])) : n.layout === "list" ? (z(), t("div", Oi, [(z(!0), t(R, null, S(n.items, (e) => (z(), t("div", {
 				key: e.id,
-				class: O(["tpl-media-list-item tpl:group tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-3 tpl:rounded-lg tpl:px-3 tpl:py-2 tpl:transition-all tpl:duration-150", [!u(e) && !n.selectedIds.has(e.id) ? "tpl:opacity-60" : ""]]),
+				class: k(["tpl-media-list-item tpl:group tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-3 tpl:rounded-lg tpl:px-3 tpl:py-2 tpl:transition-all tpl:duration-150", [!u(e) && !n.selectedIds.has(e.id) ? "tpl:opacity-60" : ""]]),
 				style: P({ backgroundColor: n.selectedIds.has(e.id) ? "var(--tpl-bg-hover)" : "transparent" }),
 				onClick: (t) => d(e)
 			}, [
@@ -5161,17 +5161,17 @@ var pi = { class: "tpl:p-4" }, mi = {
 					style: { color: "var(--tpl-text-muted)" },
 					title: j(f).mediaLibrary.replaceFile,
 					onClick: r((t) => s("replace", e), ["stop"])
-				}, [p(j(D), {
+				}, [p(j(O), {
 					size: 12,
 					"stroke-width": 2
 				})], 8, Ri)]),
-				n.selectedIds.has(e.id) ? (z(), t("div", zi, [p(j(ce), {
+				n.selectedIds.has(e.id) ? (z(), t("div", zi, [p(j(D), {
 					size: 12,
 					"stroke-width": 3
 				})])) : N("", !0)
 			], 14, ki))), 128))])) : (z(), t("div", gi, [(z(!0), t(R, null, S(n.items, (e) => (z(), t("div", {
 				key: e.id,
-				class: O(["tpl-media-item tpl:group tpl:relative tpl:overflow-hidden tpl:rounded-lg tpl:border-2 tpl:transition-all tpl:duration-150", [
+				class: k(["tpl-media-item tpl:group tpl:relative tpl:overflow-hidden tpl:rounded-lg tpl:border-2 tpl:transition-all tpl:duration-150", [
 					"tpl:cursor-pointer",
 					!u(e) && !n.selectedIds.has(e.id) ? "tpl:opacity-60" : "",
 					n.selectedIds.has(e.id) ? "tpl-media-item--selected" : ""
@@ -5206,11 +5206,11 @@ var pi = { class: "tpl:p-4" }, mi = {
 					style: { "background-color": "rgba(0, 0, 0, 0.6)" },
 					title: j(f).mediaLibrary.replaceFile,
 					onClick: r((t) => s("replace", e), ["stop"])
-				}, [p(j(D), {
+				}, [p(j(O), {
 					size: 11,
 					"stroke-width": 2
 				})], 8, Ei)]),
-				n.selectedIds.has(e.id) ? (z(), t("div", Di, [p(j(ce), {
+				n.selectedIds.has(e.id) ? (z(), t("div", Di, [p(j(D), {
 					size: 12,
 					"stroke-width": 3
 				})])) : N("", !0)
@@ -5220,7 +5220,7 @@ var pi = { class: "tpl:p-4" }, mi = {
 				ref: m,
 				class: "tpl:h-4"
 			}, null, 512),
-			n.isLoading && n.items.length > 0 ? (z(), t("div", Bi, [p(j(ie), {
+			n.isLoading && n.items.length > 0 ? (z(), t("div", Bi, [p(j(se), {
 				class: "tpl-spinner",
 				size: 20,
 				"stroke-width": 2,
@@ -5293,10 +5293,10 @@ var pi = { class: "tpl:p-4" }, mi = {
 					placeholder: j(d).mediaLibrary.importUrlPlaceholder,
 					disabled: n.isImporting,
 					autofocus: ""
-				}, null, 8, Ki), [[te, g.value]])]),
+				}, null, 8, Ki), [[ee, g.value]])]),
 				n.error ? (z(), t("p", qi, L(n.error), 1)) : N("", !0),
 				i("div", Ji, [i("button", {
-					class: O(["tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150", { "tpl:cursor-not-allowed tpl:opacity-50": n.isImporting }]),
+					class: k(["tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150", { "tpl:cursor-not-allowed tpl:opacity-50": n.isImporting }]),
 					style: {
 						"border-color": "var(--tpl-border)",
 						color: "var(--tpl-text)",
@@ -5309,7 +5309,7 @@ var pi = { class: "tpl:p-4" }, mi = {
 					style: { background: "linear-gradient(\n                  135deg,\n                  var(--tpl-primary),\n                  var(--tpl-primary-hover)\n                )" },
 					disabled: !g.value.trim() || n.isImporting,
 					onClick: _
-				}, [n.isImporting ? (z(), t("span", Zi, [p(j(ie), {
+				}, [n.isImporting ? (z(), t("span", Zi, [p(j(se), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
@@ -5355,7 +5355,7 @@ var pi = { class: "tpl:p-4" }, mi = {
 			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: r[0] ||= (e) => a("select", null)
-		}, [p(j(k), {
+		}, [p(j(ce), {
 			class: "tpl:shrink-0",
 			size: 14,
 			"stroke-width": 1.5
@@ -5370,7 +5370,7 @@ var pi = { class: "tpl:p-4" }, mi = {
 			disabled: e.id === n.currentFolderId,
 			onClick: (t) => a("select", e.id)
 		}, [
-			p(j(_e), {
+			p(j(fe), {
 				class: "tpl:shrink-0",
 				size: 14,
 				"stroke-width": 1.5
@@ -5481,7 +5481,7 @@ var pi = { class: "tpl:p-4" }, mi = {
 					g.value && e.item.width && e.item.height ? (z(), t(R, { key: 0 }, [M(" · " + L(e.item.width) + "×" + L(e.item.height) + "px ", 1)], 64)) : N("", !0),
 					h.value ? (z(), t(R, { key: 1 }, [
 						r[0] ||= M(" · ", -1),
-						p(j(_e), {
+						p(j(fe), {
 							class: "tpl:mb-px tpl:inline",
 							size: 9,
 							"stroke-width": 2
@@ -5491,7 +5491,7 @@ var pi = { class: "tpl:p-4" }, mi = {
 				]),
 				g.value ? (z(), t("p", {
 					key: 0,
-					class: O(["tpl:mt-0.5 tpl:truncate tpl:text-[10px] tpl:italic", { "tpl:invisible": !e.item.alt_text }]),
+					class: k(["tpl:mt-0.5 tpl:truncate tpl:text-[10px] tpl:italic", { "tpl:invisible": !e.item.alt_text }]),
 					style: { color: "var(--tpl-text-dim)" }
 				}, L(e.item.alt_text || "\xA0"), 3)) : N("", !0)
 			]),
@@ -5659,13 +5659,13 @@ var pi = { class: "tpl:p-4" }, mi = {
 		}), (e, r) => (z(), t("div", {
 			ref_key: "dropZoneRef",
 			ref: d,
-			class: O(["tpl-upload-zone tpl:flex tpl:cursor-pointer tpl:flex-col tpl:items-center tpl:justify-center tpl:rounded-lg tpl:border-2 tpl:border-dashed tpl:p-5 tpl:text-center tpl:transition-all tpl:duration-150", j(h) ? "tpl-upload-zone-active" : ""]),
+			class: k(["tpl-upload-zone tpl:flex tpl:cursor-pointer tpl:flex-col tpl:items-center tpl:justify-center tpl:rounded-lg tpl:border-2 tpl:border-dashed tpl:p-5 tpl:text-center tpl:transition-all tpl:duration-150", j(h) ? "tpl-upload-zone-active" : ""]),
 			style: {
 				"border-color": "var(--tpl-border-light)",
 				"background-color": "var(--tpl-bg)"
 			},
 			onClick: r[0] ||= (e) => j(g)()
-		}, [n.isUploading ? (z(), t("div", ja, [p(j(ie), {
+		}, [n.isUploading ? (z(), t("div", ja, [p(j(se), {
 			class: "tpl-spinner",
 			size: 20,
 			"stroke-width": 2,
@@ -5933,9 +5933,9 @@ var pi = { class: "tpl:p-4" }, mi = {
 //#region src/composable.ts
 function Ha(t) {
 	if (!t.projectId) throw Error("projectId is required for useMediaLibrary");
-	let n = new Va(t.authManager), r = e([]), i = e([]), a = e(null), o = e("files"), s = e(""), c = e(null), l = e("newest"), u = e(!1), d = e(!1), f = e(!1), p = e(null), m = e(null), h = e(/* @__PURE__ */ new Set()), g = e(null), _ = e([]), v = e({}), y = e(!1), b = e([]), x = e(!1), S = e(null), C = e(!1), w = e(null), T = e(!1), E = e(null), ee = e(null), D = 0;
-	async function O() {
-		let e = ++D;
+	let n = new Va(t.authManager), r = e([]), i = e([]), a = e(null), o = e("files"), s = e(""), c = e(null), l = e("newest"), u = e(!1), d = e(!1), f = e(!1), p = e(null), m = e(null), h = e(/* @__PURE__ */ new Set()), g = e(null), _ = e([]), v = e({}), y = e(!1), b = e([]), x = e(!1), S = e(null), C = e(!1), w = e(null), T = e(!1), E = e(null), D = e(null), O = 0;
+	async function k() {
+		let e = ++O;
 		u.value = !0;
 		try {
 			let t = await n.browseMedia({
@@ -5944,18 +5944,18 @@ function Ha(t) {
 				category: c.value || void 0,
 				sort: l.value === "newest" ? void 0 : l.value
 			});
-			if (e !== D) return;
+			if (e !== O) return;
 			r.value = t.data, p.value = t.meta.next_cursor, f.value = !!t.meta.next_cursor;
 		} catch (n) {
-			if (e !== D) return;
+			if (e !== O) return;
 			t.onError?.(n);
 		} finally {
-			e === D && (u.value = !1);
+			e === O && (u.value = !1);
 		}
 	}
-	async function te() {
+	async function ee() {
 		if (!f.value || !p.value || u.value) return;
-		let e = ++D;
+		let e = ++O;
 		u.value = !0;
 		try {
 			let t = await n.browseMedia({
@@ -5965,26 +5965,26 @@ function Ha(t) {
 				sort: l.value === "newest" ? void 0 : l.value,
 				cursor: p.value
 			});
-			if (e !== D) return;
+			if (e !== O) return;
 			r.value = [...r.value, ...t.data], p.value = t.meta.next_cursor, f.value = !!t.meta.next_cursor;
 		} catch (n) {
-			if (e !== D) return;
+			if (e !== O) return;
 			t.onError?.(n);
 		} finally {
-			e === D && (u.value = !1);
+			e === O && (u.value = !1);
 		}
 	}
-	async function ne(e) {
-		s.value = e, await O();
+	async function te(e) {
+		s.value = e, await k();
 	}
-	async function k(e) {
-		c.value = e, await O();
+	async function ne(e) {
+		c.value = e, await k();
 	}
 	async function re(e) {
-		l.value = e, await O();
+		l.value = e, await k();
 	}
 	async function A(e) {
-		o.value = "files", a.value = e, s.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await O();
+		o.value = "files", a.value = e, s.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await k();
 	}
 	async function ie() {
 		o.value = "frequently-used", a.value = null, s.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await se();
@@ -6012,7 +6012,8 @@ function Ha(t) {
 					total: e.length
 				};
 				try {
-					r.value = [await n.uploadMedia(e[i], a.value), ...r.value];
+					let t = await n.uploadMedia(e[i], a.value);
+					r.value = [t, ...r.value];
 				} catch (e) {
 					t.onError?.(e);
 				}
@@ -6133,7 +6134,7 @@ function Ha(t) {
 	async function he(e) {
 		try {
 			let t = me(i.value, e)?.parent_id ?? null;
-			await n.deleteMediaFolder(e), a.value === e && (a.value = t), await pe(), await O();
+			await n.deleteMediaFolder(e), a.value === e && (a.value = t), await pe(), await k();
 		} catch (e) {
 			t.onError?.(e);
 		}
@@ -6141,20 +6142,21 @@ function Ha(t) {
 	async function ge(e) {
 		E.value = e, w.value = null;
 		try {
-			ee.value = (await n.checkMediaUsage([e.id])).data[e.id] ?? null, T.value = !0;
+			let t = await n.checkMediaUsage([e.id]);
+			D.value = t.data[e.id] ?? null, T.value = !0;
 		} catch (e) {
 			t.onError?.(e);
 		}
 	}
 	function _e() {
-		T.value = !1, E.value = null, ee.value = null, w.value = null;
+		T.value = !1, E.value = null, D.value = null, w.value = null;
 	}
 	async function ve(e) {
 		if (!E.value) return null;
 		C.value = !0, w.value = null;
 		try {
 			let t = await n.replaceMedia(E.value.id, e);
-			return r.value = r.value.map((e) => e.id === t.id ? t : e), _.value = _.value.map((e) => e.id === t.id ? t : e), g.value?.id === t.id && (g.value = t), T.value = !1, E.value = null, ee.value = null, t;
+			return r.value = r.value.map((e) => e.id === t.id ? t : e), _.value = _.value.map((e) => e.id === t.id ? t : e), g.value?.id === t.id && (g.value = t), T.value = !1, E.value = null, D.value = null, t;
 		} catch (e) {
 			return w.value = e instanceof Error ? e.message : "Replace failed", t.onError?.(e), null;
 		} finally {
@@ -6186,10 +6188,10 @@ function Ha(t) {
 		frequentlyUsedItems: _,
 		deleteUsageInfo: v,
 		showDeleteWarning: y,
-		loadItems: O,
-		loadMore: te,
-		search: ne,
-		filterByCategory: k,
+		loadItems: k,
+		loadMore: ee,
+		search: te,
+		filterByCategory: ne,
 		sortBy: re,
 		navigateToFolder: A,
 		showFrequentlyUsed: ie,
@@ -6217,7 +6219,7 @@ function Ha(t) {
 		replaceError: w,
 		showReplaceWarning: T,
 		pendingReplaceItem: E,
-		replaceUsageInfo: ee,
+		replaceUsageInfo: D,
 		checkUsageBeforeReplace: ge,
 		cancelReplace: _e,
 		replaceFile: ve,
@@ -6270,22 +6272,22 @@ function Ua(t) {
 	function E(e) {
 		n.selectItem(e);
 	}
-	async function ee(e, t) {
+	async function D(e, t) {
 		await n.createFolder(e, t);
 	}
-	async function D(e, t) {
+	async function O(e, t) {
 		await n.renameFolder(e, t);
 	}
-	async function O(e) {
+	async function k(e) {
 		await n.deleteFolder(e);
 	}
-	function te(e) {
+	function ee(e) {
 		f.value = e;
 	}
-	async function ne(e, t, r, i) {
+	async function te(e, t, r, i) {
 		i && await n.replaceMediaDirectly(e, i.file), await n.updateFile(e, t, r), f.value = null;
 	}
-	async function k(e) {
+	async function ne(e) {
 		await n.importFromUrl(e) && (p.value = !1);
 	}
 	async function re(e) {
@@ -6321,12 +6323,12 @@ function Ua(t) {
 		handleSearchInput: S,
 		handleUpload: T,
 		handleSelect: E,
-		handleCreateFolder: ee,
-		handleRenameFolder: D,
-		handleDeleteFolder: O,
-		handleEditItem: te,
-		handleEditSave: ne,
-		handleImportFromUrl: k,
+		handleCreateFolder: D,
+		handleRenameFolder: O,
+		handleDeleteFolder: k,
+		handleEditItem: ee,
+		handleEditSave: te,
+		handleImportFromUrl: ne,
 		handleMoveToFolder: re,
 		handleDeleteClick: A,
 		handleReplaceItem: ie,
@@ -6501,7 +6503,7 @@ var Wa = {
 					}),
 					title: j(b).showSidebar.value ? u.value.mediaLibrary.hideFolders : u.value.mediaLibrary.showFolders,
 					onClick: n[1] ||= (e) => j(b).showSidebar.value = !j(b).showSidebar.value
-				}, [p(j(ae), {
+				}, [p(j(te), {
 					size: 16,
 					"stroke-width": 2
 				})], 12, to)) : N("", !0),
@@ -6523,7 +6525,7 @@ var Wa = {
 					}),
 					title: u.value.mediaLibrary.viewGrid,
 					onClick: n[2] ||= (e) => j(b).layoutMode.value = "grid"
-				}, [p(j(ee), {
+				}, [p(j(A), {
 					size: 14,
 					"stroke-width": 2
 				})], 12, io), i("button", {
@@ -6534,7 +6536,7 @@ var Wa = {
 					}),
 					title: u.value.mediaLibrary.viewList,
 					onClick: n[3] ||= (e) => j(b).layoutMode.value = "list"
-				}, [p(j(ne), {
+				}, [p(j(_e), {
 					size: 14,
 					"stroke-width": 2
 				})], 12, ao)])
@@ -6584,7 +6586,7 @@ var Wa = {
 					"background-color": "var(--tpl-bg)"
 				},
 				onClick: n[6] ||= (e) => j(b).showImportUrlModal.value = !0
-			}, [p(j(se), {
+			}, [p(j(ne), {
 				size: 14,
 				"stroke-width": 2
 			}), M(" " + L(u.value.mediaLibrary.importFromUrl), 1)])) : N("", !0)])) : N("", !0), p(Vi, {
@@ -6669,7 +6671,7 @@ var Wa = {
 				}, [i("div", bo, [
 					i("h3", xo, L(u.value.mediaLibrary.deleteWarningTitle), 1),
 					i("p", {
-						class: O(["tpl:text-xs", j(b).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
+						class: k(["tpl:text-xs", j(b).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
 						style: { color: "var(--tpl-text-muted)" }
 					}, L(u.value.mediaLibrary.deleteWarningMessage), 3),
 					j(b).hasUsedFiles.value ? (z(), t("p", So, L(u.value.mediaLibrary.deleteWarningUsageNote), 1)) : N("", !0),
@@ -6717,11 +6719,11 @@ var Wa = {
 					backgroundColor: "var(--tpl-bg)"
 				}),
 				onClick: n[13] ||= (e) => j(b).copy(j(b).selectedUrl.value)
-			}, [j(b).copied.value ? (z(), h(j(ce), {
+			}, [j(b).copied.value ? (z(), h(j(D), {
 				key: 1,
 				size: 12,
 				"stroke-width": 2
-			})) : (z(), h(j(A), {
+			})) : (z(), h(j(ae), {
 				key: 0,
 				size: 12,
 				"stroke-width": 2