@templatical/editor 0.9.0 → 0.10.0

package/dist/cdn/chunks/{media-library-CO2WOETY.js → media-library-BRpHZOl7.js}

@@ -1,6 +1,6 @@
 import { D as e, F as t, H as n, I as r, K as i, L as a, M as o, N as s, P as c, T as l, V as u, Z as d, c as f, ct as p, d as m, f as h, g, h as _, it as v, l as y, m as b, n as x, o as S, ot as C, p as w, s as T, st as E, tt as D, u as O, v as k, x as A, y as j, z as ee } from "./draggable-BwWMFq33.js";
-import { At as M, Ot as te, T as N, an as ne, at as re, cn as P, ct as ie, dn as F, ht as I, in as ae, ln as L, mt as oe, on as se, ot as ce, rt as le, sn as ue, vt as de, w as R, wt as fe } from "./features-D-2kVhHY.js";
-import { A as pe, E as me, G as he, J as ge, R as _e, V as ve, b as ye, m as be, q as xe } from "./icons-fZoyKV_s.js";
+import { At as M, Ot as te, T as N, an as ne, at as re, cn as ie, ct as ae, fn as P, ht as F, ln as I, mt as L, on as oe, ot as se, rt as ce, sn as le, un as ue, vt as de, w as R, wt as fe } from "./features-CwZTdcbt.js";
+import { B as pe, K as me, L as he, T as ge, W as _e, k as ve, p as ye, q as be, y as xe } from "./icons-CbNEr1kc.js";
 //#region ../media-library/src/api-client.ts
 var Se = class {
 	authManager;
@@ -215,7 +215,7 @@ function Ce(e) {
 		a.value = "files", i.value = e, o.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await k();
 	}
 	async function N() {
-		a.value = "frequently-used", i.value = null, o.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await I();
+		a.value = "frequently-used", i.value = null, o.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await F();
 	}
 	async function ne(r) {
 		u.value = !0;
@@ -249,7 +249,7 @@ function Ce(e) {
 			u.value = !1, m.value = null;
 		}
 	}
-	async function P(r) {
+	async function ie(r) {
 		if (h.value.size !== 0) try {
 			let e = await t.moveMedia([...h.value], r);
 			if (i.value === null) {
@@ -261,7 +261,7 @@ function Ce(e) {
 			e.onError?.(t);
 		}
 	}
-	async function ie(r, i, a) {
+	async function ae(r, i, a) {
 		try {
 			let e = await t.updateMedia(r, i, a);
 			n.value = n.value.map((t) => t.id === r ? e : t), g.value?.id === r && (g.value = e);
@@ -269,21 +269,21 @@ function Ce(e) {
 			e.onError?.(t);
 		}
 	}
-	async function F() {
+	async function P() {
 		if (h.value.size !== 0) try {
 			await t.deleteMedia([...h.value]), n.value = n.value.filter((e) => !h.value.has(e.id)), _.value = _.value.filter((e) => !h.value.has(e.id)), h.value = /* @__PURE__ */ new Set(), g.value = null;
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	async function I() {
+	async function F() {
 		try {
 			_.value = await t.getFrequentlyUsed();
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	async function ae() {
+	async function I() {
 		if (h.value.size === 0) return !1;
 		b.value = [...h.value];
 		try {
@@ -423,9 +423,9 @@ function Ce(e) {
 		showFrequentlyUsed: N,
 		uploadFile: ne,
 		uploadFiles: re,
-		moveSelected: P,
-		updateFile: ie,
-		deleteSelected: F,
+		moveSelected: ie,
+		updateFile: ae,
+		deleteSelected: P,
 		isImportingFromUrl: x,
 		importFromUrlError: S,
 		importFromUrl: se,
@@ -437,8 +437,8 @@ function Ce(e) {
 		renameFolder: pe,
 		deleteFolder: me,
 		findFolderInTree: fe,
-		loadFrequentlyUsed: I,
-		checkUsageBeforeDelete: ae,
+		loadFrequentlyUsed: F,
+		checkUsageBeforeDelete: I,
 		confirmDelete: L,
 		cancelDelete: oe,
 		isReplacing: C,
@@ -4126,7 +4126,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 }, nr = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, rr = ["placeholder"], ir = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2 tpl:p-5 tpl:pt-4" }, ar = ["disabled"], or = /* @__PURE__ */ le(/* @__PURE__ */ A({
+}, rr = ["placeholder"], ir = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2 tpl:p-5 tpl:pt-4" }, ar = ["disabled"], or = /* @__PURE__ */ ce(/* @__PURE__ */ A({
 	__name: "MediaEditModal",
 	props: {
 		visible: { type: Boolean },
@@ -4134,31 +4134,31 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 	},
 	emits: ["save", "close"],
 	setup(e, { emit: t }) {
-		let r = e, i = t, { t: a } = z(), s = l("tplUiTheme"), f = l(Pe, d(null)), T = a.mediaLibrary, { isImageMimeType: D } = Oe(), A = d(""), M = d(""), te = d(null), N = d("free"), ne = d(void 0), re = d(void 0), P = d(""), ie = d(""), F = d(void 0), I = d(null), ae = d(!1), L = d(!1), oe = d(!1), se = h(() => r.item ? [
+		let r = e, i = t, { t: a } = z(), s = l("tplUiTheme"), f = l(Pe, d(null)), T = a.mediaLibrary, { isImageMimeType: D } = Oe(), A = d(""), M = d(""), te = d(null), N = d("free"), ne = d(void 0), re = d(void 0), ie = d(""), ae = d(""), P = d(void 0), F = d(null), I = d(!1), L = d(!1), oe = d(!1), se = h(() => r.item ? [
 			"image/jpeg",
 			"image/png",
 			"image/webp",
 			"image/gif"
-		].includes(r.item.mime_type) : !1), ce = h(() => N.value === "original" ? F.value : ke[N.value]), le = h(() => I.value ? Ne(I.value.width, I.value.height, ne.value, re.value) : null);
+		].includes(r.item.mime_type) : !1), ce = h(() => N.value === "original" ? P.value : ke[N.value]), le = h(() => F.value ? Ne(F.value.width, F.value.height, ne.value, re.value) : null);
 		ee(() => r.visible, (e) => {
-			e && r.item && (A.value = r.item.filename, M.value = r.item.alt_text || "", N.value = "free", ne.value = void 0, re.value = void 0, P.value = "", ie.value = "", F.value = void 0, I.value = null, ae.value = !1, oe.value = !1, r.item.width && r.item.height && (F.value = r.item.width / r.item.height));
+			e && r.item && (A.value = r.item.filename, M.value = r.item.alt_text || "", N.value = "free", ne.value = void 0, re.value = void 0, ie.value = "", ae.value = "", P.value = void 0, F.value = null, I.value = !1, oe.value = !1, r.item.width && r.item.height && (P.value = r.item.width / r.item.height));
 		});
 		function ue(e) {
-			e.coordinates && (I.value = {
+			e.coordinates && (F.value = {
 				width: Math.round(e.coordinates.width),
 				height: Math.round(e.coordinates.height)
 			}, oe.value = !0);
 		}
 		function de() {
-			ae.value = !0, !F.value && r.item?.width && r.item?.height && (F.value = r.item.width / r.item.height);
+			I.value = !0, !P.value && r.item?.width && r.item?.height && (P.value = r.item.width / r.item.height);
 		}
 		function R(e) {
 			let t = e.target.value;
-			P.value = t, ne.value = t && parseInt(t, 10) || void 0;
+			ie.value = t, ne.value = t && parseInt(t, 10) || void 0;
 		}
 		function fe(e) {
 			let t = e.target.value;
-			ie.value = t, re.value = t && parseInt(t, 10) || void 0;
+			ae.value = t, re.value = t && parseInt(t, 10) || void 0;
 		}
 		async function pe() {
 			let e = A.value.trim();
@@ -4232,7 +4232,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 							onClick: (t) => N.value = e
 						}, p(v(T)[`crop${e.charAt(0).toUpperCase()}${e.slice(1)}`]), 13, In)), 64))])]),
 						w("div", Ln, [w("div", Rn, [w("label", zn, [k(p(v(a).mediaLibrary.cropMaxWidth) + " ", 1), w("span", Bn, p(v(a).mediaLibrary.cropOptional), 1)]), w("div", Vn, [w("input", {
-							value: P.value,
+							value: ie.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",
@@ -4241,10 +4241,10 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 								"background-color": "var(--tpl-bg)",
 								color: "var(--tpl-text)"
 							},
-							placeholder: I.value?.width?.toString() || "",
+							placeholder: F.value?.width?.toString() || "",
 							onInput: R
 						}, null, 40, Hn), w("span", Un, p(v(a).mediaLibrary.cropPixels), 1)])]), w("div", Wn, [w("label", Gn, [k(p(v(a).mediaLibrary.cropMaxHeight) + " ", 1), w("span", Kn, p(v(a).mediaLibrary.cropOptional), 1)]), w("div", qn, [w("input", {
-							value: ie.value,
+							value: ae.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",
@@ -4253,7 +4253,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 								"background-color": "var(--tpl-bg)",
 								color: "var(--tpl-text)"
 							},
-							placeholder: I.value?.height?.toString() || "",
+							placeholder: F.value?.height?.toString() || "",
 							onInput: fe
 						}, null, 40, Jn), w("span", Yn, p(v(a).mediaLibrary.cropPixels), 1)])])]),
 						le.value ? (o(), g("div", Xn, [w("span", null, p(v(a).mediaLibrary.cropOutputSize) + ": ", 1), w("span", Zn, p(le.value.width) + " x " + p(le.value.height) + " " + p(v(a).mediaLibrary.cropPixels), 1)])) : _("", !0)
@@ -4333,14 +4333,14 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 		function re() {
 			u.value = !0, m.value = i.folder.name;
 		}
-		function P() {
+		function ie() {
 			let e = m.value.trim();
 			e && e !== i.folder.name && a("renameFolder", i.folder.id, e), u.value = !1, m.value = "";
 		}
-		function F() {
+		function P() {
 			u.value = !1, m.value = "";
 		}
-		function ae() {
+		function I() {
 			x.value = !0, T.value = "", l.value = !0;
 		}
 		function L() {
@@ -4371,7 +4371,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 				w("button", {
 					class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-1.5",
 					onClick: i[0] ||= (t) => a("navigate", e.folder.id)
-				}, [j(v(xe), {
+				}, [j(v(me), {
 					class: "tpl:shrink-0",
 					size: 14,
 					"stroke-width": 1.5
@@ -4387,8 +4387,8 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 						color: "var(--tpl-text)"
 					},
 					autofocus: "",
-					onKeydown: [f(P, ["enter"]), f(F, ["escape"])],
-					onBlur: P,
+					onKeydown: [f(ie, ["enter"]), f(P, ["escape"])],
+					onBlur: ie,
 					onClick: i[2] ||= y(() => {}, ["stop"])
 				}, null, 544)), [[S, m.value]]) : _("", !0),
 				u.value ? _("", !0) : (o(), g("span", lr, [
@@ -4396,8 +4396,8 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 						key: 0,
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 						title: v(s).mediaLibrary.addSubfolder,
-						onClick: y(ae, ["stop"])
-					}, [j(v(me), {
+						onClick: y(I, ["stop"])
+					}, [j(v(ge), {
 						size: 12,
 						"stroke-width": 2
 					})], 8, ur)) : _("", !0),
@@ -4405,14 +4405,14 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 						title: v(s).mediaLibrary.renameFolder,
 						onClick: y(re, ["stop"])
-					}, [j(v(I), {
+					}, [j(v(F), {
 						size: 12,
 						"stroke-width": 2
 					})], 8, dr),
 					w("button", {
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 						onClick: i[3] ||= y((t) => a("deleteFolder", e.folder.id), ["stop"])
-					}, [j(v(ie), {
+					}, [j(v(ae), {
 						size: 12,
 						"stroke-width": 2,
 						style: { color: "var(--tpl-danger)" }
@@ -4488,7 +4488,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 					color: e.viewMode === "files" && e.currentFolderId === null ? "var(--tpl-primary)" : "var(--tpl-text)"
 				}),
 				onClick: d[0] ||= (e) => r("navigate", null)
-			}, [j(v(ge), {
+			}, [j(v(be), {
 				size: 14,
 				"stroke-width": 1.5
 			}), k(" " + p(v(i).mediaLibrary.allFiles), 1)], 4),
@@ -4521,7 +4521,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 				class: "tpl:flex tpl:w-full tpl:items-center tpl:gap-2 tpl:px-3 tpl:py-2 tpl:text-left tpl:text-xs tpl:transition-all tpl:duration-150",
 				style: { color: "var(--tpl-text-muted)" },
 				onClick: l
-			}, [j(v(me), {
+			}, [j(v(ge), {
 				size: 14,
 				"stroke-width": 1.5
 			}), k(" " + p(v(i).mediaLibrary.newFolder), 1)])),
@@ -4535,7 +4535,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 					color: e.viewMode === "frequently-used" ? "var(--tpl-primary)" : "var(--tpl-text)"
 				}),
 				onClick: d[6] ||= (e) => r("showFrequentlyUsed")
-			}, [j(v(be), {
+			}, [j(v(ye), {
 				size: 14,
 				"stroke-width": 1.5
 			}), k(" " + p(v(i).mediaLibrary.frequentlyUsed), 1)], 4)) : _("", !0)
@@ -4752,7 +4752,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 }, Yr = {
 	key: 4,
 	class: "tpl:flex tpl:justify-center tpl:py-4"
-}, Xr = /* @__PURE__ */ le(/* @__PURE__ */ A({
+}, Xr = /* @__PURE__ */ ce(/* @__PURE__ */ A({
 	__name: "MediaGrid",
 	props: {
 		items: {},
@@ -4778,7 +4778,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 			r("select", e);
 		}
 		let { t: u } = z(), f = d(null);
-		L(f, ([{ isIntersecting: e }]) => {
+		ue(f, ([{ isIntersecting: e }]) => {
 			e && n.hasMore && !n.isLoading && r("loadMore");
 		}, { threshold: .1 });
 		function m(e) {
@@ -4799,7 +4799,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 				key: t,
 				class: C(["tpl-pulse tpl:rounded-lg", e.layout === "list" ? "tpl:h-12" : "tpl:aspect-square"]),
 				style: { "background-color": "var(--tpl-bg-hover)" }
-			}, null, 2)), 64))], 2)) : e.items.length === 0 ? (o(), g("div", Cr, [j(v(ge), {
+			}, null, 2)), 64))], 2)) : e.items.length === 0 ? (o(), g("div", Cr, [j(v(be), {
 				class: "tpl:mb-3",
 				size: 40,
 				"stroke-width": 1,
@@ -4823,7 +4823,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 					style: { color: "var(--tpl-text-muted)" },
 					title: v(u).mediaLibrary.editFile,
 					onClick: y((e) => r("edit", t), ["stop"])
-				}, [j(v(I), {
+				}, [j(v(F), {
 					size: 12,
 					"stroke-width": 2
 				})], 8, Kr), w("button", {
@@ -4831,7 +4831,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 					style: { color: "var(--tpl-text-muted)" },
 					title: v(u).mediaLibrary.replaceFile,
 					onClick: y((e) => r("replace", t), ["stop"])
-				}, [j(v(oe), {
+				}, [j(v(L), {
 					size: 12,
 					"stroke-width": 2
 				})], 8, qr)]),
@@ -4868,7 +4868,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 					style: { "background-color": "rgba(0, 0, 0, 0.6)" },
 					title: v(u).mediaLibrary.editFile,
 					onClick: y((e) => r("edit", t), ["stop"])
-				}, [j(v(I), {
+				}, [j(v(F), {
 					size: 11,
 					"stroke-width": 2
 				})], 8, Pr), w("button", {
@@ -4876,7 +4876,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 					style: { "background-color": "rgba(0, 0, 0, 0.6)" },
 					title: v(u).mediaLibrary.replaceFile,
 					onClick: y((e) => r("replace", t), ["stop"])
-				}, [j(v(oe), {
+				}, [j(v(L), {
 					size: 11,
 					"stroke-width": 2
 				})], 8, Fr)]),
@@ -5010,7 +5010,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 			}), r.children?.length && n.push(...a(r.children, t + 1));
 			return n;
 		}
-		return ae(i, () => {
+		return ne(i, () => {
 			n("close");
 		}), (t, s) => (o(), g("div", {
 			ref_key: "pickerRef",
@@ -5025,7 +5025,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 			class: "tpl:flex tpl:w-full tpl:items-center tpl:gap-1.5 tpl:px-3 tpl:py-1.5 tpl:text-left tpl:text-xs tpl:transition-colors tpl:duration-100",
 			style: { color: "var(--tpl-text)" },
 			onClick: s[0] ||= (e) => n("select", null)
-		}, [j(v(ge), {
+		}, [j(v(be), {
 			class: "tpl:shrink-0",
 			size: 14,
 			"stroke-width": 1.5
@@ -5040,7 +5040,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 			disabled: t.id === e.currentFolderId,
 			onClick: (e) => n("select", t.id)
 		}, [
-			j(v(xe), {
+			j(v(me), {
 				class: "tpl:shrink-0",
 				size: 14,
 				"stroke-width": 1.5
@@ -5065,7 +5065,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 }, xi = {
 	class: "tpl:block tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, Si = ["value"], Ci = ["value"], wi = /* @__PURE__ */ le(/* @__PURE__ */ A({
+}, Si = ["value"], Ci = ["value"], wi = /* @__PURE__ */ ce(/* @__PURE__ */ A({
 	__name: "MediaPreviewPanel",
 	props: {
 		item: {},
@@ -5151,7 +5151,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 					y.value && e.item.width && e.item.height ? (o(), g(O, { key: 0 }, [k(" · " + p(e.item.width) + "×" + p(e.item.height) + "px ", 1)], 64)) : _("", !0),
 					m.value ? (o(), g(O, { key: 1 }, [
 						n[0] ||= k(" · ", -1),
-						j(v(xe), {
+						j(v(me), {
 							class: "tpl:mb-px tpl:inline",
 							size: 9,
 							"stroke-width": 2
@@ -5318,9 +5318,9 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 			let t = u(e);
 			t.length && n("upload", t);
 		}
-		let { isOverDropZone: m } = se(l, { onDrop: (e) => {
+		let { isOverDropZone: m } = le(l, { onDrop: (e) => {
 			e?.length && f(e);
-		} }), { open: h, onChange: _ } = P({
+		} }), { open: h, onChange: _ } = I({
 			accept: s.value,
 			multiple: !0
 		});
@@ -5344,7 +5344,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 			current: e.uploadProgress.current,
 			total: e.uploadProgress.total
 		}) : v(r).mediaLibrary.uploading), 1)])) : (o(), g(O, { key: 1 }, [
-			j(v(ce), {
+			j(v(se), {
 				class: "tpl:mb-2",
 				size: 24,
 				"stroke-width": 1.5,
@@ -5475,13 +5475,13 @@ function Xi(e) {
 	}), ee(() => t.previewItem.value?.id, () => {
 		c.value = "original";
 	});
-	let b = F((e) => {
+	let b = P((e) => {
 		t.search(e);
 	}, 300);
 	function x(e) {
 		s.value = e, b(e);
 	}
-	let { copy: S, copied: C } = ne({
+	let { copy: S, copied: C } = oe({
 		copiedDuring: 2e3,
 		legacy: !0
 	});
@@ -5518,10 +5518,10 @@ function Xi(e) {
 	function N(e) {
 		t.checkUsageBeforeReplace(e);
 	}
-	async function re(e) {
+	async function ne(e) {
 		await t.replaceFile(e);
 	}
-	function P() {
+	function re() {
 		t.clearSelection(), t.cancelDelete(), t.cancelReplace(), s.value = "", t.categoryFilter.value = null, t.sortOption.value = "newest", t.viewMode.value = "files", l.value = null, u.value = !1, c.value = "original";
 	}
 	return {
@@ -5551,8 +5551,8 @@ function Xi(e) {
 		handleMoveToFolder: M,
 		handleDeleteClick: te,
 		handleReplaceItem: N,
-		handleReplaceFile: re,
-		resetUI: P
+		handleReplaceFile: ne,
+		resetUI: re
 	};
 }
 //#endregion
@@ -5634,7 +5634,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 	setup(e, { emit: t }) {
 		let n = e, r = t, { t: i } = z(), a = l("tplUiTheme");
 		s(Pe, D(() => n.popoverTarget ?? null));
-		let d = l("authManager"), f = l("projectId"), S = h(() => f.value), T = l("planConfig"), A = h(() => T.hasFeature("media_folders")), te = h(() => T.hasFeature("import_from_url")), N = h(() => T.config.value?.storage.used_bytes ?? 0), ne = h(() => T.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: P, availableCategories: ie } = Oe(), F = Ce({
+		let d = l("authManager"), f = l("projectId"), S = h(() => f.value), T = l("planConfig"), A = h(() => T.hasFeature("media_folders")), te = h(() => T.hasFeature("import_from_url")), N = h(() => T.config.value?.storage.used_bytes ?? 0), ne = h(() => T.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: ae, availableCategories: P } = Oe(), F = Ce({
 			projectId: S.value,
 			authManager: d
 		}), I = Xi({
@@ -5645,15 +5645,15 @@ var Zi = ["data-tpl-theme"], Qi = {
 		ee(() => n.visible, (e) => {
 			e ? (F.loadItems(), F.loadFrequentlyUsed()) : I.resetUI();
 		});
-		function ae(e) {
+		function L(e) {
 			e.key === "Escape" && r("close");
 		}
-		ue(document, "keydown", ae);
-		function L() {
-			return F.previewItem.value ? n.accept?.length ? P(F.previewItem.value.mime_type, n.accept) : !0 : !1;
-		}
+		ie(document, "keydown", L);
 		function oe() {
-			if (L()) {
+			return F.previewItem.value ? n.accept?.length ? ae(F.previewItem.value.mime_type, n.accept) : !0 : !1;
+		}
+		function se() {
+			if (oe()) {
 				let e = F.previewItem.value;
 				r("select", {
 					...e,
@@ -5692,7 +5692,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 						},
 						placeholder: v(i).mediaLibrary.searchPlaceholder,
 						onInput: n[0] ||= (e) => v(I).handleSearchInput(e.target.value)
-					}, null, 40, ra), j(v(ye), {
+					}, null, 40, ra), j(v(xe), {
 						class: "tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2",
 						size: 13,
 						"stroke-width": 2,
@@ -5748,7 +5748,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 						}),
 						title: v(I).showSidebar.value ? v(i).mediaLibrary.hideFolders : v(i).mediaLibrary.showFolders,
 						onClick: n[2] ||= (e) => v(I).showSidebar.value = !v(I).showSidebar.value
-					}, [j(v(pe), {
+					}, [j(v(ve), {
 						size: 16,
 						"stroke-width": 2
 					})], 12, la)) : _("", !0),
@@ -5770,7 +5770,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 						}),
 						title: v(i).mediaLibrary.viewGrid,
 						onClick: n[3] ||= (e) => v(I).layoutMode.value = "grid"
-					}, [j(v(he), {
+					}, [j(v(_e), {
 						size: 14,
 						"stroke-width": 2
 					})], 12, fa), w("button", {
@@ -5781,11 +5781,11 @@ var Zi = ["data-tpl-theme"], Qi = {
 						}),
 						title: v(i).mediaLibrary.viewList,
 						onClick: n[4] ||= (e) => v(I).layoutMode.value = "list"
-					}, [j(v(_e), {
+					}, [j(v(he), {
 						size: 14,
 						"stroke-width": 2
 					})], 12, pa)])
-				]), w("div", ma, [v(ie).length > 1 ? (o(), g("select", {
+				]), w("div", ma, [v(P).length > 1 ? (o(), g("select", {
 					key: 0,
 					class: "tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-7 tpl:pl-2.5 tpl:text-xs tpl:transition-all tpl:duration-150 tpl:outline-none",
 					style: {
@@ -5795,7 +5795,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 					},
 					value: v(F).categoryFilter.value ?? "",
 					onChange: n[5] ||= (e) => v(F).filterByCategory(e.target.value || null)
-				}, [w("option", ga, p(v(i).mediaLibrary.filterAll), 1), (o(!0), g(O, null, c(v(ie), (e) => (o(), g("option", {
+				}, [w("option", ga, p(v(i).mediaLibrary.filterAll), 1), (o(!0), g(O, null, c(v(P), (e) => (o(), g("option", {
 					key: e,
 					value: e
 				}, p(v(I).getCategoryLabel(e)), 9, _a))), 128))], 40, ha)) : _("", !0), w("select", {
@@ -5831,7 +5831,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 						"background-color": "var(--tpl-bg)"
 					},
 					onClick: n[7] ||= (e) => v(I).showImportUrlModal.value = !0
-				}, [j(v(ve), {
+				}, [j(v(pe), {
 					size: 14,
 					"stroke-width": 2
 				}), k(" " + p(v(i).mediaLibrary.importFromUrl), 1)])) : _("", !0)])) : _("", !0), j(Xr, {
@@ -6007,8 +6007,8 @@ var Zi = ["data-tpl-theme"], Qi = {
 						"background-color": "var(--tpl-primary)",
 						color: "var(--tpl-bg)"
 					},
-					disabled: !L(),
-					onClick: oe
+					disabled: !oe(),
+					onClick: se
 				}, p(e.accept?.length ? v(i).mediaLibrary.selectImage : v(i).mediaLibrary.selectFile), 9, Ba)])])])
 			])], 8, Zi)) : _("", !0)]),
 			_: 1
@@ -6018,4 +6018,4 @@ var Zi = ["data-tpl-theme"], Qi = {
 //#endregion
 export { zi as a, ci as c, or as d, Oe as f, Se as g, Ce as h, Wi as i, Xr as l, z as m, Xi as n, wi as o, De as p, Yi as r, pi as s, Va as t, yr as u };
 
-//# sourceMappingURL=media-library-CO2WOETY.js.map
+//# sourceMappingURL=media-library-BRpHZOl7.js.map