@templatical/editor 0.16.1 → 0.16.3

package/dist/cdn/chunks/{media-library-BMlykZGq.js → media-library-DRodsf2D.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 { Dt as te, Nt as ne, T as M, _t as N, ct as re, dn as ie, dt as ae, fn as P, gn as F, hn as I, jt as L, lt as oe, mn as se, ot as ce, pn as le, vn as ue, vt as de, w as R, xt as fe } from "./features-CgbSSCgv.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-Dlx5MT1V.js";
+import { Mt as te, Ot as ne, Pt as M, St as N, T as P, _n as re, fn as ie, ft as F, gn as I, hn as ae, lt as L, mn as oe, pn as se, st as ce, ut as le, vt as ue, w as R, yn as de, yt as fe } from "./features-Dwb5aTLg.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-Dhqh5lYQ.js";
 //#region ../media-library/src/api-client.ts
 var Se = class {
 	authManager;
@@ -37,7 +37,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(R["media.browse"], this.baseParams)}${n ? `?${n}` : ""}`, i = await this.authManager.authenticatedFetch(r, { headers: { Accept: "application/json" } });
+		let n = t.toString(), r = `${P(R["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 });
@@ -47,7 +47,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(R["media.upload"], this.baseParams), i = await this.authManager.authenticatedFetch(r, {
+		let r = P(R["media.upload"], this.baseParams), i = await this.authManager.authenticatedFetch(r, {
 			method: "POST",
 			headers: { Accept: "application/json" },
 			body: n
@@ -59,7 +59,7 @@ var Se = class {
 		return (await i.json()).data;
 	}
 	async updateMedia(e, t, n) {
-		return this.request(M(R["media.update"], {
+		return this.request(P(R["media.update"], {
 			...this.baseParams,
 			media: e
 		}), {
@@ -71,13 +71,13 @@ var Se = class {
 		});
 	}
 	async deleteMedia(e) {
-		return this.request(M(R["media.delete"], this.baseParams), {
+		return this.request(P(R["media.delete"], this.baseParams), {
 			method: "POST",
 			body: JSON.stringify({ ids: e })
 		});
 	}
 	async moveMedia(e, t) {
-		return this.request(M(R["media.move"], this.baseParams), {
+		return this.request(P(R["media.move"], this.baseParams), {
 			method: "POST",
 			body: JSON.stringify({
 				ids: e,
@@ -86,10 +86,10 @@ var Se = class {
 		});
 	}
 	async getMediaFolders() {
-		return this.request(M(R["folders.index"], this.baseParams));
+		return this.request(P(R["folders.index"], this.baseParams));
 	}
 	async createMediaFolder(e, t) {
-		return this.request(M(R["folders.store"], this.baseParams), {
+		return this.request(P(R["folders.store"], this.baseParams), {
 			method: "POST",
 			body: JSON.stringify({
 				name: e,
@@ -98,7 +98,7 @@ var Se = class {
 		});
 	}
 	async renameMediaFolder(e, t) {
-		return this.request(M(R["folders.update"], {
+		return this.request(P(R["folders.update"], {
 			...this.baseParams,
 			mediaFolder: e
 		}), {
@@ -107,13 +107,13 @@ var Se = class {
 		});
 	}
 	async deleteMediaFolder(e) {
-		return this.request(M(R["folders.destroy"], {
+		return this.request(P(R["folders.destroy"], {
 			...this.baseParams,
 			mediaFolder: e
 		}), { method: "DELETE" });
 	}
 	async checkMediaUsage(e) {
-		let t = await this.authManager.authenticatedFetch(M(R["media.checkUsage"], this.baseParams), {
+		let t = await this.authManager.authenticatedFetch(P(R["media.checkUsage"], this.baseParams), {
 			method: "POST",
 			headers: {
 				"Content-Type": "application/json",
@@ -128,10 +128,10 @@ var Se = class {
 		return t.json();
 	}
 	async getFrequentlyUsed() {
-		return this.request(M(R["media.frequentlyUsed"], this.baseParams));
+		return this.request(P(R["media.frequentlyUsed"], this.baseParams));
 	}
 	async importFromUrl(e, t) {
-		return this.request(M(R["media.importFromUrl"], this.baseParams), {
+		return this.request(P(R["media.importFromUrl"], this.baseParams), {
 			method: "POST",
 			body: JSON.stringify({
 				url: e,
@@ -142,7 +142,7 @@ var Se = class {
 	async replaceMedia(e, t) {
 		let n = new FormData();
 		n.append("file", t);
-		let r = M(R["media.replace"], {
+		let r = P(R["media.replace"], {
 			...this.baseParams,
 			media: e
 		}), i = await this.authManager.authenticatedFetch(r, {
@@ -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 F();
+		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;
@@ -228,7 +228,7 @@ function Ce(e) {
 			u.value = !1;
 		}
 	}
-	async function re(r) {
+	async function P(r) {
 		u.value = !0, m.value = {
 			current: 0,
 			total: r.length
@@ -250,7 +250,7 @@ function Ce(e) {
 			u.value = !1, m.value = null;
 		}
 	}
-	async function ie(r) {
+	async function re(r) {
 		if (h.value.size !== 0) try {
 			let e = await t.moveMedia([...h.value], r);
 			if (i.value === null) {
@@ -262,7 +262,7 @@ function Ce(e) {
 			e.onError?.(t);
 		}
 	}
-	async function ae(r, i, a) {
+	async function ie(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);
@@ -270,21 +270,21 @@ function Ce(e) {
 			e.onError?.(t);
 		}
 	}
-	async function P() {
+	async function F() {
 		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 F() {
+	async function I() {
 		try {
 			_.value = await t.getFrequentlyUsed();
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	async function I() {
+	async function ae() {
 		if (h.value.size === 0) return !1;
 		b.value = [...h.value];
 		try {
@@ -327,17 +327,17 @@ function Ce(e) {
 	function ue(e) {
 		g.value = e, h.value = /* @__PURE__ */ new Set([e.id]);
 	}
-	async function de() {
+	async function R() {
 		try {
 			r.value = await t.getMediaFolders();
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	async function R(n, r) {
+	async function de(n, r) {
 		try {
 			let e = await t.createMediaFolder(n, r);
-			return await de(), e;
+			return await R(), e;
 		} catch (t) {
 			return e.onError?.(t), null;
 		}
@@ -354,7 +354,7 @@ function Ce(e) {
 	}
 	async function pe(n, r) {
 		try {
-			await t.renameMediaFolder(n, r), await de();
+			await t.renameMediaFolder(n, r), await R();
 		} catch (t) {
 			e.onError?.(t);
 		}
@@ -362,7 +362,7 @@ function Ce(e) {
 	async function me(n) {
 		try {
 			let e = fe(r.value, n)?.parent_id ?? null;
-			await t.deleteMediaFolder(n), i.value === n && (i.value = e), await de(), await k();
+			await t.deleteMediaFolder(n), i.value === n && (i.value = e), await R(), await k();
 		} catch (t) {
 			e.onError?.(t);
 		}
@@ -424,23 +424,23 @@ function Ce(e) {
 		navigateToFolder: ne,
 		showFrequentlyUsed: M,
 		uploadFile: N,
-		uploadFiles: re,
-		moveSelected: ie,
-		updateFile: ae,
-		deleteSelected: P,
+		uploadFiles: P,
+		moveSelected: re,
+		updateFile: ie,
+		deleteSelected: F,
 		isImportingFromUrl: x,
 		importFromUrlError: S,
 		importFromUrl: se,
 		toggleSelection: ce,
 		clearSelection: le,
 		selectItem: ue,
-		loadFolders: de,
-		createFolder: R,
+		loadFolders: R,
+		createFolder: de,
 		renameFolder: pe,
 		deleteFolder: me,
 		findFolderInTree: fe,
-		loadFrequentlyUsed: F,
-		checkUsageBeforeDelete: I,
+		loadFrequentlyUsed: I,
+		checkUsageBeforeDelete: ae,
 		confirmDelete: L,
 		cancelDelete: oe,
 		isReplacing: C,
@@ -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(L), {
+		}, 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", {
@@ -4140,31 +4140,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(""), te = d(""), ne = d(null), M = d("free"), N = 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 ? [
+		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), re = d(""), ie = d(""), F = 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" ? P.value : ke[M.value]), le = h(() => F.value ? Ne(F.value.width, F.value.height, N.value, re.value) : null);
+		].includes(r.item.mime_type) : !1), ce = h(() => M.value === "original" ? F.value : ke[M.value]), le = 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, 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));
+			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, re.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));
 		});
 		function ue(e) {
-			e.coordinates && (F.value = {
+			e.coordinates && (I.value = {
 				width: Math.round(e.coordinates.width),
 				height: Math.round(e.coordinates.height)
 			}, oe.value = !0);
 		}
-		function de() {
-			I.value = !0, !P.value && r.item?.width && r.item?.height && (P.value = r.item.width / r.item.height);
+		function R() {
+			ae.value = !0, !F.value && r.item?.width && r.item?.height && (F.value = r.item.width / r.item.height);
 		}
-		function R(e) {
+		function de(e) {
 			let t = e.target.value;
-			ie.value = t, N.value = t && parseInt(t, 10) || void 0;
+			re.value = t, N.value = t && parseInt(t, 10) || void 0;
 		}
 		function fe(e) {
 			let t = e.target.value;
-			ae.value = t, re.value = t && parseInt(t, 10) || void 0;
+			ie.value = t, P.value = t && parseInt(t, 10) || void 0;
 		}
 		async function pe() {
 			let e = A.value.trim();
@@ -4175,7 +4175,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 				try {
 					let { canvas: e } = ne.value.getResult();
 					if (e) {
-						let t = je(e, N.value, re.value), i = Ae(r.item.mime_type);
+						let t = je(e, N.value, P.value), i = Ae(r.item.mime_type);
 						n = { file: await Me(t, r.item.filename, i) };
 					}
 				} catch {
@@ -4218,7 +4218,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 						class: "tpl:h-full tpl:w-full",
 						"background-class": "tpl-cropper-background",
 						onChange: ue,
-						onReady: de
+						onReady: R
 					}, 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([
 							"free",
@@ -4238,7 +4238,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 							onClick: (t) => M.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: ie.value,
+							value: re.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",
@@ -4247,10 +4247,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: F.value?.width?.toString() || "",
-							onInput: R
+							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: ae.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",
@@ -4259,7 +4259,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: F.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)
@@ -4328,15 +4328,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 : ne(i.folder.children, i.currentFolderId)), te = h(() => l.value || ee.value);
-		function ne(e, t) {
-			for (let n of e) if (n.id === t || n.children && ne(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 : 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;
 		}
-		function M() {
+		function N() {
 			l.value = !l.value;
 		}
-		function N() {
+		function P() {
 			u.value = !0, m.value = i.folder.name;
 		}
 		function re() {
@@ -4346,13 +4346,13 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 		function ie() {
 			u.value = !1, m.value = "";
 		}
-		function P() {
+		function I() {
 			x.value = !0, T.value = "", l.value = !0;
 		}
-		function F() {
+		function ae() {
 			T.value.trim() && a("createFolder", T.value.trim(), i.folder.id), x.value = !1, T.value = "";
 		}
-		function I() {
+		function L() {
 			x.value = !1, T.value = "";
 		}
 		return (t, i) => {
@@ -4368,9 +4368,9 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 				D.value || x.value ? (o(), g("button", {
 					key: 0,
 					class: "tpl:flex tpl:size-4 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
-					onClick: y(M, ["stop"])
-				}, [j(v(L), {
-					class: C(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": te.value }]),
+					onClick: y(N, ["stop"])
+				}, [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(P, ["stop"])
+						onClick: y(I, ["stop"])
 					}, [j(v(ge), {
 						size: 12,
 						"stroke-width": 2
@@ -4410,21 +4410,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(N, ["stop"])
-					}, [j(v(de), {
+						onClick: y(P, ["stop"])
+					}, [j(v(fe), {
 						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(ae), {
+					}, [j(v(F), {
 						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(F, ["enter"]), f(I, ["escape"])],
-				onBlur: F
+				onKeydown: [f(ae, ["enter"]), f(L, ["escape"])],
+				onBlur: ae
 			}, null, 40, pr), [[S, T.value]])], 4)) : _("", !0)])) : _("", !0)]);
 		};
 	}
@@ -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);
-		F(f, ([{ isIntersecting: e }]) => {
+		re(f, ([{ isIntersecting: e }]) => {
 			e && n.hasMore && !n.isLoading && r("loadMore");
 		}, { threshold: .1 });
 		function m(e) {
@@ -4829,7 +4829,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(de), {
+				}, [j(v(fe), {
 					size: 12,
 					"stroke-width": 2
 				})], 8, Kr), w("button", {
@@ -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(N), {
+				}, [j(v(ue), {
 					size: 12,
 					"stroke-width": 2
 				})], 8, qr)]),
-				e.selectedIds.has(t.id) ? (o(), g("div", Jr, [j(v(ne), {
+				e.selectedIds.has(t.id) ? (o(), g("div", Jr, [j(v(M), {
 					size: 12,
 					"stroke-width": 3
 				})])) : _("", !0)
@@ -4874,7 +4874,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(de), {
+				}, [j(v(fe), {
 					size: 11,
 					"stroke-width": 2
 				})], 8, Pr), w("button", {
@@ -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(N), {
+				}, [j(v(ue), {
 					size: 11,
 					"stroke-width": 2
 				})], 8, Fr)]),
-				e.selectedIds.has(t.id) ? (o(), g("div", Ir, [j(v(ne), {
+				e.selectedIds.has(t.id) ? (o(), g("div", Ir, [j(v(M), {
 					size: 12,
 					"stroke-width": 3
 				})])) : _("", !0)
@@ -4896,7 +4896,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(fe), {
+			e.isLoading && e.items.length > 0 ? (o(), g("div", Yr, [j(v(N), {
 				class: "tpl-spinner",
 				size: 20,
 				"stroke-width": 2,
@@ -4985,7 +4985,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(fe), {
+				}, [e.isImporting ? (o(), g("span", oi, [j(v(N), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
@@ -5324,7 +5324,7 @@ 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 } = le(l, { onDrop: (e) => {
+		let { isOverDropZone: m } = oe(l, { onDrop: (e) => {
 			e?.length && f(e);
 		} }), { open: h, onChange: _ } = I({
 			accept: s.value,
@@ -5341,7 +5341,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(fe), {
+		}, [e.isUploading ? (o(), g("div", Bi, [j(v(N), {
 			class: "tpl-spinner",
 			size: 20,
 			"stroke-width": 2,
@@ -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(oe), {
+			j(v(le), {
 				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 = ue((e) => {
+	let b = de((e) => {
 		t.search(e);
 	}, 300);
 	function x(e) {
 		s.value = e, b(e);
 	}
-	let { copy: S, copied: C } = P({
+	let { copy: S, copied: C } = se({
 		copiedDuring: 2e3,
 		legacy: !0
 	});
@@ -5527,7 +5527,7 @@ function Xi(e) {
 	async function N(e) {
 		await t.replaceFile(e);
 	}
-	function re() {
+	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 {
@@ -5558,7 +5558,7 @@ function Xi(e) {
 		handleDeleteClick: ne,
 		handleReplaceItem: M,
 		handleReplaceFile: N,
-		resetUI: re
+		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")), M = h(() => T.hasFeature("import_from_url")), N = h(() => T.config.value?.storage.used_bytes ?? 0), ie = h(() => T.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: ae, availableCategories: P } = 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), P = h(() => T.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: re, availableCategories: ie } = Oe(), F = Ce({
 			projectId: S.value,
 			authManager: d
 		}), I = Xi({
@@ -5651,15 +5651,15 @@ var Zi = ["data-tpl-theme"], Qi = {
 		ee(() => n.visible, (e) => {
 			e ? (F.loadItems(), F.loadFrequentlyUsed()) : I.resetUI();
 		});
-		function L(e) {
+		function oe(e) {
 			e.key === "Escape" && r("close");
 		}
-		se(document, "keydown", L);
-		function oe() {
-			return F.previewItem.value ? !n.accept?.length || ae(F.previewItem.value.mime_type, n.accept) : !1;
+		ae(document, "keydown", oe);
+		function se() {
+			return F.previewItem.value ? !n.accept?.length || re(F.previewItem.value.mime_type, n.accept) : !1;
 		}
 		function ce() {
-			if (oe()) {
+			if (se()) {
 				let e = F.previewItem.value;
 				r("select", {
 					...e,
@@ -5684,7 +5684,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 				w("div", $i, [w("h2", ea, p(v(i).mediaLibrary.title), 1), w("div", ta, [
 					j(Yi, {
 						"used-bytes": N.value,
-						"limit-bytes": ie.value,
+						"limit-bytes": P.value,
 						size: 22
 					}, null, 8, ["used-bytes", "limit-bytes"]),
 					w("div", na, [w("input", {
@@ -5708,7 +5708,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(re), {
+					}, [j(v(L), {
 						size: 18,
 						"stroke-width": 2
 					})])
@@ -5791,7 +5791,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 						size: 14,
 						"stroke-width": 2
 					})], 12, pa)])
-				]), w("div", ma, [v(P).length > 1 ? (o(), g("select", {
+				]), w("div", ma, [v(ie).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: {
@@ -5801,7 +5801,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(P), (e) => (o(), g("option", {
+				}, [w("option", ga, p(v(i).mediaLibrary.filterAll), 1), (o(!0), g(O, null, c(v(ie), (e) => (o(), g("option", {
 					key: e,
 					value: e
 				}, p(v(I).getCategoryLabel(e)), 9, _a))), 128))], 40, ha)) : _("", !0), w("select", {
@@ -5828,7 +5828,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 					"is-uploading",
 					"upload-progress",
 					"onUpload"
-				]), M.value ? (o(), g("button", {
+				]), te.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: {
@@ -5972,11 +5972,11 @@ var Zi = ["data-tpl-theme"], Qi = {
 						backgroundColor: "var(--tpl-bg)"
 					}),
 					onClick: n[14] ||= (e) => v(I).copy(v(I).selectedUrl.value)
-				}, [v(I).copied.value ? (o(), b(v(ne), {
+				}, [v(I).copied.value ? (o(), b(v(M), {
 					key: 1,
 					size: 12,
 					"stroke-width": 2
-				})) : (o(), b(v(te), {
+				})) : (o(), b(v(ne), {
 					key: 0,
 					size: 12,
 					"stroke-width": 2
@@ -6013,7 +6013,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 						"background-color": "var(--tpl-primary)",
 						color: "var(--tpl-bg)"
 					},
-					disabled: !oe(),
+					disabled: !se(),
 					onClick: ce
 				}, p(e.accept?.length ? v(i).mediaLibrary.selectImage : v(i).mediaLibrary.selectFile), 9, Ba)])])])
 			])], 8, Zi)) : _("", !0)]),
@@ -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-BMlykZGq.js.map
+//# sourceMappingURL=media-library-DRodsf2D.js.map