@templatical/editor 0.7.1 → 0.7.3

package/dist/cdn/chunks/{media-library-BzT7BoGU.js → media-library-BERe10wA.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-P6QWzy4g.js";
-import { Ct as te, D as M, Dt as N, E as P, _t as F, an as ne, at as re, cn as I, in as L, it as ie, kt as R, mt as ae, nn as oe, nt as se, on as ce, pt as le, rn as ue, sn as de, st as fe } from "./features-DzIN-Nua.js";
-import { A as pe, B as me, E as he, K as ge, R as _e, W as ve, b as ye, m as be, q as xe } from "./icons-Nvr6w13E.js";
+import { At as M, D as N, E as P, Ot as F, an as te, at as ne, cn as re, ct as I, ht as L, in as ie, ln as R, mt as ae, on as oe, ot as se, rn as ce, rt as le, sn as ue, vt as de, wt as fe } from "./features-CXF_YKlL.js";
+import { A as pe, B as me, E as he, K as ge, R as _e, W as ve, b as ye, m as be, q as xe } from "./icons-KbmhF7rg.js";
 //#region ../media-library/src/api-client.ts
 var Se = class {
 	constructor(e) {
@@ -36,7 +36,7 @@ var Se = class {
 	async browseMedia(e) {
 		let t = new URLSearchParams();
 		e.folder_id && t.set("folder_id", e.folder_id), e.search && t.set("search", e.search), e.category && t.set("category", e.category), e.sort && t.set("sort", e.sort), e.cursor && t.set("cursor", e.cursor);
-		let n = t.toString(), r = `${M(P["media.browse"], this.baseParams)}${n ? `?${n}` : ""}`, i = await this.authManager.authenticatedFetch(r, { headers: { Accept: "application/json" } });
+		let n = t.toString(), r = `${N(P["media.browse"], this.baseParams)}${n ? `?${n}` : ""}`, i = await this.authManager.authenticatedFetch(r, { headers: { Accept: "application/json" } });
 		if (!i.ok) {
 			let e = await i.json().catch(() => ({ message: `HTTP error ${i.status}` }));
 			throw Error(e.message, { cause: e });
@@ -46,7 +46,7 @@ var Se = class {
 	async uploadMedia(e, t) {
 		let n = new FormData();
 		n.append("file", e), t && n.append("folder_id", t);
-		let r = M(P["media.upload"], this.baseParams), i = await this.authManager.authenticatedFetch(r, {
+		let r = N(P["media.upload"], this.baseParams), i = await this.authManager.authenticatedFetch(r, {
 			method: "POST",
 			headers: { Accept: "application/json" },
 			body: n
@@ -58,7 +58,7 @@ var Se = class {
 		return (await i.json()).data;
 	}
 	async updateMedia(e, t, n) {
-		return this.request(M(P["media.update"], {
+		return this.request(N(P["media.update"], {
 			...this.baseParams,
 			media: e
 		}), {
@@ -70,13 +70,13 @@ var Se = class {
 		});
 	}
 	async deleteMedia(e) {
-		return this.request(M(P["media.delete"], this.baseParams), {
+		return this.request(N(P["media.delete"], this.baseParams), {
 			method: "POST",
 			body: JSON.stringify({ ids: e })
 		});
 	}
 	async moveMedia(e, t) {
-		return this.request(M(P["media.move"], this.baseParams), {
+		return this.request(N(P["media.move"], this.baseParams), {
 			method: "POST",
 			body: JSON.stringify({
 				ids: e,
@@ -85,10 +85,10 @@ var Se = class {
 		});
 	}
 	async getMediaFolders() {
-		return this.request(M(P["folders.index"], this.baseParams));
+		return this.request(N(P["folders.index"], this.baseParams));
 	}
 	async createMediaFolder(e, t) {
-		return this.request(M(P["folders.store"], this.baseParams), {
+		return this.request(N(P["folders.store"], this.baseParams), {
 			method: "POST",
 			body: JSON.stringify({
 				name: e,
@@ -97,7 +97,7 @@ var Se = class {
 		});
 	}
 	async renameMediaFolder(e, t) {
-		return this.request(M(P["folders.update"], {
+		return this.request(N(P["folders.update"], {
 			...this.baseParams,
 			mediaFolder: e
 		}), {
@@ -106,13 +106,13 @@ var Se = class {
 		});
 	}
 	async deleteMediaFolder(e) {
-		return this.request(M(P["folders.destroy"], {
+		return this.request(N(P["folders.destroy"], {
 			...this.baseParams,
 			mediaFolder: e
 		}), { method: "DELETE" });
 	}
 	async checkMediaUsage(e) {
-		let t = await this.authManager.authenticatedFetch(M(P["media.checkUsage"], this.baseParams), {
+		let t = await this.authManager.authenticatedFetch(N(P["media.checkUsage"], this.baseParams), {
 			method: "POST",
 			headers: {
 				"Content-Type": "application/json",
@@ -127,10 +127,10 @@ var Se = class {
 		return t.json();
 	}
 	async getFrequentlyUsed() {
-		return this.request(M(P["media.frequentlyUsed"], this.baseParams));
+		return this.request(N(P["media.frequentlyUsed"], this.baseParams));
 	}
 	async importFromUrl(e, t) {
-		return this.request(M(P["media.importFromUrl"], this.baseParams), {
+		return this.request(N(P["media.importFromUrl"], this.baseParams), {
 			method: "POST",
 			body: JSON.stringify({
 				url: e,
@@ -141,7 +141,7 @@ var Se = class {
 	async replaceMedia(e, t) {
 		let n = new FormData();
 		n.append("file", t);
-		let r = M(P["media.replace"], {
+		let r = N(P["media.replace"], {
 			...this.baseParams,
 			media: e
 		}), i = await this.authManager.authenticatedFetch(r, {
@@ -207,16 +207,16 @@ function Ce(e) {
 	async function ee(e) {
 		s.value = e, await k();
 	}
-	async function te(e) {
+	async function M(e) {
 		c.value = e, await k();
 	}
-	async function M(e) {
+	async function N(e) {
 		a.value = "files", i.value = e, o.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await k();
 	}
-	async function N() {
+	async function P() {
 		a.value = "frequently-used", i.value = null, o.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await L();
 	}
-	async function P(r) {
+	async function F(r) {
 		u.value = !0;
 		try {
 			let e = await t.uploadMedia(r, i.value);
@@ -227,7 +227,7 @@ function Ce(e) {
 			u.value = !1;
 		}
 	}
-	async function F(r) {
+	async function te(r) {
 		u.value = !0, m.value = {
 			current: 0,
 			total: r.length
@@ -417,11 +417,11 @@ function Ce(e) {
 		loadMore: A,
 		search: j,
 		filterByCategory: ee,
-		sortBy: te,
-		navigateToFolder: M,
-		showFrequentlyUsed: N,
-		uploadFile: P,
-		uploadFiles: F,
+		sortBy: M,
+		navigateToFolder: N,
+		showFrequentlyUsed: P,
+		uploadFile: F,
+		uploadFiles: te,
 		moveSelected: ne,
 		updateFile: re,
 		deleteSelected: I,
@@ -496,7 +496,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(N), {
+		}, p(v(i).mediaLibrary.allFiles), 1), (o(!0), g(O, null, c(a.value, (e, t) => (o(), g(O, { key: e.id }, [j(v(F), {
 			size: 12,
 			"stroke-width": 2
 		}), t < a.value.length - 1 ? (o(), g("button", {
@@ -4125,7 +4125,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__ */ se(/* @__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__ */ le(/* @__PURE__ */ A({
 	__name: "MediaEditModal",
 	props: {
 		visible: { type: Boolean },
@@ -4133,14 +4133,14 @@ 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(""), M = d(null), N = d("free"), P = d(void 0), F = d(void 0), ne = d(""), re = d(""), I = d(void 0), L = d(null), ie = d(!1), R = d(!1), ae = d(!1), oe = 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(""), N = d(null), P = d("free"), F = d(void 0), te = d(void 0), ne = d(""), re = d(""), I = d(void 0), L = d(null), ie = d(!1), R = d(!1), ae = d(!1), oe = h(() => r.item ? [
 			"image/jpeg",
 			"image/png",
 			"image/webp",
 			"image/gif"
-		].includes(r.item.mime_type) : !1), se = h(() => N.value === "original" ? I.value : ke[N.value]), ce = h(() => L.value ? Ne(L.value.width, L.value.height, P.value, F.value) : null);
+		].includes(r.item.mime_type) : !1), se = h(() => P.value === "original" ? I.value : ke[P.value]), ce = h(() => L.value ? Ne(L.value.width, L.value.height, F.value, te.value) : null);
 		ee(() => r.visible, (e) => {
-			e && r.item && (A.value = r.item.filename, te.value = r.item.alt_text || "", N.value = "free", P.value = void 0, F.value = void 0, ne.value = "", re.value = "", I.value = void 0, L.value = null, ie.value = !1, ae.value = !1, r.item.width && r.item.height && (I.value = r.item.width / r.item.height));
+			e && r.item && (A.value = r.item.filename, M.value = r.item.alt_text || "", P.value = "free", F.value = void 0, te.value = void 0, ne.value = "", re.value = "", I.value = void 0, L.value = null, ie.value = !1, ae.value = !1, r.item.width && r.item.height && (I.value = r.item.width / r.item.height));
 		});
 		function le(e) {
 			e.coordinates && (L.value = {
@@ -4153,22 +4153,22 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 		}
 		function de(e) {
 			let t = e.target.value;
-			ne.value = t, P.value = t && parseInt(t, 10) || void 0;
+			ne.value = t, F.value = t && parseInt(t, 10) || void 0;
 		}
 		function fe(e) {
 			let t = e.target.value;
-			re.value = t, F.value = t && parseInt(t, 10) || void 0;
+			re.value = t, te.value = t && parseInt(t, 10) || void 0;
 		}
 		async function pe() {
 			let e = A.value.trim();
 			if (!e || !r.item || R.value) return;
 			let t = D(r.item.mime_type), n;
-			if (oe.value && M.value && ae.value) {
+			if (oe.value && N.value && ae.value) {
 				R.value = !0;
 				try {
-					let { canvas: e } = M.value.getResult();
+					let { canvas: e } = N.value.getResult();
 					if (e) {
-						let t = je(e, P.value, F.value), i = Ae(r.item.mime_type);
+						let t = je(e, F.value, te.value), i = Ae(r.item.mime_type);
 						n = { file: await Me(t, r.item.filename, i) };
 					}
 				} catch {
@@ -4177,7 +4177,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 				}
 				R.value = !1;
 			}
-			i("save", r.item.id, e, t ? te.value : void 0, n), i("close");
+			i("save", r.item.id, e, t ? M.value : void 0, n), i("close");
 		}
 		function me(e) {
 			e.key === "Enter" && !R.value && (e.preventDefault(), pe()), e.key === "Escape" && i("close");
@@ -4205,7 +4205,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 				w("div", An, [
 					oe.value ? (o(), g("div", jn, [w("div", Mn, [j(v(wn), {
 						ref_key: "cropperRef",
-						ref: M,
+						ref: N,
 						src: e.item.url,
 						"stencil-props": { aspectRatio: se.value },
 						class: "tpl:h-full tpl:w-full",
@@ -4224,11 +4224,11 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 							type: "button",
 							class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-2.5 tpl:py-1 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
 							style: E({
-								borderColor: N.value === e ? "var(--tpl-primary)" : "var(--tpl-border)",
-								backgroundColor: N.value === e ? "var(--tpl-primary-light)" : "var(--tpl-bg)",
-								color: N.value === e ? "var(--tpl-primary)" : "var(--tpl-text)"
+								borderColor: P.value === e ? "var(--tpl-primary)" : "var(--tpl-border)",
+								backgroundColor: P.value === e ? "var(--tpl-primary-light)" : "var(--tpl-bg)",
+								color: P.value === e ? "var(--tpl-primary)" : "var(--tpl-text)"
 							}),
-							onClick: (t) => N.value = e
+							onClick: (t) => P.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: ne.value,
@@ -4269,7 +4269,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 						autofocus: !oe.value
 					}, null, 8, er), [[S, A.value]])]),
 					v(D)(e.item.mime_type) ? (o(), g("div", tr, [w("label", nr, p(v(a).mediaLibrary.altText), 1), n(w("input", {
-						"onUpdate:modelValue": r[1] ||= (e) => te.value = e,
+						"onUpdate:modelValue": r[1] ||= (e) => M.value = e,
 						type: "text",
 						class: "tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:outline-none",
 						style: {
@@ -4278,7 +4278,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 							color: "var(--tpl-text)"
 						},
 						placeholder: v(a).mediaLibrary.altTextPlaceholder
-					}, null, 8, rr), [[S, te.value]])])) : _("", !0)
+					}, null, 8, rr), [[S, M.value]])])) : _("", !0)
 				]),
 				w("div", ir, [w("button", {
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
@@ -4321,15 +4321,15 @@ 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);
-		function M(e, t) {
-			for (let n of e) if (n.id === t || n.children && M(n.children, t)) return !0;
+		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 : N(i.folder.children, i.currentFolderId)), M = h(() => l.value || ee.value);
+		function N(e, t) {
+			for (let n of e) if (n.id === t || n.children && N(n.children, t)) return !0;
 			return !1;
 		}
 		function P() {
 			l.value = !l.value;
 		}
-		function F() {
+		function te() {
 			u.value = !0, m.value = i.folder.name;
 		}
 		function ne() {
@@ -4339,13 +4339,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 L() {
+		function R() {
 			T.value.trim() && a("createFolder", T.value.trim(), i.folder.id), x.value = !1, T.value = "";
 		}
-		function ie() {
+		function ae() {
 			x.value = !1, T.value = "";
 		}
 		return (t, i) => {
@@ -4362,8 +4362,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(P, ["stop"])
-				}, [j(v(N), {
-					class: C(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": te.value }]),
+				}, [j(v(F), {
+					class: C(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": M.value }]),
 					size: 10,
 					"stroke-width": 2
 				}, null, 8, ["class"])])) : (o(), g("span", sr)),
@@ -4395,7 +4395,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(he), {
 						size: 12,
 						"stroke-width": 2
@@ -4403,21 +4403,21 @@ 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",
 						title: v(s).mediaLibrary.renameFolder,
-						onClick: y(F, ["stop"])
-					}, [j(v(ae), {
+						onClick: y(te, ["stop"])
+					}, [j(v(L), {
 						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(fe), {
+					}, [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), M.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,
@@ -4445,8 +4445,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(L, ["enter"]), f(ie, ["escape"])],
-				onBlur: L
+				onKeydown: [f(R, ["enter"]), f(ae, ["escape"])],
+				onBlur: R
 			}, null, 40, pr), [[S, T.value]])], 4)) : _("", !0)])) : _("", !0)]);
 		};
 	}
@@ -4751,7 +4751,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__ */ se(/* @__PURE__ */ A({
+}, Xr = /* @__PURE__ */ le(/* @__PURE__ */ A({
 	__name: "MediaGrid",
 	props: {
 		items: {},
@@ -4777,7 +4777,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);
-		de(f, ([{ isIntersecting: e }]) => {
+		re(f, ([{ isIntersecting: e }]) => {
 			e && n.hasMore && !n.isLoading && r("loadMore");
 		}, { threshold: .1 });
 		function m(e) {
@@ -4822,7 +4822,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(ae), {
+				}, [j(v(L), {
 					size: 12,
 					"stroke-width": 2
 				})], 8, Kr), w("button", {
@@ -4830,11 +4830,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(ae), {
 					size: 12,
 					"stroke-width": 2
 				})], 8, qr)]),
-				e.selectedIds.has(t.id) ? (o(), g("div", Jr, [j(v(R), {
+				e.selectedIds.has(t.id) ? (o(), g("div", Jr, [j(v(M), {
 					size: 12,
 					"stroke-width": 3
 				})])) : _("", !0)
@@ -4867,7 +4867,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(ae), {
+				}, [j(v(L), {
 					size: 11,
 					"stroke-width": 2
 				})], 8, Pr), w("button", {
@@ -4875,11 +4875,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(ae), {
 					size: 11,
 					"stroke-width": 2
 				})], 8, Fr)]),
-				e.selectedIds.has(t.id) ? (o(), g("div", Ir, [j(v(R), {
+				e.selectedIds.has(t.id) ? (o(), g("div", Ir, [j(v(M), {
 					size: 12,
 					"stroke-width": 3
 				})])) : _("", !0)
@@ -4889,7 +4889,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 				ref: f,
 				class: "tpl:h-4"
 			}, null, 512),
-			e.isLoading && e.items.length > 0 ? (o(), g("div", Yr, [j(v(F), {
+			e.isLoading && e.items.length > 0 ? (o(), g("div", Yr, [j(v(de), {
 				class: "tpl-spinner",
 				size: 20,
 				"stroke-width": 2,
@@ -4978,7 +4978,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 					style: { background: "linear-gradient(\n                  135deg,\n                  var(--tpl-primary),\n                  var(--tpl-primary-hover)\n                )" },
 					disabled: !f.value.trim() || e.isImporting,
 					onClick: h
-				}, [e.isImporting ? (o(), g("span", oi, [j(v(F), {
+				}, [e.isImporting ? (o(), g("span", oi, [j(v(de), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
@@ -5009,7 +5009,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 oe(i, () => {
+		return ce(i, () => {
 			n("close");
 		}), (t, s) => (o(), g("div", {
 			ref_key: "pickerRef",
@@ -5064,7 +5064,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__ */ se(/* @__PURE__ */ A({
+}, Si = ["value"], Ci = ["value"], wi = /* @__PURE__ */ le(/* @__PURE__ */ A({
 	__name: "MediaPreviewPanel",
 	props: {
 		item: {},
@@ -5317,9 +5317,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 } = L(l, { onDrop: (e) => {
+		let { isOverDropZone: m } = te(l, { onDrop: (e) => {
 			e?.length && f(e);
-		} }), { open: h, onChange: _ } = ce({
+		} }), { open: h, onChange: _ } = ue({
 			accept: s.value,
 			multiple: !0
 		});
@@ -5334,7 +5334,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 				"background-color": "var(--tpl-bg)"
 			},
 			onClick: n[0] ||= (e) => v(h)()
-		}, [e.isUploading ? (o(), g("div", Bi, [j(v(F), {
+		}, [e.isUploading ? (o(), g("div", Bi, [j(v(de), {
 			class: "tpl-spinner",
 			size: 20,
 			"stroke-width": 2,
@@ -5343,7 +5343,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(re), {
+			j(v(se), {
 				class: "tpl:mb-2",
 				size: 24,
 				"stroke-width": 1.5,
@@ -5474,13 +5474,13 @@ function Xi(e) {
 	}), ee(() => t.previewItem.value?.id, () => {
 		c.value = "original";
 	});
-	let b = I((e) => {
+	let b = R((e) => {
 		t.search(e);
 	}, 300);
 	function x(e) {
 		s.value = e, b(e);
 	}
-	let { copy: S, copied: C } = ue({
+	let { copy: S, copied: C } = ie({
 		copiedDuring: 2e3,
 		legacy: !0
 	});
@@ -5508,19 +5508,19 @@ function Xi(e) {
 	async function j(e) {
 		await t.importFromUrl(e) && (u.value = !1);
 	}
-	async function te(e) {
+	async function M(e) {
 		f.value = !1, await t.moveSelected(e);
 	}
-	async function M() {
+	async function N() {
 		await t.checkUsageBeforeDelete();
 	}
-	function N(e) {
+	function P(e) {
 		t.checkUsageBeforeReplace(e);
 	}
-	async function P(e) {
+	async function F(e) {
 		await t.replaceFile(e);
 	}
-	function F() {
+	function te() {
 		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 {
@@ -5547,11 +5547,11 @@ function Xi(e) {
 		handleEditItem: k,
 		handleEditSave: A,
 		handleImportFromUrl: j,
-		handleMoveToFolder: te,
-		handleDeleteClick: M,
-		handleReplaceItem: N,
-		handleReplaceFile: P,
-		resetUI: F
+		handleMoveToFolder: M,
+		handleDeleteClick: N,
+		handleReplaceItem: P,
+		handleReplaceFile: F,
+		resetUI: te
 	};
 }
 //#endregion
@@ -5633,7 +5633,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")), M = 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({
+		let d = l("authManager"), f = l("projectId"), S = h(() => f.value), T = l("planConfig"), A = h(() => T.hasFeature("media_folders")), N = h(() => T.hasFeature("import_from_url")), P = h(() => T.config.value?.storage.used_bytes ?? 0), F = h(() => T.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: te, availableCategories: re } = Oe(), I = Ce({
 			projectId: S.value,
 			authManager: d
 		}), L = Xi({
@@ -5644,15 +5644,15 @@ var Zi = ["data-tpl-theme"], Qi = {
 		ee(() => n.visible, (e) => {
 			e ? (I.loadItems(), I.loadFrequentlyUsed()) : L.resetUI();
 		});
-		function ae(e) {
+		function ie(e) {
 			e.key === "Escape" && r("close");
 		}
-		ne(document, "keydown", ae);
-		function oe() {
-			return I.previewItem.value ? n.accept?.length ? F(I.previewItem.value.mime_type, n.accept) : !0 : !1;
+		oe(document, "keydown", ie);
+		function R() {
+			return I.previewItem.value ? n.accept?.length ? te(I.previewItem.value.mime_type, n.accept) : !0 : !1;
 		}
-		function se() {
-			if (oe()) {
+		function ae() {
+			if (R()) {
 				let e = I.previewItem.value;
 				r("select", {
 					...e,
@@ -5676,8 +5676,8 @@ 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": N.value,
-						"limit-bytes": P.value,
+						"used-bytes": P.value,
+						"limit-bytes": F.value,
 						size: 22
 					}, null, 8, ["used-bytes", "limit-bytes"]),
 					w("div", na, [w("input", {
@@ -5701,7 +5701,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 						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: n[1] ||= (e) => r("close")
-					}, [j(v(ie), {
+					}, [j(v(ne), {
 						size: 18,
 						"stroke-width": 2
 					})])
@@ -5821,7 +5821,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 					"is-uploading",
 					"upload-progress",
 					"onUpload"
-				]), M.value ? (o(), g("button", {
+				]), N.value ? (o(), g("button", {
 					key: 0,
 					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",
 					style: {
@@ -5965,11 +5965,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(R), {
+				}, [v(L).copied.value ? (o(), b(v(M), {
 					key: 1,
 					size: 12,
 					"stroke-width": 2
-				})) : (o(), b(v(te), {
+				})) : (o(), b(v(fe), {
 					key: 0,
 					size: 12,
 					"stroke-width": 2
@@ -6006,8 +6006,8 @@ var Zi = ["data-tpl-theme"], Qi = {
 						"background-color": "var(--tpl-primary)",
 						color: "var(--tpl-bg)"
 					},
-					disabled: !oe(),
-					onClick: se
+					disabled: !R(),
+					onClick: ae
 				}, p(e.accept?.length ? v(i).mediaLibrary.selectImage : v(i).mediaLibrary.selectFile), 9, Ba)])])])
 			])], 8, Zi)) : _("", !0)]),
 			_: 1
@@ -6017,4 +6017,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-BzT7BoGU.js.map
+//# sourceMappingURL=media-library-BERe10wA.js.map