@templatical/editor 0.12.1 → 0.13.0

package/dist/cdn/chunks/{media-library-C479-QcE.js → media-library-Byelliig.js}

@@ -1,8 +1,8 @@
-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 ee, u as D, v as O, x as k, y as A, z as te } from "./draggable-Bci-fq8y.js";
-import { Et as j, T as M, at as N, cn as ne, dn as P, ft as re, kt as F, ln as ie, on as I, ot as L, pn as ae, pt as oe, rt as se, sn as ce, st as le, un as ue, w as R, wt as de, xt as fe } from "./features-DxWz_Enw.js";
-import { B as pe, J as me, P as he, X as ge, h as _e, j as ve, u as ye, x as be, z as xe } from "./icons-BflGUmFY.js";
+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-Bci-fq8y.js";
+import { At as M, Dt as N, St as P, T as F, Tt as te, cn as ne, ct as re, dn as I, fn as L, it as ie, ln as R, mn as ae, mt as oe, ot as se, pt as ce, sn as le, st as ue, un as de, w as z } from "./features-DU6lA8l1.js";
+import { B as fe, J as pe, P as me, X as he, h as ge, j as _e, u as ve, x as ye, z as be } from "./icons-BjHUZZyJ.js";
 //#region ../media-library/src/api-client.ts
