@templatical/editor 0.19.0 → 0.20.0

package/dist/cdn/chunks/{media-library-DpSMwHd4.js → media-library-yYAkAagU.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-D840DIZB.js";
-import { Cn as te, Mt as ne, Ot as M, Pt as N, St as P, T as F, _n as re, bn as I, ft as L, gn as ie, lt as ae, st as oe, ut as se, vn as ce, vt as le, w as R, xn as ue, yn as de, yt as fe } from "./features-Cnfv4QAY.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-DbcM69bb.js";
+import { Mt as te, Ot as ne, Pt as M, Sn as N, St as P, T as F, _n as re, bn as ie, ft as I, lt as ae, st as L, ut as oe, vn as se, vt as ce, w as R, wn as le, xn as ue, yn as de, yt as fe } from "./features-CLIZ7Q-Y.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-GX40Qm2W.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 M() {
-		a.value = "frequently-used", i.value = null, o.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await L();
+		a.value = "frequently-used", i.value = null, o.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await I();
 	}
 	async function N(r) {
 		u.value = !0;
@@ -270,21 +270,21 @@ function Ce(e) {
 			e.onError?.(t);
 		}
 	}
-	async function I() {
+	async function ie() {
 		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 L() {
+	async function I() {
 		try {
 			_.value = await t.getFrequentlyUsed();
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	async function ie() {
+	async function ae() {
 		if (h.value.size === 0) return !1;
 		b.value = [...h.value];
 		try {
@@ -296,7 +296,7 @@ function Ce(e) {
 			return e.onError?.(t), !1;
 		}
 	}
-	async function ae() {
+	async function L() {
 		if (y.value = !1, b.value.length !== 0) try {
 			await t.deleteMedia(b.value), n.value = n.value.filter((e) => !b.value.includes(e.id)), _.value = _.value.filter((e) => !b.value.includes(e.id)), h.value = /* @__PURE__ */ new Set(), g.value = null, b.value = [], v.value = {};
 		} catch (t) {
@@ -321,10 +321,10 @@ function Ce(e) {
 		let t = new Set(h.value);
 		t.has(e) ? t.delete(e) : t.add(e), h.value = t;
 	}
-	function le() {
+	function R() {
 		h.value = /* @__PURE__ */ new Set(), g.value = null;
 	}
-	function R(e) {
+	function le(e) {
 		g.value = e, h.value = /* @__PURE__ */ new Set([e.id]);
 	}
 	async function ue() {
@@ -427,21 +427,21 @@ function Ce(e) {
 		uploadFiles: P,
 		moveSelected: F,
 		updateFile: re,
-		deleteSelected: I,
+		deleteSelected: ie,
 		isImportingFromUrl: x,
 		importFromUrlError: S,
 		importFromUrl: se,
 		toggleSelection: ce,
-		clearSelection: le,
-		selectItem: R,
+		clearSelection: R,
+		selectItem: le,
 		loadFolders: ue,
 		createFolder: de,
 		renameFolder: pe,
 		deleteFolder: me,
 		findFolderInTree: fe,
-		loadFrequentlyUsed: L,
-		checkUsageBeforeDelete: ie,
-		confirmDelete: ae,
+		loadFrequentlyUsed: I,
+		checkUsageBeforeDelete: ae,
+		confirmDelete: L,
 		cancelDelete: oe,
 		isReplacing: C,
 		replaceError: w,
@@ -499,7 +499,7 @@ var we = {
 			class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
 			style: { color: "var(--tpl-primary)" },
 			onClick: t[0] ||= (e) => r("navigate", null)
-		}, p(v(i).mediaLibrary.allFiles), 1), (o(!0), g(O, null, c(a.value, (e, t) => (o(), g(O, { key: e.id }, [j(v(ne), {
+		}, p(v(i).mediaLibrary.allFiles), 1), (o(!0), g(O, null, c(a.value, (e, t) => (o(), g(O, { key: e.id }, [j(v(te), {
 			size: 12,
 			"stroke-width": 2
 		}), t < a.value.length - 1 ? (o(), g("button", {
@@ -4132,7 +4132,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__*/ oe(/* @__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__*/ L(/* @__PURE__ */ A({
 	__name: "MediaEditModal",
 	props: {
 		visible: { type: Boolean },
@@ -4140,23 +4140,23 @@ 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(""), te = d(""), ne = d(null), M = d("free"), N = d(void 0), P = d(void 0), F = d(""), re = d(""), I = d(void 0), L = d(null), ie = d(!1), ae = 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(""), te = d(""), ne = d(null), M = d("free"), N = d(void 0), P = d(void 0), F = d(""), re = d(""), ie = d(void 0), I = d(null), ae = 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(() => M.value === "original" ? I.value : ke[M.value]), le = h(() => L.value ? Ne(L.value.width, L.value.height, N.value, P.value) : null);
+		].includes(r.item.mime_type) : !1), ce = h(() => M.value === "original" ? ie.value : ke[M.value]), R = h(() => I.value ? Ne(I.value.width, I.value.height, N.value, P.value) : null);
 		ee(() => r.visible, (e) => {
-			e && r.item && (A.value = r.item.filename, te.value = r.item.alt_text || "", M.value = "free", N.value = void 0, P.value = void 0, F.value = "", re.value = "", I.value = void 0, L.value = null, ie.value = !1, oe.value = !1, r.item.width && r.item.height && (I.value = r.item.width / r.item.height));
+			e && r.item && (A.value = r.item.filename, te.value = r.item.alt_text || "", M.value = "free", N.value = void 0, P.value = void 0, F.value = "", re.value = "", ie.value = void 0, I.value = null, ae.value = !1, oe.value = !1, r.item.width && r.item.height && (ie.value = r.item.width / r.item.height));
 		});
-		function R(e) {
-			e.coordinates && (L.value = {
+		function le(e) {
+			e.coordinates && (I.value = {
 				width: Math.round(e.coordinates.width),
 				height: Math.round(e.coordinates.height)
 			}, oe.value = !0);
 		}
 		function ue() {
-			ie.value = !0, !I.value && r.item?.width && r.item?.height && (I.value = r.item.width / r.item.height);
+			ae.value = !0, !ie.value && r.item?.width && r.item?.height && (ie.value = r.item.width / r.item.height);
 		}
 		function de(e) {
 			let t = e.target.value;
@@ -4168,10 +4168,10 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 		}
 		async function pe() {
 			let e = A.value.trim();
-			if (!e || !r.item || ae.value) return;
+			if (!e || !r.item || L.value) return;
 			let t = D(r.item.mime_type), n;
 			if (se.value && ne.value && oe.value) {
-				ae.value = !0;
+				L.value = !0;
 				try {
 					let { canvas: e } = ne.value.getResult();
 					if (e) {
@@ -4179,15 +4179,15 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 						n = { file: await Me(t, r.item.filename, i) };
 					}
 				} catch {
-					ae.value = !1;
+					L.value = !1;
 					return;
 				}
-				ae.value = !1;
+				L.value = !1;
 			}
 			i("save", r.item.id, e, t ? te.value : void 0, n), i("close");
 		}
 		function me(e) {
-			e.key === "Enter" && !ae.value && (e.preventDefault(), pe()), e.key === "Escape" && i("close");
+			e.key === "Enter" && !L.value && (e.preventDefault(), pe()), e.key === "Escape" && i("close");
 		}
 		return (t, r) => (o(), b(m, { to: v(f) || "body" }, [j(x, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
@@ -4217,7 +4217,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 						"stencil-props": { aspectRatio: ce.value },
 						class: "tpl:h-full tpl:w-full",
 						"background-class": "tpl-cropper-background",
-						onChange: R,
+						onChange: le,
 						onReady: ue
 					}, null, 8, ["src", "stencil-props"])]), w("div", Nn, [
 						w("div", null, [w("label", Pn, p(v(a).mediaLibrary.cropAspectRatio), 1), w("div", Fn, [(o(), g(O, null, c([
@@ -4247,7 +4247,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: L.value?.width?.toString() || "",
+							placeholder: I.value?.width?.toString() || "",
 							onInput: de
 						}, 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: re.value,
@@ -4259,10 +4259,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: L.value?.height?.toString() || "",
+							placeholder: I.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)
+						R.value ? (o(), g("div", Xn, [w("span", null, p(v(a).mediaLibrary.cropOutputSize) + ": ", 1), w("span", Zn, p(R.value.width) + " x " + p(R.value.height) + " " + p(v(a).mediaLibrary.cropPixels), 1)])) : _("", !0)
 					])])) : _("", !0),
 					w("div", Qn, [w("label", $n, p(v(a).mediaLibrary.fileName), 1), n(w("input", {
 						"onUpdate:modelValue": r[0] ||= (e) => A.value = e,
@@ -4298,9 +4298,9 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 				}, p(v(a).mediaLibrary.cancel), 1), w("button", {
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:text-white tpl:transition-all tpl:duration-150 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
 					style: { background: "linear-gradient(\n                  135deg,\n                  var(--tpl-primary),\n                  var(--tpl-primary-hover)\n                )" },
-					disabled: ae.value,
+					disabled: L.value,
 					onClick: pe
-				}, p(ae.value ? v(a).mediaLibrary.saving : v(a).mediaLibrary.saveChanges), 9, ar)])
+				}, p(L.value ? v(a).mediaLibrary.saving : v(a).mediaLibrary.saveChanges), 9, ar)])
 			], 2)], 40, Dn)) : _("", !0)]),
 			_: 1
 		})], 8, ["to"]));
@@ -4328,7 +4328,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 		"deleteFolder"
 	],
 	setup(e, { emit: t }) {
-		let i = e, a = t, { t: s } = z(), l = d(!1), u = d(!1), m = d(""), x = d(!1), T = d(""), D = h(() => (i.folder.children?.length ?? 0) > 0), k = h(() => i.depth < mr - 1), A = h(() => i.currentFolderId === i.folder.id), ee = h(() => !i.currentFolderId || !i.folder.children ? !1 : M(i.folder.children, i.currentFolderId)), te = h(() => l.value || ee.value);
+		let i = e, a = t, { t: s } = z(), l = d(!1), u = d(!1), m = d(""), x = d(!1), T = d(""), D = h(() => (i.folder.children?.length ?? 0) > 0), k = h(() => i.depth < mr - 1), A = h(() => i.currentFolderId === i.folder.id), ee = h(() => !i.currentFolderId || !i.folder.children ? !1 : M(i.folder.children, i.currentFolderId)), ne = h(() => l.value || ee.value);
 		function M(e, t) {
 			for (let n of e) if (n.id === t || n.children && M(n.children, t)) return !0;
 			return !1;
@@ -4346,13 +4346,13 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 		function re() {
 			u.value = !1, m.value = "";
 		}
-		function I() {
+		function ie() {
 			x.value = !0, T.value = "", l.value = !0;
 		}
-		function ie() {
+		function ae() {
 			T.value.trim() && a("createFolder", T.value.trim(), i.folder.id), x.value = !1, T.value = "";
 		}
-		function ae() {
+		function L() {
 			x.value = !1, T.value = "";
 		}
 		return (t, i) => {
@@ -4369,8 +4369,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-4 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 					onClick: y(N, ["stop"])
-				}, [j(v(ne), {
-					class: C(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": te.value }]),
+				}, [j(v(te), {
+					class: C(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": ne.value }]),
 					size: 10,
 					"stroke-width": 2
 				}, null, 8, ["class"])])) : (o(), g("span", sr)),
@@ -4402,7 +4402,7 @@ 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(I, ["stop"])
+						onClick: y(ie, ["stop"])
 					}, [j(v(ge), {
 						size: 12,
 						"stroke-width": 2
@@ -4418,13 +4418,13 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 					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(L), {
+					}, [j(v(I), {
 						size: 12,
 						"stroke-width": 2,
 						style: { color: "var(--tpl-danger)" }
 					})])
 				]))
-			], 4), te.value ? (o(), g("div", fr, [(o(!0), g(O, null, c(e.folder.children, (t) => (o(), b(l, {
+			], 4), ne.value ? (o(), g("div", fr, [(o(!0), g(O, null, c(e.folder.children, (t) => (o(), b(l, {
 				key: t.id,
 				folder: t,
 				"current-folder-id": e.currentFolderId,
@@ -4452,8 +4452,8 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 				},
 				placeholder: v(s).mediaLibrary.subfolderName,
 				autofocus: "",
-				onKeydown: [f(ie, ["enter"]), f(ae, ["escape"])],
-				onBlur: ie
+				onKeydown: [f(ae, ["enter"]), f(L, ["escape"])],
+				onBlur: ae
 			}, null, 40, pr), [[S, T.value]])], 4)) : _("", !0)])) : _("", !0)]);
 		};
 	}
@@ -4758,7 +4758,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__*/ oe(/* @__PURE__ */ A({
+}, Xr = /*#__PURE__*/ L(/* @__PURE__ */ A({
 	__name: "MediaGrid",
 	props: {
 		items: {},
@@ -4784,7 +4784,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);
-		ue(f, ([{ isIntersecting: e }]) => {
+		N(f, ([{ isIntersecting: e }]) => {
 			e && n.hasMore && !n.isLoading && r("loadMore");
 		}, { threshold: .1 });
 		function m(e) {
@@ -4837,11 +4837,11 @@ 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(le), {
+				}, [j(v(ce), {
 					size: 12,
 					"stroke-width": 2
 				})], 8, qr)]),
-				e.selectedIds.has(t.id) ? (o(), g("div", Jr, [j(v(N), {
+				e.selectedIds.has(t.id) ? (o(), g("div", Jr, [j(v(M), {
 					size: 12,
 					"stroke-width": 3
 				})])) : _("", !0)
@@ -4882,11 +4882,11 @@ 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(le), {
+				}, [j(v(ce), {
 					size: 11,
 					"stroke-width": 2
 				})], 8, Fr)]),
-				e.selectedIds.has(t.id) ? (o(), g("div", Ir, [j(v(N), {
+				e.selectedIds.has(t.id) ? (o(), g("div", Ir, [j(v(M), {
 					size: 12,
 					"stroke-width": 3
 				})])) : _("", !0)
@@ -5016,7 +5016,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 ie(i, () => {
+		return re(i, () => {
 			n("close");
 		}), (t, s) => (o(), g("div", {
 			ref_key: "pickerRef",
@@ -5071,7 +5071,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__*/ oe(/* @__PURE__ */ A({
+}, Si = ["value"], Ci = ["value"], wi = /*#__PURE__*/ L(/* @__PURE__ */ A({
 	__name: "MediaPreviewPanel",
 	props: {
 		item: {},
@@ -5324,9 +5324,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 } = ce(l, { onDrop: (e) => {
+		let { isOverDropZone: m } = de(l, { onDrop: (e) => {
 			e?.length && f(e);
-		} }), { open: h, onChange: _ } = I({
+		} }), { open: h, onChange: _ } = ue({
 			accept: s.value,
 			multiple: !0
 		});
@@ -5350,7 +5350,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(se), {
+			j(v(oe), {
 				class: "tpl:mb-2",
 				size: 24,
 				"stroke-width": 1.5,
@@ -5481,13 +5481,13 @@ function Xi(e) {
 	}), ee(() => t.previewItem.value?.id, () => {
 		c.value = "original";
 	});
-	let b = te((e) => {
+	let b = le((e) => {
 		t.search(e);
 	}, 300);
 	function x(e) {
 		s.value = e, b(e);
 	}
-	let { copy: S, copied: C } = re({
+	let { copy: S, copied: C } = se({
 		copiedDuring: 2e3,
 		legacy: !0
 	});
@@ -5515,19 +5515,19 @@ function Xi(e) {
 	async function j(e) {
 		await t.importFromUrl(e) && (u.value = !1);
 	}
-	async function ne(e) {
+	async function te(e) {
 		f.value = !1, await t.moveSelected(e);
 	}
-	async function M() {
+	async function ne() {
 		await t.checkUsageBeforeDelete();
 	}
-	function N(e) {
+	function M(e) {
 		t.checkUsageBeforeReplace(e);
 	}
-	async function P(e) {
+	async function N(e) {
 		await t.replaceFile(e);
 	}
-	function F() {
+	function P() {
 		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 {
@@ -5554,11 +5554,11 @@ function Xi(e) {
 		handleEditItem: k,
 		handleEditSave: A,
 		handleImportFromUrl: j,
-		handleMoveToFolder: ne,
-		handleDeleteClick: M,
-		handleReplaceItem: N,
-		handleReplaceFile: P,
-		resetUI: F
+		handleMoveToFolder: te,
+		handleDeleteClick: ne,
+		handleReplaceItem: M,
+		handleReplaceFile: N,
+		resetUI: P
 	};
 }
 //#endregion
@@ -5640,7 +5640,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")), ne = h(() => T.config.value?.storage.used_bytes ?? 0), P = h(() => T.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: F, availableCategories: re } = Oe(), I = 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), P = h(() => T.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: F, availableCategories: re } = Oe(), I = Ce({
 			projectId: S.value,
 			authManager: d
 		}), L = Xi({
@@ -5651,15 +5651,15 @@ var Zi = ["data-tpl-theme"], Qi = {
 		ee(() => n.visible, (e) => {
 			e ? (I.loadItems(), I.loadFrequentlyUsed()) : L.resetUI();
 		});
-		function ie(e) {
+		function oe(e) {
 			e.key === "Escape" && r("close");
 		}
-		de(document, "keydown", ie);
-		function oe() {
+		ie(document, "keydown", oe);
+		function se() {
 			return I.previewItem.value ? !n.accept?.length || F(I.previewItem.value.mime_type, n.accept) : !1;
 		}
-		function se() {
-			if (oe()) {
+		function ce() {
+			if (se()) {
 				let e = I.previewItem.value;
 				r("select", {
 					...e,
@@ -5683,7 +5683,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 			}, [w("div", Qi, [
 				w("div", $i, [w("h2", ea, p(v(i).mediaLibrary.title), 1), w("div", ta, [
 					j(Yi, {
-						"used-bytes": ne.value,
+						"used-bytes": N.value,
 						"limit-bytes": P.value,
 						size: 22
 					}, null, 8, ["used-bytes", "limit-bytes"]),
@@ -5972,11 +5972,11 @@ var Zi = ["data-tpl-theme"], Qi = {
 						backgroundColor: "var(--tpl-bg)"
 					}),
 					onClick: n[14] ||= (e) => v(L).copy(v(L).selectedUrl.value)
-				}, [v(L).copied.value ? (o(), b(v(N), {
+				}, [v(L).copied.value ? (o(), b(v(M), {
 					key: 1,
 					size: 12,
 					"stroke-width": 2
-				})) : (o(), b(v(M), {
+				})) : (o(), b(v(ne), {
 					key: 0,
 					size: 12,
 					"stroke-width": 2
@@ -6013,8 +6013,8 @@ var Zi = ["data-tpl-theme"], Qi = {
 						"background-color": "var(--tpl-primary)",
 						color: "var(--tpl-bg)"
 					},
-					disabled: !oe(),
-					onClick: se
+					disabled: !se(),
+					onClick: ce
 				}, p(e.accept?.length ? v(i).mediaLibrary.selectImage : v(i).mediaLibrary.selectFile), 9, Ba)])])])
 			])], 8, Zi)) : _("", !0)]),
 			_: 1
@@ -6024,4 +6024,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-DpSMwHd4.js.map
+//# sourceMappingURL=media-library-yYAkAagU.js.map