-var Se = class {
+var xe = class {
 	authManager;
 	constructor(e) {
 		this.authManager = e;
@@ -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 = `${F(z["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 = F(z["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(F(z["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(F(z["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(F(z["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(F(z["folders.index"], this.baseParams));
 	}
 	async createMediaFolder(e, t) {
-		return this.request(M(R["folders.store"], this.baseParams), {
+		return this.request(F(z["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(F(z["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(F(z["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(F(z["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(F(z["media.frequentlyUsed"], this.baseParams));
 	}
 	async importFromUrl(e, t) {
-		return this.request(M(R["media.importFromUrl"], this.baseParams), {
+		return this.request(F(z["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 = F(z["media.replace"], {
 			...this.baseParams,
 			media: e
 		}), i = await this.authManager.authenticatedFetch(r, {
@@ -159,11 +159,11 @@ var Se = class {
 };
 //#endregion
 //#region ../media-library/src/composable.ts
-function Ce(e) {
+function Se(e) {
 	if (!e.projectId) throw Error("projectId is required for useMediaLibrary");
-	let t = new Se(e.authManager), n = d([]), r = d([]), i = d(null), a = d("files"), o = d(""), s = d(null), c = d("newest"), l = d(!1), u = d(!1), f = d(!1), p = d(null), m = d(null), h = d(/* @__PURE__ */ new Set()), g = d(null), _ = d([]), v = d({}), y = d(!1), b = d([]), x = d(!1), S = d(null), C = d(!1), w = d(null), T = d(!1), E = d(null), ee = d(null), D = 0;
-	async function O() {
-		let r = ++D;
+	let t = new xe(e.authManager), n = d([]), r = d([]), i = d(null), a = d("files"), o = d(""), s = d(null), c = d("newest"), l = d(!1), u = d(!1), f = d(!1), p = d(null), m = d(null), h = d(/* @__PURE__ */ new Set()), g = d(null), _ = d([]), v = d({}), y = d(!1), b = d([]), x = d(!1), S = d(null), C = d(!1), w = d(null), T = d(!1), E = d(null), D = d(null), O = 0;
+	async function k() {
+		let r = ++O;
 		l.value = !0;
 		try {
 			let e = await t.browseMedia({
@@ -172,18 +172,18 @@ function Ce(e) {
 				category: s.value || void 0,
 				sort: c.value === "newest" ? void 0 : c.value
 			});
-			if (r !== D) return;
+			if (r !== O) return;
 			n.value = e.data, p.value = e.meta.next_cursor, f.value = !!e.meta.next_cursor;
 		} catch (t) {
-			if (r !== D) return;
+			if (r !== O) return;
 			e.onError?.(t);
 		} finally {
-			r === D && (l.value = !1);
+			r === O && (l.value = !1);
 		}
 	}
-	async function k() {
+	async function A() {
 		if (!f.value || !p.value || l.value) return;
-		let r = ++D;
+		let r = ++O;
 		l.value = !0;
 		try {
 			let e = await t.browseMedia({
@@ -193,31 +193,31 @@ function Ce(e) {
 				sort: c.value === "newest" ? void 0 : c.value,
 				cursor: p.value
 			});
-			if (r !== D) return;
+			if (r !== O) return;
 			n.value = [...n.value, ...e.data], p.value = e.meta.next_cursor, f.value = !!e.meta.next_cursor;
 		} catch (t) {
-			if (r !== D) return;
+			if (r !== O) return;
 			e.onError?.(t);
 		} finally {
-			r === D && (l.value = !1);
+			r === O && (l.value = !1);
 		}
 	}
-	async function A(e) {
-		o.value = e, await O();
-	}
-	async function te(e) {
-		s.value = e, await O();
-	}
 	async function j(e) {
-		c.value = e, await O();
+		o.value = e, await k();
+	}
+	async function ee(e) {
+		s.value = e, await k();
 	}
 	async function M(e) {
-		a.value = "files", i.value = e, o.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await O();
+		c.value = e, await k();
 	}
-	async function N() {
-		a.value = "frequently-used", i.value = null, o.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await I();
+	async function N(e) {
+		a.value = "files", i.value = e, o.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await k();
 	}
-	async function ne(r) {
+	async function P() {
+		a.value = "frequently-used", i.value = null, o.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await L();
+	}
+	async function F(r) {
 		u.value = !0;
 		try {
 			let e = await t.uploadMedia(r, i.value);
@@ -228,7 +228,7 @@ function Ce(e) {
 			u.value = !1;
 		}
 	}
-	async function P(r) {
+	async function te(r) {
 		u.value = !0, m.value = {
 			current: 0,
 			total: r.length
@@ -249,7 +249,7 @@ function Ce(e) {
 			u.value = !1, m.value = null;
 		}
 	}
-	async function re(r) {
+	async function ne(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 F(r, i, a) {
+	async function re(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 ie() {
+	async function I() {
 		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 L() {
 		try {
 			_.value = await t.getFrequentlyUsed();
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	async function L() {
+	async function ie() {
 		if (h.value.size === 0) return !1;
 		b.value = [...h.value];
 		try {
@@ -295,17 +295,17 @@ function Ce(e) {
 			return e.onError?.(t), !1;
 		}
 	}
-	async function ae() {
+	async function R() {
 		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) {
 			e.onError?.(t);
 		}
 	}
-	function oe() {
+	function ae() {
 		y.value = !1, b.value = [], v.value = {};
 	}
-	async function se(r) {
+	async function oe(r) {
 		x.value = !0, S.value = null;
 		try {
 			let e = await t.importFromUrl(r, i.value);
@@ -316,17 +316,17 @@ function Ce(e) {
 			x.value = !1;
 		}
 	}
-	function ce(e) {
+	function se(e) {
 		let t = new Set(h.value);
 		t.has(e) ? t.delete(e) : t.add(e), h.value = t;
 	}
-	function le() {
+	function ce() {
 		h.value = /* @__PURE__ */ new Set(), g.value = null;
 	}
-	function ue(e) {
+	function le(e) {
 		g.value = e, h.value = /* @__PURE__ */ new Set([e.id]);
 	}
-	async function R() {
+	async function ue() {
 		try {
 			r.value = await t.getMediaFolders();
 		} catch (t) {
@@ -336,60 +336,60 @@ function Ce(e) {
 	async function de(n, r) {
 		try {
 			let e = await t.createMediaFolder(n, r);
-			return await R(), e;
+			return await ue(), e;
 		} catch (t) {
 			return e.onError?.(t), null;
 		}
 	}
-	function fe(e, t) {
+	function z(e, t) {
 		for (let n of e) {
 			if (n.id === t) return n;
 			if (n.children) {
-				let e = fe(n.children, t);
+				let e = z(n.children, t);
 				if (e) return e;
 			}
 		}
 		return null;
 	}
-	async function pe(n, r) {
+	async function fe(n, r) {
 		try {
-			await t.renameMediaFolder(n, r), await R();
+			await t.renameMediaFolder(n, r), await ue();
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	async function me(n) {
+	async function pe(n) {
 		try {
-			let e = fe(r.value, n)?.parent_id ?? null;
-			await t.deleteMediaFolder(n), i.value === n && (i.value = e), await R(), await O();
+			let e = z(r.value, n)?.parent_id ?? null;
+			await t.deleteMediaFolder(n), i.value === n && (i.value = e), await ue(), await k();
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	async function he(n) {
+	async function me(n) {
 		E.value = n, w.value = null;
 		try {
-			ee.value = (await t.checkMediaUsage([n.id])).data[n.id] ?? null, T.value = !0;
+			D.value = (await t.checkMediaUsage([n.id])).data[n.id] ?? null, T.value = !0;
 		} catch (t) {
 			e.onError?.(t);
 		}
 	}
-	function ge() {
-		T.value = !1, E.value = null, ee.value = null, w.value = null;
+	function he() {
+		T.value = !1, E.value = null, D.value = null, w.value = null;
 	}
-	async function _e(r) {
+	async function ge(r) {
 		if (!E.value) return null;
 		C.value = !0, w.value = null;
 		try {
 			let e = await t.replaceMedia(E.value.id, r);
-			return n.value = n.value.map((t) => t.id === e.id ? e : t), _.value = _.value.map((t) => t.id === e.id ? e : t), g.value?.id === e.id && (g.value = e), T.value = !1, E.value = null, ee.value = null, e;
+			return n.value = n.value.map((t) => t.id === e.id ? e : t), _.value = _.value.map((t) => t.id === e.id ? e : t), g.value?.id === e.id && (g.value = e), T.value = !1, E.value = null, D.value = null, e;
 		} catch (t) {
 			return w.value = t instanceof Error ? t.message : "Replace failed", e.onError?.(t), null;
 		} finally {
 			C.value = !1;
 		}
 	}
-	async function ve(r, i) {
+	async function _e(r, i) {
 		try {
 			let e = await t.replaceMedia(r, i);
 			return n.value = n.value.map((t) => t.id === e.id ? e : t), _.value = _.value.map((t) => t.id === e.id ? e : t), g.value?.id === e.id && (g.value = e), e;
@@ -414,47 +414,47 @@ function Ce(e) {
 		frequentlyUsedItems: _,
 		deleteUsageInfo: v,
 		showDeleteWarning: y,
-		loadItems: O,
-		loadMore: k,
-		search: A,
-		filterByCategory: te,
-		sortBy: j,
-		navigateToFolder: M,
-		showFrequentlyUsed: N,
-		uploadFile: ne,
-		uploadFiles: P,
-		moveSelected: re,
-		updateFile: F,
-		deleteSelected: ie,
+		loadItems: k,
+		loadMore: A,
+		search: j,
+		filterByCategory: ee,
+		sortBy: M,
+		navigateToFolder: N,
+		showFrequentlyUsed: P,
+		uploadFile: F,
+		uploadFiles: te,
+		moveSelected: ne,
+		updateFile: re,
+		deleteSelected: I,
 		isImportingFromUrl: x,
 		importFromUrlError: S,
-		importFromUrl: se,
-		toggleSelection: ce,
-		clearSelection: le,
-		selectItem: ue,
-		loadFolders: R,
+		importFromUrl: oe,
+		toggleSelection: se,
+		clearSelection: ce,
+		selectItem: le,
+		loadFolders: ue,
 		createFolder: de,
-		renameFolder: pe,
-		deleteFolder: me,
-		findFolderInTree: fe,
-		loadFrequentlyUsed: I,
-		checkUsageBeforeDelete: L,
-		confirmDelete: ae,
-		cancelDelete: oe,
+		renameFolder: fe,
+		deleteFolder: pe,
+		findFolderInTree: z,
+		loadFrequentlyUsed: L,
+		checkUsageBeforeDelete: ie,
+		confirmDelete: R,
+		cancelDelete: ae,
 		isReplacing: C,
 		replaceError: w,
 		showReplaceWarning: T,
 		pendingReplaceItem: E,
-		replaceUsageInfo: ee,
-		checkUsageBeforeReplace: he,
-		cancelReplace: ge,
-		replaceFile: _e,
-		replaceMediaDirectly: ve
+		replaceUsageInfo: D,
+		checkUsageBeforeReplace: me,
+		cancelReplace: he,
+		replaceFile: ge,
+		replaceMediaDirectly: _e
 	};
 }
 //#endregion
 //#region ../media-library/src/composables/useI18n.ts
-function z(e) {
+function B(e) {
 	let t = e ?? l("translations"), n = i(t) ? t.value : t;
 	function r(e, t) {
 		return e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : `{${n}}`);
@@ -466,14 +466,14 @@ function z(e) {
 }
 //#endregion
 //#region ../media-library/src/components/media/MediaBreadcrumb.vue?vue&type=script&setup=true&lang.ts
-var we = {
+var Ce = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Te = ["onClick"], Ee = {
+}, we = ["onClick"], Te = {
 	key: 1,
 	style: { color: "var(--tpl-text)" }
-}, De = /* @__PURE__ */ k({
+}, Ee = /* @__PURE__ */ A({
 	__name: "MediaBreadcrumb",
 	props: {
 		folders: {},
@@ -481,7 +481,7 @@ var we = {
 	},
 	emits: ["navigate"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = z(), a = h(() => {
+		let n = e, r = t, { t: i } = B(), a = h(() => {
 			if (!n.currentFolderId) return [];
 			let e = [];
 			return s(n.folders, n.currentFolderId, e), e;
@@ -493,11 +493,11 @@ var we = {
 			}
 			return !1;
 		}
-		return (e, t) => a.value.length > 0 ? (o(), g("div", we, [w("button", {
+		return (e, t) => a.value.length > 0 ? (o(), g("div", Ce, [w("button", {
 			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(D, null, c(a.value, (e, t) => (o(), g(D, { key: e.id }, [A(v(de), {
+		}, 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", {
@@ -505,12 +505,12 @@ var we = {
 			class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
 			style: { color: "var(--tpl-primary)" },
 			onClick: (t) => r("navigate", e.id)
-		}, p(e.name), 9, Te)) : (o(), g("span", Ee, p(e.name), 1))], 64))), 128))])) : _("", !0);
+		}, p(e.name), 9, we)) : (o(), g("span", Te, p(e.name), 1))], 64))), 128))])) : _("", !0);
 	}
 });
 //#endregion
 //#region ../media-library/src/composables/useMediaCategories.ts
-function Oe() {
+function De() {
 	let e = l("planConfig"), t = h(() => e.config.value?.media ?? null), n = h(() => t.value?.use_media_library ?? !0), r = h(() => t.value?.categories ?? null), i = h(() => r.value ? Object.values(r.value).flatMap((e) => e.mime_types) : []), a = h(() => i.value.join(",")), o = h(() => t.value?.max_file_size ?? 0);
 	function s(e, t) {
 		return r.value ? !t || t.length === 0 ? i.value.includes(e) : t.some((t) => r.value[t]?.mime_types.includes(e)) : !1;
@@ -536,14 +536,14 @@ function Oe() {
 }
 //#endregion
 //#region ../media-library/src/composables/useImageCrop.ts
-var ke = {
+var Oe = {
 	free: void 0,
 	square: 1,
 	landscape43: 4 / 3,
 	landscape169: 16 / 9,
 	original: void 0
 };
-function Ae(e) {
+function ke(e) {
 	return e === "image/png" || e === "image/gif" ? {
 		mimeType: "image/png",
 		quality: 1
@@ -555,7 +555,7 @@ function Ae(e) {
 		quality: .92
 	};
 }
-function je(e, t, n) {
+function Ae(e, t, n) {
 	let r = e.width, i = e.height;
 	if (!t && !n) return e;
 	let a = r, o = i;
@@ -569,7 +569,7 @@ function je(e, t, n) {
 	let c = s.getContext("2d");
 	return c && (c.imageSmoothingEnabled = !0, c.imageSmoothingQuality = "high", c.drawImage(e, 0, 0, a, o)), s;
 }
-function Me(e, t, n) {
+function je(e, t, n) {
 	return new Promise((r, i) => {
 		e.toBlob((e) => {
 			if (!e) {
@@ -581,7 +581,7 @@ function Me(e, t, n) {
 		}, n.mimeType, n.quality);
 	});
 }
-function Ne(e, t, n, r) {
+function Me(e, t, n, r) {
 	let i = e, a = t;
 	if (n && i > n) {
 		let e = n / i;
@@ -598,10 +598,10 @@ function Ne(e, t, n, r) {
 }
 //#endregion
 //#region ../media-library/src/keys.ts
-var Pe = Symbol("templaticalMediaPopoverTarget");
+var Ne = Symbol("templaticalMediaPopoverTarget");
 //#endregion
 //#region ../../node_modules/.pnpm/vue-advanced-cropper@2.8.9_vue@3.5.39_typescript@6.0.3_/node_modules/vue-advanced-cropper/dist/index.esm-bundler.js
-function Fe(e, t) {
+function Pe(e, t) {
 	var n = Object.keys(e);
 	if (Object.getOwnPropertySymbols) {
 		var r = Object.getOwnPropertySymbols(e);
@@ -611,18 +611,18 @@ function Fe(e, t) {
 	}
 	return n;
 }
-function B(e) {
+function V(e) {
 	for (var t = 1; t < arguments.length; t++) {
 		var n = arguments[t] == null ? {} : arguments[t];
-		t % 2 ? Fe(Object(n), !0).forEach((function(t) {
-			V(e, t, n[t]);
-		})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Fe(Object(n)).forEach((function(t) {
+		t % 2 ? Pe(Object(n), !0).forEach((function(t) {
+			H(e, t, n[t]);
+		})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Pe(Object(n)).forEach((function(t) {
 			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
 		}));
 	}
 	return e;
 }
-function V(e, t, n) {
+function H(e, t, n) {
 	return t in e ? Object.defineProperty(e, t, {
 		value: n,
 		enumerable: !0,
@@ -630,7 +630,7 @@ function V(e, t, n) {
 		writable: !0
 	}) : e[t] = n, e;
 }
-function Ie(e, t) {
+function Fe(e, t) {
 	if (e == null) return {};
 	var n, r, i = function(e, t) {
 		if (e == null) return {};
@@ -644,28 +644,28 @@ function Ie(e, t) {
 	}
 	return i;
 }
-function Le(e) {
+function Ie(e) {
 	return function(e) {
-		if (Array.isArray(e)) return Re(e);
+		if (Array.isArray(e)) return Le(e);
 	}(e) || function(e) {
 		if (typeof Symbol < "u" && e[Symbol.iterator] != null || e["@@iterator"] != null) return Array.from(e);
 	}(e) || function(e, t) {
 		if (e) {
-			if (typeof e == "string") return Re(e, t);
+			if (typeof e == "string") return Le(e, t);
 			var n = Object.prototype.toString.call(e).slice(8, -1);
 			if (n === "Object" && e.constructor && (n = e.constructor.name), n === "Map" || n === "Set") return Array.from(e);
-			if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Re(e, t);
+			if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return Le(e, t);
 		}
 	}(e) || function() {
 		throw TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 	}();
 }
-function Re(e, t) {
+function Le(e, t) {
 	(t == null || t > e.length) && (t = e.length);
 	for (var n = 0, r = Array(t); n < t; n++) r[n] = e[n];
 	return r;
 }
-var ze, Be, Ve, H = (ze = function(e) {
+var Re, ze, Be, U = (Re = function(e) {
 	(function() {
 		var t = {}.hasOwnProperty;
 		function n() {
@@ -687,15 +687,15 @@ var ze, Be, Ve, H = (ze = function(e) {
 		}
 		e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
 	})();
-}, ze(Ve = {
-	path: Be,
+}, Re(Be = {
+	path: ze,
 	exports: {},
 	require: function(e, t) {
 		return function() {
 			throw Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs");
-		}(t == null && Ve.path);
+		}(t == null && Be.path);
 	}
-}, Ve.exports), Ve.exports), U = function(e) {
+}, Be.exports), Be.exports), W = function(e) {
 	return function(t, n) {
 		if (!t) return e;
 		var r;
@@ -707,7 +707,7 @@ var ze, Be, Ve, H = (ze = function(e) {
 		}), "") : "");
 	};
 };
-function He(e, t, n) {
+function Ve(e, t, n) {
 	var r, i, a, o, s;
 	function c() {
 		var l = Date.now() - o;
@@ -725,65 +725,65 @@ function He(e, t, n) {
 		r &&= (s = e.apply(a, i), a = i = null, clearTimeout(r), null);
 	}, l;
 }
-He.debounce = He;
-var Ue = He, W = function() {
-	return W = Object.assign || function(e) {
+Ve.debounce = Ve;
+var He = Ve, G = function() {
+	return G = Object.assign || function(e) {
 		for (var t, n = 1, r = arguments.length; n < r; n++) for (var i in t = arguments[n]) Object.prototype.hasOwnProperty.call(t, i) && (e[i] = t[i]);
 		return e;
-	}, W.apply(this, arguments);
+	}, G.apply(this, arguments);
 };
-function We(e, t) {
+function Ue(e, t) {
 	var n, r;
 	return e && t ? (n = "" + e + t[0].toUpperCase() + t.slice(1), r = e + "-" + t) : (n = e || t, r = e || t), {
 		name: n,
 		classname: r
 	};
 }
-function Ge(e) {
+function We(e) {
 	return /^blob:/.test(e);
 }
-function Ke(e) {
-	return Ge(e) || function(e) {
+function Ge(e) {
+	return We(e) || function(e) {
 		return /^data:/.test(e);
 	}(e);
 }
-function qe(e) {
+function Ke(e) {
 	return !!(e && e.constructor && e.call && e.apply);
 }
-function G(e) {
+function K(e) {
 	return e === void 0;
 }
-function Je(e) {
+function qe(e) {
 	return typeof e == "object" && !!e;
 }
-function Ye(e, t, n) {
+function Je(e, t, n) {
 	var r = {};
-	return Je(e) ? (Object.keys(t).forEach((function(i) {
-		G(e[i]) ? r[i] = t[i] : Je(t[i]) ? Je(e[i]) ? r[i] = Ye(e[i], t[i], n[i]) : r[i] = e[i] ? t[i] : n[i] : !0 === t[i] || !1 === t[i] ? r[i] = !!e[i] : r[i] = e[i];
+	return qe(e) ? (Object.keys(t).forEach((function(i) {
+		K(e[i]) ? r[i] = t[i] : qe(t[i]) ? qe(e[i]) ? r[i] = Je(e[i], t[i], n[i]) : r[i] = e[i] ? t[i] : n[i] : !0 === t[i] || !1 === t[i] ? r[i] = !!e[i] : r[i] = e[i];
 	})), r) : e ? t : n;
 }
-function Xe(e) {
+function Ye(e) {
 	var t = Number(e);
 	return Number.isNaN(t) ? e : t;
 }
-function Ze(e) {
+function Xe(e) {
 	return typeof (e == "number" || function(e) {
 		return typeof e == "object" && !!e;
-	}(e) && toString.call(e) == "[object Number]") && !Qe(e);
+	}(e) && toString.call(e) == "[object Number]") && !Ze(e);
 }
-function Qe(e) {
+function Ze(e) {
 	return e != e;
 }
-function $e(e, t) {
+function Qe(e, t) {
 	return Math.sqrt((e.x - t.x) ** 2 + (e.y - t.y) ** 2);
 }
-var et = function(e, t) {
+var $e = function(e, t) {
 	e === void 0 && (e = {}), t === void 0 && (t = {}), this.type = "manipulateImage", this.move = e, this.scale = t;
-}, tt = function(e, t) {
+}, et = function(e, t) {
 	t === void 0 && (t = {}), this.type = "resize", this.directions = e, this.params = t;
-}, nt = function(e) {
+}, tt = function(e) {
 	this.type = "move", this.directions = e;
-}, rt = function() {
+}, nt = function() {
 	function e(e, t, n, r, i) {
 		this.type = "drag", this.nativeEvent = e, this.position = n, this.previousPosition = r, this.element = t, this.anchor = i;
 	}
@@ -801,7 +801,7 @@ var et = function(e, t) {
 			top: 0
 		};
 	}, e;
-}(), it = {
+}(), rt = {
 	name: "DraggableElement",
 	props: { classname: { type: String } },
 	beforeMount: function() {
@@ -822,7 +822,7 @@ var et = function(e, t) {
 			this.hovered && !this.touches.length && (this.hovered = !1, this.$emit("leave"));
 		},
 		onTouchStart: function(e) {
-			e.cancelable && !this.disabled && e.touches.length === 1 && (this.touches = Le(e.touches), this.hovered ||= (this.$emit("enter"), !0), e.touches.length && this.initAnchor(this.touches.reduce((function(t, n) {
+			e.cancelable && !this.disabled && e.touches.length === 1 && (this.touches = Ie(e.touches), this.hovered ||= (this.$emit("enter"), !0), e.touches.length && this.initAnchor(this.touches.reduce((function(t, n) {
 				return {
 					clientX: t.clientX + n.clientX / e.touches.length,
 					clientY: t.clientY + n.clientY / e.touches.length
@@ -868,11 +868,11 @@ var et = function(e, t) {
 			};
 		},
 		processMove: function(e, t) {
-			var n = Le(t);
+			var n = Ie(t);
 			if (this.touches.length) {
 				if (this.touches.length === 1 && n.length === 1) {
 					var r = this.$refs.draggable;
-					this.$emit("drag", new rt(e, r, {
+					this.$emit("drag", new nt(e, r, {
 						left: n[0].clientX,
 						top: n[0].clientY
 					}, {
@@ -894,7 +894,7 @@ var et = function(e, t) {
 		"enter"
 	]
 };
-it.render = function(e, n, r, i, a, s) {
+rt.render = function(e, n, r, i, a, s) {
 	return o(), b("div", {
 		ref: "draggable",
 		class: r.classname,
@@ -912,9 +912,9 @@ it.render = function(e, n, r, i, a, s) {
 		}
 	}, [t(e.$slots, "default")], 34);
 };
-var at = U("vue-handler-wrapper"), ot = {
+var it = W("vue-handler-wrapper"), at = {
 	name: "HandlerWrapper",
-	components: { DraggableElement: it },
+	components: { DraggableElement: rt },
 	props: {
 		horizontalPosition: { type: String },
 		verticalPosition: { type: String },
@@ -926,12 +926,12 @@ var at = U("vue-handler-wrapper"), ot = {
 	computed: { classes: function() {
 		var e;
 		if (this.horizontalPosition || this.verticalPosition) {
-			var t, n = We(this.horizontalPosition, this.verticalPosition);
-			e = at((V(t = {}, n.classname, !0), V(t, "disabled", this.disabled), t));
-		} else e = at({ disabled: this.disabled });
+			var t, n = Ue(this.horizontalPosition, this.verticalPosition);
+			e = it((H(t = {}, n.classname, !0), H(t, "disabled", this.disabled), t));
+		} else e = it({ disabled: this.disabled });
 		return {
 			root: e,
-			draggable: at("draggable")
+			draggable: it("draggable")
 		};
 	} },
 	emits: [
@@ -941,9 +941,9 @@ var at = U("vue-handler-wrapper"), ot = {
 		"drag-end"
 	]
 };
-ot.render = function(e, n, i, a, s, c) {
+at.render = function(e, n, i, a, s, c) {
 	var l = r("DraggableElement");
-	return o(), b("div", { class: c.classes.root }, [A(l, {
+	return o(), b("div", { class: c.classes.root }, [j(l, {
 		class: c.classes.draggable,
 		onDrag: n[1] ||= function(t) {
 			return e.$emit("drag", t);
@@ -964,9 +964,9 @@ ot.render = function(e, n, i, a, s, c) {
 		_: 3
 	}, 8, ["class"])], 2);
 };
-var st = U("vue-line-wrapper"), ct = {
+var ot = W("vue-line-wrapper"), st = {
 	name: "LineWrapper",
-	components: { DraggableElement: it },
+	components: { DraggableElement: rt },
 	props: {
 		position: {
 			type: String,
@@ -979,7 +979,7 @@ var st = U("vue-line-wrapper"), ct = {
 	},
 	computed: { classname: function() {
 		var e;
-		return st((V(e = {}, this.position, !0), V(e, "disabled", this.disabled), e));
+		return ot((H(e = {}, this.position, !0), H(e, "disabled", this.disabled), e));
 	} },
 	emits: [
 		"leave",
@@ -988,7 +988,7 @@ var st = U("vue-line-wrapper"), ct = {
 		"drag-end"
 	]
 };
-ct.render = function(e, n, i, a, s, c) {
+st.render = function(e, n, i, a, s, c) {
 	var l = r("DraggableElement");
 	return o(), b(l, {
 		class: c.classname,
@@ -1011,23 +1011,23 @@ ct.render = function(e, n, i, a, s, c) {
 		_: 3
 	}, 8, ["class"]);
 };
-var K = [
+var q = [
 	"left",
 	"right",
 	"top",
 	"bottom"
-], lt = ["left", "right"], ut = ["top", "bottom"], dt = ["left", "top"], ft = [
+], ct = ["left", "right"], lt = ["top", "bottom"], ut = ["left", "top"], dt = [
 	"fill-area",
 	"fit-area",
 	"stencil",
 	"none"
-], pt = {
+], ft = {
 	left: 0,
 	top: 0,
 	width: 0,
 	height: 0
 };
-function mt(e, t, n) {
+function pt(e, t, n) {
 	return !(n ||= [
 		"width",
 		"height",
@@ -1037,7 +1037,7 @@ function mt(e, t, n) {
 		return e[n] !== t[n];
 	}));
 }
-function q(e) {
+function J(e) {
 	return {
 		left: e.left,
 		top: e.top,
@@ -1045,31 +1045,31 @@ function q(e) {
 		bottom: e.top + e.height
 	};
 }
-function ht(e, t) {
+function mt(e, t) {
 	return {
 		left: e.left - t.left,
 		top: e.top - t.top
 	};
 }
-function J(e) {
+function Y(e) {
 	return {
 		left: e.left + e.width / 2,
 		top: e.top + e.height / 2
 	};
 }
-function gt(e, t) {
+function ht(e, t) {
 	var n = {
 		left: 0,
 		top: 0,
 		right: 0,
 		bottom: 0
 	};
-	return K.forEach((function(r) {
-		var i = t[r], a = q(e)[r];
+	return q.forEach((function(r) {
+		var i = t[r], a = J(e)[r];
 		n[r] = i !== void 0 && a !== void 0 ? r === "left" || r === "top" ? Math.max(0, i - a) : Math.max(0, a - i) : 0;
 	})), n;
 }
-function Y(e, t) {
+function gt(e, t) {
 	return {
 		left: e.left - t.left,
 		top: e.top - t.top,
@@ -1084,7 +1084,7 @@ function _t(e) {
 	};
 }
 function X(e, t) {
-	return W(W({}, e), {
+	return G(G({}, e), {
 		left: e.left + t.left,
 		top: e.top + t.top
 	});
@@ -1092,7 +1092,7 @@ function X(e, t) {
 function Z(e, t, n, r) {
 	if (t !== 1) {
 		if (n) {
-			var i = J(e);
+			var i = Y(e);
 			return {
 				width: e.width * t,
 				height: e.height * t,
@@ -1119,7 +1119,7 @@ function yt(e, t) {
 	var n = {
 		left: 0,
 		top: 0
-	}, r = gt(e, t);
+	}, r = ht(e, t);
 	return r.left && r.left > 0 ? n.left = r.left : r.right && r.right > 0 && (n.left = -r.right), r.top && r.top > 0 ? n.top = r.top : r.bottom && r.bottom > 0 && (n.top = -r.bottom), n;
 }
 function bt(e, t) {
@@ -1157,7 +1157,7 @@ function Ct(e, t) {
 	};
 }
 function wt(e, t) {
-	var n = gt($(e, t), t);
+	var n = ht($(e, t), t);
 	return n.left + n.right + n.top + n.bottom ? n.left + n.right > n.top + n.bottom ? Math.min((e.width + n.left + n.right) / e.width, vt(e, t)) : Math.min((e.height + n.top + n.bottom) / e.height, vt(e, t)) : 1;
 }
 function $(e, t, n) {
@@ -1172,7 +1172,7 @@ function Tt(e) {
 	};
 }
 function Et(e, t) {
-	return W(W({}, e), {
+	return G(G({}, e), {
 		minWidth: Math.min(t.width, e.minWidth),
 		minHeight: Math.min(t.height, e.minHeight),
 		maxWidth: Math.min(t.width, e.maxWidth),
@@ -1182,7 +1182,7 @@ function Et(e, t) {
 function Dt(e, t, n) {
 	n === void 0 && (n = !0);
 	var r = {};
-	return K.forEach((function(i) {
+	return q.forEach((function(i) {
 		var a = e[i], o = t[i];
 		a !== void 0 && o !== void 0 ? r[i] = i === "left" || i === "top" ? n ? Math.max(a, o) : Math.min(a, o) : n ? Math.min(a, o) : Math.max(a, o) : o === void 0 ? a !== void 0 && (r[i] = a) : r[i] = o;
 	})), r;
@@ -1252,20 +1252,20 @@ function Nt(e) {
 		return Mt({
 			coordinates: e,
 			positionRestrictions: a,
-			event: new nt({
+			event: new tt({
 				left: t.left - e.left,
 				top: t.top - e.top
 			})
 		});
-	}, l = W({}, t);
+	}, l = G({}, t);
 	return (Array.isArray(n) ? n : [n]).forEach((function(e) {
 		var t = {};
-		G((t = typeof e == "function" ? e({
+		K((t = typeof e == "function" ? e({
 			coordinates: l,
 			imageSize: r,
 			visibleArea: s
-		}) : e).width) && G(t.height) || (l = function(e, t) {
-			return c(W(W(W({}, e), jt({
+		}) : e).width) && K(t.height) || (l = function(e, t) {
+			return c(G(G(G({}, e), jt({
 				width: t.width,
 				height: t.height,
 				sizeRestrictions: i,
@@ -1277,12 +1277,12 @@ function Nt(e) {
 				left: e.left,
 				top: e.top
 			});
-		}(l, W(W({}, l), t))), G(t.left) && G(t.top) || (l = c(l, W(W({}, l), t)));
+		}(l, G(G({}, l), t))), K(t.left) && K(t.top) || (l = c(l, G(G({}, l), t)));
 	})), l;
 }
 function Pt(e) {
-	var t = e.getAreaRestrictions, n = e.boundaries, r = e.coordinates, i = e.visibleArea, a = e.stencilSize, o = e.sizeRestrictions, s = e.positionRestrictions, c, l, u, d = W({}, r), f = W({}, i), p = W({}, a);
-	c = Q(p), l = Q(d), u === void 0 && (u = .001), (c === 0 || l === 0 ? Math.abs(l - c) < u : Math.abs(l / c) < 1 + u && Math.abs(l / c) > 1 - u) || (d = W(W({}, d), jt({
+	var t = e.getAreaRestrictions, n = e.boundaries, r = e.coordinates, i = e.visibleArea, a = e.stencilSize, o = e.sizeRestrictions, s = e.positionRestrictions, c, l, u, d = G({}, r), f = G({}, i), p = G({}, a);
+	c = Q(p), l = Q(d), u === void 0 && (u = .001), (c === 0 || l === 0 ? Math.abs(l - c) < u : Math.abs(l / c) < 1 + u && Math.abs(l / c) > 1 - u) || (d = G(G({}, d), jt({
 		sizeRestrictions: o,
 		width: d.width,
 		height: d.height,
@@ -1295,16 +1295,16 @@ function Pt(e) {
 		visibleArea: f,
 		type: "resize"
 	}));
-	return m !== 1 && (f = Z(f, m), d = Z(d, m)), f = $(f = X(f, ht(J(d), J(f))), t({
+	return m !== 1 && (f = Z(f, m), d = Z(d, m)), f = $(f = X(f, mt(Y(d), Y(f))), t({
 		visibleArea: f,
 		type: "move"
 	})), {
-		coordinates: d = $(d, Ot(q(f), s)),
+		coordinates: d = $(d, Ot(J(f), s)),
 		visibleArea: f
 	};
 }
 function Ft(e) {
-	var t = e.event, n = e.getAreaRestrictions, r = e.boundaries, i = e.coordinates, a = e.visibleArea, o = e.positionRestrictions, s = W({}, i), c = W({}, a);
+	var t = e.event, n = e.getAreaRestrictions, r = e.boundaries, i = e.coordinates, a = e.visibleArea, o = e.positionRestrictions, s = G({}, i), c = G({}, a);
 	if (i && a && t.type !== "manipulateImage") {
 		var l = {
 			width: 0,
@@ -1315,10 +1315,10 @@ function Ft(e) {
 			visibleArea: c,
 			type: "resize"
 		}));
-		c = Z(c, u), u !== 1 && (l.height /= u, l.width /= u), c = $(c = X(c, ht(J(s), J(c))), n({
+		c = Z(c, u), u !== 1 && (l.height /= u, l.width /= u), c = $(c = X(c, mt(Y(s), Y(c))), n({
 			visibleArea: c,
 			type: "move"
-		})), s = $(s, Ot(q(c), o));
+		})), s = $(s, Ot(J(c), o));
 	}
 	return {
 		coordinates: s,
@@ -1326,7 +1326,7 @@ function Ft(e) {
 	};
 }
 function It(e) {
-	var t = e.event, n = e.coordinates, r = e.visibleArea, i = e.getAreaRestrictions, a = W({}, r), o = W({}, n);
+	var t = e.event, n = e.coordinates, r = e.visibleArea, i = e.getAreaRestrictions, a = G({}, r), o = G({}, n);
 	if (t.type === "setCoordinates") {
 		var s = Math.max(0, o.width - a.width), c = Math.max(0, o.height - a.height);
 		s > c ? a = Z(a, Math.min(o.width / a.width, vt(a, i({
@@ -1335,7 +1335,7 @@ function It(e) {
 		})))) : c > s && (a = Z(a, Math.min(o.height / a.height, vt(a, i({
 			visibleArea: a,
 			type: "resize"
-		}))))), a = $(a = X(a, _t(yt(o, q(a)))), i({
+		}))))), a = $(a = X(a, _t(yt(o, J(a)))), i({
 			visibleArea: a,
 			type: "move"
 		}));
@@ -1360,7 +1360,7 @@ function Rt(e) {
 		height: .8 * a.height,
 		width: .8 * a.height * o
 	};
-	return jt(W(W({}, s), {
+	return jt(G(G({}, s), {
 		aspectRatio: r,
 		sizeRestrictions: i
 	}));
@@ -1388,7 +1388,7 @@ function Bt(e) {
 			top: n.top + n.height / 2 - o.height / 2,
 			width: o.width,
 			height: o.height
-		}, c = gt(n, q(W({
+		}, c = ht(n, J(G({
 			left: 0,
 			top: 0
 		}, r))), l = {};
@@ -1406,10 +1406,10 @@ function Bt(e) {
 	};
 }
 function Vt(e, t) {
-	return Dt(e, q(t));
+	return Dt(e, J(t));
 }
 function Ht(e) {
-	var t = e.event, n = e.coordinates, r = e.visibleArea, i = e.sizeRestrictions, a = e.getAreaRestrictions, o = e.positionRestrictions, s = e.adjustStencil, c = t.scale, l = t.move, u = W({}, r), d = W({}, n), f = 1, p = 1, m = c.factor && Math.abs(c.factor - 1) > .001;
+	var t = e.event, n = e.coordinates, r = e.visibleArea, i = e.sizeRestrictions, a = e.getAreaRestrictions, o = e.positionRestrictions, s = e.adjustStencil, c = t.scale, l = t.move, u = G({}, r), d = G({}, n), f = 1, p = 1, m = c.factor && Math.abs(c.factor - 1) > .001;
 	u = X(u, {
 		left: l.left || 0,
 		top: l.top || 0
@@ -1434,49 +1434,49 @@ function Ht(e) {
 	})), a({
 		visibleArea: u,
 		type: "move"
-	})), d.width *= p, d.height *= p, d.left = u.left + g * p, d.top = u.top + v * p, d = $(d, Ot(q(u), o)), c.factor && m && s && (c.factor > 1 ? f = Math.min(h.area.maximum, c.factor) / p : c.factor < 1 && (f = Math.max(d.height / u.height, d.width / u.width, c.factor / p)), f !== 1 && (u = X(u = $(u = Z(u, f, c.factor > 1 ? c.center : J(d)), a({
+	})), d.width *= p, d.height *= p, d.left = u.left + g * p, d.top = u.top + v * p, d = $(d, Ot(J(u), o)), c.factor && m && s && (c.factor > 1 ? f = Math.min(h.area.maximum, c.factor) / p : c.factor < 1 && (f = Math.max(d.height / u.height, d.width / u.width, c.factor / p)), f !== 1 && (u = X(u = $(u = Z(u, f, c.factor > 1 ? c.center : Y(d)), a({
 		visibleArea: u,
 		type: "move"
-	})), _t(yt(d, q(u)))))), {
+	})), _t(yt(d, J(u)))))), {
 		coordinates: d,
 		visibleArea: u
 	};
 }
 function Ut(e) {
-	var t = e.aspectRatio, n = e.getAreaRestrictions, r = e.coordinates, i = e.visibleArea, a = e.sizeRestrictions, o = e.positionRestrictions, s = e.imageSize, c = e.previousImageSize, l = e.angle, u = W({}, r), d = W({}, i), f = Ct(J(W({
+	var t = e.aspectRatio, n = e.getAreaRestrictions, r = e.coordinates, i = e.visibleArea, a = e.sizeRestrictions, o = e.positionRestrictions, s = e.imageSize, c = e.previousImageSize, l = e.angle, u = G({}, r), d = G({}, i), f = Ct(Y(G({
 		left: 0,
 		top: 0
 	}, c)), l);
-	return (u = W(W({}, jt({
+	return (u = G(G({}, jt({
 		sizeRestrictions: a,
 		aspectRatio: t,
 		width: u.width,
 		height: u.height
-	})), Ct(J(u), l))).left -= f.left - s.width / 2 + u.width / 2, u.top -= f.top - s.height / 2 + u.height / 2, d = Z(d, wt(d, n({
+	})), Ct(Y(u), l))).left -= f.left - s.width / 2 + u.width / 2, u.top -= f.top - s.height / 2 + u.height / 2, d = Z(d, wt(d, n({
 		visibleArea: d,
 		type: "resize"
 	}))), {
 		coordinates: u = $(u, o),
-		visibleArea: d = $(d = X(d, ht(J(u), J(r))), n({
+		visibleArea: d = $(d = X(d, mt(Y(u), Y(r))), n({
 			visibleArea: d,
 			type: "move"
 		}))
 	};
 }
 function Wt(e) {
-	var t = e.flip, n = e.previousFlip, r = e.rotate, i = e.getAreaRestrictions, a = e.coordinates, o = e.visibleArea, s = e.imageSize, c = W({}, a), l = W({}, o), u = n.horizontal !== t.horizontal, d = n.vertical !== t.vertical;
+	var t = e.flip, n = e.previousFlip, r = e.rotate, i = e.getAreaRestrictions, a = e.coordinates, o = e.visibleArea, s = e.imageSize, c = G({}, a), l = G({}, o), u = n.horizontal !== t.horizontal, d = n.vertical !== t.vertical;
 	if (u || d) {
 		var f = Ct({
 			left: s.width / 2,
 			top: s.height / 2
-		}, -r), p = Ct(J(c), -r), m = Ct({
+		}, -r), p = Ct(Y(c), -r), m = Ct({
 			left: u ? f.left - (p.left - f.left) : p.left,
 			top: d ? f.top - (p.top - f.top) : p.top
 		}, r);
-		c = X(c, ht(m, J(c))), p = Ct(J(l), -r), l = $(l = X(l, ht(m = Ct({
+		c = X(c, mt(m, Y(c))), p = Ct(Y(l), -r), l = $(l = X(l, mt(m = Ct({
 			left: u ? f.left - (p.left - f.left) : p.left,
 			top: d ? f.top - (p.top - f.top) : p.top
-		}, r), J(l))), i({
+		}, r), Y(l))), i({
 			visibleArea: l,
 			type: "move"
 		}));
@@ -1487,10 +1487,10 @@ function Wt(e) {
 	};
 }
 function Gt(e) {
-	var t = e.directions, n = e.coordinates, r = e.positionRestrictions, i = r === void 0 ? {} : r, a = e.sizeRestrictions, o = e.preserveRatio, s = e.compensate, c = W({}, t), l = Y(n, c).width, u = Y(n, c).height;
+	var t = e.directions, n = e.coordinates, r = e.positionRestrictions, i = r === void 0 ? {} : r, a = e.sizeRestrictions, o = e.preserveRatio, s = e.compensate, c = G({}, t), l = gt(n, c).width, u = gt(n, c).height;
 	l < 0 && (c.left < 0 && c.right < 0 ? (c.left = -(n.width - a.minWidth) / (c.left / c.right), c.right = -(n.width - a.minWidth) / (c.right / c.left)) : c.left < 0 ? c.left = -(n.width - a.minWidth) : c.right < 0 && (c.right = -(n.width - a.minWidth))), u < 0 && (c.top < 0 && c.bottom < 0 ? (c.top = -(n.height - a.minHeight) / (c.top / c.bottom), c.bottom = -(n.height - a.minHeight) / (c.bottom / c.top)) : c.top < 0 ? c.top = -(n.height - a.minHeight) : c.bottom < 0 && (c.bottom = -(n.height - a.minHeight)));
-	var d = gt(Y(n, c), i);
-	s && (d.left && d.left > 0 && d.right === 0 ? (c.right += d.left, c.left -= d.left) : d.right && d.right > 0 && d.left === 0 && (c.left += d.right, c.right -= d.right), d.top && d.top > 0 && d.bottom === 0 ? (c.bottom += d.top, c.top -= d.top) : d.bottom && d.bottom > 0 && d.top === 0 && (c.top += d.bottom, c.bottom -= d.bottom), d = gt(Y(n, c), i));
+	var d = ht(gt(n, c), i);
+	s && (d.left && d.left > 0 && d.right === 0 ? (c.right += d.left, c.left -= d.left) : d.right && d.right > 0 && d.left === 0 && (c.left += d.right, c.right -= d.right), d.top && d.top > 0 && d.bottom === 0 ? (c.bottom += d.top, c.top -= d.top) : d.bottom && d.bottom > 0 && d.top === 0 && (c.top += d.bottom, c.bottom -= d.bottom), d = ht(gt(n, c), i));
 	var f = {
 		width: Infinity,
 		height: Infinity,
@@ -1499,27 +1499,27 @@ function Gt(e) {
 		top: Infinity,
 		bottom: Infinity
 	};
-	if (K.forEach((function(e) {
+	if (q.forEach((function(e) {
 		var t = d[e];
 		t && c[e] && (f[e] = Math.max(0, 1 - t / c[e]));
 	})), o) {
-		var p = Math.min.apply(null, K.map((function(e) {
+		var p = Math.min.apply(null, q.map((function(e) {
 			return f[e];
 		})));
-		p !== Infinity && K.forEach((function(e) {
+		p !== Infinity && q.forEach((function(e) {
 			c[e] *= p;
 		}));
-	} else K.forEach((function(e) {
+	} else q.forEach((function(e) {
 		f[e] !== Infinity && (c[e] *= f[e]);
 	}));
-	if (l = Y(n, c).width, u = Y(n, c).height, c.right + c.left && (l > a.maxWidth ? f.width = (a.maxWidth - n.width) / (c.right + c.left) : l < a.minWidth && (f.width = (a.minWidth - n.width) / (c.right + c.left))), c.bottom + c.top && (u > a.maxHeight ? f.height = (a.maxHeight - n.height) / (c.bottom + c.top) : u < a.minHeight && (f.height = (a.minHeight - n.height) / (c.bottom + c.top))), o) {
+	if (l = gt(n, c).width, u = gt(n, c).height, c.right + c.left && (l > a.maxWidth ? f.width = (a.maxWidth - n.width) / (c.right + c.left) : l < a.minWidth && (f.width = (a.minWidth - n.width) / (c.right + c.left))), c.bottom + c.top && (u > a.maxHeight ? f.height = (a.maxHeight - n.height) / (c.bottom + c.top) : u < a.minHeight && (f.height = (a.minHeight - n.height) / (c.bottom + c.top))), o) {
 		var m = Math.min(f.width, f.height);
-		m !== Infinity && K.forEach((function(e) {
+		m !== Infinity && q.forEach((function(e) {
 			c[e] *= m;
 		}));
-	} else f.width !== Infinity && lt.forEach((function(e) {
+	} else f.width !== Infinity && ct.forEach((function(e) {
 		c[e] *= f.width;
-	})), f.height !== Infinity && ut.forEach((function(e) {
+	})), f.height !== Infinity && lt.forEach((function(e) {
 		c[e] *= f.height;
 	}));
 	return c;
@@ -1527,9 +1527,9 @@ function Gt(e) {
 function Kt(e, t, n) {
 	return t == 0 && n == 0 ? e / 2 : t == 0 ? 0 : n == 0 ? e : e * Math.abs(t / (t + n));
 }
-var qt = U("vue-simple-handler"), Jt = U("vue-simple-handler-wrapper"), Yt = {
+var qt = W("vue-simple-handler"), Jt = W("vue-simple-handler-wrapper"), Yt = {
 	name: "SimpleHandler",
-	components: { HandlerWrapper: ot },
+	components: { HandlerWrapper: at },
 	props: {
 		defaultClass: { type: String },
 		hoverClass: { type: String },
@@ -1545,10 +1545,10 @@ var qt = U("vue-simple-handler"), Jt = U("vue-simple-handler-wrapper"), Yt = {
 		return { hover: !1 };
 	},
 	computed: { classes: function() {
-		var e, t = (V(e = {}, this.horizontalPosition, !!this.horizontalPosition), V(e, this.verticalPosition, !!this.verticalPosition), V(e, `${this.horizontalPosition}-${this.verticalPosition}`, !!(this.verticalPosition && this.horizontalPosition)), V(e, "hover", this.hover), e);
+		var e, t = (H(e = {}, this.horizontalPosition, !!this.horizontalPosition), H(e, this.verticalPosition, !!this.verticalPosition), H(e, `${this.horizontalPosition}-${this.verticalPosition}`, !!(this.verticalPosition && this.horizontalPosition)), H(e, "hover", this.hover), e);
 		return {
-			default: H(qt(t), this.defaultClass, this.hover && this.hoverClass),
-			wrapper: H(Jt(t), this.wrapperClass)
+			default: U(qt(t), this.defaultClass, this.hover && this.hoverClass),
+			wrapper: U(Jt(t), this.wrapperClass)
 		};
 	} },
 	methods: {
@@ -1580,7 +1580,7 @@ Yt.render = function(e, t, n, i, a, s) {
 		onLeave: s.onLeave
 	}, {
 		default: u((function() {
-			return [A("div", { class: s.classes.default }, null, 2)];
+			return [j("div", { class: s.classes.default }, null, 2)];
 		})),
 		_: 1
 	}, 8, [
@@ -1594,9 +1594,9 @@ Yt.render = function(e, t, n, i, a, s) {
 		"onLeave"
 	]);
 };
-var Xt = U("vue-simple-line"), Zt = U("vue-simple-line-wrapper"), Qt = {
+var Xt = W("vue-simple-line"), Zt = W("vue-simple-line-wrapper"), Qt = {
 	name: "SimpleLine",
-	components: { LineWrapper: ct },
+	components: { LineWrapper: st },
 	props: {
 		defaultClass: { type: String },
 		hoverClass: { type: String },
@@ -1612,8 +1612,8 @@ var Xt = U("vue-simple-line"), Zt = U("vue-simple-line-wrapper"), Qt = {
 	},
 	computed: { classes: function() {
 		return {
-			root: H(Xt(V({}, this.position, !0)), this.defaultClass, this.hover && this.hoverClass),
-			wrapper: H(Zt(V({}, this.position, !0)), this.wrapperClass)
+			root: U(Xt(H({}, this.position, !0)), this.defaultClass, this.hover && this.hoverClass),
+			wrapper: U(Zt(H({}, this.position, !0)), this.wrapperClass)
 		};
 	} },
 	methods: {
@@ -1644,7 +1644,7 @@ Qt.render = function(e, t, n, i, a, s) {
 		onLeave: s.onLeave
 	}, {
 		default: u((function() {
-			return [A("div", { class: s.classes.root }, null, 2)];
+			return [j("div", { class: s.classes.root }, null, 2)];
 		})),
 		_: 1
 	}, 8, [
@@ -1657,7 +1657,7 @@ Qt.render = function(e, t, n, i, a, s) {
 		"onLeave"
 	]);
 };
-var $t = U("vue-bounding-box"), en = [
+var $t = W("vue-bounding-box"), en = [
 	"east",
 	"west",
 	null
@@ -1743,7 +1743,7 @@ var $t = U("vue-bounding-box"), en = [
 		return en.forEach((function(t) {
 			tn.forEach((function(n) {
 				if (t !== n) {
-					var r = We(t, n);
+					var r = Ue(t, n);
 					e.push({
 						name: r.name,
 						classname: r.classname,
@@ -1775,8 +1775,8 @@ var $t = U("vue-bounding-box"), en = [
 				n.horizontalDirection && n.verticalDirection || !e.lines[n.name] || t.push({
 					name: n.name,
 					component: e.linesComponent,
-					class: H(e.classes.lines.default, e.classes.lines[n.name], !e.resizable && e.classes.lines.disabled),
-					wrapperClass: H(e.classes.linesWrappers.default, e.classes.linesWrappers[n.name], !e.resizable && e.classes.linesWrappers.disabled),
+					class: U(e.classes.lines.default, e.classes.lines[n.name], !e.resizable && e.classes.lines.disabled),
+					wrapperClass: U(e.classes.linesWrappers.default, e.classes.linesWrappers[n.name], !e.resizable && e.classes.linesWrappers.disabled),
 					hoverClass: e.classes.lines.hover,
 					verticalDirection: n.verticalDirection,
 					horizontalDirection: n.horizontalDirection,
@@ -1791,8 +1791,8 @@ var $t = U("vue-bounding-box"), en = [
 					var a = {
 						name: i.name,
 						component: e.handlersComponent,
-						class: H(e.classes.handlers.default, e.classes.handlers[i.name]),
-						wrapperClass: H(e.classes.handlersWrappers.default, e.classes.handlersWrappers[i.name]),
+						class: U(e.classes.handlers.default, e.classes.handlers[i.name]),
+						wrapperClass: U(e.classes.handlersWrappers.default, e.classes.handlersWrappers[i.name]),
 						hoverClass: e.classes.handlers.hover,
 						verticalDirection: i.verticalDirection,
 						horizontalDirection: i.horizontalDirection,
@@ -1801,7 +1801,7 @@ var $t = U("vue-bounding-box"), en = [
 					if (n && r) {
 						var o = i.horizontalDirection, s = i.verticalDirection, c = o === "east" ? n : o === "west" ? 0 : n / 2, l = s === "south" ? r : s === "north" ? 0 : r / 2;
 						a.wrapperClass = $t("handler"), a.wrapperStyle = { transform: `translate(${c}px, ${l}px)` }, e.transitions && e.transitions.enabled && (a.wrapperStyle.transition = `${e.transitions.time}ms ${e.transitions.timingFunction}`);
-					} else a.wrapperClass = $t("handler", V({}, i.classname, !0));
+					} else a.wrapperClass = $t("handler", H({}, i.classname, !0));
 					t.push(a);
 				}
 			})), t;
@@ -1827,7 +1827,7 @@ var $t = U("vue-bounding-box"), en = [
 				top: 0,
 				bottom: 0
 			};
-			t === "west" ? s.left -= a : t === "east" && (s.right += a), n === "north" ? s.top -= o : n === "south" && (s.bottom += o), !n && t ? r = "width" : n && !t && (r = "height"), this.resizable && this.$emit("resize", new tt(s, {
+			t === "west" ? s.left -= a : t === "east" && (s.right += a), n === "north" ? s.top -= o : n === "south" && (s.bottom += o), !n && t ? r = "width" : n && !t && (r = "height"), this.resizable && this.$emit("resize", new et(s, {
 				allowedDirections: {
 					left: t === "west" || !t,
 					right: t === "east" || !t,
@@ -1848,7 +1848,7 @@ nn.render = function(e, n, r, i, s, l) {
 		style: l.style
 	}, [
 		t(e.$slots, "default"),
-		A("div", null, [(o(!0), b(D, null, c(l.lineNodes, (function(e) {
+		j("div", null, [(o(!0), b(O, null, c(l.lineNodes, (function(e) {
 			return o(), b(a(e.component), {
 				key: e.name,
 				"default-class": e.class,
@@ -1871,7 +1871,7 @@ nn.render = function(e, n, r, i, s, l) {
 				"onDrag"
 			]);
 		})), 128))]),
-		(o(!0), b(D, null, c(l.handlerNodes, (function(e) {
+		(o(!0), b(O, null, c(l.handlerNodes, (function(e) {
 			return o(), b("div", {
 				key: e.name,
 				style: e.wrapperStyle,
@@ -1901,7 +1901,7 @@ nn.render = function(e, n, r, i, s, l) {
 		})), 128))
 	], 6);
 };
-var rn = U("vue-draggable-area"), an = {
+var rn = W("vue-draggable-area"), an = {
 	name: "DraggableArea",
 	props: {
 		movable: {
@@ -1929,14 +1929,14 @@ var rn = U("vue-draggable-area"), an = {
 		onTouchStart: function(e) {
 			if (e.cancelable) {
 				var t = this.movable && e.touches.length === 1;
-				t && (this.touches = Le(e.touches)), (this.touchStarted || t) && (e.preventDefault(), e.stopPropagation());
+				t && (this.touches = Ie(e.touches)), (this.touchStarted || t) && (e.preventDefault(), e.stopPropagation());
 			}
 		},
 		onTouchEnd: function() {
 			this.touchStarted = !1, this.processEnd();
 		},
 		onTouchMove: function(e) {
-			this.touches.length >= 1 && (this.touchStarted ? (this.processMove(e, e.touches), e.preventDefault(), e.stopPropagation()) : $e({
+			this.touches.length >= 1 && (this.touchStarted ? (this.processMove(e, e.touches), e.preventDefault(), e.stopPropagation()) : Qe({
 				x: this.touches[0].clientX,
 				y: this.touches[0].clientY
 			}, {
@@ -1975,10 +1975,10 @@ var rn = U("vue-draggable-area"), an = {
 			};
 		},
 		processMove: function(e, t) {
-			var n = Le(t);
+			var n = Ie(t);
 			if (this.touches.length) {
 				var r = this.$refs.container.getBoundingClientRect(), i = r.left, a = r.top;
-				this.touches.length === 1 && n.length === 1 && this.$emit("move", new nt({
+				this.touches.length === 1 && n.length === 1 && this.$emit("move", new tt({
 					left: n[0].clientX - (i + this.anchor.x),
 					top: n[0].clientY - (a + this.anchor.y)
 				}));
@@ -2078,7 +2078,7 @@ function ln(e) {
 		return null;
 	}
 }
-var un = U("vue-preview-result"), dn = {
+var un = W("vue-preview-result"), dn = {
 	name: "PreviewResult",
 	props: {
 		image: { type: Object },
@@ -2102,7 +2102,7 @@ var un = U("vue-preview-result"), dn = {
 				root: un(),
 				wrapper: un("wrapper"),
 				imageWrapper: un("image-wrapper"),
-				image: H(un("image"), this.imageClass)
+				image: U(un("image"), this.imageClass)
 			};
 		},
 		wrapperStyle: function() {
@@ -2143,7 +2143,7 @@ function fn(e, t) {
 	return e.forEach((function(t) {
 		a.left += (t.clientX - r) / e.length, a.top += (t.clientY - i) / e.length;
 	})), e.forEach((function(e) {
-		o += $e({
+		o += Qe({
 			x: a.left,
 			y: a.top
 		}, {
@@ -2157,11 +2157,11 @@ function fn(e, t) {
 	};
 }
 dn.render = function(e, t, n, r, i, a) {
-	return o(), b("div", { class: a.classes.root }, [A("div", {
+	return o(), b("div", { class: a.classes.root }, [j("div", {
 		ref: "wrapper",
 		class: a.classes.wrapper,
 		style: a.wrapperStyle
-	}, [A("img", {
+	}, [j("img", {
 		ref: "image",
 		src: n.image.src,
 		class: a.classes.image,
@@ -2198,18 +2198,18 @@ var pn = {
 		window.removeEventListener("mouseup", this.onMouseUp), window.removeEventListener("mousemove", this.onMouseMove), window.removeEventListener("touchmove", this.onTouchMove), window.removeEventListener("touchend", this.onTouchEnd);
 	},
 	created: function() {
-		this.transforming = !1, this.debouncedProcessEnd = Ue(this.processEnd), this.touches = [];
+		this.transforming = !1, this.debouncedProcessEnd = He(this.processEnd), this.touches = [];
 	},
 	methods: {
 		processMove: function(e, t) {
 			if (this.touches.length) {
-				if (this.touches.length === 1 && t.length === 1) this.$emit("move", new et({
+				if (this.touches.length === 1 && t.length === 1) this.$emit("move", new $e({
 					left: this.touches[0].clientX - t[0].clientX,
 					top: this.touches[0].clientY - t[0].clientY
 				}));
 				else if (this.touches.length > 1 && this.touchResize) {
 					var n = fn(t, this.$refs.container), r = this.oldGeometricProperties;
-					r.count === n.count && r.count > 1 && this.$emit("resize", new et({
+					r.count === n.count && r.count > 1 && this.$emit("resize", new $e({
 						left: r.centerMass.left - n.centerMass.left,
 						top: r.centerMass.top - n.centerMass.top
 					}, {
@@ -2232,7 +2232,7 @@ var pn = {
 		onTouchStart: function(e) {
 			if (e.cancelable && (this.touchMove || this.touchResize && e.touches.length > 1) && this.processEvent(e)) {
 				var t = this.$refs.container, n = t.getBoundingClientRect(), r = n.left, i = n.top, a = n.bottom, o = n.right;
-				this.touches = Le(e.touches).filter((function(e) {
+				this.touches = Ie(e.touches).filter((function(e) {
 					return e.clientX > r && e.clientX < o && e.clientY > i && e.clientY < a;
 				})), this.oldGeometricProperties = fn(this.touches, t);
 			}
@@ -2243,7 +2243,7 @@ var pn = {
 		onTouchMove: function(e) {
 			var t = this;
 			if (this.touches.length) {
-				var n = Le(e.touches).filter((function(e) {
+				var n = Ie(e.touches).filter((function(e) {
 					return !e.identifier || t.touches.find((function(t) {
 						return t.identifier === e.identifier;
 					}));
@@ -2272,11 +2272,11 @@ var pn = {
 		},
 		onWheel: function(e) {
 			if (this.wheelResize && this.processEvent(e)) {
-				var t = this.$refs.container.getBoundingClientRect(), n = t.left, r = t.top, i = 1 + this.wheelResize.ratio * (o = e.deltaY || e.detail || e.wheelDelta, (s = +o) == 0 || Qe(s) ? s : s > 0 ? 1 : -1), a = {
+				var t = this.$refs.container.getBoundingClientRect(), n = t.left, r = t.top, i = 1 + this.wheelResize.ratio * (o = e.deltaY || e.detail || e.wheelDelta, (s = +o) == 0 || Ze(s) ? s : s > 0 ? 1 : -1), a = {
 					left: e.clientX - n,
 					top: e.clientY - r
 				};
-				this.$emit("resize", new et({}, {
+				this.$emit("resize", new $e({}, {
 					factor: i,
 					center: a
 				})), this.touches.length || this.debouncedProcessEnd();
@@ -2351,7 +2351,7 @@ mn.render = function(e, n, i, a, s, c) {
 		"wheel-resize"
 	]);
 };
-var hn = U("vue-preview"), gn = {
+var hn = W("vue-preview"), gn = {
 	props: {
 		coordinates: { type: Object },
 		transitions: { type: Object },
@@ -2384,7 +2384,7 @@ var hn = U("vue-preview"), gn = {
 				root: hn({ fill: this.fill }),
 				wrapper: hn("wrapper"),
 				imageWrapper: hn("image-wrapper"),
-				image: H(hn("image"), this.imageClass)
+				image: U(hn("image"), this.imageClass)
 			};
 		},
 		style: function() {
@@ -2403,7 +2403,7 @@ var hn = U("vue-preview"), gn = {
 		},
 		imageStyle: function() {
 			if (this.coordinates && this.image) {
-				var e = this.coordinates.width / this.size.width, t = B(B({
+				var e = this.coordinates.width / this.size.width, t = V(V({
 					rotate: 0,
 					flip: {
 						horizontal: !1,
@@ -2480,11 +2480,11 @@ gn.render = function(e, t, r, i, a, s) {
 		ref: "root",
 		class: s.classes.root,
 		style: s.style
-	}, [A("div", {
+	}, [j("div", {
 		ref: "wrapper",
 		class: s.classes.wrapper,
 		style: s.wrapperStyle
-	}, [n(A("img", {
+	}, [n(j("img", {
 		ref: "image",
 		src: r.image && r.image.src,
 		class: s.classes.image,
@@ -2499,7 +2499,7 @@ _n.render = function(t, n, i, a, s, c) {
 	var l = r("preview");
 	return o(), b(l, e(t.$attrs, { fill: !0 }), null, 16);
 };
-var vn = U("vue-rectangle-stencil"), yn = {
+var vn = W("vue-rectangle-stencil"), yn = {
 	name: "RectangleStencil",
 	components: {
 		StencilPreview: _n,
@@ -2574,13 +2574,13 @@ var vn = U("vue-rectangle-stencil"), yn = {
 	computed: {
 		classes: function() {
 			return {
-				stencil: H(vn({
+				stencil: U(vn({
 					movable: this.movable,
 					moving: this.moving,
 					resizing: this.resizing
 				}), this.moving && this.movingClass, this.resizing && this.resizingClass),
-				preview: H(vn("preview"), this.previewClass),
-				boundingBox: H(vn("bounding-box"), this.boundingBoxClass)
+				preview: U(vn("preview"), this.previewClass),
+				boundingBox: U(vn("bounding-box"), this.boundingBoxClass)
 			};
 		},
 		style: function() {
@@ -2624,7 +2624,7 @@ yn.render = function(e, t, n, i, a, s) {
 	return o(), b("div", {
 		class: s.classes.stencil,
 		style: s.style
-	}, [A(d, {
+	}, [j(d, {
 		width: n.stencilCoordinates.width,
 		height: n.stencilCoordinates.height,
 		transitions: n.transitions,
@@ -2642,13 +2642,13 @@ yn.render = function(e, t, n, i, a, s) {
 		onResizeEnd: s.onResizeEnd
 	}, {
 		default: u((function() {
-			return [A(l, {
+			return [j(l, {
 				movable: n.movable,
 				onMove: s.onMove,
 				onMoveEnd: s.onMoveEnd
 			}, {
 				default: u((function() {
-					return [A(c, {
+					return [j(c, {
 						image: n.image,
 						coordinates: n.coordinates,
 						width: n.stencilCoordinates.width,
@@ -2690,7 +2690,7 @@ yn.render = function(e, t, n, i, a, s) {
 		"onResizeEnd"
 	])], 6);
 };
-var bn = U("vue-circle-stencil"), xn = {
+var bn = W("vue-circle-stencil"), xn = {
 	components: {
 		StencilPreview: _n,
 		BoundingBox: nn,
@@ -2771,13 +2771,13 @@ var bn = U("vue-circle-stencil"), xn = {
 	computed: {
 		classes: function() {
 			return {
-				stencil: H(bn({
+				stencil: U(bn({
 					movable: this.movable,
 					moving: this.moving,
 					resizing: this.resizing
 				}), this.moving && this.movingClass, this.resizing && this.resizingClass),
-				preview: H(bn("preview"), this.previewClass),
-				boundingBox: H(bn("bounding-box"), this.boundingBoxClass)
+				preview: U(bn("preview"), this.previewClass),
+				boundingBox: U(bn("bounding-box"), this.boundingBoxClass)
 			};
 		},
 		style: function() {
@@ -2821,7 +2821,7 @@ xn.render = function(e, t, n, i, a, s) {
 	return o(), b("div", {
 		class: s.classes.stencil,
 		style: s.style
-	}, [A(d, {
+	}, [j(d, {
 		width: n.stencilCoordinates.width,
 		height: n.stencilCoordinates.height,
 		transitions: n.transitions,
@@ -2839,13 +2839,13 @@ xn.render = function(e, t, n, i, a, s) {
 		onResizeEnd: s.onResizeEnd
 	}, {
 		default: u((function() {
-			return [A(l, {
+			return [j(l, {
 				movable: n.movable,
 				onMove: s.onMove,
 				onMoveEnd: s.onMoveEnd
 			}, {
 				default: u((function() {
-					return [A(c, {
+					return [j(c, {
 						image: n.image,
 						coordinates: n.coordinates,
 						width: n.stencilCoordinates.width,
@@ -2887,7 +2887,7 @@ xn.render = function(e, t, n, i, a, s) {
 		"onResizeEnd"
 	])], 6);
 };
-var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
+var Sn = ["transitions"], Cn = W("vue-advanced-cropper"), wn = {
 	name: "Cropper",
 	components: { BackgroundWrapper: mn },
 	props: {
@@ -2953,7 +2953,7 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 			type: String,
 			default: "fit-area",
 			validator: function(e) {
-				return ft.indexOf(e) !== -1;
+				return dt.indexOf(e) !== -1;
 			}
 		},
 		roundResult: {
@@ -2987,24 +2987,24 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 		resizeAlgorithm: {
 			type: Function,
 			default: function(e) {
-				var t = e.event, n = e.coordinates, r = e.aspectRatio, i = e.positionRestrictions, a = e.sizeRestrictions, o = W(W({}, n), {
+				var t = e.event, n = e.coordinates, r = e.aspectRatio, i = e.positionRestrictions, a = e.sizeRestrictions, o = G(G({}, n), {
 					right: n.left + n.width,
 					bottom: n.top + n.height
-				}), s = t.params || {}, c = W({}, t.directions), l = s.allowedDirections || {
+				}), s = t.params || {}, c = G({}, t.directions), l = s.allowedDirections || {
 					left: !0,
 					right: !0,
 					bottom: !0,
 					top: !0
 				};
-				a.widthFrozen && (c.left = 0, c.right = 0), a.heightFrozen && (c.top = 0, c.bottom = 0), K.forEach((function(e) {
+				a.widthFrozen && (c.left = 0, c.right = 0), a.heightFrozen && (c.top = 0, c.bottom = 0), q.forEach((function(e) {
 					l[e] || (c[e] = 0);
 				}));
-				var u = Y(o, c = Gt({
+				var u = gt(o, c = Gt({
 					coordinates: o,
 					directions: c,
 					sizeRestrictions: a,
 					positionRestrictions: i
-				})).width, d = Y(o, c).height, f = s.preserveRatio ? Q(o) : bt(u / d, r);
+				})).width, d = gt(o, c).height, f = s.preserveRatio ? Q(o) : bt(u / d, r);
 				if (f) {
 					var p = s.respectDirection;
 					if (p ||= o.width >= o.height || f === 1 ? "width" : "height", p === "width") {
@@ -3029,10 +3029,10 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 						compensate: s.compensate
 					});
 				}
-				return u = Y(o, c).width, d = Y(o, c).height, (f = s.preserveRatio ? Q(o) : bt(u / d, r)) && Math.abs(f - u / d) > .001 && K.forEach((function(e) {
+				return u = gt(o, c).width, d = gt(o, c).height, (f = s.preserveRatio ? Q(o) : bt(u / d, r)) && Math.abs(f - u / d) > .001 && q.forEach((function(e) {
 					l[e] || (c[e] = 0);
 				})), Mt({
-					event: new nt({
+					event: new tt({
 						left: -c.left,
 						top: -c.top
 					}),
@@ -3060,7 +3060,7 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 		fitCoordinates: {
 			type: Function,
 			default: function(e) {
-				var t = e.visibleArea, n = e.coordinates, r = e.aspectRatio, i = e.sizeRestrictions, a = e.positionRestrictions, o = W(W({}, n), jt({
+				var t = e.visibleArea, n = e.coordinates, r = e.aspectRatio, i = e.sizeRestrictions, a = e.positionRestrictions, o = G(G({}, n), jt({
 					width: n.width,
 					height: n.height,
 					aspectRatio: r,
@@ -3071,15 +3071,15 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 						minWidth: Math.min(t.width, i.minWidth)
 					}
 				}));
-				return o = $(o = X(o, ht(J(n), J(o))), Ot(q(t), a));
+				return o = $(o = X(o, mt(Y(n), Y(o))), Ot(J(t), a));
 			}
 		},
 		fitVisibleArea: {
 			type: Function,
 			default: function(e) {
-				var t = e.visibleArea, n = e.boundaries, r = e.getAreaRestrictions, i = e.coordinates, a = W({}, t);
+				var t = e.visibleArea, n = e.boundaries, r = e.getAreaRestrictions, i = e.coordinates, a = G({}, t);
 				a.height = a.width / Q(n), a.top += (t.height - a.height) / 2, (i.height - a.height > 0 || i.width - a.width > 0) && (a = Z(a, Math.max(i.height / a.height, i.width / a.width)));
-				var o = _t(yt(i, q(a = Z(a, wt(a, r({
+				var o = _t(yt(i, J(a = Z(a, wt(a, r({
 					visibleArea: a,
 					type: "resize"
 				}))))));
@@ -3160,7 +3160,7 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 				height: 0
 			},
 			visibleArea: null,
-			coordinates: B({}, pt)
+			coordinates: V({}, ft)
 		};
 	},
 	computed: {
@@ -3198,7 +3198,7 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 			return !!(this.visibleArea && this.imageLoaded);
 		},
 		settings: function() {
-			var e = Ye(this.resizeImage, {
+			var e = Je(this.resizeImage, {
 				touch: !0,
 				wheel: { ratio: .1 },
 				adjustStencil: !0
@@ -3208,7 +3208,7 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 				adjustStencil: !1
 			});
 			return {
-				moveImage: Ye(this.moveImage, {
+				moveImage: Je(this.moveImage, {
 					touch: !0,
 					mouse: !0
 				}, {
@@ -3239,13 +3239,13 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 			if (this.boundaries.width && this.boundaries.height && this.imageSize.width && this.imageSize.height) {
 				var e = this.sizeRestrictionsAlgorithm({
 					imageSize: this.imageSize,
-					minWidth: G(this.minWidth) ? 0 : Xe(this.minWidth),
-					minHeight: G(this.minHeight) ? 0 : Xe(this.minHeight),
-					maxWidth: G(this.maxWidth) ? Infinity : Xe(this.maxWidth),
-					maxHeight: G(this.maxHeight) ? Infinity : Xe(this.maxHeight)
+					minWidth: K(this.minWidth) ? 0 : Ye(this.minWidth),
+					minHeight: K(this.minHeight) ? 0 : Ye(this.minHeight),
+					maxWidth: K(this.maxWidth) ? Infinity : Ye(this.maxWidth),
+					maxHeight: K(this.maxHeight) ? Infinity : Ye(this.maxHeight)
 				});
 				if (e = function(e) {
-					var t = e.areaRestrictions, n = e.sizeRestrictions, r = e.boundaries, i = e.positionRestrictions, a = W(W({}, n), {
+					var t = e.areaRestrictions, n = e.sizeRestrictions, r = e.boundaries, i = e.positionRestrictions, a = G(G({}, n), {
 						minWidth: n.minWidth === void 0 ? 0 : n.minWidth,
 						minHeight: n.minHeight === void 0 ? 0 : n.minHeight,
 						maxWidth: n.maxWidth === void 0 ? Infinity : n.maxWidth,
@@ -3291,14 +3291,14 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 		classes: function() {
 			return {
 				cropper: Cn(),
-				image: H(Cn("image"), this.imageClass),
+				image: U(Cn("image"), this.imageClass),
 				stencil: Cn("stencil"),
-				boundaries: H(Cn("boundaries"), this.boundariesClass),
-				stretcher: H(Cn("stretcher")),
-				background: H(Cn("background"), this.backgroundClass),
-				foreground: H(Cn("foreground"), this.foregroundClass),
-				imageWrapper: H(Cn("image-wrapper")),
-				cropperWrapper: H(Cn("cropper-wrapper"))
+				boundaries: U(Cn("boundaries"), this.boundariesClass),
+				stretcher: U(Cn("stretcher")),
+				background: U(Cn("background"), this.backgroundClass),
+				foreground: U(Cn("foreground"), this.foregroundClass),
+				imageWrapper: U(Cn("image-wrapper")),
+				cropperWrapper: U(Cn("cropper-wrapper"))
 			};
 		},
 		stencilCoordinates: function() {
@@ -3335,7 +3335,7 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 			}, n = {
 				left: (1 - 1 / this.coefficient) * e.width / 2,
 				top: (1 - 1 / this.coefficient) * e.height / 2
-			}, r = B(B({}, this.imageTransforms), {}, {
+			}, r = V(V({}, this.imageTransforms), {}, {
 				scaleX: this.imageTransforms.scaleX * (this.imageAttributes.width / e.width),
 				scaleY: this.imageTransforms.scaleY * (this.imageAttributes.height / e.height)
 			}), i = {
@@ -3384,7 +3384,7 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 		}
 	},
 	created: function() {
-		this.debouncedUpdate = Ue(this.update, this.debounce), this.debouncedDisableTransitions = Ue(this.disableTransitions, this.transitionsOptions.time), this.awaiting = !1;
+		this.debouncedUpdate = He(this.update, this.debounce), this.debouncedDisableTransitions = He(this.disableTransitions, this.transitionsOptions.time), this.awaiting = !1;
 	},
 	mounted: function() {
 		this.$refs.image.addEventListener("load", this.onSuccessLoadImage), this.$refs.image.addEventListener("error", this.onFailLoadImage), this.onChangeImage(), window.addEventListener("resize", this.refresh), window.addEventListener("orientationchange", this.refresh);
@@ -3394,16 +3394,16 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 	},
 	methods: {
 		getResult: function() {
-			var e = this.initialized ? this.prepareResult(B({}, this.coordinates)) : this.defaultCoordinates(), t = {
+			var e = this.initialized ? this.prepareResult(V({}, this.coordinates)) : this.defaultCoordinates(), t = {
 				rotate: this.imageTransforms.rotate % 360,
-				flip: B({}, this.imageTransforms.flip)
+				flip: V({}, this.imageTransforms.flip)
 			};
 			if (this.src && this.imageLoaded) {
 				var n = this;
 				return {
 					image: this.image,
 					coordinates: e,
-					visibleArea: this.visibleArea ? B({}, this.visibleArea) : null,
+					visibleArea: this.visibleArea ? V({}, this.visibleArea) : null,
 					imageTransforms: t,
 					get canvas() {
 						return n.canvas ? n.getCanvas() : void 0;
@@ -3413,14 +3413,14 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 			return {
 				image: this.image,
 				coordinates: e,
-				visibleArea: this.visibleArea ? B({}, this.visibleArea) : null,
+				visibleArea: this.visibleArea ? V({}, this.visibleArea) : null,
 				canvas: void 0,
 				imageTransforms: t
 			};
 		},
 		zoom: function(e, t) {
 			var n = (arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}).transitions, r = n === void 0 || n;
-			this.onManipulateImage(new et({}, {
+			this.onManipulateImage(new $e({}, {
 				factor: 1 / e,
 				center: t
 			}), {
@@ -3430,7 +3430,7 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 		},
 		move: function(e, t) {
 			var n = (arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}).transitions, r = n === void 0 || n;
-			this.onManipulateImage(new et({
+			this.onManipulateImage(new $e({
 				left: e || 0,
 				top: t || 0
 			}), {
@@ -3473,7 +3473,7 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 					top: Math.round(t.top)
 				};
 				return i.width > n.maxWidth ? i.width = Math.floor(t.width) : i.width < n.minWidth && (i.width = Math.ceil(t.width)), i.height > n.maxHeight ? i.height = Math.floor(t.height) : i.height < n.minHeight && (i.height = Math.ceil(t.height)), $(i, r);
-			}(B(B({}, this.getPublicProperties()), {}, {
+			}(V(V({}, this.getPublicProperties()), {}, {
 				positionRestrictions: Vt(this.positionRestrictions, this.visibleArea),
 				coordinates: e
 			})) : e;
@@ -3495,16 +3495,16 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 				sizeRestrictions: this.sizeRestrictions,
 				stencilSize: this.getStencilSize()
 			});
-			return B(B({}, a), {}, { changed: !mt(a.visibleArea, t) || !mt(a.coordinates, n) });
+			return V(V({}, a), {}, { changed: !pt(a.visibleArea, t) || !pt(a.coordinates, n) });
 		},
 		runAutoZoom: function(e) {
-			var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.transitions, r = n !== void 0 && n, i = Ie(t, Sn), a = this.processAutoZoom(e, this.visibleArea, this.coordinates, i), o = a.visibleArea, s = a.coordinates, c = a.changed;
+			var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = t.transitions, r = n !== void 0 && n, i = Fe(t, Sn), a = this.processAutoZoom(e, this.visibleArea, this.coordinates, i), o = a.visibleArea, s = a.coordinates, c = a.changed;
 			r && c && this.enableTransitions(), this.visibleArea = o, this.coordinates = s, r && c && this.debouncedDisableTransitions();
 		},
 		normalizeEvent: function(e) {
 			return function(e) {
 				var t = e.event, n = e.visibleArea, r = e.coefficient;
-				if (t.type === "manipulateImage") return W(W({}, t), {
+				if (t.type === "manipulateImage") return G(G({}, t), {
 					move: {
 						left: t.move && t.move.left ? r * t.move.left : 0,
 						top: t.move && t.move.top ? r * t.move.top : 0
@@ -3518,19 +3518,19 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 					}
 				});
 				if (t.type === "resize") {
-					var i = W(W({}, t), { directions: W({}, t.directions) });
-					return K.forEach((function(e) {
+					var i = G(G({}, t), { directions: G({}, t.directions) });
+					return q.forEach((function(e) {
 						i.directions[e] *= r;
 					})), i;
 				}
 				if (t.type === "move") {
-					var a = W(W({}, t), { directions: W({}, t.directions) });
-					return dt.forEach((function(e) {
+					var a = G(G({}, t), { directions: G({}, t.directions) });
+					return ut.forEach((function(e) {
 						a.directions[e] *= r;
 					})), a;
 				}
 				return t;
-			}(B(B({}, this.getPublicProperties()), {}, { event: e }));
+			}(V(V({}, this.getPublicProperties()), {}, { event: e }));
 		},
 		getCanvas: function() {
 			if (this.$refs.canvas) {
@@ -3540,12 +3540,12 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 						height: t.naturalHeight
 					}, o = St(a, r), s = e.getContext("2d");
 					e.height = o.height, e.width = o.width, s.save();
-					var c = Ct(J(W({
+					var c = Ct(Y(G({
 						left: 0,
 						top: 0
 					}, a)), r);
 					return s.translate(-(c.left - o.width / 2), -(c.top - o.height / 2)), s.rotate(r * Math.PI / 180), s.translate(i.horizontal ? a.width : 0, i.vertical ? a.height : 0), s.scale(i.horizontal ? -1 : 1, i.vertical ? -1 : 1), s.drawImage(t, 0, 0, a.width, a.height), s.restore(), e;
-				}(this.$refs.sourceCanvas, t, this.imageTransforms) : t, r = B({
+				}(this.$refs.sourceCanvas, t, this.imageTransforms) : t, r = V({
 					minWidth: 0,
 					minHeight: 0,
 					maxWidth: Infinity,
@@ -3610,7 +3610,7 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 				this.$refs.cropper, this.$refs.image;
 				var t = this.defaultSize;
 				t ||= this.stencilSize ? zt : Rt, this.sizeRestrictions;
-				var n = qe(t) ? t({
+				var n = Ke(t) ? t({
 					boundaries: this.boundaries,
 					imageSize: this.imageSize,
 					aspectRatio: this.getAspectRatio(),
@@ -3619,13 +3619,13 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 					visibleArea: this.visibleArea
 				}) : t, r = this.defaultPosition || Lt, i = [n, function(t) {
 					var n = t.coordinates;
-					return B({}, qe(r) ? r({
+					return V({}, Ke(r) ? r({
 						coordinates: n,
 						imageSize: e.imageSize,
 						visibleArea: e.visibleArea
 					}) : e.defaultPosition);
 				}];
-				this.delayedTransforms && i.push.apply(i, Le(Array.isArray(this.delayedTransforms) ? this.delayedTransforms : [this.delayedTransforms])), this.coordinates = this.applyTransform(i, !0), this.delayedTransforms = null;
+				this.delayedTransforms && i.push.apply(i, Ie(Array.isArray(this.delayedTransforms) ? this.delayedTransforms : [this.delayedTransforms])), this.coordinates = this.applyTransform(i, !0), this.delayedTransforms = null;
 			}
 		},
 		clearImage: function() {
@@ -3655,7 +3655,7 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 					cropper: n,
 					imageSize: e.imageSize
 				};
-				if (qe(e.defaultBoundaries) ? e.boundaries = e.defaultBoundaries(t) : e.defaultBoundaries === "fit" ? e.boundaries = function(e) {
+				if (Ke(e.defaultBoundaries) ? e.boundaries = e.defaultBoundaries(t) : e.defaultBoundaries === "fit" ? e.boundaries = function(e) {
 					var t = e.cropper, n = e.imageSize, r = t.clientHeight, i = t.clientWidth, a = r, o = n.width * r / n.height;
 					return o > i && (o = i, a = n.height * i / n.width), {
 						width: o,
@@ -3672,10 +3672,10 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 		},
 		resetVisibleArea: function() {
 			var e = this;
-			return this.appliedImageTransforms = B(B({}, this.defaultImageTransforms), {}, { flip: B({}, this.defaultImageTransforms.flip) }), this.updateBoundaries().then((function() {
+			return this.appliedImageTransforms = V(V({}, this.defaultImageTransforms), {}, { flip: V({}, this.defaultImageTransforms.flip) }), this.updateBoundaries().then((function() {
 				e.priority !== "visible-area" && (e.visibleArea = null, e.resetCoordinates());
 				var t, n, r, i, a, o, s = e.defaultVisibleArea || Bt;
-				e.visibleArea = qe(s) ? s({
+				e.visibleArea = Ke(s) ? s({
 					imageSize: e.imageSize,
 					boundaries: e.boundaries,
 					coordinates: e.priority === "visible-area" ? null : e.coordinates,
@@ -3685,7 +3685,7 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 					visibleArea: e.visibleArea,
 					boundaries: e.boundaries,
 					getAreaRestrictions: e.getAreaRestrictions
-				}, n = t.visibleArea, r = t.boundaries, i = t.getAreaRestrictions, a = W({}, n), o = Q(r), a.width / a.height !== o && (a.height = a.width / o), $(a, i({
+				}, n = t.visibleArea, r = t.boundaries, i = t.getAreaRestrictions, a = G({}, n), o = Q(r), a.width / a.height !== o && (a.height = a.width / o), $(a, i({
 					visibleArea: a,
 					type: "move"
 				}))), e.priority === "visible-area" ? e.resetCoordinates() : e.coordinates = e.fitCoordinates({
@@ -3726,7 +3726,7 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 			var e, t = this;
 			if (this.imageLoaded = !1, this.delayedTransforms = null, this.src) {
 				if (function(e) {
-					if (Ke(e)) return !1;
+					if (Ge(e)) return !1;
 					var t = window.location, n = /(\w+:)?(?:\/\/)([\w.-]+)?(?::(\d+))?\/?/.exec(e) || [], r = {
 						protocol: n[1] || "",
 						host: n[2] || "",
@@ -3736,7 +3736,7 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 					};
 					return !(!r.protocol && !r.host && !r.port || r.protocol && r.protocol == t.protocol && r.host && r.host == t.host && r.host && i(r) == i(t));
 				}(this.src)) {
-					var n = G(this.crossOrigin) ? this.canvas : this.crossOrigin;
+					var n = K(this.crossOrigin) ? this.canvas : this.crossOrigin;
 					!0 === n && (n = "anonymous"), this.imageAttributes.crossOrigin = n || null;
 				}
 				if (this.checkOrientation) {
@@ -3779,13 +3779,13 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 		},
 		onParseImage: function(e) {
 			var t = this, n = e.source, r = e.arrayBuffer, i = e.orientation;
-			this.imageAttributes.revoke && this.imageAttributes.src && URL.revokeObjectURL(this.imageAttributes.src), this.imageAttributes.revoke = !1, r && i && i > 1 ? Ge(n) || !Ke(n) ? (this.imageAttributes.src = URL.createObjectURL(new Blob([r])), this.imageAttributes.revoke = !0) : this.imageAttributes.src = function(e) {
+			this.imageAttributes.revoke && this.imageAttributes.src && URL.revokeObjectURL(this.imageAttributes.src), this.imageAttributes.revoke = !1, r && i && i > 1 ? We(n) || !Ge(n) ? (this.imageAttributes.src = URL.createObjectURL(new Blob([r])), this.imageAttributes.revoke = !0) : this.imageAttributes.src = function(e) {
 				for (var t = [], n = new Uint8Array(e); n.length > 0;) {
 					var r = n.subarray(0, 8192);
 					t.push(String.fromCharCode.apply(null, Array.from ? Array.from(r) : r.slice())), n = n.subarray(8192);
 				}
 				return "data:image/jpeg;base64," + btoa(t.join(""));
-			}(r) : this.imageAttributes.src = n, qe(this.defaultTransforms) ? this.appliedImageTransforms = on(this.defaultTransforms()) : Je(this.defaultTransforms) ? this.appliedImageTransforms = on(this.defaultTransforms) : this.appliedImageTransforms = function(e) {
+			}(r) : this.imageAttributes.src = n, Ke(this.defaultTransforms) ? this.appliedImageTransforms = on(this.defaultTransforms()) : qe(this.defaultTransforms) ? this.appliedImageTransforms = on(this.defaultTransforms) : this.appliedImageTransforms = function(e) {
 				var t = on({});
 				if (e) switch (e) {
 					case 2:
@@ -3809,7 +3809,7 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 					case 8: t.rotate = -90;
 				}
 				return t;
-			}(i), this.defaultImageTransforms = B(B({}, this.appliedImageTransforms), {}, { flip: B({}, this.appliedImageTransforms.flip) }), this.$nextTick((function() {
+			}(i), this.defaultImageTransforms = V(V({}, this.appliedImageTransforms), {}, { flip: V({}, this.appliedImageTransforms.flip) }), this.$nextTick((function() {
 				var e = t.$refs.image;
 				e && e.complete && (function(e) {
 					return !!e.naturalWidth;
@@ -3825,7 +3825,7 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 		onMove: function(e) {
 			var t = this;
 			this.transitionsOptions.enabled || this.awaitRender((function() {
-				t.coordinates = t.moveAlgorithm(B(B({}, t.getPublicProperties()), {}, {
+				t.coordinates = t.moveAlgorithm(V(V({}, t.getPublicProperties()), {}, {
 					positionRestrictions: Vt(t.positionRestrictions, t.visibleArea),
 					coordinates: t.coordinates,
 					event: t.normalizeEvent(e)
@@ -3836,7 +3836,7 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 			var t = this;
 			this.transitionsOptions.enabled || this.stencilSize && !this.autoZoom || this.awaitRender((function() {
 				var n = t.sizeRestrictions, r = Math.min(t.coordinates.width, t.coordinates.height, 20 * t.coefficient);
-				t.coordinates = t.resizeAlgorithm(B(B({}, t.getPublicProperties()), {}, {
+				t.coordinates = t.resizeAlgorithm(V(V({}, t.getPublicProperties()), {}, {
 					positionRestrictions: Vt(t.positionRestrictions, t.visibleArea),
 					sizeRestrictions: {
 						maxWidth: Math.min(n.maxWidth, t.visibleArea.width),
@@ -3853,7 +3853,7 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 			if (!this.transitionsOptions.enabled) {
 				var n = t.transitions, r = n !== void 0 && n, i = t.normalize, a = i === void 0 || i;
 				r && this.enableTransitions();
-				var o = Ht(B(B({}, this.getPublicProperties()), {}, {
+				var o = Ht(V(V({}, this.getPublicProperties()), {}, {
 					event: a ? this.normalizeEvent(e) : e,
 					getAreaRestrictions: this.getAreaRestrictions,
 					imageRestriction: this.imageRestriction,
@@ -3881,9 +3881,9 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 				var s = this.$refs.stencil.aspectRatios();
 				t = s.minimum, n = s.maximum;
 			}
-			if (G(t) && (t = G(i) ? a : i), G(n) && (n = G(i) ? o : i), !e && (G(t) || G(n))) {
+			if (K(t) && (t = K(i) ? a : i), K(n) && (n = K(i) ? o : i), !e && (K(t) || K(n))) {
 				var c = this.getStencilSize(), l = c ? Q(c) : null;
-				G(t) && (t = Ze(l) ? l : void 0), G(n) && (n = Ze(l) ? l : void 0);
+				K(t) && (t = Xe(l) ? l : void 0), K(n) && (n = Xe(l) ? l : void 0);
 			}
 			return {
 				minimum: t,
@@ -3901,7 +3901,7 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 				coefficient: this.coefficient,
 				coordinates: this.coordinates,
 				aspectRatio: this.getAspectRatio(!0)
-			}, t = e.boundaries, n = e.stencilSize, r = e.aspectRatio, bt(Q(i = qe(n) ? n({
+			}, t = e.boundaries, n = e.stencilSize, r = e.aspectRatio, bt(Q(i = Ke(n) ? n({
 				boundaries: t,
 				aspectRatio: r
 			}) : n), r) && (i = jt({
@@ -3946,13 +3946,13 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 			};
 		},
 		defaultCoordinates: function() {
-			return B({}, pt);
+			return V({}, ft);
 		},
 		flip: function(e, t) {
 			var n = (arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}).transitions, r = n === void 0 || n;
 			if (!this.transitionsActive) {
 				r && this.enableTransitions();
-				var i = B({}, this.imageTransforms.flip), a = Wt({
+				var i = V({}, this.imageTransforms.flip), a = Wt({
 					flip: {
 						horizontal: e ? !i.horizontal : i.horizontal,
 						vertical: t ? !i.vertical : i.vertical
@@ -3974,7 +3974,7 @@ var Sn = ["transitions"], Cn = U("vue-advanced-cropper"), wn = {
 			var t = (arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}).transitions, n = t === void 0 || t;
 			if (!this.transitionsActive) {
 				n && this.enableTransitions();
-				var r = B({}, this.imageSize);
+				var r = V({}, this.imageSize);
 				this.appliedImageTransforms.rotate += e;
 				var i = Ut({
 					visibleArea: this.visibleArea,
@@ -4009,10 +4009,10 @@ wn.render = function(t, r, i, s, c, l) {
 	return o(), b("div", {
 		ref: "cropper",
 		class: l.classes.cropper
-	}, [A("div", {
+	}, [j("div", {
 		ref: "stretcher",
 		class: l.classes.stretcher
-	}, null, 2), A("div", {
+	}, null, 2), j("div", {
 		class: l.classes.boundaries,
 		style: l.boundariesStyle
 	}, [(o(), b(a(i.backgroundWrapperComponent), {
@@ -4026,11 +4026,11 @@ wn.render = function(t, r, i, s, c, l) {
 	}, {
 		default: u((function() {
 			return [
-				A("div", {
+				j("div", {
 					class: l.classes.background,
 					style: l.boundariesStyle
 				}, null, 6),
-				A("div", { class: l.classes.imageWrapper }, [A("img", {
+				j("div", { class: l.classes.imageWrapper }, [j("img", {
 					ref: "image",
 					crossorigin: c.imageAttributes.crossOrigin,
 					src: c.imageAttributes.src,
@@ -4038,7 +4038,7 @@ wn.render = function(t, r, i, s, c, l) {
 					style: l.imageStyle,
 					onMousedown: r[1] ||= y((function() {}), ["prevent"])
 				}, null, 46, ["crossorigin", "src"])], 2),
-				A("div", {
+				j("div", {
 					class: l.classes.foreground,
 					style: l.boundariesStyle
 				}, null, 6),
@@ -4130,7 +4130,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__ */ k({
+}, 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__*/ ie(/* @__PURE__ */ A({
 	__name: "MediaEditModal",
 	props: {
 		visible: { type: Boolean },
@@ -4138,56 +4138,56 @@ 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: ee } = Oe(), k = d(""), j = d(""), M = d(null), N = d("free"), ne = d(void 0), P = d(void 0), re = d(""), F = d(""), ie = d(void 0), I = d(null), L = d(!1), ae = d(!1), oe = d(!1), se = h(() => r.item ? [
+		let r = e, i = t, { t: a } = B(), s = l("tplUiTheme"), f = l(Ne, d(null)), T = a.mediaLibrary, { isImageMimeType: D } = De(), 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), ce = h(() => N.value === "original" ? ie.value : ke[N.value]), le = h(() => I.value ? Ne(I.value.width, I.value.height, ne.value, P.value) : null);
-		te(() => r.visible, (e) => {
-			e && r.item && (k.value = r.item.filename, j.value = r.item.alt_text || "", N.value = "free", ne.value = void 0, P.value = void 0, re.value = "", F.value = "", ie.value = void 0, I.value = null, L.value = !1, oe.value = !1, r.item.width && r.item.height && (ie.value = r.item.width / r.item.height));
+		].includes(r.item.mime_type) : !1), se = h(() => P.value === "original" ? I.value : Oe[P.value]), ce = h(() => L.value ? Me(L.value.width, L.value.height, F.value, te.value) : null);
+		ee(() => r.visible, (e) => {
+			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 ue(e) {
-			e.coordinates && (I.value = {
+		function le(e) {
+			e.coordinates && (L.value = {
 				width: Math.round(e.coordinates.width),
 				height: Math.round(e.coordinates.height)
-			}, oe.value = !0);
+			}, ae.value = !0);
 		}
-		function R() {
-			L.value = !0, !ie.value && r.item?.width && r.item?.height && (ie.value = r.item.width / r.item.height);
+		function ue() {
+			ie.value = !0, !I.value && r.item?.width && r.item?.height && (I.value = r.item.width / r.item.height);
 		}
 		function de(e) {
 			let t = e.target.value;
-			re.value = t, ne.value = t && parseInt(t, 10) || void 0;
+			ne.value = t, F.value = t && parseInt(t, 10) || void 0;
 		}
-		function fe(e) {
+		function z(e) {
 			let t = e.target.value;
-			F.value = t, P.value = t && parseInt(t, 10) || void 0;
+			re.value = t, te.value = t && parseInt(t, 10) || void 0;
 		}
-		async function pe() {
-			let e = k.value.trim();
-			if (!e || !r.item || ae.value) return;
-			let t = ee(r.item.mime_type), n;
-			if (se.value && M.value && oe.value) {
-				ae.value = !0;
+		async function fe() {
+			let e = A.value.trim();
+			if (!e || !r.item || R.value) return;
+			let t = D(r.item.mime_type), n;
+			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, ne.value, P.value), i = Ae(r.item.mime_type);
-						n = { file: await Me(t, r.item.filename, i) };
+						let t = Ae(e, F.value, te.value), i = ke(r.item.mime_type);
+						n = { file: await je(t, r.item.filename, i) };
 					}
 				} catch {
-					ae.value = !1;
+					R.value = !1;
 					return;
 				}
-				ae.value = !1;
+				R.value = !1;
 			}
-			i("save", r.item.id, e, t ? j.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" && !ae.value && (e.preventDefault(), pe()), e.key === "Escape" && i("close");
+		function pe(e) {
+			e.key === "Enter" && !R.value && (e.preventDefault(), fe()), e.key === "Escape" && i("close");
 		}
-		return (t, r) => (o(), b(m, { to: v(f) || "body" }, [A(x, {
+		return (t, r) => (o(), b(m, { to: v(f) || "body" }, [j(x, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 			"enter-from-class": "tpl:opacity-0",
 			"enter-to-class": "tpl:opacity-100",
@@ -4201,24 +4201,24 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 				class: "tpl tpl:fixed tpl:inset-0 tpl:z-[10000] tpl:flex tpl:items-center tpl:justify-center",
 				style: { "background-color": "var(--tpl-overlay)" },
 				onClick: r[3] ||= y((e) => i("close"), ["self"]),
-				onKeydown: me
+				onKeydown: pe
 			}, [w("div", {
-				class: C(["tpl:mx-4 tpl:flex tpl:max-h-[90vh] tpl:w-full tpl:flex-col tpl:overflow-hidden tpl:rounded-lg tpl:shadow-xl", se.value ? "tpl:max-w-2xl" : "tpl:max-w-sm"]),
+				class: C(["tpl:mx-4 tpl:flex tpl:max-h-[90vh] tpl:w-full tpl:flex-col tpl:overflow-hidden tpl:rounded-lg tpl:shadow-xl", oe.value ? "tpl:max-w-2xl" : "tpl:max-w-sm"]),
 				style: { "background-color": "var(--tpl-bg-elevated)" }
 			}, [
 				w("div", On, [w("h3", kn, p(v(a).mediaLibrary.editFile), 1)]),
 				w("div", An, [
-					se.value ? (o(), g("div", jn, [w("div", Mn, [A(v(wn), {
+					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: ce.value },
+						"stencil-props": { aspectRatio: se.value },
 						class: "tpl:h-full tpl:w-full",
 						"background-class": "tpl-cropper-background",
-						onChange: ue,
-						onReady: 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(D, null, c([
+						w("div", null, [w("label", Pn, p(v(a).mediaLibrary.cropAspectRatio), 1), w("div", Fn, [(o(), g(O, null, c([
 							"free",
 							"square",
 							"landscape43",
@@ -4229,14 +4229,14 @@ 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, [O(p(v(a).mediaLibrary.cropMaxWidth) + " ", 1), w("span", Bn, p(v(a).mediaLibrary.cropOptional), 1)]), w("div", Vn, [w("input", {
-							value: re.value,
+						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,
 							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",
@@ -4245,10 +4245,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: L.value?.width?.toString() || "",
 							onInput: de
-						}, null, 40, Hn), w("span", Un, p(v(a).mediaLibrary.cropPixels), 1)])]), w("div", Wn, [w("label", Gn, [O(p(v(a).mediaLibrary.cropMaxHeight) + " ", 1), w("span", Kn, p(v(a).mediaLibrary.cropOptional), 1)]), w("div", qn, [w("input", {
-							value: F.value,
+						}, 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,
 							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",
@@ -4257,13 +4257,13 @@ 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() || "",
-							onInput: fe
+							placeholder: L.value?.height?.toString() || "",
+							onInput: z
 						}, 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)
+						ce.value ? (o(), g("div", Xn, [w("span", null, p(v(a).mediaLibrary.cropOutputSize) + ": ", 1), w("span", Zn, p(ce.value.width) + " x " + p(ce.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) => k.value = e,
+						"onUpdate:modelValue": r[0] ||= (e) => A.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: {
@@ -4271,10 +4271,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)"
 						},
-						autofocus: !se.value
-					}, null, 8, er), [[S, k.value]])]),
-					v(ee)(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) => j.value = e,
+						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) => 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: {
@@ -4283,7 +4283,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, j.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",
@@ -4296,9 +4296,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,
-					onClick: pe
-				}, p(ae.value ? v(a).mediaLibrary.saving : v(a).mediaLibrary.saveChanges), 9, ar)])
+					disabled: R.value,
+					onClick: fe
+				}, p(R.value ? v(a).mediaLibrary.saving : v(a).mediaLibrary.saveChanges), 9, ar)])
 			], 2)], 40, Dn)) : _("", !0)]),
 			_: 1
 		})], 8, ["to"]));
@@ -4312,7 +4312,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 }, lr = {
 	key: 3,
 	class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:gap-0.5 tpl:opacity-0 tpl:transition-opacity tpl:group-hover:opacity-100"
-}, ur = ["title"], dr = ["title"], fr = { key: 0 }, pr = ["placeholder"], mr = 5, hr = /* @__PURE__ */ k({
+}, ur = ["title"], dr = ["title"], fr = { key: 0 }, pr = ["placeholder"], mr = 5, hr = /* @__PURE__ */ A({
 	__name: "MediaFolderTreeNode",
 	props: {
 		folder: {},
@@ -4326,31 +4326,31 @@ 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(""), ee = h(() => (i.folder.children?.length ?? 0) > 0), O = h(() => i.depth < mr - 1), k = h(() => i.currentFolderId === i.folder.id), te = h(() => !i.currentFolderId || !i.folder.children ? !1 : M(i.folder.children, i.currentFolderId)), j = h(() => l.value || te.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 } = B(), 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 N() {
+		function P() {
 			l.value = !l.value;
 		}
-		function ne() {
+		function F() {
 			u.value = !0, m.value = i.folder.name;
 		}
-		function P() {
+		function ne() {
 			let e = m.value.trim();
 			e && e !== i.folder.name && a("renameFolder", i.folder.id, e), u.value = !1, m.value = "";
 		}
-		function re() {
+		function I() {
 			u.value = !1, m.value = "";
 		}
-		function F() {
+		function L() {
 			x.value = !0, T.value = "", l.value = !0;
 		}
 		function ie() {
 			T.value.trim() && a("createFolder", T.value.trim(), i.folder.id), x.value = !1, T.value = "";
 		}
-		function I() {
+		function R() {
 			x.value = !1, T.value = "";
 		}
 		return (t, i) => {
@@ -4359,23 +4359,23 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 				class: "tpl:group tpl:flex tpl:w-full tpl:items-center tpl:gap-1 tpl:py-1.5 tpl:pr-2 tpl:text-left tpl:text-xs tpl:transition-all tpl:duration-150",
 				style: E({
 					paddingLeft: `${e.depth * 16 + 8}px`,
-					backgroundColor: k.value ? "var(--tpl-bg-active)" : "transparent",
-					color: k.value ? "var(--tpl-primary)" : "var(--tpl-text)"
+					backgroundColor: A.value ? "var(--tpl-bg-active)" : "transparent",
+					color: A.value ? "var(--tpl-primary)" : "var(--tpl-text)"
 				})
 			}, [
-				ee.value || x.value ? (o(), g("button", {
+				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(N, ["stop"])
-				}, [A(v(de), {
-					class: C(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": j.value }]),
+					onClick: y(P, ["stop"])
+				}, [j(v(te), {
+					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)),
 				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)
-				}, [A(v(xe), {
+				}, [j(v(be), {
 					class: "tpl:shrink-0",
 					size: 14,
 					"stroke-width": 1.5
@@ -4391,38 +4391,38 @@ 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(re, ["escape"])],
-					onBlur: P,
+					onKeydown: [f(ne, ["enter"]), f(I, ["escape"])],
+					onBlur: ne,
 					onClick: i[2] ||= y(() => {}, ["stop"])
 				}, null, 544)), [[S, m.value]]) : _("", !0),
 				u.value ? _("", !0) : (o(), g("span", lr, [
-					O.value ? (o(), g("button", {
+					k.value ? (o(), g("button", {
 						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(F, ["stop"])
-					}, [A(v(be), {
+						onClick: y(L, ["stop"])
+					}, [j(v(ye), {
 						size: 12,
 						"stroke-width": 2
 					})], 8, ur)) : _("", !0),
 					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(ne, ["stop"])
-					}, [A(v(oe), {
+						onClick: y(F, ["stop"])
+					}, [j(v(oe), {
 						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"])
-					}, [A(v(le), {
+					}, [j(v(re), {
 						size: 12,
 						"stroke-width": 2,
 						style: { color: "var(--tpl-danger)" }
 					})])
 				]))
-			], 4), j.value ? (o(), g("div", fr, [(o(!0), g(D, 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,
@@ -4450,7 +4450,7 @@ 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(I, ["escape"])],
+				onKeydown: [f(ie, ["enter"]), f(R, ["escape"])],
 				onBlur: ie
 			}, null, 40, pr), [[S, T.value]])], 4)) : _("", !0)])) : _("", !0)]);
 		};
@@ -4458,7 +4458,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 }), gr = { class: "tpl:flex tpl:h-full tpl:flex-col tpl:overflow-y-auto" }, _r = {
 	key: 0,
 	class: "tpl:px-3 tpl:py-2"
-}, vr = ["placeholder"], yr = /* @__PURE__ */ k({
+}, vr = ["placeholder"], yr = /* @__PURE__ */ A({
 	__name: "MediaFolderTree",
 	props: {
 		folders: {},
@@ -4474,7 +4474,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 		"showFrequentlyUsed"
 	],
 	setup(e, { emit: t }) {
-		let r = t, { t: i } = z(), a = d(!1), s = d("");
+		let r = t, { t: i } = B(), a = d(!1), s = d("");
 		function l() {
 			a.value = !0, s.value = "";
 		}
@@ -4492,11 +4492,11 @@ 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)
-			}, [A(v(pe), {
+			}, [j(v(fe), {
 				size: 14,
 				"stroke-width": 1.5
-			}), O(" " + p(v(i).mediaLibrary.allFiles), 1)], 4),
-			(o(!0), g(D, null, c(e.folders, (t) => (o(), b(hr, {
+			}), k(" " + p(v(i).mediaLibrary.allFiles), 1)], 4),
+			(o(!0), g(O, null, c(e.folders, (t) => (o(), b(hr, {
 				key: t.id,
 				folder: t,
 				"current-folder-id": e.currentFolderId,
@@ -4525,10 +4525,10 @@ 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
-			}, [A(v(be), {
+			}, [j(v(ye), {
 				size: 14,
 				"stroke-width": 1.5
-			}), O(" " + p(v(i).mediaLibrary.newFolder), 1)])),
+			}), k(" " + p(v(i).mediaLibrary.newFolder), 1)])),
 			d[7] ||= w("div", { class: "tpl:flex-1" }, null, -1),
 			e.hasFrequentlyUsed ? (o(), g("button", {
 				key: 2,
@@ -4539,13 +4539,13 @@ 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")
-			}, [A(v(ye), {
+			}, [j(v(ve), {
 				size: 14,
 				"stroke-width": 1.5
-			}), O(" " + p(v(i).mediaLibrary.frequentlyUsed), 1)], 4)) : _("", !0)
+			}), k(" " + p(v(i).mediaLibrary.frequentlyUsed), 1)], 4)) : _("", !0)
 		]));
 	}
-}), br = { class: "tpl:flex tpl:aspect-square tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2" }, xr = /* @__PURE__ */ k({
+}), br = { class: "tpl:flex tpl:aspect-square tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2" }, xr = /* @__PURE__ */ A({
 	__name: "MediaFileIcon",
 	props: { mimeType: {} },
 	setup(e) {
@@ -4756,7 +4756,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__ */ k({
+}, Xr = /*#__PURE__*/ ie(/* @__PURE__ */ A({
 	__name: "MediaGrid",
 	props: {
 		items: {},
@@ -4774,15 +4774,15 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 		"replace"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { isAcceptedMimeType: i, isImageMimeType: a } = Oe();
+		let n = e, r = t, { isAcceptedMimeType: i, isImageMimeType: a } = De();
 		function s(e) {
 			return !n.accept || n.accept.length === 0 ? !0 : i(e.mime_type, n.accept);
 		}
 		function l(e) {
 			r("select", e);
 		}
-		let { t: u } = z(), f = d(null);
-		P(f, ([{ isIntersecting: e }]) => {
+		let { t: u } = B(), f = d(null);
+		L(f, ([{ isIntersecting: e }]) => {
 			e && n.hasMore && !n.isLoading && r("loadMore");
 		}, { threshold: .1 });
 		function m(e) {
@@ -4799,16 +4799,16 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 			e.isLoading && e.items.length === 0 ? (o(), g("div", {
 				key: 0,
 				class: C(e.layout === "list" ? "tpl:flex tpl:flex-col tpl:gap-1" : "tpl:grid tpl:grid-cols-4 tpl:gap-3")
-			}, [(o(), g(D, null, c(8, (t) => w("div", {
+			}, [(o(), g(O, null, c(8, (t) => w("div", {
 				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, [A(v(pe), {
+			}, null, 2)), 64))], 2)) : e.items.length === 0 ? (o(), g("div", Cr, [j(v(fe), {
 				class: "tpl:mb-3",
 				size: 40,
 				"stroke-width": 1,
 				style: { color: "var(--tpl-text-dim)" }
-			}), w("p", wr, p(v(u).mediaLibrary.noFiles), 1)])) : e.layout === "list" ? (o(), g("div", Lr, [(o(!0), g(D, null, c(e.items, (t) => (o(), g("div", {
+			}), w("p", wr, p(v(u).mediaLibrary.noFiles), 1)])) : e.layout === "list" ? (o(), g("div", Lr, [(o(!0), g(O, null, c(e.items, (t) => (o(), g("div", {
 				key: t.id,
 				class: C(["tpl-media-list-item tpl:group tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-3 tpl:rounded-lg tpl:px-3 tpl:py-2 tpl:transition-all tpl:duration-150", [!s(t) && !e.selectedIds.has(t.id) ? "tpl:opacity-60" : ""]]),
 				style: E({ backgroundColor: e.selectedIds.has(t.id) ? "var(--tpl-bg-hover)" : "transparent" }),
@@ -4820,14 +4820,14 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 					alt: t.filename,
 					class: "tpl:size-full tpl:object-cover",
 					loading: "lazy"
-				}, null, 8, Br)) : (o(), g("div", Vr, [A(xr, { "mime-type": t.mime_type }, null, 8, ["mime-type"])]))]),
-				w("div", Hr, [w("p", Ur, p(t.filename), 1), w("p", Wr, [O(p(m(t.size)) + " · " + p(h(t.created_at)) + " ", 1), v(a)(t.mime_type) && t.width && t.height ? (o(), g(D, { key: 0 }, [O(" · " + p(t.width) + "×" + p(t.height), 1)], 64)) : _("", !0)])]),
+				}, null, 8, Br)) : (o(), g("div", Vr, [j(xr, { "mime-type": t.mime_type }, null, 8, ["mime-type"])]))]),
+				w("div", Hr, [w("p", Ur, p(t.filename), 1), w("p", Wr, [k(p(m(t.size)) + " · " + p(h(t.created_at)) + " ", 1), v(a)(t.mime_type) && t.width && t.height ? (o(), g(O, { key: 0 }, [k(" · " + p(t.width) + "×" + p(t.height), 1)], 64)) : _("", !0)])]),
 				w("div", Gr, [w("button", {
 					class: "tpl:flex tpl:size-6 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded",
 					style: { color: "var(--tpl-text-muted)" },
 					title: v(u).mediaLibrary.editFile,
 					onClick: y((e) => r("edit", t), ["stop"])
-				}, [A(v(oe), {
+				}, [j(v(oe), {
 					size: 12,
 					"stroke-width": 2
 				})], 8, Kr), w("button", {
@@ -4835,15 +4835,15 @@ 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"])
-				}, [A(v(re), {
+				}, [j(v(ce), {
 					size: 12,
 					"stroke-width": 2
 				})], 8, qr)]),
-				e.selectedIds.has(t.id) ? (o(), g("div", Jr, [A(v(j), {
+				e.selectedIds.has(t.id) ? (o(), g("div", Jr, [j(v(N), {
 					size: 12,
 					"stroke-width": 3
 				})])) : _("", !0)
-			], 14, Rr))), 128))])) : (o(), g("div", Tr, [(o(!0), g(D, null, c(e.items, (t) => (o(), g("div", {
+			], 14, Rr))), 128))])) : (o(), g("div", Tr, [(o(!0), g(O, null, c(e.items, (t) => (o(), g("div", {
 				key: t.id,
 				class: C(["tpl-media-item tpl:group tpl:relative tpl:overflow-hidden tpl:rounded-lg tpl:border-2 tpl:transition-all tpl:duration-150", [
 					"tpl:cursor-pointer",
@@ -4872,7 +4872,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"])
-				}, [A(v(oe), {
+				}, [j(v(oe), {
 					size: 11,
 					"stroke-width": 2
 				})], 8, Pr), w("button", {
@@ -4880,11 +4880,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"])
-				}, [A(v(re), {
+				}, [j(v(ce), {
 					size: 11,
 					"stroke-width": 2
 				})], 8, Fr)]),
-				e.selectedIds.has(t.id) ? (o(), g("div", Ir, [A(v(j), {
+				e.selectedIds.has(t.id) ? (o(), g("div", Ir, [j(v(N), {
 					size: 12,
 					"stroke-width": 3
 				})])) : _("", !0)
@@ -4894,7 +4894,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, [A(v(F), {
+			e.isLoading && e.items.length > 0 ? (o(), g("div", Yr, [j(v(M), {
 				class: "tpl-spinner",
 				size: 20,
 				"stroke-width": 2,
@@ -4915,7 +4915,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 }, ri = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, ii = ["disabled"], ai = ["disabled"], oi = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1.5"
-}, si = { key: 1 }, ci = /* @__PURE__ */ k({
+}, si = { key: 1 }, ci = /* @__PURE__ */ A({
 	__name: "MediaImportUrlModal",
 	props: {
 		visible: { type: Boolean },
@@ -4924,8 +4924,8 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 	},
 	emits: ["import", "close"],
 	setup(e, { emit: t }) {
-		let r = e, i = t, { t: a } = z(), s = l("tplUiTheme"), c = l(Pe, d(null)), f = d("");
-		te(() => r.visible, (e) => {
+		let r = e, i = t, { t: a } = B(), s = l("tplUiTheme"), c = l(Ne, d(null)), f = d("");
+		ee(() => r.visible, (e) => {
 			e && (f.value = "");
 		});
 		function h() {
@@ -4938,7 +4938,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 		function E(e) {
 			e.key === "Enter" && (e.preventDefault(), h()), e.key === "Escape" && T();
 		}
-		return (t, r) => (o(), b(m, { to: v(c) || "body" }, [A(x, {
+		return (t, r) => (o(), b(m, { to: v(c) || "body" }, [j(x, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 			"enter-from-class": "tpl:opacity-0",
 			"enter-to-class": "tpl:opacity-100",
@@ -4983,11 +4983,11 @@ 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, [A(v(F), {
+				}, [e.isImporting ? (o(), g("span", oi, [j(v(M), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
-				}), O(" " + p(v(a).mediaLibrary.importing), 1)])) : (o(), g("span", si, p(v(a).mediaLibrary.import), 1))], 8, ai)])
+				}), k(" " + p(v(a).mediaLibrary.importing), 1)])) : (o(), g("span", si, p(v(a).mediaLibrary.import), 1))], 8, ai)])
 			])], 40, Zr)) : _("", !0)]),
 			_: 1
 		})], 8, ["to"]));
@@ -4996,7 +4996,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 	key: 0,
 	class: "tpl:shrink-0",
 	style: { color: "var(--tpl-text-dim)" }
-}, pi = /* @__PURE__ */ k({
+}, pi = /* @__PURE__ */ A({
 	__name: "MediaMovePicker",
 	props: {
 		folders: {},
@@ -5004,7 +5004,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 	},
 	emits: ["select", "close"],
 	setup(e, { emit: t }) {
-		let n = t, { t: r } = z(), i = d(null);
+		let n = t, { t: r } = B(), i = d(null);
 		function a(e, t = 0) {
 			let n = [];
 			for (let r of e) n.push({
@@ -5014,7 +5014,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 I(i, () => {
+		return le(i, () => {
 			n("close");
 		}), (t, s) => (o(), g("div", {
 			ref_key: "pickerRef",
@@ -5029,11 +5029,11 @@ 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)
-		}, [A(v(pe), {
+		}, [j(v(fe), {
 			class: "tpl:shrink-0",
 			size: 14,
 			"stroke-width": 1.5
-		}), O(" " + p(v(r).mediaLibrary.moveToRoot), 1)])), (o(!0), g(D, null, c(a(e.folders), (t) => (o(), g("button", {
+		}), k(" " + p(v(r).mediaLibrary.moveToRoot), 1)])), (o(!0), g(O, null, c(a(e.folders), (t) => (o(), g("button", {
 			key: t.id,
 			class: "tpl:flex tpl:w-full tpl:items-center tpl:gap-1.5 tpl:py-1.5 tpl:pr-3 tpl:text-left tpl:text-xs tpl:transition-colors tpl:duration-100",
 			style: E({
@@ -5044,7 +5044,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)
 		}, [
-			A(v(xe), {
+			j(v(be), {
 				class: "tpl:shrink-0",
 				size: 14,
 				"stroke-width": 1.5
@@ -5069,7 +5069,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__ */ k({
+}, Si = ["value"], Ci = ["value"], wi = /*#__PURE__*/ ie(/* @__PURE__ */ A({
 	__name: "MediaPreviewPanel",
 	props: {
 		item: {},
@@ -5078,7 +5078,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 	},
 	emits: ["update:selectedConversion"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = z(), { isImageMimeType: a } = Oe(), s = h(() => {
+		let n = e, r = t, { t: i } = B(), { isImageMimeType: a } = De(), s = h(() => {
 			if (!y.value || !n.item.conversions_generated) return [];
 			let e = [];
 			return n.item.small_url && e.push({
@@ -5144,23 +5144,23 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 				alt: e.item.alt_text || e.item.filename,
 				class: "tpl:size-10 tpl:shrink-0 tpl:rounded tpl:object-cover",
 				style: { border: "1px solid var(--tpl-border)" }
-			}, null, 8, hi)) : (o(), g("div", gi, [A(xr, {
+			}, null, 8, hi)) : (o(), g("div", gi, [j(xr, {
 				"mime-type": e.item.mime_type,
 				class: "tpl-preview-icon"
 			}, null, 8, ["mime-type"])])),
 			w("div", _i, [
 				w("p", vi, p(e.item.filename), 1),
 				w("p", yi, [
-					O(p(b(e.item.size)) + " · " + p(x(e.item.created_at)) + " ", 1),
-					y.value && e.item.width && e.item.height ? (o(), g(D, { key: 0 }, [O(" · " + p(e.item.width) + "×" + p(e.item.height) + "px ", 1)], 64)) : _("", !0),
-					m.value ? (o(), g(D, { key: 1 }, [
-						n[0] ||= O(" · ", -1),
-						A(v(xe), {
+					k(p(b(e.item.size)) + " · " + p(x(e.item.created_at)) + " ", 1),
+					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(be), {
 							class: "tpl:mb-px tpl:inline",
 							size: 9,
 							"stroke-width": 2
 						}),
-						O(" " + p(m.value), 1)
+						k(" " + p(m.value), 1)
 					], 64)) : _("", !0)
 				]),
 				y.value ? (o(), g("p", {
@@ -5178,7 +5178,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 				},
 				value: e.selectedConversion,
 				onChange: d
-			}, [(o(!0), g(D, null, c(s.value, (e) => (o(), g("option", {
+			}, [(o(!0), g(O, null, c(s.value, (e) => (o(), g("option", {
 				key: e.value,
 				value: e.value
 			}, p(e.label), 9, Ci))), 128))], 40, Si)])) : _("", !0)
@@ -5210,7 +5210,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 	key: 1,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-danger)" }
-}, Ii = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Li = ["disabled"], Ri = ["disabled"], zi = /* @__PURE__ */ k({
+}, Ii = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Li = ["disabled"], Ri = ["disabled"], zi = /* @__PURE__ */ A({
 	__name: "MediaReplaceModal",
 	props: {
 		visible: { type: Boolean },
@@ -5221,25 +5221,25 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 	},
 	emits: ["replace", "close"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = z(), a = l("tplUiTheme"), s = l(Pe, d(null)), c = d(null), f = d(null), S = h(() => {
+		let n = e, r = t, { t: i } = B(), a = l("tplUiTheme"), s = l(Ne, d(null)), c = d(null), f = d(null), S = h(() => {
 			if (!n.item) return "";
 			let e = n.item.filename.split(".");
 			return e.length > 1 ? e[e.length - 1].toLowerCase() : "";
 		}), C = h(() => S.value ? `.${S.value}` : "*"), T = h(() => (n.usageInfo?.template_count ?? 0) > 0);
-		te(() => n.visible, (e) => {
+		ee(() => n.visible, (e) => {
 			e || (f.value = null, c.value && (c.value.value = ""));
 		});
 		function E(e) {
 			let t = e.target;
 			t.files && t.files.length > 0 && (f.value = t.files[0]);
 		}
-		function ee() {
+		function D() {
 			f.value && r("replace", f.value);
 		}
-		function D(e) {
+		function O(e) {
 			e.key === "Escape" && r("close");
 		}
-		return (t, n) => (o(), b(m, { to: v(s) || "body" }, [A(x, {
+		return (t, n) => (o(), b(m, { to: v(s) || "body" }, [j(x, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 			"enter-from-class": "tpl:opacity-0",
 			"enter-to-class": "tpl:opacity-100",
@@ -5253,7 +5253,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 				class: "tpl tpl:fixed tpl:inset-0 tpl:z-[10000] tpl:flex tpl:items-center tpl:justify-center",
 				style: { "background-color": "var(--tpl-overlay)" },
 				onClick: n[1] ||= y((e) => r("close"), ["self"]),
-				onKeydown: D
+				onKeydown: O
 			}, [w("div", Ei, [
 				w("h3", Di, p(v(i).mediaLibrary.replaceWarningTitle), 1),
 				w("p", Oi, p(v(i).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${S.value}`)), 1),
@@ -5286,7 +5286,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 					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: !f.value || e.isReplacing,
-					onClick: ee
+					onClick: D
 				}, p(e.isReplacing ? v(i).mediaLibrary.replacing : v(i).mediaLibrary.replace), 9, Ri)])
 			])], 40, Ti)) : _("", !0)]),
 			_: 1
@@ -5304,7 +5304,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 }, Ui = {
 	class: "tpl:mt-1 tpl:text-[10px]",
 	style: { color: "var(--tpl-text-dim)" }
-}, Wi = /* @__PURE__ */ k({
+}, Wi = /* @__PURE__ */ A({
 	__name: "MediaUploadZone",
 	props: {
 		isUploading: { type: Boolean },
@@ -5312,7 +5312,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 	},
 	emits: ["upload"],
 	setup(e, { emit: t }) {
-		let n = t, { t: r, format: i } = z(), { allAcceptedMimeTypes: a, allAcceptedInputString: s, maxFileSize: c } = Oe(), l = d();
+		let n = t, { t: r, format: i } = B(), { allAcceptedMimeTypes: a, allAcceptedInputString: s, maxFileSize: c } = De(), l = d();
 		function u(e) {
 			let t = [];
 			for (let n of Array.from(e)) a.value.includes(n.type) && n.size <= c.value && t.push(n);
@@ -5322,9 +5322,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 } = ne(l, { onDrop: (e) => {
+		let { isOverDropZone: m } = R(l, { onDrop: (e) => {
 			e?.length && f(e);
-		} }), { open: h, onChange: _ } = ue({
+		} }), { open: h, onChange: _ } = I({
 			accept: s.value,
 			multiple: !0
 		});
@@ -5339,7 +5339,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, [A(v(F), {
+		}, [e.isUploading ? (o(), g("div", Bi, [j(v(M), {
 			class: "tpl-spinner",
 			size: 20,
 			"stroke-width": 2,
@@ -5347,8 +5347,8 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 		}), w("span", Vi, p(e.uploadProgress && e.uploadProgress.total > 1 ? v(i)(v(r).mediaLibrary.uploadingProgress, {
 			current: e.uploadProgress.current,
 			total: e.uploadProgress.total
-		}) : v(r).mediaLibrary.uploading), 1)])) : (o(), g(D, { key: 1 }, [
-			A(v(L), {
+		}) : v(r).mediaLibrary.uploading), 1)])) : (o(), g(O, { key: 1 }, [
+			j(v(ue), {
 				class: "tpl:mb-2",
 				size: 24,
 				"stroke-width": 1.5,
@@ -5382,7 +5382,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 		"background-color": "var(--tpl-text)",
 		color: "var(--tpl-bg-elevated)"
 	}
-}, Yi = /* @__PURE__ */ k({
+}, Yi = /* @__PURE__ */ A({
 	__name: "StorageProgressRing",
 	props: {
 		usedBytes: {},
@@ -5390,7 +5390,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 		size: {}
 	},
 	setup(e) {
-		let t = e, { t: n, format: r } = z(), i = d(!1), a = h(() => t.size ?? 24), s = h(() => Math.max(2, a.value / 8)), c = h(() => (a.value - s.value) / 2), l = h(() => 2 * Math.PI * c.value), f = h(() => t.limitBytes <= 0 ? 0 : Math.min(100, t.usedBytes / t.limitBytes * 100)), m = h(() => l.value - f.value / 100 * l.value), v = h(() => f.value >= 95 ? "var(--tpl-danger)" : f.value >= 75 ? "var(--tpl-warning, #f59e0b)" : "var(--tpl-primary)");
+		let t = e, { t: n, format: r } = B(), i = d(!1), a = h(() => t.size ?? 24), s = h(() => Math.max(2, a.value / 8)), c = h(() => (a.value - s.value) / 2), l = h(() => 2 * Math.PI * c.value), f = h(() => t.limitBytes <= 0 ? 0 : Math.min(100, t.usedBytes / t.limitBytes * 100)), m = h(() => l.value - f.value / 100 * l.value), v = h(() => f.value >= 95 ? "var(--tpl-danger)" : f.value >= 75 ? "var(--tpl-warning, #f59e0b)" : "var(--tpl-primary)");
 		function y(e) {
 			if (e === 0) return "0 B";
 			let t = 1024, n = [
@@ -5433,7 +5433,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 			"stroke-dasharray": l.value,
 			"stroke-dashoffset": m.value,
 			class: "tpl:transition-all tpl:duration-300 tpl:ease-out"
-		}, null, 8, qi)], 8, Gi)), A(x, {
+		}, null, 8, qi)], 8, Gi)), j(x, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 			"enter-from-class": "tpl:opacity-0 tpl:translate-y-1",
 			"enter-to-class": "tpl:opacity-100 tpl:translate-y-0",
@@ -5441,7 +5441,7 @@ var Dn = ["data-tpl-theme"], On = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, kn
 			"leave-from-class": "tpl:opacity-100 tpl:translate-y-0",
 			"leave-to-class": "tpl:opacity-0 tpl:translate-y-1"
 		}, {
-			default: u(() => [i.value ? (o(), g("div", Ji, [O(p(E.value) + " ", 1), t[2] ||= w("div", {
+			default: u(() => [i.value ? (o(), g("div", Ji, [k(p(E.value) + " ", 1), t[2] ||= w("div", {
 				class: "tpl:absolute tpl:-top-1 tpl:left-1/2 tpl:size-2 tpl:-translate-x-1/2 tpl:rotate-45",
 				style: { "background-color": "var(--tpl-text)" }
 			}, null, -1)])) : _("", !0)]),
@@ -5474,9 +5474,9 @@ function Xi(e) {
 	function y(e) {
 		return v[e]?.() ?? e;
 	}
-	te(o, (e) => {
+	ee(o, (e) => {
 		e && n.value && t.loadFolders();
-	}), te(() => t.previewItem.value?.id, () => {
+	}), ee(() => t.previewItem.value?.id, () => {
 		c.value = "original";
 	});
 	let b = ae((e) => {
@@ -5485,7 +5485,7 @@ function Xi(e) {
 	function x(e) {
 		s.value = e, b(e);
 	}
-	let { copy: S, copied: C } = ce({
+	let { copy: S, copied: C } = ne({
 		copiedDuring: 2e3,
 		legacy: !0
 	});
@@ -5498,34 +5498,34 @@ function Xi(e) {
 	async function E(e, n) {
 		await t.createFolder(e, n);
 	}
-	async function ee(e, n) {
+	async function D(e, n) {
 		await t.renameFolder(e, n);
 	}
-	async function D(e) {
+	async function O(e) {
 		await t.deleteFolder(e);
 	}
-	function O(e) {
+	function k(e) {
 		l.value = e;
 	}
-	async function k(e, n, r, i) {
+	async function A(e, n, r, i) {
 		i && await t.replaceMediaDirectly(e, i.file), await t.updateFile(e, n, r), l.value = null;
 	}
-	async function A(e) {
+	async function j(e) {
 		await t.importFromUrl(e) && (u.value = !1);
 	}
-	async function j(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 ne(e) {
+	async function F(e) {
 		await t.replaceFile(e);
 	}
-	function P() {
+	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,16 +5547,16 @@ function Xi(e) {
 		handleUpload: w,
 		handleSelect: T,
 		handleCreateFolder: E,
-		handleRenameFolder: ee,
-		handleDeleteFolder: D,
-		handleEditItem: O,
-		handleEditSave: k,
-		handleImportFromUrl: A,
-		handleMoveToFolder: j,
-		handleDeleteClick: M,
-		handleReplaceItem: N,
-		handleReplaceFile: ne,
-		resetUI: P
+		handleRenameFolder: D,
+		handleDeleteFolder: O,
+		handleEditItem: k,
+		handleEditSave: A,
+		handleImportFromUrl: j,
+		handleMoveToFolder: M,
+		handleDeleteClick: N,
+		handleReplaceItem: P,
+		handleReplaceFile: F,
+		resetUI: te
 	};
 }
 //#endregion
@@ -5627,7 +5627,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 }, Ra = {
 	key: 1,
 	class: "tpl:relative"
-}, za = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ba = ["disabled"], Va = /* @__PURE__ */ k({
+}, za = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Ba = ["disabled"], Va = /* @__PURE__ */ A({
 	__name: "MediaLibraryModal",
 	props: {
 		visible: { type: Boolean },
@@ -5636,28 +5636,28 @@ var Zi = ["data-tpl-theme"], Qi = {
 	},
 	emits: ["close", "select"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = z(), a = l("tplUiTheme");
-		s(Pe, ee(() => n.popoverTarget ?? null));
-		let d = l("authManager"), f = l("projectId"), S = h(() => f.value), T = l("planConfig"), k = h(() => T.hasFeature("media_folders")), M = 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: re, availableCategories: F } = Oe(), I = Ce({
+		let n = e, r = t, { t: i } = B(), a = l("tplUiTheme");
+		s(Ne, 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")), F = h(() => T.config.value?.storage.used_bytes ?? 0), te = h(() => T.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: ne, availableCategories: re } = De(), I = Se({
 			projectId: S.value,
 			authManager: d
 		}), L = Xi({
 			library: I,
-			canUseMediaFolders: k,
+			canUseMediaFolders: A,
 			translations: i
 		});
-		te(() => n.visible, (e) => {
+		ee(() => n.visible, (e) => {
 			e ? (I.loadItems(), I.loadFrequentlyUsed()) : L.resetUI();
 		});
-		function ae(e) {
+		function ie(e) {
 			e.key === "Escape" && r("close");
 		}
-		ie(document, "keydown", ae);
-		function oe() {
-			return I.previewItem.value ? n.accept?.length ? re(I.previewItem.value.mime_type, n.accept) : !0 : !1;
+		de(document, "keydown", ie);
+		function R() {
+			return I.previewItem.value ? n.accept?.length ? ne(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,
@@ -5665,7 +5665,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 				}), r("close");
 			}
 		}
-		return (t, n) => (o(), b(m, { to: e.popoverTarget || "body" }, [A(x, {
+		return (t, n) => (o(), b(m, { to: e.popoverTarget || "body" }, [j(x, {
 			"enter-active-class": "tpl:transition tpl:duration-200",
 			"enter-from-class": "tpl:opacity-0",
 			"enter-to-class": "tpl:opacity-100",
@@ -5680,9 +5680,9 @@ var Zi = ["data-tpl-theme"], Qi = {
 				onClick: n[18] ||= y((e) => r("close"), ["self"])
 			}, [w("div", Qi, [
 				w("div", $i, [w("h2", ea, p(v(i).mediaLibrary.title), 1), w("div", ta, [
-					A(Yi, {
-						"used-bytes": ne.value,
-						"limit-bytes": P.value,
+					j(Yi, {
+						"used-bytes": F.value,
+						"limit-bytes": te.value,
 						size: 22
 					}, null, 8, ["used-bytes", "limit-bytes"]),
 					w("div", na, [w("input", {
@@ -5696,7 +5696,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 						},
 						placeholder: v(i).mediaLibrary.searchPlaceholder,
 						onInput: n[0] ||= (e) => v(L).handleSearchInput(e.target.value)
-					}, null, 40, ra), A(v(_e), {
+					}, null, 40, ra), j(v(ge), {
 						class: "tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2",
 						size: 13,
 						"stroke-width": 2,
@@ -5706,12 +5706,12 @@ 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")
-					}, [A(v(N), {
+					}, [j(v(se), {
 						size: 18,
 						"stroke-width": 2
 					})])
 				])]),
-				w("div", ia, [A(x, {
+				w("div", ia, [j(x, {
 					"enter-active-class": "tpl:transition-all tpl:duration-200 tpl:ease-out",
 					"enter-from-class": "tpl:-ml-48 tpl:opacity-0",
 					"enter-to-class": "tpl:ml-0 tpl:opacity-100",
@@ -5719,7 +5719,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 					"leave-from-class": "tpl:ml-0 tpl:opacity-100",
 					"leave-to-class": "tpl:-ml-48 tpl:opacity-0"
 				}, {
-					default: u(() => [k.value && v(L).showSidebar.value ? (o(), g("div", aa, [A(yr, {
+					default: u(() => [A.value && v(L).showSidebar.value ? (o(), g("div", aa, [j(yr, {
 						folders: v(I).folders.value,
 						"current-folder-id": v(I).currentFolderId.value,
 						"view-mode": v(I).viewMode.value,
@@ -5742,7 +5742,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 					])])) : _("", !0)]),
 					_: 1
 				}), w("div", oa, [w("div", sa, [w("div", ca, [
-					k.value ? (o(), g("button", {
+					A.value ? (o(), g("button", {
 						key: 0,
 						class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:transition-all tpl:duration-150",
 						style: E({
@@ -5752,11 +5752,11 @@ var Zi = ["data-tpl-theme"], Qi = {
 						}),
 						title: v(L).showSidebar.value ? v(i).mediaLibrary.hideFolders : v(i).mediaLibrary.showFolders,
 						onClick: n[2] ||= (e) => v(L).showSidebar.value = !v(L).showSidebar.value
-					}, [A(v(me), {
+					}, [j(v(pe), {
 						size: 16,
 						"stroke-width": 2
 					})], 12, la)) : _("", !0),
-					v(I).viewMode.value === "frequently-used" ? (o(), g("span", ua, p(v(i).mediaLibrary.frequentlyUsed), 1)) : (o(), b(De, {
+					v(I).viewMode.value === "frequently-used" ? (o(), g("span", ua, p(v(i).mediaLibrary.frequentlyUsed), 1)) : (o(), b(Ee, {
 						key: 2,
 						folders: v(I).folders.value,
 						"current-folder-id": v(I).currentFolderId.value,
@@ -5774,7 +5774,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 						}),
 						title: v(i).mediaLibrary.viewGrid,
 						onClick: n[3] ||= (e) => v(L).layoutMode.value = "grid"
-					}, [A(v(ge), {
+					}, [j(v(he), {
 						size: 14,
 						"stroke-width": 2
 					})], 12, fa), w("button", {
@@ -5785,11 +5785,11 @@ var Zi = ["data-tpl-theme"], Qi = {
 						}),
 						title: v(i).mediaLibrary.viewList,
 						onClick: n[4] ||= (e) => v(L).layoutMode.value = "list"
-					}, [A(v(ve), {
+					}, [j(v(_e), {
 						size: 14,
 						"stroke-width": 2
 					})], 12, pa)])
-				]), w("div", ma, [v(F).length > 1 ? (o(), g("select", {
+				]), w("div", ma, [v(re).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: {
@@ -5799,7 +5799,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 					},
 					value: v(I).categoryFilter.value ?? "",
 					onChange: n[5] ||= (e) => v(I).filterByCategory(e.target.value || null)
-				}, [w("option", ga, p(v(i).mediaLibrary.filterAll), 1), (o(!0), g(D, null, c(v(F), (e) => (o(), g("option", {
+				}, [w("option", ga, p(v(i).mediaLibrary.filterAll), 1), (o(!0), g(O, null, c(v(re), (e) => (o(), g("option", {
 					key: e,
 					value: e
 				}, p(v(L).getCategoryLabel(e)), 9, _a))), 128))], 40, ha)) : _("", !0), w("select", {
@@ -5818,7 +5818,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 					w("option", Sa, p(v(i).mediaLibrary.sortNameDesc), 1),
 					w("option", Ca, p(v(i).mediaLibrary.sortSizeAsc), 1),
 					w("option", wa, p(v(i).mediaLibrary.sortSizeDesc), 1)
-				], 40, va)])]), w("div", Ta, [v(I).viewMode.value === "files" ? (o(), g("div", Ea, [A(Wi, {
+				], 40, va)])]), w("div", Ta, [v(I).viewMode.value === "files" ? (o(), g("div", Ea, [j(Wi, {
 					"is-uploading": v(I).isUploading.value,
 					"upload-progress": v(I).uploadProgress.value,
 					onUpload: v(L).handleUpload
@@ -5835,10 +5835,10 @@ var Zi = ["data-tpl-theme"], Qi = {
 						"background-color": "var(--tpl-bg)"
 					},
 					onClick: n[7] ||= (e) => v(L).showImportUrlModal.value = !0
-				}, [A(v(he), {
+				}, [j(v(me), {
 					size: 14,
 					"stroke-width": 2
-				}), O(" " + p(v(i).mediaLibrary.importFromUrl), 1)])) : _("", !0)])) : _("", !0), A(Xr, {
+				}), k(" " + p(v(i).mediaLibrary.importFromUrl), 1)])) : _("", !0)])) : _("", !0), j(Xr, {
 					items: v(L).displayItems.value,
 					"selected-ids": v(I).selectedItems.value,
 					"is-loading": v(I).isLoading.value,
@@ -5863,7 +5863,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 					"onEdit",
 					"onReplace"
 				])])])]),
-				A(ci, {
+				j(ci, {
 					visible: v(L).showImportUrlModal.value,
 					"is-importing": v(I).isImportingFromUrl.value,
 					error: v(I).importFromUrlError.value,
@@ -5875,7 +5875,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 					"error",
 					"onImport"
 				]),
-				A(or, {
+				j(or, {
 					visible: !!v(L).editingItem.value,
 					item: v(L).editingItem.value,
 					onSave: v(L).handleEditSave,
@@ -5885,7 +5885,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 					"item",
 					"onSave"
 				]),
-				A(zi, {
+				j(zi, {
 					visible: v(I).showReplaceWarning.value,
 					item: v(I).pendingReplaceItem.value,
 					"usage-info": v(I).replaceUsageInfo.value,
@@ -5902,7 +5902,7 @@ var Zi = ["data-tpl-theme"], Qi = {
 					"onReplace",
 					"onClose"
 				]),
-				A(x, {
+				j(x, {
 					"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 					"enter-from-class": "tpl:opacity-0",
 					"enter-to-class": "tpl:opacity-100",
@@ -5926,11 +5926,11 @@ var Zi = ["data-tpl-theme"], Qi = {
 							style: { color: "var(--tpl-text-muted)" }
 						}, p(v(i).mediaLibrary.deleteWarningMessage), 3),
 						v(L).hasUsedFiles.value ? (o(), g("p", ka, p(v(i).mediaLibrary.deleteWarningUsageNote), 1)) : _("", !0),
-						v(L).hasUsedFiles.value ? (o(), g("div", Aa, [(o(!0), g(D, null, c(v(I).deleteUsageInfo.value, (e, t) => (o(), g("div", {
+						v(L).hasUsedFiles.value ? (o(), g("div", Aa, [(o(!0), g(O, null, c(v(I).deleteUsageInfo.value, (e, t) => (o(), g("div", {
 							key: t,
 							class: "tpl:text-xs",
 							style: { color: "var(--tpl-text)" }
-						}, [e.template_count > 0 ? (o(), g(D, { key: 0 }, [w("span", ja, p(v(L).displayItems.value.find((e) => e.id === t)?.filename || t), 1), w("span", Ma, " - " + p(v(i).mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : _("", !0)]))), 128))])) : _("", !0),
+						}, [e.template_count > 0 ? (o(), g(O, { key: 0 }, [w("span", ja, p(v(L).displayItems.value.find((e) => e.id === t)?.filename || t), 1), w("span", Ma, " - " + p(v(i).mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : _("", !0)]))), 128))])) : _("", !0),
 						w("div", Na, [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",
 							style: {
@@ -5970,15 +5970,15 @@ 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(j), {
+				}, [v(L).copied.value ? (o(), b(v(N), {
 					key: 1,
 					size: 12,
 					"stroke-width": 2
-				})) : (o(), b(v(fe), {
+				})) : (o(), b(v(P), {
 					key: 0,
 					size: 12,
 					"stroke-width": 2
-				})), O(" " + p(v(L).copied.value ? v(i).mediaLibrary.copied : v(i).mediaLibrary.copyUrl), 1)], 4)) : _("", !0), k.value ? (o(), g("div", Ra, [w("button", {
+				})), k(" " + p(v(L).copied.value ? v(i).mediaLibrary.copied : v(i).mediaLibrary.copyUrl), 1)], 4)) : _("", !0), A.value ? (o(), g("div", Ra, [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",
 					style: {
 						"border-color": "var(--tpl-border)",
@@ -6011,8 +6011,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
@@ -6020,6 +6020,6 @@ 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 };
+export { zi as a, ci as c, or as d, De as f, xe as g, Se as h, Wi as i, Xr as l, B as m, Xi as n, wi as o, Ee as p, Yi as r, pi as s, Va as t, yr as u };
 
-//# sourceMappingURL=media-library-C479-QcE.js.map
+//# sourceMappingURL=media-library-Byelliig.js.map