@aswin.dev/editor 0.7.2 → 0.7.3

package/dist/cdn/chunks/{media-library-BTF_Ko70.js → media-library-Cl5XuaKy.js}

@@ -1,8 +1,19 @@
 import { C as e, D as t, G as n, H as r, I as i, L as a, P as o, R as s, W as c, X as l, _ as u, b as d, c as f, ct as p, d as m, dt as h, f as g, ft as _, g as v, h as y, k as b, l as x, m as S, n as C, p as w, tt as T, u as E, ut as D, v as O, x as k, z as A } from "./draggable-C-1_gch3.js";
-import { E as j, Mt as M, T as N, Tt as P, at as ee, ct as te, dn as ne, gt as F, hn as I, it as L, kt as re, ln as R, mn as ie, mt as ae, nt as oe, pn as se, un as ce, vn as le, yt as ue } from "./features-DIBEo4xl.js";
-import { $ as de, K as fe, M as pe, O as me, W as he, Z as ge, et as _e, h as ve, x as ye } from "./icons-C1Gg-ov-.js";
+import { E as j, Ft as ee, Mt as te, Ot as M, Sn as ne, St as N, T as P, _n as F, _t as I, at as L, ct as re, dt as R, fn as ie, gn as ae, mn as oe, pn as se, st as ce, vn as le, yt as ue } from "./features-BrvE2Fzv.js";
+import { P as de, S as fe, Y as pe, et as me, g as he, k as ge, nt as _e, q as ve, rt as ye } from "./icons-C7wtAD8p.js";
+//#region ../media-library/src/types.ts
+var be = {
+	small: 380,
+	medium: 600,
+	large: 700,
+	original: void 0
+};
+function xe(e) {
+	return be[e];
+}
+//#endregion
 //#region ../media-library/src/api-client.ts
-var be = class {
+var Se = class {
 	constructor(e) {
 		this.authManager = e;
 	}
@@ -36,7 +47,7 @@ var be = 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 = `${j(N["media.browse"], this.baseParams)}${n ? `?${n}` : ""}`, i = await this.authManager.authenticatedFetch(r, { headers: { Accept: "application/json" } });
+		let n = t.toString(), r = `${j(P["media.browse"], this.baseParams)}${n ? `?${n}` : ""}`, i = await this.authManager.authenticatedFetch(r, { headers: { Accept: "application/json" } });
 		if (!i.ok) {
 			let e = await i.json().catch(() => ({ message: `HTTP error ${i.status}` }));
 			throw Error(e.message, { cause: e });
@@ -46,7 +57,7 @@ var be = class {
 	async uploadMedia(e, t) {
 		let n = new FormData();
 		n.append("file", e), t && n.append("folder_id", t);
-		let r = j(N["media.upload"], this.baseParams), i = await this.authManager.authenticatedFetch(r, {
+		let r = j(P["media.upload"], this.baseParams), i = await this.authManager.authenticatedFetch(r, {
 			method: "POST",
 			headers: { Accept: "application/json" },
 			body: n
@@ -58,7 +69,7 @@ var be = class {
 		return (await i.json()).data;
 	}
 	async updateMedia(e, t, n) {
-		return this.request(j(N["media.update"], {
+		return this.request(j(P["media.update"], {
 			...this.baseParams,
 			media: e
 		}), {
@@ -70,13 +81,13 @@ var be = class {
 		});
 	}
 	async deleteMedia(e) {
-		return this.request(j(N["media.delete"], this.baseParams), {
+		return this.request(j(P["media.delete"], this.baseParams), {
 			method: "POST",
 			body: JSON.stringify({ ids: e })
 		});
 	}
 	async moveMedia(e, t) {
-		return this.request(j(N["media.move"], this.baseParams), {
+		return this.request(j(P["media.move"], this.baseParams), {
 			method: "POST",
 			body: JSON.stringify({
 				ids: e,
@@ -85,10 +96,10 @@ var be = class {
 		});
 	}
 	async getMediaFolders() {
-		return this.request(j(N["folders.index"], this.baseParams));
+		return this.request(j(P["folders.index"], this.baseParams));
 	}
 	async createMediaFolder(e, t) {
-		return this.request(j(N["folders.store"], this.baseParams), {
+		return this.request(j(P["folders.store"], this.baseParams), {
 			method: "POST",
 			body: JSON.stringify({
 				name: e,
@@ -97,7 +108,7 @@ var be = class {
 		});
 	}
 	async renameMediaFolder(e, t) {
-		return this.request(j(N["folders.update"], {
+		return this.request(j(P["folders.update"], {
 			...this.baseParams,
 			mediaFolder: e
 		}), {
@@ -106,13 +117,13 @@ var be = class {
 		});
 	}
 	async deleteMediaFolder(e) {
-		return this.request(j(N["folders.destroy"], {
+		return this.request(j(P["folders.destroy"], {
 			...this.baseParams,
 			mediaFolder: e
 		}), { method: "DELETE" });
 	}
 	async checkMediaUsage(e) {
-		let t = await this.authManager.authenticatedFetch(j(N["media.checkUsage"], this.baseParams), {
+		let t = await this.authManager.authenticatedFetch(j(P["media.checkUsage"], this.baseParams), {
 			method: "POST",
 			headers: {
 				"Content-Type": "application/json",
@@ -127,10 +138,10 @@ var be = class {
 		return t.json();
 	}
 	async getFrequentlyUsed() {
-		return this.request(j(N["media.frequentlyUsed"], this.baseParams));
+		return this.request(j(P["media.frequentlyUsed"], this.baseParams));
 	}
 	async importFromUrl(e, t) {
-		return this.request(j(N["media.importFromUrl"], this.baseParams), {
+		return this.request(j(P["media.importFromUrl"], this.baseParams), {
 			method: "POST",
 			body: JSON.stringify({
 				url: e,
@@ -141,7 +152,7 @@ var be = class {
 	async replaceMedia(e, t) {
 		let n = new FormData();
 		n.append("file", t);
-		let r = j(N["media.replace"], {
+		let r = j(P["media.replace"], {
 			...this.baseParams,
 			media: e
 		}), i = await this.authManager.authenticatedFetch(r, {
@@ -158,9 +169,9 @@ var be = class {
 };
 //#endregion
 //#region ../media-library/src/composable.ts
-function xe(e) {
+function Ce(e) {
 	if (!e.projectId) throw Error("projectId is required for useMediaLibrary");
-	let t = new be(e.authManager), n = T([]), r = T([]), i = T(null), a = T("files"), o = T(""), s = T(null), c = T("newest"), l = T(!1), u = T(!1), d = T(!1), f = T(null), p = T(null), m = T(/* @__PURE__ */ new Set()), h = T(null), g = T([]), _ = T({}), v = T(!1), y = T([]), b = T(!1), x = T(null), S = T(!1), C = T(null), w = T(!1), E = T(null), D = T(null), O = 0;
+	let t = new Se(e.authManager), n = T([]), r = T([]), i = T(null), a = T("files"), o = T(""), s = T(null), c = T("newest"), l = T(!1), u = T(!1), d = T(!1), f = T(null), p = T(null), m = T(/* @__PURE__ */ new Set()), h = T(null), g = T([]), _ = T({}), v = T(!1), y = T([]), b = T(!1), x = T(null), S = T(!1), C = T(null), w = T(!1), E = T(null), D = T(null), O = 0;
 	async function k() {
 		let r = ++O;
 		l.value = !0;
@@ -204,19 +215,19 @@ function xe(e) {
 	async function j(e) {
 		o.value = e, await k();
 	}
-	async function M(e) {
+	async function ee(e) {
 		s.value = e, await k();
 	}
-	async function N(e) {
+	async function te(e) {
 		c.value = e, await k();
 	}
-	async function P(e) {
+	async function M(e) {
 		a.value = "files", i.value = e, o.value = "", m.value = /* @__PURE__ */ new Set(), h.value = null, await k();
 	}
-	async function ee() {
+	async function ne() {
 		a.value = "frequently-used", i.value = null, o.value = "", m.value = /* @__PURE__ */ new Set(), h.value = null, await re();
 	}
-	async function te(r) {
+	async function N(r) {
 		u.value = !0;
 		try {
 			let e = await t.uploadMedia(r, i.value);
@@ -227,7 +238,7 @@ function xe(e) {
 			u.value = !1;
 		}
 	}
-	async function ne(r) {
+	async function P(r) {
 		u.value = !0, p.value = {
 			current: 0,
 			total: r.length
@@ -416,12 +427,12 @@ function xe(e) {
 		loadItems: k,
 		loadMore: A,
 		search: j,
-		filterByCategory: M,
-		sortBy: N,
-		navigateToFolder: P,
-		showFrequentlyUsed: ee,
-		uploadFile: te,
-		uploadFiles: ne,
+		filterByCategory: ee,
+		sortBy: te,
+		navigateToFolder: M,
+		showFrequentlyUsed: ne,
+		uploadFile: N,
+		uploadFiles: P,
 		moveSelected: F,
 		updateFile: I,
 		deleteSelected: L,
@@ -465,14 +476,14 @@ function z(e) {
 }
 //#endregion
 //#region ../media-library/src/components/media/MediaBreadcrumb.vue?vue&type=script&setup=true&lang.ts
-var Se = {
+var we = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Ce = ["onClick"], we = {
+}, Te = ["onClick"], Ee = {
 	key: 1,
 	style: { color: "var(--tpl-text)" }
-}, Te = /* @__PURE__ */ e({
+}, De = /* @__PURE__ */ e({
 	__name: "MediaBreadcrumb",
 	props: {
 		folders: {},
@@ -492,11 +503,11 @@ var Se = {
 			}
 			return !1;
 		}
-		return (e, t) => s.value.length > 0 ? (o(), O("div", Se, [y("button", {
+		return (e, t) => s.value.length > 0 ? (o(), O("div", we, [y("button", {
 			class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
 			style: { color: "var(--tpl-primary)" },
 			onClick: t[0] ||= (e) => r("navigate", null)
-		}, _(p(a).mediaLibrary.allFiles), 1), (o(!0), O(g, null, i(s.value, (e, t) => (o(), O(g, { key: e.id }, [k(p(re), {
+		}, _(p(a).mediaLibrary.allFiles), 1), (o(!0), O(g, null, i(s.value, (e, t) => (o(), O(g, { key: e.id }, [k(p(te), {
 			size: 12,
 			"stroke-width": 2
 		}), t < s.value.length - 1 ? (o(), O("button", {
@@ -504,12 +515,12 @@ var Se = {
 			class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
 			style: { color: "var(--tpl-primary)" },
 			onClick: (t) => r("navigate", e.id)
-		}, _(e.name), 9, Ce)) : (o(), O("span", we, _(e.name), 1))], 64))), 128))])) : u("", !0);
+		}, _(e.name), 9, Te)) : (o(), O("span", Ee, _(e.name), 1))], 64))), 128))])) : u("", !0);
 	}
 });
 //#endregion
 //#region ../media-library/src/composables/useMediaCategories.ts
-function Ee() {
+function Oe() {
 	let e = t("planConfig"), n = S(() => e.config.value?.media ?? null), r = S(() => n.value?.use_media_library ?? !0), i = S(() => n.value?.categories ?? null), a = S(() => i.value ? Object.values(i.value).flatMap((e) => e.mime_types) : []), o = S(() => a.value.join(",")), s = S(() => n.value?.max_file_size ?? 0);
 	function c(e, t) {
 		return i.value ? !t || t.length === 0 ? a.value.includes(e) : t.some((t) => i.value[t]?.mime_types.includes(e)) : !1;
@@ -535,14 +546,14 @@ function Ee() {
 }
 //#endregion
 //#region ../media-library/src/composables/useImageCrop.ts
-var De = {
+var ke = {
 	free: void 0,
 	square: 1,
 	landscape43: 4 / 3,
 	landscape169: 16 / 9,
 	original: void 0
 };
-function Oe(e) {
+function Ae(e) {
 	return e === "image/png" || e === "image/gif" ? {
 		mimeType: "image/png",
 		quality: 1
@@ -554,7 +565,7 @@ function Oe(e) {
 		quality: .92
 	};
 }
-function ke(e, t, n) {
+function je(e, t, n) {
 	let r = e.width, i = e.height;
 	if (!t && !n) return e;
 	let a = r, o = i;
@@ -564,7 +575,7 @@ function ke(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 Ae(e, t, n) {
+function Me(e, t, n) {
 	return new Promise((r, i) => {
 		e.toBlob((e) => {
 			if (!e) {
@@ -576,7 +587,7 @@ function Ae(e, t, n) {
 		}, n.mimeType, n.quality);
 	});
 }
-function je(e, t, n, r) {
+function Ne(e, t, n, r) {
 	let i = e, a = t;
 	if (n && i > n) {
 		let e = n / i;
@@ -593,7 +604,7 @@ function je(e, t, n, r) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/vue-advanced-cropper@2.8.9_vue@3.5.33_typescript@6.0.3_/node_modules/vue-advanced-cropper/dist/index.esm-bundler.js
-function Me(e, t) {
+function Pe(e, t) {
 	var n = Object.keys(e);
 	if (Object.getOwnPropertySymbols) {
 		var r = Object.getOwnPropertySymbols(e);
@@ -606,9 +617,9 @@ function Me(e, t) {
 function B(e) {
 	for (var t = 1; t < arguments.length; t++) {
 		var n = arguments[t] == null ? {} : arguments[t];
-		t % 2 ? Me(Object(n), !0).forEach((function(t) {
+		t % 2 ? Pe(Object(n), !0).forEach((function(t) {
 			V(e, t, n[t]);
-		})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Me(Object(n)).forEach((function(t) {
+		})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Pe(Object(n)).forEach((function(t) {
 			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
 		}));
 	}
@@ -622,7 +633,7 @@ function V(e, t, n) {
 		writable: !0
 	}) : e[t] = n, e;
 }
-function Ne(e, t) {
+function Fe(e, t) {
 	if (e == null) return {};
 	var n, r, i = function(e, t) {
 		if (e == null) return {};
@@ -636,28 +647,28 @@ function Ne(e, t) {
 	}
 	return i;
 }
-function Pe(e) {
+function Ie(e) {
 	return function(e) {
-		if (Array.isArray(e)) return Fe(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 Fe(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 Fe(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 Fe(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 Ie, Le, Re, H = (Ie = function(e) {
+var Re, ze, Be, H = (Re = function(e) {
 	(function() {
 		var t = {}.hasOwnProperty;
 		function n() {
@@ -679,15 +690,15 @@ var Ie, Le, Re, H = (Ie = function(e) {
 		}
 		e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
 	})();
-}, Ie(Re = {
-	path: Le,
+}, 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 && Re.path);
+		}(t == null && Be.path);
 	}
-}, Re.exports), Re.exports), U = function(e) {
+}, Be.exports), Be.exports), U = function(e) {
 	return function(t, n) {
 		if (!t) return e;
 		var r;
@@ -699,7 +710,7 @@ var Ie, Le, Re, H = (Ie = function(e) {
 		}), "") : "");
 	};
 };
-function ze(e, t, n) {
+function Ve(e, t, n) {
 	var r, i, a, o, s;
 	function c() {
 		var l = Date.now() - o;
@@ -717,65 +728,65 @@ function ze(e, t, n) {
 		r &&= (s = e.apply(a, i), a = i = null, clearTimeout(r), null);
 	}, l;
 }
-ze.debounce = ze;
-var Be = ze, W = function() {
+Ve.debounce = Ve;
+var He = Ve, W = function() {
 	return W = 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);
 };
-function Ve(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 He(e) {
+function We(e) {
 	return /^blob:/.test(e);
 }
-function Ue(e) {
-	return He(e) || function(e) {
+function Ge(e) {
+	return We(e) || function(e) {
 		return /^data:/.test(e);
 	}(e);
 }
-function We(e) {
+function Ke(e) {
 	return !!(e && e.constructor && e.call && e.apply);
 }
 function G(e) {
 	return e === void 0;
 }
-function Ge(e) {
+function qe(e) {
 	return typeof e == "object" && !!e;
 }
-function Ke(e, t, n) {
+function Je(e, t, n) {
 	var r = {};
-	return Ge(e) ? (Object.keys(t).forEach((function(i) {
-		G(e[i]) ? r[i] = t[i] : Ge(t[i]) ? Ge(e[i]) ? r[i] = Ke(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) {
+		G(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 qe(e) {
+function Ye(e) {
 	var t = Number(e);
 	return Number.isNaN(t) ? e : t;
 }
-function Je(e) {
+function Xe(e) {
 	return typeof (e == "number" || function(e) {
 		return typeof e == "object" && !!e;
-	}(e) && toString.call(e) == "[object Number]") && !Ye(e);
+	}(e) && toString.call(e) == "[object Number]") && !Ze(e);
 }
-function Ye(e) {
+function Ze(e) {
 	return e != e;
 }
-function Xe(e, t) {
+function Qe(e, t) {
 	return Math.sqrt((e.x - t.x) ** 2 + (e.y - t.y) ** 2);
 }
-var Ze = 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;
-}, Qe = function(e, t) {
+}, et = function(e, t) {
 	t === void 0 && (t = {}), this.type = "resize", this.directions = e, this.params = t;
-}, $e = function(e) {
+}, tt = function(e) {
 	this.type = "move", this.directions = e;
-}, et = 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;
 	}
@@ -793,7 +804,7 @@ var Ze = function(e, t) {
 			top: 0
 		};
 	}, e;
-}(), tt = {
+}(), rt = {
 	name: "DraggableElement",
 	props: { classname: { type: String } },
 	beforeMount: function() {
@@ -814,7 +825,7 @@ var Ze = 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 = Pe(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
@@ -860,11 +871,11 @@ var Ze = function(e, t) {
 			};
 		},
 		processMove: function(e, t) {
-			var n = Pe(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 et(e, r, {
+					this.$emit("drag", new nt(e, r, {
 						left: n[0].clientX,
 						top: n[0].clientY
 					}, {
@@ -886,7 +897,7 @@ var Ze = function(e, t) {
 		"enter"
 	]
 };
-tt.render = function(e, t, n, r, i, s) {
+rt.render = function(e, t, n, r, i, s) {
 	return o(), v("div", {
 		ref: "draggable",
 		class: n.classname,
@@ -904,9 +915,9 @@ tt.render = function(e, t, n, r, i, s) {
 		}
 	}, [a(e.$slots, "default")], 34);
 };
-var nt = U("vue-handler-wrapper"), rt = {
+var it = U("vue-handler-wrapper"), at = {
 	name: "HandlerWrapper",
-	components: { DraggableElement: tt },
+	components: { DraggableElement: rt },
 	props: {
 		horizontalPosition: { type: String },
 		verticalPosition: { type: String },
@@ -918,12 +929,12 @@ var nt = U("vue-handler-wrapper"), rt = {
 	computed: { classes: function() {
 		var e;
 		if (this.horizontalPosition || this.verticalPosition) {
-			var t, n = Ve(this.horizontalPosition, this.verticalPosition);
-			e = nt((V(t = {}, n.classname, !0), V(t, "disabled", this.disabled), t));
-		} else e = nt({ disabled: this.disabled });
+			var t, n = Ue(this.horizontalPosition, this.verticalPosition);
+			e = it((V(t = {}, n.classname, !0), V(t, "disabled", this.disabled), t));
+		} else e = it({ disabled: this.disabled });
 		return {
 			root: e,
-			draggable: nt("draggable")
+			draggable: it("draggable")
 		};
 	} },
 	emits: [
@@ -933,7 +944,7 @@ var nt = U("vue-handler-wrapper"), rt = {
 		"drag-end"
 	]
 };
-rt.render = function(e, t, n, r, i, l) {
+at.render = function(e, t, n, r, i, l) {
 	var u = s("DraggableElement");
 	return o(), v("div", { class: l.classes.root }, [k(u, {
 		class: l.classes.draggable,
@@ -956,9 +967,9 @@ rt.render = function(e, t, n, r, i, l) {
 		_: 3
 	}, 8, ["class"])], 2);
 };
-var it = U("vue-line-wrapper"), at = {
+var ot = U("vue-line-wrapper"), st = {
 	name: "LineWrapper",
-	components: { DraggableElement: tt },
+	components: { DraggableElement: rt },
 	props: {
 		position: {
 			type: String,
@@ -971,7 +982,7 @@ var it = U("vue-line-wrapper"), at = {
 	},
 	computed: { classname: function() {
 		var e;
-		return it((V(e = {}, this.position, !0), V(e, "disabled", this.disabled), e));
+		return ot((V(e = {}, this.position, !0), V(e, "disabled", this.disabled), e));
 	} },
 	emits: [
 		"leave",
@@ -980,7 +991,7 @@ var it = U("vue-line-wrapper"), at = {
 		"drag-end"
 	]
 };
-at.render = function(e, t, n, r, i, l) {
+st.render = function(e, t, n, r, i, l) {
 	var u = s("DraggableElement");
 	return o(), v(u, {
 		class: l.classname,
@@ -1008,18 +1019,18 @@ var K = [
 	"right",
 	"top",
 	"bottom"
-], ot = ["left", "right"], st = ["top", "bottom"], ct = ["left", "top"], lt = [
+], ct = ["left", "right"], lt = ["top", "bottom"], ut = ["left", "top"], dt = [
 	"fill-area",
 	"fit-area",
 	"stencil",
 	"none"
-], ut = {
+], ft = {
 	left: 0,
 	top: 0,
 	width: 0,
 	height: 0
 };
-function dt(e, t, n) {
+function pt(e, t, n) {
 	return !(n ||= [
 		"width",
 		"height",
@@ -1037,7 +1048,7 @@ function q(e) {
 		bottom: e.top + e.height
 	};
 }
-function ft(e, t) {
+function mt(e, t) {
 	return {
 		left: e.left - t.left,
 		top: e.top - t.top
@@ -1049,7 +1060,7 @@ function J(e) {
 		top: e.top + e.height / 2
 	};
 }
-function pt(e, t) {
+function ht(e, t) {
 	var n = {
 		left: 0,
 		top: 0,
@@ -1069,7 +1080,7 @@ function Y(e, t) {
 		height: e.height + t.top + t.bottom
 	};
 }
-function mt(e) {
+function gt(e) {
 	return {
 		left: -e.left,
 		top: -e.top
@@ -1104,21 +1115,21 @@ function Z(e, t, n, r) {
 function Q(e) {
 	return e.width / e.height;
 }
-function ht(e, t) {
+function _t(e, t) {
 	return Math.min(t.right !== void 0 && t.left !== void 0 ? (t.right - t.left) / e.width : Infinity, t.bottom !== void 0 && t.top !== void 0 ? (t.bottom - t.top) / e.height : Infinity);
 }
-function gt(e, t) {
+function vt(e, t) {
 	var n = {
 		left: 0,
 		top: 0
-	}, r = pt(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 _t(e, t) {
+function yt(e, t) {
 	var n;
 	return t.minimum && e < t.minimum ? n = t.minimum : t.maximum && e > t.maximum && (n = t.maximum), n;
 }
-function vt(e, t) {
+function bt(e, t) {
 	var n = Q(e), r = Q(t);
 	return t.width < Infinity && t.height < Infinity ? n > r ? {
 		width: t.width,
@@ -1134,36 +1145,36 @@ function vt(e, t) {
 		height: t.height
 	} : e;
 }
-function yt(e, t) {
+function xt(e, t) {
 	var n = t * Math.PI / 180;
 	return {
 		width: Math.abs(e.width * Math.cos(n)) + Math.abs(e.height * Math.sin(n)),
 		height: Math.abs(e.width * Math.sin(n)) + Math.abs(e.height * Math.cos(n))
 	};
 }
-function bt(e, t) {
+function St(e, t) {
 	var n = t * Math.PI / 180;
 	return {
 		left: e.left * Math.cos(n) - e.top * Math.sin(n),
 		top: e.left * Math.sin(n) + e.top * Math.cos(n)
 	};
 }
-function xt(e, t) {
-	var n = pt($(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, ht(e, t)) : Math.min((e.height + n.top + n.bottom) / e.height, ht(e, t)) : 1;
+function Ct(e, 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, _t(e, t)) : Math.min((e.height + n.top + n.bottom) / e.height, _t(e, t)) : 1;
 }
 function $(e, t, n) {
 	n === void 0 && (n = !1);
-	var r = gt(e, t);
-	return X(e, n ? mt(r) : r);
+	var r = vt(e, t);
+	return X(e, n ? gt(r) : r);
 }
-function St(e) {
+function wt(e) {
 	return {
 		width: e.right !== void 0 && e.left !== void 0 ? e.right - e.left : Infinity,
 		height: e.bottom !== void 0 && e.top !== void 0 ? e.bottom - e.top : Infinity
 	};
 }
-function Ct(e, t) {
+function Tt(e, t) {
 	return W(W({}, e), {
 		minWidth: Math.min(t.width, e.minWidth),
 		minHeight: Math.min(t.height, e.minHeight),
@@ -1171,7 +1182,7 @@ function Ct(e, t) {
 		maxHeight: Math.min(t.height, e.maxHeight)
 	});
 }
-function wt(e, t, n) {
+function Et(e, t, n) {
 	n === void 0 && (n = !0);
 	var r = {};
 	return K.forEach((function(i) {
@@ -1179,17 +1190,17 @@ function wt(e, t, n) {
 		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;
 }
-function Tt(e, t) {
-	return wt(e, t, !0);
+function Dt(e, t) {
+	return Et(e, t, !0);
 }
-function Et(e) {
+function Ot(e) {
 	var t = e.size, n = e.aspectRatio, r = e.ignoreMinimum, i = e.sizeRestrictions;
 	return !!((t.correctRatio || Q(t) >= n.minimum && Q(t) <= n.maximum) && t.height <= i.maxHeight && t.width <= i.maxWidth && t.width && t.height && (r || t.height >= i.minHeight && t.width >= i.minWidth));
 }
-function Dt(e, t) {
+function kt(e, t) {
 	return (e.width - t.width) ** 2 + (e.height - t.height) ** 2;
 }
-function Ot(e) {
+function At(e) {
 	var t = e.width, n = e.height, r = e.sizeRestrictions, i = {
 		minimum: e.aspectRatio && e.aspectRatio.minimum || 0,
 		maximum: e.aspectRatio && e.aspectRatio.maximum || Infinity
@@ -1199,15 +1210,15 @@ function Ot(e) {
 	};
 	function o(e, a) {
 		return a === void 0 && (a = !1), e.reduce((function(e, o) {
-			return Et({
+			return Ot({
 				size: o,
 				aspectRatio: i,
 				sizeRestrictions: r,
 				ignoreMinimum: a
-			}) && (!e || Dt(o, {
+			}) && (!e || kt(o, {
 				width: t,
 				height: n
-			}) < Dt(e, {
+			}) < kt(e, {
 				width: t,
 				height: n
 			})) ? o : e;
@@ -1224,7 +1235,7 @@ function Ot(e) {
 			height: a.height,
 			correctRatio: !0
 		});
-	})), Et({
+	})), Ot({
 		size: a,
 		aspectRatio: i,
 		sizeRestrictions: r
@@ -1235,16 +1246,16 @@ function Ot(e) {
 		height: c.height
 	};
 }
-function kt(e) {
+function jt(e) {
 	var t = e.event, n = e.coordinates, r = e.positionRestrictions, i = r === void 0 ? {} : r, a = X(n, t.directions);
-	return X(a, gt(a, i));
+	return X(a, vt(a, i));
 }
-function At(e) {
+function Mt(e) {
 	var t = e.coordinates, n = e.transform, r = e.imageSize, i = e.sizeRestrictions, a = e.positionRestrictions, o = e.aspectRatio, s = e.visibleArea, c = function(e, t) {
-		return kt({
+		return jt({
 			coordinates: e,
 			positionRestrictions: a,
-			event: new $e({
+			event: new tt({
 				left: t.left - e.left,
 				top: t.top - e.top
 			})
@@ -1257,7 +1268,7 @@ function At(e) {
 			imageSize: r,
 			visibleArea: s
 		}) : e).width) && G(t.height) || (l = function(e, t) {
-			return c(W(W(W({}, e), Ot({
+			return c(W(W(W({}, e), At({
 				width: t.width,
 				height: t.height,
 				sizeRestrictions: i,
@@ -1272,9 +1283,9 @@ function At(e) {
 		}(l, W(W({}, l), t))), G(t.left) && G(t.top) || (l = c(l, W(W({}, l), t)));
 	})), l;
 }
-function jt(e) {
+function Nt(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), Ot({
+	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), At({
 		sizeRestrictions: o,
 		width: d.width,
 		height: d.height,
@@ -1283,19 +1294,19 @@ function jt(e) {
 			maximum: Q(p)
 		}
 	})));
-	var m = xt(f = Z(f, d.width * n.width / (f.width * p.width)), t({
+	var m = Ct(f = Z(f, d.width * n.width / (f.width * p.width)), t({
 		visibleArea: f,
 		type: "resize"
 	}));
-	return m !== 1 && (f = Z(f, m), d = Z(d, m)), f = $(f = X(f, ft(J(d), J(f))), t({
+	return m !== 1 && (f = Z(f, m), d = Z(d, m)), f = $(f = X(f, mt(J(d), J(f))), t({
 		visibleArea: f,
 		type: "move"
 	})), {
-		coordinates: d = $(d, Tt(q(f), s)),
+		coordinates: d = $(d, Dt(q(f), s)),
 		visibleArea: f
 	};
 }
-function Mt(e) {
+function Pt(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);
 	if (i && a && t.type !== "manipulateImage") {
 		var l = {
@@ -1303,31 +1314,31 @@ function Mt(e) {
 			height: 0
 		};
 		Q(r) > Q(s) ? (l.height = .8 * r.height, l.width = l.height * Q(s)) : (l.width = .8 * r.width, l.height = l.width * Q(s));
-		var u = xt(c = Z(c, s.width * r.width / (c.width * l.width)), n({
+		var u = Ct(c = Z(c, s.width * r.width / (c.width * l.width)), n({
 			visibleArea: c,
 			type: "resize"
 		}));
-		c = Z(c, u), u !== 1 && (l.height /= u, l.width /= u), c = $(c = X(c, ft(J(s), J(c))), n({
+		c = Z(c, u), u !== 1 && (l.height /= u, l.width /= u), c = $(c = X(c, mt(J(s), J(c))), n({
 			visibleArea: c,
 			type: "move"
-		})), s = $(s, Tt(q(c), o));
+		})), s = $(s, Dt(q(c), o));
 	}
 	return {
 		coordinates: s,
 		visibleArea: c
 	};
 }
-function Nt(e) {
+function Ft(e) {
 	var t = e.event, n = e.coordinates, r = e.visibleArea, i = e.getAreaRestrictions, a = W({}, r), o = W({}, 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, ht(a, i({
+		s > c ? a = Z(a, Math.min(o.width / a.width, _t(a, i({
 			visibleArea: a,
 			type: "resize"
-		})))) : c > s && (a = Z(a, Math.min(o.height / a.height, ht(a, i({
+		})))) : c > s && (a = Z(a, Math.min(o.height / a.height, _t(a, i({
 			visibleArea: a,
 			type: "resize"
-		}))))), a = $(a = X(a, mt(gt(o, q(a)))), i({
+		}))))), a = $(a = X(a, gt(vt(o, q(a)))), i({
 			visibleArea: a,
 			type: "move"
 		}));
@@ -1337,14 +1348,14 @@ function Nt(e) {
 		coordinates: o
 	};
 }
-function Pt(e) {
+function It(e) {
 	var t = e.imageSize, n = e.visibleArea, r = e.coordinates, i = n || t;
 	return {
 		left: (n ? n.left : 0) + i.width / 2 - r.width / 2,
 		top: (n ? n.top : 0) + i.height / 2 - r.height / 2
 	};
 }
-function Ft(e) {
+function Lt(e) {
 	var t = e.imageSize, n = e.visibleArea, r = e.aspectRatio, i = e.sizeRestrictions, a = n || t, o = Math.min(r.maximum || Infinity, Math.max(r.minimum || 0, Q(a))), s = a.width < a.height ? {
 		width: .8 * a.width,
 		height: .8 * a.width / o
@@ -1352,35 +1363,35 @@ function Ft(e) {
 		height: .8 * a.height,
 		width: .8 * a.height * o
 	};
-	return Ot(W(W({}, s), {
+	return At(W(W({}, s), {
 		aspectRatio: r,
 		sizeRestrictions: i
 	}));
 }
-function It(e) {
+function Rt(e) {
 	var t, n, r = e.imageSize, i = e.visibleArea, a = e.boundaries, o = e.aspectRatio, s = e.sizeRestrictions, c = e.stencilSize, l = i || r;
-	return Q(l) > Q(a) ? n = (t = c.height * l.height / a.height) * Q(c) : t = (n = c.width * l.width / a.width) / Q(c), Ot({
+	return Q(l) > Q(a) ? n = (t = c.height * l.height / a.height) * Q(c) : t = (n = c.width * l.width / a.width) / Q(c), At({
 		width: n,
 		height: t,
 		aspectRatio: o,
 		sizeRestrictions: s
 	});
 }
-function Lt(e) {
+function zt(e) {
 	var t = e.getAreaRestrictions, n = e.coordinates, r = e.imageSize, i = Q(e.boundaries);
 	if (n) {
 		var a = {
 			height: Math.max(n.height, r.height),
 			width: Math.max(n.width, r.width)
-		}, o = vt({
+		}, o = bt({
 			width: Q(a) > i ? a.width : a.height * i,
 			height: Q(a) > i ? a.width / i : a.height
-		}, St(t())), s = {
+		}, wt(t())), s = {
 			left: n.left + n.width / 2 - o.width / 2,
 			top: n.top + n.height / 2 - o.height / 2,
 			width: o.width,
 			height: o.height
-		}, c = pt(n, q(W({
+		}, c = ht(n, q(W({
 			left: 0,
 			top: 0
 		}, r))), l = {};
@@ -1397,10 +1408,10 @@ function Lt(e) {
 		height: o.height
 	};
 }
-function Rt(e, t) {
-	return wt(e, q(t));
+function Bt(e, t) {
+	return Et(e, q(t));
 }
-function zt(e) {
+function Vt(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;
 	u = X(u, {
 		left: l.left || 0,
@@ -1409,16 +1420,16 @@ function zt(e) {
 	var h = {
 		stencil: {
 			minimum: Math.max(i.minWidth ? i.minWidth / d.width : 0, i.minHeight ? i.minHeight / d.height : 0),
-			maximum: Math.min(i.maxWidth ? i.maxWidth / d.width : Infinity, i.maxHeight ? i.maxHeight / d.height : Infinity, ht(d, o))
+			maximum: Math.min(i.maxWidth ? i.maxWidth / d.width : Infinity, i.maxHeight ? i.maxHeight / d.height : Infinity, _t(d, o))
 		},
-		area: { maximum: ht(u, a({
+		area: { maximum: _t(u, a({
 			visibleArea: u,
 			type: "resize"
 		})) }
 	};
 	c.factor && m && (c.factor < 1 ? (p = Math.max(c.factor, h.stencil.minimum)) > 1 && (p = 1) : c.factor > 1 && (p = Math.min(c.factor, Math.min(h.area.maximum, h.stencil.maximum))) < 1 && (p = 1)), p && (u = Z(u, p, c.center));
 	var g = n.left - r.left, _ = r.width + r.left - (n.width + n.left), v = n.top - r.top, y = r.height + r.top - (n.height + n.top);
-	return u = $(u = X(u, gt(u, {
+	return u = $(u = X(u, vt(u, {
 		left: o.left === void 0 ? void 0 : o.left - g * p,
 		top: o.top === void 0 ? void 0 : o.top - v * p,
 		bottom: o.bottom === void 0 ? void 0 : o.bottom + y * p,
@@ -1426,46 +1437,46 @@ function zt(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, Tt(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, Dt(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({
 		visibleArea: u,
 		type: "move"
-	})), mt(gt(d, q(u)))))), {
+	})), gt(vt(d, q(u)))))), {
 		coordinates: d,
 		visibleArea: u
 	};
 }
-function Bt(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 = bt(J(W({
+function Ht(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 = St(J(W({
 		left: 0,
 		top: 0
 	}, c)), l);
-	return (u = W(W({}, Ot({
+	return (u = W(W({}, At({
 		sizeRestrictions: a,
 		aspectRatio: t,
 		width: u.width,
 		height: u.height
-	})), bt(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, xt(d, n({
+	})), St(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, Ct(d, n({
 		visibleArea: d,
 		type: "resize"
 	}))), {
 		coordinates: u = $(u, o),
-		visibleArea: d = $(d = X(d, ft(J(u), J(r))), n({
+		visibleArea: d = $(d = X(d, mt(J(u), J(r))), n({
 			visibleArea: d,
 			type: "move"
 		}))
 	};
 }
-function Vt(e) {
+function Ut(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;
 	if (u || d) {
-		var f = bt({
+		var f = St({
 			left: s.width / 2,
 			top: s.height / 2
-		}, -r), p = bt(J(c), -r), m = bt({
+		}, -r), p = St(J(c), -r), m = St({
 			left: u ? f.left - (p.left - f.left) : p.left,
 			top: d ? f.top - (p.top - f.top) : p.top
 		}, r);
-		c = X(c, ft(m, J(c))), p = bt(J(l), -r), l = $(l = X(l, ft(m = bt({
+		c = X(c, mt(m, J(c))), p = St(J(l), -r), l = $(l = X(l, mt(m = St({
 			left: u ? f.left - (p.left - f.left) : p.left,
 			top: d ? f.top - (p.top - f.top) : p.top
 		}, r), J(l))), i({
@@ -1478,11 +1489,11 @@ function Vt(e) {
 		visibleArea: l
 	};
 }
-function Ht(e) {
+function Wt(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;
 	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 = pt(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 = pt(Y(n, c), i));
+	var d = ht(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 = ht(Y(n, c), i));
 	var f = {
 		width: Infinity,
 		height: Infinity,
@@ -1509,19 +1520,19 @@ function Ht(e) {
 		m !== Infinity && K.forEach((function(e) {
 			c[e] *= m;
 		}));
-	} else f.width !== Infinity && ot.forEach((function(e) {
+	} else f.width !== Infinity && ct.forEach((function(e) {
 		c[e] *= f.width;
-	})), f.height !== Infinity && st.forEach((function(e) {
+	})), f.height !== Infinity && lt.forEach((function(e) {
 		c[e] *= f.height;
 	}));
 	return c;
 }
-function Ut(e, t, n) {
+function Gt(e, t, n) {
 	return t == 0 && n == 0 ? e / 2 : t == 0 ? 0 : n == 0 ? e : e * Math.abs(t / (t + n));
 }
-var Wt = U("vue-simple-handler"), Gt = U("vue-simple-handler-wrapper"), Kt = {
+var Kt = U("vue-simple-handler"), qt = U("vue-simple-handler-wrapper"), Jt = {
 	name: "SimpleHandler",
-	components: { HandlerWrapper: rt },
+	components: { HandlerWrapper: at },
 	props: {
 		defaultClass: { type: String },
 		hoverClass: { type: String },
@@ -1539,8 +1550,8 @@ var Wt = U("vue-simple-handler"), Gt = U("vue-simple-handler-wrapper"), Kt = {
 	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);
 		return {
-			default: H(Wt(t), this.defaultClass, this.hover && this.hoverClass),
-			wrapper: H(Gt(t), this.wrapperClass)
+			default: H(Kt(t), this.defaultClass, this.hover && this.hoverClass),
+			wrapper: H(qt(t), this.wrapperClass)
 		};
 	} },
 	methods: {
@@ -1559,7 +1570,7 @@ var Wt = U("vue-simple-handler"), Gt = U("vue-simple-handler-wrapper"), Kt = {
 	},
 	emits: ["drag", "drag-end"]
 };
-Kt.render = function(e, t, n, r, i, a) {
+Jt.render = function(e, t, n, r, i, a) {
 	var l = s("HandlerWrapper");
 	return o(), v(l, {
 		class: a.classes.wrapper,
@@ -1586,9 +1597,9 @@ Kt.render = function(e, t, n, r, i, a) {
 		"onLeave"
 	]);
 };
-var qt = U("vue-simple-line"), Jt = U("vue-simple-line-wrapper"), Yt = {
+var Yt = U("vue-simple-line"), Xt = U("vue-simple-line-wrapper"), Zt = {
 	name: "SimpleLine",
-	components: { LineWrapper: at },
+	components: { LineWrapper: st },
 	props: {
 		defaultClass: { type: String },
 		hoverClass: { type: String },
@@ -1604,8 +1615,8 @@ var qt = U("vue-simple-line"), Jt = U("vue-simple-line-wrapper"), Yt = {
 	},
 	computed: { classes: function() {
 		return {
-			root: H(qt(V({}, this.position, !0)), this.defaultClass, this.hover && this.hoverClass),
-			wrapper: H(Jt(V({}, this.position, !0)), this.wrapperClass)
+			root: H(Yt(V({}, this.position, !0)), this.defaultClass, this.hover && this.hoverClass),
+			wrapper: H(Xt(V({}, this.position, !0)), this.wrapperClass)
 		};
 	} },
 	methods: {
@@ -1624,7 +1635,7 @@ var qt = U("vue-simple-line"), Jt = U("vue-simple-line-wrapper"), Yt = {
 	},
 	emits: ["drag", "drag-end"]
 };
-Yt.render = function(e, t, n, r, i, a) {
+Zt.render = function(e, t, n, r, i, a) {
 	var l = s("LineWrapper");
 	return o(), v(l, {
 		class: a.classes.wrapper,
@@ -1649,15 +1660,15 @@ Yt.render = function(e, t, n, r, i, a) {
 		"onLeave"
 	]);
 };
-var Xt = U("vue-bounding-box"), Zt = [
+var Qt = U("vue-bounding-box"), $t = [
 	"east",
 	"west",
 	null
-], Qt = [
+], en = [
 	"south",
 	"north",
 	null
-], $t = {
+], tn = {
 	name: "BoundingBox",
 	props: {
 		width: { type: Number },
@@ -1681,7 +1692,7 @@ var Xt = U("vue-bounding-box"), Zt = [
 		handlersComponent: {
 			type: [Object, String],
 			default: function() {
-				return Kt;
+				return Jt;
 			}
 		},
 		handlersClasses: {
@@ -1710,7 +1721,7 @@ var Xt = U("vue-bounding-box"), Zt = [
 		linesComponent: {
 			type: [Object, String],
 			default: function() {
-				return Yt;
+				return Zt;
 			}
 		},
 		linesClasses: {
@@ -1732,10 +1743,10 @@ var Xt = U("vue-bounding-box"), Zt = [
 	},
 	data: function() {
 		var e = [];
-		return Zt.forEach((function(t) {
-			Qt.forEach((function(n) {
+		return $t.forEach((function(t) {
+			en.forEach((function(n) {
 				if (t !== n) {
-					var r = Ve(t, n);
+					var r = Ue(t, n);
 					e.push({
 						name: r.name,
 						classname: r.classname,
@@ -1754,7 +1765,7 @@ var Xt = U("vue-bounding-box"), Zt = [
 		classes: function() {
 			var e = this.handlersClasses, t = this.handlersWrappersClasses, n = this.linesClasses, r = this.linesWrappersClasses;
 			return {
-				root: Xt(),
+				root: Qt(),
 				handlers: e,
 				handlersWrappers: t,
 				lines: n,
@@ -1792,8 +1803,8 @@ var Xt = U("vue-bounding-box"), Zt = [
 					};
 					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 = Xt("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 = Xt("handler", V({}, i.classname, !0));
+						a.wrapperClass = Qt("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 = Qt("handler", V({}, i.classname, !0));
 					t.push(a);
 				}
 			})), t;
@@ -1819,7 +1830,7 @@ var Xt = U("vue-bounding-box"), Zt = [
 				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 Qe(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,
@@ -1833,7 +1844,7 @@ var Xt = U("vue-bounding-box"), Zt = [
 	},
 	emits: ["resize", "resize-end"]
 };
-$t.render = function(e, t, n, r, s, c) {
+tn.render = function(e, t, n, r, s, c) {
 	return o(), v("div", {
 		ref: "box",
 		class: c.classes.root,
@@ -1893,7 +1904,7 @@ $t.render = function(e, t, n, r, s, c) {
 		})), 128))
 	], 6);
 };
-var en = U("vue-draggable-area"), tn = {
+var nn = U("vue-draggable-area"), rn = {
 	name: "DraggableArea",
 	props: {
 		movable: {
@@ -1906,7 +1917,7 @@ var en = U("vue-draggable-area"), tn = {
 		}
 	},
 	computed: { classnames: function() {
-		return { default: en() };
+		return { default: nn() };
 	} },
 	beforeMount: function() {
 		window.addEventListener("mouseup", this.onMouseUp, { passive: !1 }), window.addEventListener("mousemove", this.onMouseMove, { passive: !1 }), window.addEventListener("touchmove", this.onTouchMove, { passive: !1 }), window.addEventListener("touchend", this.onTouchEnd, { passive: !1 });
@@ -1921,14 +1932,14 @@ var en = U("vue-draggable-area"), tn = {
 		onTouchStart: function(e) {
 			if (e.cancelable) {
 				var t = this.movable && e.touches.length === 1;
-				t && (this.touches = Pe(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()) : Xe({
+			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
 			}, {
@@ -1967,10 +1978,10 @@ var en = U("vue-draggable-area"), tn = {
 			};
 		},
 		processMove: function(e, t) {
-			var n = Pe(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 $e({
+				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)
 				}));
@@ -1982,7 +1993,7 @@ var en = U("vue-draggable-area"), tn = {
 	},
 	emits: ["move", "move-end"]
 };
-tn.render = function(e, t, n, r, i, s) {
+rn.render = function(e, t, n, r, i, s) {
 	return o(), v("div", {
 		ref: "container",
 		onTouchstart: t[1] ||= function() {
@@ -1993,7 +2004,7 @@ tn.render = function(e, t, n, r, i, s) {
 		}
 	}, [a(e.$slots, "default")], 544);
 };
-function nn(e) {
+function an(e) {
 	return {
 		rotate: e.rotate || 0,
 		flip: {
@@ -2002,7 +2013,7 @@ function nn(e) {
 		}
 	};
 }
-function rn(e) {
+function on(e) {
 	return new Promise((function(t, n) {
 		try {
 			if (e) if (/^data:/i.test(e)) t(function(e) {
@@ -2034,11 +2045,11 @@ function rn(e) {
 		var a, o, s;
 	}));
 }
-function an(e) {
+function sn(e) {
 	var t = e.rotate, n = e.flip, r = e.scaleX, i = e.scaleY, a = "";
 	return a += " rotate(" + t + "deg) ", a += " scaleX(" + r * (n.horizontal ? -1 : 1) + ") ", a += " scaleY(" + i * (n.vertical ? -1 : 1) + ") ";
 }
-function on(e) {
+function cn(e) {
 	try {
 		var t, n = new DataView(e), r = void 0, i = void 0, a = void 0, o = void 0;
 		if (n.getUint8(0) === 255 && n.getUint8(1) === 216) for (var s = n.byteLength, c = 2; c + 1 < s;) {
@@ -2070,7 +2081,7 @@ function on(e) {
 		return null;
 	}
 }
-var sn = U("vue-preview-result"), cn = {
+var ln = U("vue-preview-result"), un = {
 	name: "PreviewResult",
 	props: {
 		image: { type: Object },
@@ -2091,10 +2102,10 @@ var sn = U("vue-preview-result"), cn = {
 	computed: {
 		classes: function() {
 			return {
-				root: sn(),
-				wrapper: sn("wrapper"),
-				imageWrapper: sn("image-wrapper"),
-				image: H(sn("image"), this.imageClass)
+				root: ln(),
+				wrapper: ln("wrapper"),
+				imageWrapper: ln("image-wrapper"),
+				image: H(ln("image"), this.imageClass)
 			};
 		},
 		wrapperStyle: function() {
@@ -2107,7 +2118,7 @@ var sn = U("vue-preview-result"), cn = {
 			return this.transitions && this.transitions.enabled && (e.transition = `${this.transitions.time}ms ${this.transitions.timingFunction}`), e;
 		},
 		imageStyle: function() {
-			var e = this.image.transforms, t = yt({
+			var e = this.image.transforms, t = xt({
 				width: this.image.width,
 				height: this.image.height
 			}, e.rotate), n = {
@@ -2123,11 +2134,11 @@ var sn = U("vue-preview-result"), cn = {
 				top: (1 - e.scaleY) * this.image.height / 2
 			};
 			return n.transform = `translate(
-				${-this.stencilCoordinates.left - e.translateX - r.left - i.left}px,${-this.stencilCoordinates.top - e.translateY - r.top - i.top}px) ` + an(e), this.transitions && this.transitions.enabled && (n.transition = `${this.transitions.time}ms ${this.transitions.timingFunction}`), n;
+				${-this.stencilCoordinates.left - e.translateX - r.left - i.left}px,${-this.stencilCoordinates.top - e.translateY - r.top - i.top}px) ` + sn(e), this.transitions && this.transitions.enabled && (n.transition = `${this.transitions.time}ms ${this.transitions.timingFunction}`), n;
 		}
 	}
 };
-function ln(e, t) {
+function dn(e, t) {
 	var n = t.getBoundingClientRect(), r = n.left, i = n.top, a = {
 		left: 0,
 		top: 0
@@ -2135,7 +2146,7 @@ function ln(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 += Xe({
+		o += Qe({
 			x: a.left,
 			y: a.top
 		}, {
@@ -2148,7 +2159,7 @@ function ln(e, t) {
 		count: e.length
 	};
 }
-cn.render = function(e, t, n, r, i, a) {
+un.render = function(e, t, n, r, i, a) {
 	return o(), v("div", { class: a.classes.root }, [k("div", {
 		ref: "wrapper",
 		class: a.classes.wrapper,
@@ -2160,7 +2171,7 @@ cn.render = function(e, t, n, r, i, a) {
 		style: a.imageStyle
 	}, null, 14, ["src"])], 6)], 2);
 };
-var un = {
+var fn = {
 	props: {
 		touchMove: {
 			type: Boolean,
@@ -2190,18 +2201,18 @@ var un = {
 		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 = Be(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 Ze({
+				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 = ln(t, this.$refs.container), r = this.oldGeometricProperties;
-					r.count === n.count && r.count > 1 && this.$emit("resize", new Ze({
+					var n = dn(t, this.$refs.container), r = this.oldGeometricProperties;
+					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
 					}, {
@@ -2224,9 +2235,9 @@ var un = {
 		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 = Pe(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 = ln(this.touches, t);
+				})), this.oldGeometricProperties = dn(this.touches, t);
 			}
 		},
 		onTouchEnd: function(e) {
@@ -2235,7 +2246,7 @@ var un = {
 		onTouchMove: function(e) {
 			var t = this;
 			if (this.touches.length) {
-				var n = Pe(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;
 					}));
@@ -2264,11 +2275,11 @@ var un = {
 		},
 		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 || Ye(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 Ze({}, {
+				this.$emit("resize", new $e({}, {
 					factor: i,
 					center: a
 				})), this.touches.length || this.debouncedProcessEnd();
@@ -2282,7 +2293,7 @@ var un = {
 		"transform-end"
 	]
 };
-un.render = function(e, t, n, r, i, s) {
+fn.render = function(e, t, n, r, i, s) {
 	return o(), v("div", {
 		ref: "container",
 		onTouchstart: t[1] ||= function() {
@@ -2296,8 +2307,8 @@ un.render = function(e, t, n, r, i, s) {
 		}
 	}, [a(e.$slots, "default")], 544);
 };
-var dn = {
-	components: { TransformableImage: un },
+var pn = {
+	components: { TransformableImage: fn },
 	props: {
 		touchMove: {
 			type: Boolean,
@@ -2318,7 +2329,7 @@ var dn = {
 	},
 	emits: ["resize", "move"]
 };
-dn.render = function(e, t, n, r, i, l) {
+pn.render = function(e, t, n, r, i, l) {
 	var u = s("transformable-image");
 	return o(), v(u, {
 		"touch-move": n.touchMove,
@@ -2343,7 +2354,7 @@ dn.render = function(e, t, n, r, i, l) {
 		"wheel-resize"
 	]);
 };
-var fn = U("vue-preview"), pn = {
+var mn = U("vue-preview"), hn = {
 	props: {
 		coordinates: { type: Object },
 		transitions: { type: Object },
@@ -2373,10 +2384,10 @@ var fn = U("vue-preview"), pn = {
 	computed: {
 		classes: function() {
 			return {
-				root: fn({ fill: this.fill }),
-				wrapper: fn("wrapper"),
-				imageWrapper: fn("image-wrapper"),
-				image: H(fn("image"), this.imageClass)
+				root: mn({ fill: this.fill }),
+				wrapper: mn("wrapper"),
+				imageWrapper: mn("image-wrapper"),
+				image: H(mn("image"), this.imageClass)
 			};
 		},
 		style: function() {
@@ -2404,7 +2415,7 @@ var fn = U("vue-preview"), pn = {
 				}, this.image.transforms), {}, {
 					scaleX: 1 / e,
 					scaleY: 1 / e
-				}), n = this.imageSize.width, r = this.imageSize.height, i = yt({
+				}), n = this.imageSize.width, r = this.imageSize.height, i = xt({
 					width: n,
 					height: r
 				}, t.rotate), a = {
@@ -2423,7 +2434,7 @@ var fn = U("vue-preview"), pn = {
 					}
 				};
 				return a.transform = `translate(
-				${-this.coordinates.left / e - o.rotate.left - o.scale.left}px,${-this.coordinates.top / e - o.rotate.top - o.scale.top}px) ` + an(t), this.transitions && this.transitions.enabled && (a.transition = `${this.transitions.time}ms ${this.transitions.timingFunction}`), a;
+				${-this.coordinates.left / e - o.rotate.left - o.scale.left}px,${-this.coordinates.top / e - o.rotate.top - o.scale.top}px) ` + sn(t), this.transitions && this.transitions.enabled && (a.transition = `${this.transitions.time}ms ${this.transitions.timingFunction}`), a;
 			}
 			return {};
 		},
@@ -2467,7 +2478,7 @@ var fn = U("vue-preview"), pn = {
 		}
 	}
 };
-pn.render = function(e, t, r, i, a, s) {
+hn.render = function(e, t, r, i, a, s) {
 	return o(), v("div", {
 		ref: "root",
 		class: s.classes.root,
@@ -2483,20 +2494,20 @@ pn.render = function(e, t, r, i, a, s) {
 		style: s.imageStyle
 	}, null, 14, ["src"]), [[x, r.image && r.image.src]])], 6)], 6);
 };
-var mn = {
-	components: { Preview: pn },
+var gn = {
+	components: { Preview: hn },
 	inheritAttrs: !1
 };
-mn.render = function(e, t, n, r, i, a) {
+gn.render = function(e, t, n, r, i, a) {
 	var c = s("preview");
 	return o(), v(c, b(e.$attrs, { fill: !0 }), null, 16);
 };
-var hn = U("vue-rectangle-stencil"), gn = {
+var _n = U("vue-rectangle-stencil"), vn = {
 	name: "RectangleStencil",
 	components: {
-		StencilPreview: mn,
-		BoundingBox: $t,
-		DraggableArea: tn
+		StencilPreview: gn,
+		BoundingBox: tn,
+		DraggableArea: rn
 	},
 	props: {
 		image: { type: Object },
@@ -2506,14 +2517,14 @@ var hn = U("vue-rectangle-stencil"), gn = {
 		handlersComponent: {
 			type: [Object, String],
 			default: function() {
-				return Kt;
+				return Jt;
 			}
 		},
 		lines: { type: Object },
 		linesComponent: {
 			type: [Object, String],
 			default: function() {
-				return Yt;
+				return Zt;
 			}
 		},
 		aspectRatio: { type: [Number, String] },
@@ -2566,13 +2577,13 @@ var hn = U("vue-rectangle-stencil"), gn = {
 	computed: {
 		classes: function() {
 			return {
-				stencil: H(hn({
+				stencil: H(_n({
 					movable: this.movable,
 					moving: this.moving,
 					resizing: this.resizing
 				}), this.moving && this.movingClass, this.resizing && this.resizingClass),
-				preview: H(hn("preview"), this.previewClass),
-				boundingBox: H(hn("bounding-box"), this.boundingBoxClass)
+				preview: H(_n("preview"), this.previewClass),
+				boundingBox: H(_n("bounding-box"), this.boundingBoxClass)
 			};
 		},
 		style: function() {
@@ -2611,7 +2622,7 @@ var hn = U("vue-rectangle-stencil"), gn = {
 		"move-end"
 	]
 };
-gn.render = function(e, t, n, r, i, a) {
+vn.render = function(e, t, n, r, i, a) {
 	var l = s("stencil-preview"), u = s("draggable-area"), d = s("bounding-box");
 	return o(), v("div", {
 		class: a.classes.stencil,
@@ -2682,11 +2693,11 @@ gn.render = function(e, t, n, r, i, a) {
 		"onResizeEnd"
 	])], 6);
 };
-var _n = U("vue-circle-stencil"), vn = {
+var yn = U("vue-circle-stencil"), bn = {
 	components: {
-		StencilPreview: mn,
-		BoundingBox: $t,
-		DraggableArea: tn
+		StencilPreview: gn,
+		BoundingBox: tn,
+		DraggableArea: rn
 	},
 	props: {
 		image: { type: Object },
@@ -2706,7 +2717,7 @@ var _n = U("vue-circle-stencil"), vn = {
 		handlersComponent: {
 			type: [Object, String],
 			default: function() {
-				return Kt;
+				return Jt;
 			}
 		},
 		handlersClasses: {
@@ -2725,7 +2736,7 @@ var _n = U("vue-circle-stencil"), vn = {
 		linesComponent: {
 			type: [Object, String],
 			default: function() {
-				return Yt;
+				return Zt;
 			}
 		},
 		linesClasses: {
@@ -2763,13 +2774,13 @@ var _n = U("vue-circle-stencil"), vn = {
 	computed: {
 		classes: function() {
 			return {
-				stencil: H(_n({
+				stencil: H(yn({
 					movable: this.movable,
 					moving: this.moving,
 					resizing: this.resizing
 				}), this.moving && this.movingClass, this.resizing && this.resizingClass),
-				preview: H(_n("preview"), this.previewClass),
-				boundingBox: H(_n("bounding-box"), this.boundingBoxClass)
+				preview: H(yn("preview"), this.previewClass),
+				boundingBox: H(yn("bounding-box"), this.boundingBoxClass)
 			};
 		},
 		style: function() {
@@ -2808,7 +2819,7 @@ var _n = U("vue-circle-stencil"), vn = {
 		"move-end"
 	]
 };
-vn.render = function(e, t, n, r, i, a) {
+bn.render = function(e, t, n, r, i, a) {
 	var l = s("stencil-preview"), u = s("draggable-area"), d = s("bounding-box");
 	return o(), v("div", {
 		class: a.classes.stencil,
@@ -2879,9 +2890,9 @@ vn.render = function(e, t, n, r, i, a) {
 		"onResizeEnd"
 	])], 6);
 };
-var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
+var xn = ["transitions"], Sn = U("vue-advanced-cropper"), Cn = {
 	name: "Cropper",
-	components: { BackgroundWrapper: dn },
+	components: { BackgroundWrapper: pn },
 	props: {
 		src: {
 			type: String,
@@ -2890,13 +2901,13 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 		stencilComponent: {
 			type: [Object, String],
 			default: function() {
-				return gn;
+				return vn;
 			}
 		},
 		backgroundWrapperComponent: {
 			type: [Object, String],
 			default: function() {
-				return dn;
+				return pn;
 			}
 		},
 		stencilProps: {
@@ -2945,7 +2956,7 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 			type: String,
 			default: "fit-area",
 			validator: function(e) {
-				return lt.indexOf(e) !== -1;
+				return dt.indexOf(e) !== -1;
 			}
 		},
 		roundResult: {
@@ -2991,28 +3002,28 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 				a.widthFrozen && (c.left = 0, c.right = 0), a.heightFrozen && (c.top = 0, c.bottom = 0), K.forEach((function(e) {
 					l[e] || (c[e] = 0);
 				}));
-				var u = Y(o, c = Ht({
+				var u = Y(o, c = Wt({
 					coordinates: o,
 					directions: c,
 					sizeRestrictions: a,
 					positionRestrictions: i
-				})).width, d = Y(o, c).height, f = s.preserveRatio ? Q(o) : _t(u / d, r);
+				})).width, d = Y(o, c).height, f = s.preserveRatio ? Q(o) : yt(u / d, r);
 				if (f) {
 					var p = s.respectDirection;
 					if (p ||= o.width >= o.height || f === 1 ? "width" : "height", p === "width") {
 						var m = u / f - o.height;
 						if (l.top && l.bottom) {
 							var h = c.top, g = c.bottom;
-							c.bottom = Ut(m, g, h), c.top = Ut(m, h, g);
+							c.bottom = Gt(m, g, h), c.top = Gt(m, h, g);
 						} else l.bottom ? c.bottom = m : l.top ? c.top = m : l.right ? c.right = 0 : l.left && (c.left = 0);
 					} else if (p === "height") {
 						var _ = o.width - d * f;
 						if (l.left && l.right) {
 							var v = c.left, y = c.right;
-							c.left = -Ut(_, v, y), c.right = -Ut(_, y, v);
+							c.left = -Gt(_, v, y), c.right = -Gt(_, y, v);
 						} else l.left ? c.left = -_ : l.right ? c.right = -_ : l.top ? c.top = 0 : l.bottom && (c.bottom = 0);
 					}
-					c = Ht({
+					c = Wt({
 						directions: c,
 						coordinates: o,
 						sizeRestrictions: a,
@@ -3021,10 +3032,10 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 						compensate: s.compensate
 					});
 				}
-				return u = Y(o, c).width, d = Y(o, c).height, (f = s.preserveRatio ? Q(o) : _t(u / d, r)) && Math.abs(f - u / d) > .001 && K.forEach((function(e) {
+				return u = Y(o, c).width, d = Y(o, c).height, (f = s.preserveRatio ? Q(o) : yt(u / d, r)) && Math.abs(f - u / d) > .001 && K.forEach((function(e) {
 					l[e] || (c[e] = 0);
-				})), kt({
-					event: new $e({
+				})), jt({
+					event: new tt({
 						left: -c.left,
 						top: -c.top
 					}),
@@ -3040,7 +3051,7 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 		},
 		moveAlgorithm: {
 			type: Function,
-			default: kt
+			default: jt
 		},
 		initStretcher: {
 			type: Function,
@@ -3052,7 +3063,7 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 		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), Ot({
+				var t = e.visibleArea, n = e.coordinates, r = e.aspectRatio, i = e.sizeRestrictions, a = e.positionRestrictions, o = W(W({}, n), At({
 					width: n.width,
 					height: n.height,
 					aspectRatio: r,
@@ -3063,7 +3074,7 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 						minWidth: Math.min(t.width, i.minWidth)
 					}
 				}));
-				return o = $(o = X(o, ft(J(n), J(o))), Tt(q(t), a));
+				return o = $(o = X(o, mt(J(n), J(o))), Dt(q(t), a));
 			}
 		},
 		fitVisibleArea: {
@@ -3071,7 +3082,7 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 			default: function(e) {
 				var t = e.visibleArea, n = e.boundaries, r = e.getAreaRestrictions, i = e.coordinates, a = W({}, 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 = mt(gt(i, q(a = Z(a, xt(a, r({
+				var o = gt(vt(i, q(a = Z(a, Ct(a, r({
 					visibleArea: a,
 					type: "resize"
 				}))))));
@@ -3152,7 +3163,7 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 				height: 0
 			},
 			visibleArea: null,
-			coordinates: B({}, ut)
+			coordinates: B({}, ft)
 		};
 	},
 	computed: {
@@ -3190,7 +3201,7 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 			return !!(this.visibleArea && this.imageLoaded);
 		},
 		settings: function() {
-			var e = Ke(this.resizeImage, {
+			var e = Je(this.resizeImage, {
 				touch: !0,
 				wheel: { ratio: .1 },
 				adjustStencil: !0
@@ -3200,7 +3211,7 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 				adjustStencil: !1
 			});
 			return {
-				moveImage: Ke(this.moveImage, {
+				moveImage: Je(this.moveImage, {
 					touch: !0,
 					mouse: !0
 				}, {
@@ -3231,10 +3242,10 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 			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 : qe(this.minWidth),
-					minHeight: G(this.minHeight) ? 0 : qe(this.minHeight),
-					maxWidth: G(this.maxWidth) ? Infinity : qe(this.maxWidth),
-					maxHeight: G(this.maxHeight) ? Infinity : qe(this.maxHeight)
+					minWidth: G(this.minWidth) ? 0 : Ye(this.minWidth),
+					minHeight: G(this.minHeight) ? 0 : Ye(this.minHeight),
+					maxWidth: G(this.maxWidth) ? Infinity : Ye(this.maxWidth),
+					maxHeight: G(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), {
@@ -3244,7 +3255,7 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 						maxHeight: n.maxHeight === void 0 ? Infinity : n.maxHeight
 					});
 					i.left !== void 0 && i.right !== void 0 && (a.maxWidth = Math.min(a.maxWidth, i.right - i.left)), i.bottom !== void 0 && i.top !== void 0 && (a.maxHeight = Math.min(a.maxHeight, i.bottom - i.top));
-					var o = St(t), s = vt(r, o);
+					var o = wt(t), s = bt(r, o);
 					return o.width < Infinity && (!a.maxWidth || a.maxWidth > s.width) && (a.maxWidth = Math.min(a.maxWidth, s.width)), o.height < Infinity && (!a.maxHeight || a.maxHeight > s.height) && (a.maxHeight = Math.min(a.maxHeight, s.height)), a.minWidth > a.maxWidth && (a.minWidth = a.maxWidth, a.widthFrozen = !0), a.minHeight > a.maxHeight && (a.minHeight = a.maxHeight, a.heightFrozen = !0), a;
 				}({
 					sizeRestrictions: e,
@@ -3259,7 +3270,7 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 					visibleArea: this.visibleArea,
 					stencilSize: this.getStencilSize()
 				}), this.visibleArea && this.stencilSize) {
-					var t = this.getStencilSize(), n = St(this.getAreaRestrictions({
+					var t = this.getStencilSize(), n = wt(this.getAreaRestrictions({
 						visibleArea: this.visibleArea,
 						type: "resize"
 					}));
@@ -3282,15 +3293,15 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 		},
 		classes: function() {
 			return {
-				cropper: bn(),
-				image: H(bn("image"), this.imageClass),
-				stencil: bn("stencil"),
-				boundaries: H(bn("boundaries"), this.boundariesClass),
-				stretcher: H(bn("stretcher")),
-				background: H(bn("background"), this.backgroundClass),
-				foreground: H(bn("foreground"), this.foregroundClass),
-				imageWrapper: H(bn("image-wrapper")),
-				cropperWrapper: H(bn("cropper-wrapper"))
+				cropper: Sn(),
+				image: H(Sn("image"), this.imageClass),
+				stencil: Sn("stencil"),
+				boundaries: H(Sn("boundaries"), this.boundariesClass),
+				stretcher: H(Sn("stretcher")),
+				background: H(Sn("background"), this.backgroundClass),
+				foreground: H(Sn("foreground"), this.foregroundClass),
+				imageWrapper: H(Sn("image-wrapper")),
+				cropperWrapper: H(Sn("cropper-wrapper"))
 			};
 		},
 		stencilCoordinates: function() {
@@ -3335,7 +3346,7 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 				height: `${e.height}px`,
 				left: "0px",
 				top: "0px",
-				transform: `translate(${-t.left - n.left - this.imageTransforms.translateX}px, ${-t.top - n.top - this.imageTransforms.translateY}px)` + an(r)
+				transform: `translate(${-t.left - n.left - this.imageTransforms.translateX}px, ${-t.top - n.top - this.imageTransforms.translateY}px)` + sn(r)
 			};
 			return this.transitionsOptions.enabled && (i.transition = `${this.transitionsOptions.time}ms ${this.transitionsOptions.timingFunction}`), i;
 		}
@@ -3376,7 +3387,7 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 		}
 	},
 	created: function() {
-		this.debouncedUpdate = Be(this.update, this.debounce), this.debouncedDisableTransitions = Be(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);
@@ -3412,7 +3423,7 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 		},
 		zoom: function(e, t) {
 			var n = (arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}).transitions, r = n === void 0 || n;
-			this.onManipulateImage(new Ze({}, {
+			this.onManipulateImage(new $e({}, {
 				factor: 1 / e,
 				center: t
 			}), {
@@ -3422,7 +3433,7 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 		},
 		move: function(e, t) {
 			var n = (arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}).transitions, r = n === void 0 || n;
-			this.onManipulateImage(new Ze({
+			this.onManipulateImage(new $e({
 				left: e || 0,
 				top: t || 0
 			}), {
@@ -3466,13 +3477,13 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 				};
 				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()), {}, {
-				positionRestrictions: Rt(this.positionRestrictions, this.visibleArea),
+				positionRestrictions: Bt(this.positionRestrictions, this.visibleArea),
 				coordinates: e
 			})) : e;
 		},
 		processAutoZoom: function(e, t, n, r) {
 			var i = this.autoZoomAlgorithm;
-			i ||= this.stencilSize ? jt : this.autoZoom ? Mt : Nt;
+			i ||= this.stencilSize ? Nt : this.autoZoom ? Pt : Ft;
 			var a = i({
 				event: {
 					type: e,
@@ -3487,10 +3498,10 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 				sizeRestrictions: this.sizeRestrictions,
 				stencilSize: this.getStencilSize()
 			});
-			return B(B({}, a), {}, { changed: !dt(a.visibleArea, t) || !dt(a.coordinates, n) });
+			return B(B({}, 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 = Ne(t, yn), 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, xn), 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) {
@@ -3517,7 +3528,7 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 				}
 				if (t.type === "move") {
 					var a = W(W({}, t), { directions: W({}, t.directions) });
-					return ct.forEach((function(e) {
+					return ut.forEach((function(e) {
 						a.directions[e] *= r;
 					})), a;
 				}
@@ -3530,9 +3541,9 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 					var r = n.rotate, i = n.flip, a = {
 						width: t.naturalWidth,
 						height: t.naturalHeight
-					}, o = yt(a, r), s = e.getContext("2d");
+					}, o = xt(a, r), s = e.getContext("2d");
 					e.height = o.height, e.width = o.width, s.save();
-					var c = bt(J(W({
+					var c = St(J(W({
 						left: 0,
 						top: 0
 					}, a)), r);
@@ -3551,7 +3562,7 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 						return t = e, !Number.isNaN(parseFloat(t)) && isFinite(t);
 						var t;
 					}));
-				}, a = Ot({
+				}, a = At({
 					sizeRestrictions: {
 						minWidth: i([r.width, r.minWidth]) || 0,
 						minHeight: i([r.height, r.minHeight]) || 0,
@@ -3585,8 +3596,8 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 			this.$emit("change", this.getResult());
 		},
 		applyTransform: function(e) {
-			var t = arguments.length > 1 && arguments[1] !== void 0 && arguments[1], n = this.visibleArea && t ? Ct(this.sizeRestrictions, this.visibleArea) : this.sizeRestrictions, r = this.visibleArea && t ? Rt(this.positionRestrictions, this.visibleArea) : this.positionRestrictions;
-			return At({
+			var t = arguments.length > 1 && arguments[1] !== void 0 && arguments[1], n = this.visibleArea && t ? Tt(this.sizeRestrictions, this.visibleArea) : this.sizeRestrictions, r = this.visibleArea && t ? Bt(this.positionRestrictions, this.visibleArea) : this.positionRestrictions;
+			return Mt({
 				transform: e,
 				coordinates: this.coordinates,
 				imageSize: this.imageSize,
@@ -3601,23 +3612,23 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 			if (this.$refs.image) {
 				this.$refs.cropper, this.$refs.image;
 				var t = this.defaultSize;
-				t ||= this.stencilSize ? It : Ft, this.sizeRestrictions;
-				var n = We(t) ? t({
+				t ||= this.stencilSize ? Rt : Lt, this.sizeRestrictions;
+				var n = Ke(t) ? t({
 					boundaries: this.boundaries,
 					imageSize: this.imageSize,
 					aspectRatio: this.getAspectRatio(),
 					sizeRestrictions: this.sizeRestrictions,
 					stencilSize: this.getStencilSize(),
 					visibleArea: this.visibleArea
-				}) : t, r = this.defaultPosition || Pt, i = [n, function(t) {
+				}) : t, r = this.defaultPosition || It, i = [n, function(t) {
 					var n = t.coordinates;
-					return B({}, We(r) ? r({
+					return B({}, Ke(r) ? r({
 						coordinates: n,
 						imageSize: e.imageSize,
 						visibleArea: e.visibleArea
 					}) : e.defaultPosition);
 				}];
-				this.delayedTransforms && i.push.apply(i, Pe(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() {
@@ -3647,7 +3658,7 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 					cropper: n,
 					imageSize: e.imageSize
 				};
-				if (We(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,
@@ -3666,8 +3677,8 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 			var e = this;
 			return this.appliedImageTransforms = B(B({}, this.defaultImageTransforms), {}, { flip: B({}, 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 || Lt;
-				e.visibleArea = We(s) ? s({
+				var t, n, r, i, a, o, s = e.defaultVisibleArea || zt;
+				e.visibleArea = Ke(s) ? s({
 					imageSize: e.imageSize,
 					boundaries: e.boundaries,
 					coordinates: e.priority === "visible-area" ? null : e.coordinates,
@@ -3718,7 +3729,7 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 			var e, t = this;
 			if (this.imageLoaded = !1, this.delayedTransforms = null, this.src) {
 				if (function(e) {
-					if (Ue(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] || "",
@@ -3733,8 +3744,8 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 				}
 				if (this.checkOrientation) {
 					var r = (e = this.src, new Promise((function(t) {
-						rn(e).then((function(n) {
-							var r = on(n);
+						on(e).then((function(n) {
+							var r = cn(n);
 							t(n ? {
 								source: e,
 								arrayBuffer: n,
@@ -3771,14 +3782,14 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 		},
 		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 ? He(n) || !Ue(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, We(this.defaultTransforms) ? this.appliedImageTransforms = nn(this.defaultTransforms()) : Ge(this.defaultTransforms) ? this.appliedImageTransforms = nn(this.defaultTransforms) : this.appliedImageTransforms = function(e) {
-				var t = nn({});
+			}(r) : this.imageAttributes.src = n, Ke(this.defaultTransforms) ? this.appliedImageTransforms = an(this.defaultTransforms()) : qe(this.defaultTransforms) ? this.appliedImageTransforms = an(this.defaultTransforms) : this.appliedImageTransforms = function(e) {
+				var t = an({});
 				if (e) switch (e) {
 					case 2:
 						t.flip.horizontal = !0;
@@ -3818,7 +3829,7 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 			var t = this;
 			this.transitionsOptions.enabled || this.awaitRender((function() {
 				t.coordinates = t.moveAlgorithm(B(B({}, t.getPublicProperties()), {}, {
-					positionRestrictions: Rt(t.positionRestrictions, t.visibleArea),
+					positionRestrictions: Bt(t.positionRestrictions, t.visibleArea),
 					coordinates: t.coordinates,
 					event: t.normalizeEvent(e)
 				})), t.onChange();
@@ -3829,7 +3840,7 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 			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()), {}, {
-					positionRestrictions: Rt(t.positionRestrictions, t.visibleArea),
+					positionRestrictions: Bt(t.positionRestrictions, t.visibleArea),
 					sizeRestrictions: {
 						maxWidth: Math.min(n.maxWidth, t.visibleArea.width),
 						maxHeight: Math.min(n.maxHeight, t.visibleArea.height),
@@ -3845,7 +3856,7 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 			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 = zt(B(B({}, this.getPublicProperties()), {}, {
+				var o = Vt(B(B({}, this.getPublicProperties()), {}, {
 					event: a ? this.normalizeEvent(e) : e,
 					getAreaRestrictions: this.getAreaRestrictions,
 					imageRestriction: this.imageRestriction,
@@ -3875,7 +3886,7 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 			}
 			if (G(t) && (t = G(i) ? a : i), G(n) && (n = G(i) ? o : i), !e && (G(t) || G(n))) {
 				var c = this.getStencilSize(), l = c ? Q(c) : null;
-				G(t) && (t = Je(l) ? l : void 0), G(n) && (n = Je(l) ? l : void 0);
+				G(t) && (t = Xe(l) ? l : void 0), G(n) && (n = Xe(l) ? l : void 0);
 			}
 			return {
 				minimum: t,
@@ -3893,10 +3904,10 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 				coefficient: this.coefficient,
 				coordinates: this.coordinates,
 				aspectRatio: this.getAspectRatio(!0)
-			}, t = e.boundaries, n = e.stencilSize, r = e.aspectRatio, _t(Q(i = We(n) ? n({
+			}, t = e.boundaries, n = e.stencilSize, r = e.aspectRatio, yt(Q(i = Ke(n) ? n({
 				boundaries: t,
 				aspectRatio: r
-			}) : n), r) && (i = Ot({
+			}) : n), r) && (i = At({
 				sizeRestrictions: {
 					maxWidth: t.width,
 					maxHeight: t.height,
@@ -3909,7 +3920,7 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 					minimum: r.minimum,
 					maximum: r.maximum
 				}
-			})), (i.width > t.width || i.height > t.height) && (i = Ot({
+			})), (i.width > t.width || i.height > t.height) && (i = At({
 				sizeRestrictions: {
 					maxWidth: t.width,
 					maxHeight: t.height,
@@ -3938,13 +3949,13 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 			};
 		},
 		defaultCoordinates: function() {
-			return B({}, ut);
+			return B({}, 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 = Vt({
+				var i = B({}, this.imageTransforms.flip), a = Ut({
 					flip: {
 						horizontal: e ? !i.horizontal : i.horizontal,
 						vertical: t ? !i.vertical : i.vertical
@@ -3968,7 +3979,7 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 				n && this.enableTransitions();
 				var r = B({}, this.imageSize);
 				this.appliedImageTransforms.rotate += e;
-				var i = Bt({
+				var i = Ht({
 					visibleArea: this.visibleArea,
 					coordinates: this.coordinates,
 					previousImageSize: r,
@@ -3988,16 +3999,16 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 		"error",
 		"ready"
 	]
-}, Sn = {
+}, wn = {
 	key: 0,
 	ref: "canvas",
 	style: { display: "none" }
-}, Cn = {
+}, Tn = {
 	key: 1,
 	ref: "sourceCanvas",
 	style: { display: "none" }
 };
-xn.render = function(e, t, r, i, a, s) {
+Cn.render = function(e, t, r, i, a, s) {
 	return o(), v("div", {
 		ref: "cropper",
 		class: s.classes.cropper
@@ -4055,8 +4066,8 @@ xn.render = function(e, t, r, i, a, s) {
 					"onMove",
 					"onMoveEnd"
 				])), [[x, a.imageLoaded]]),
-				r.canvas ? (o(), v("canvas", Sn, null, 512)) : u("", !0),
-				r.canvas ? (o(), v("canvas", Cn, null, 512)) : u("", !0)
+				r.canvas ? (o(), v("canvas", wn, null, 512)) : u("", !0),
+				r.canvas ? (o(), v("canvas", Tn, null, 512)) : u("", !0)
 			];
 		})),
 		_: 1
@@ -4072,57 +4083,57 @@ xn.render = function(e, t, r, i, a, s) {
 };
 //#endregion
 //#region ../media-library/src/components/media/MediaEditModal.vue?vue&type=script&setup=true&lang.ts
-var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En = {
+var En = ["data-tpl-theme"], Dn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, On = {
 	class: "tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Dn = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto tpl:px-5" }, On = {
+}, kn = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto tpl:px-5" }, An = {
 	key: 0,
 	class: "tpl:mb-4"
-}, kn = {
+}, jn = {
 	class: "tpl:relative tpl:mb-3 tpl:overflow-hidden tpl:rounded-md tpl:border",
 	style: {
 		"border-color": "var(--tpl-border)",
 		height: "300px",
 		"background-color": "var(--tpl-bg)"
 	}
-}, An = { class: "tpl:space-y-3" }, jn = {
+}, Mn = { class: "tpl:space-y-3" }, Nn = {
 	class: "tpl:mb-1.5 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, Mn = { class: "tpl:flex tpl:flex-wrap tpl:gap-1.5" }, Nn = ["onClick"], Pn = { class: "tpl:flex tpl:gap-3" }, Fn = { class: "tpl:flex-1" }, In = {
+}, Pn = { class: "tpl:flex tpl:flex-wrap tpl:gap-1.5" }, Fn = ["onClick"], In = { class: "tpl:flex tpl:gap-3" }, Ln = { class: "tpl:flex-1" }, Rn = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, Ln = {
+}, zn = {
 	class: "tpl:font-normal",
 	style: { color: "var(--tpl-text-dim)" }
-}, Rn = { class: "tpl:relative" }, zn = ["value", "placeholder"], Bn = {
+}, Bn = { class: "tpl:relative" }, Vn = ["value", "placeholder"], Hn = {
 	class: "tpl:absolute tpl:top-1/2 tpl:right-2.5 tpl:-translate-y-1/2 tpl:text-xs",
 	style: { color: "var(--tpl-text-dim)" }
-}, Vn = { class: "tpl:flex-1" }, Hn = {
+}, Un = { class: "tpl:flex-1" }, Wn = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, Un = {
+}, Gn = {
 	class: "tpl:font-normal",
 	style: { color: "var(--tpl-text-dim)" }
-}, Wn = { class: "tpl:relative" }, Gn = ["value", "placeholder"], Kn = {
+}, Kn = { class: "tpl:relative" }, qn = ["value", "placeholder"], Jn = {
 	class: "tpl:absolute tpl:top-1/2 tpl:right-2.5 tpl:-translate-y-1/2 tpl:text-xs",
 	style: { color: "var(--tpl-text-dim)" }
-}, qn = {
+}, Yn = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Jn = {
+}, Xn = {
 	class: "tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Yn = { class: "tpl:mb-3" }, Xn = {
+}, Zn = { class: "tpl:mb-3" }, Qn = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, Zn = ["autofocus"], Qn = {
+}, $n = ["autofocus"], er = {
 	key: 1,
 	class: "tpl:mb-4"
-}, $n = {
+}, tr = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, er = ["placeholder"], tr = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2 tpl:p-5 tpl:pt-4" }, nr = ["disabled"], rr = /* @__PURE__ */ oe(/* @__PURE__ */ e({
+}, nr = ["placeholder"], rr = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2 tpl:p-5 tpl:pt-4" }, ir = ["disabled"], ar = /* @__PURE__ */ L(/* @__PURE__ */ e({
 	__name: "MediaEditModal",
 	props: {
 		visible: { type: Boolean },
@@ -4130,14 +4141,14 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 	},
 	emits: ["save", "close"],
 	setup(e, { emit: a }) {
-		let s = e, l = a, { t: b } = z(), x = t("tplUiTheme"), E = b.mediaLibrary, { isImageMimeType: A } = Ee(), j = T(""), M = T(""), N = T(null), P = T("free"), ee = T(void 0), te = T(void 0), ne = T(""), F = T(""), I = T(void 0), L = T(null), re = T(!1), R = T(!1), ie = T(!1), ae = S(() => s.item ? [
+		let s = e, l = a, { t: b } = z(), x = t("tplUiTheme"), E = b.mediaLibrary, { isImageMimeType: A } = Oe(), j = T(""), ee = T(""), te = T(null), M = T("free"), ne = T(void 0), N = T(void 0), P = T(""), F = T(""), I = T(void 0), L = T(null), re = T(!1), R = T(!1), ie = T(!1), ae = S(() => s.item ? [
 			"image/jpeg",
 			"image/png",
 			"image/webp",
 			"image/gif"
-		].includes(s.item.mime_type) : !1), oe = S(() => P.value === "original" ? I.value : De[P.value]), se = S(() => L.value ? je(L.value.width, L.value.height, ee.value, te.value) : null);
+		].includes(s.item.mime_type) : !1), oe = S(() => M.value === "original" ? I.value : ke[M.value]), se = S(() => L.value ? Ne(L.value.width, L.value.height, ne.value, N.value) : null);
 		r(() => s.visible, (e) => {
-			e && s.item && (j.value = s.item.filename, M.value = s.item.alt_text || "", P.value = "free", ee.value = void 0, te.value = void 0, ne.value = "", F.value = "", I.value = void 0, L.value = null, re.value = !1, ie.value = !1, s.item.width && s.item.height && (I.value = s.item.width / s.item.height));
+			e && s.item && (j.value = s.item.filename, ee.value = s.item.alt_text || "", M.value = "free", ne.value = void 0, N.value = void 0, P.value = "", F.value = "", I.value = void 0, L.value = null, re.value = !1, ie.value = !1, s.item.width && s.item.height && (I.value = s.item.width / s.item.height));
 		});
 		function ce(e) {
 			e.coordinates && (L.value = {
@@ -4150,23 +4161,23 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 		}
 		function ue(e) {
 			let t = e.target.value;
-			ne.value = t, ee.value = t && parseInt(t, 10) || void 0;
+			P.value = t, ne.value = t && parseInt(t, 10) || void 0;
 		}
 		function de(e) {
 			let t = e.target.value;
-			F.value = t, te.value = t && parseInt(t, 10) || void 0;
+			F.value = t, N.value = t && parseInt(t, 10) || void 0;
 		}
 		async function fe() {
 			let e = j.value.trim();
 			if (!e || !s.item || R.value) return;
 			let t = A(s.item.mime_type), n;
-			if (ae.value && N.value && ie.value) {
+			if (ae.value && te.value && ie.value) {
 				R.value = !0;
 				try {
-					let { canvas: e } = N.value.getResult();
+					let { canvas: e } = te.value.getResult();
 					if (e) {
-						let t = ke(e, ee.value, te.value), r = Oe(s.item.mime_type);
-						n = { file: await Ae(t, s.item.filename, r) };
+						let t = je(e, ne.value, N.value), r = Ae(s.item.mime_type);
+						n = { file: await Me(t, s.item.filename, r) };
 					}
 				} catch {
 					R.value = !1;
@@ -4174,7 +4185,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 				}
 				R.value = !1;
 			}
-			l("save", s.item.id, e, t ? M.value : void 0, n), l("close");
+			l("save", s.item.id, e, t ? ee.value : void 0, n), l("close");
 		}
 		function pe(e) {
 			e.key === "Enter" && !R.value && (e.preventDefault(), fe()), e.key === "Escape" && l("close");
@@ -4198,19 +4209,19 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 				class: D(["tpl:mx-4 tpl:flex tpl:max-h-[90vh] tpl:w-full tpl:flex-col tpl:overflow-hidden tpl:rounded-lg tpl:shadow-xl", ae.value ? "tpl:max-w-2xl" : "tpl:max-w-sm"]),
 				style: { "background-color": "var(--tpl-bg-elevated)" }
 			}, [
-				y("div", Tn, [y("h3", En, _(p(b).mediaLibrary.editFile), 1)]),
-				y("div", Dn, [
-					ae.value ? (o(), O("div", On, [y("div", kn, [k(p(xn), {
+				y("div", Dn, [y("h3", On, _(p(b).mediaLibrary.editFile), 1)]),
+				y("div", kn, [
+					ae.value ? (o(), O("div", An, [y("div", jn, [k(p(Cn), {
 						ref_key: "cropperRef",
-						ref: N,
+						ref: te,
 						src: e.item.url,
 						"stencil-props": { aspectRatio: oe.value },
 						class: "tpl:h-full tpl:w-full",
 						"background-class": "tpl-cropper-background",
 						onChange: ce,
 						onReady: le
-					}, null, 8, ["src", "stencil-props"])]), y("div", An, [
-						y("div", null, [y("label", jn, _(p(b).mediaLibrary.cropAspectRatio), 1), y("div", Mn, [(o(), O(g, null, i([
+					}, null, 8, ["src", "stencil-props"])]), y("div", Mn, [
+						y("div", null, [y("label", Nn, _(p(b).mediaLibrary.cropAspectRatio), 1), y("div", Pn, [(o(), O(g, null, i([
 							"free",
 							"square",
 							"landscape43",
@@ -4221,14 +4232,14 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 							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: h({
-								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)"
+								borderColor: M.value === e ? "var(--tpl-primary)" : "var(--tpl-border)",
+								backgroundColor: M.value === e ? "var(--tpl-primary-light)" : "var(--tpl-bg)",
+								color: M.value === e ? "var(--tpl-primary)" : "var(--tpl-text)"
 							}),
-							onClick: (t) => P.value = e
-						}, _(p(E)[`crop${e.charAt(0).toUpperCase()}${e.slice(1)}`]), 13, Nn)), 64))])]),
-						y("div", Pn, [y("div", Fn, [y("label", In, [d(_(p(b).mediaLibrary.cropMaxWidth) + " ", 1), y("span", Ln, _(p(b).mediaLibrary.cropOptional), 1)]), y("div", Rn, [y("input", {
-							value: ne.value,
+							onClick: (t) => M.value = e
+						}, _(p(E)[`crop${e.charAt(0).toUpperCase()}${e.slice(1)}`]), 13, Fn)), 64))])]),
+						y("div", In, [y("div", Ln, [y("label", Rn, [d(_(p(b).mediaLibrary.cropMaxWidth) + " ", 1), y("span", zn, _(p(b).mediaLibrary.cropOptional), 1)]), y("div", Bn, [y("input", {
+							value: P.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",
@@ -4239,7 +4250,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 							},
 							placeholder: L.value?.width?.toString() || "",
 							onInput: ue
-						}, null, 40, zn), y("span", Bn, _(p(b).mediaLibrary.cropPixels), 1)])]), y("div", Vn, [y("label", Hn, [d(_(p(b).mediaLibrary.cropMaxHeight) + " ", 1), y("span", Un, _(p(b).mediaLibrary.cropOptional), 1)]), y("div", Wn, [y("input", {
+						}, null, 40, Vn), y("span", Hn, _(p(b).mediaLibrary.cropPixels), 1)])]), y("div", Un, [y("label", Wn, [d(_(p(b).mediaLibrary.cropMaxHeight) + " ", 1), y("span", Gn, _(p(b).mediaLibrary.cropOptional), 1)]), y("div", Kn, [y("input", {
 							value: F.value,
 							type: "number",
 							min: "1",
@@ -4251,10 +4262,10 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 							},
 							placeholder: L.value?.height?.toString() || "",
 							onInput: de
-						}, null, 40, Gn), y("span", Kn, _(p(b).mediaLibrary.cropPixels), 1)])])]),
-						se.value ? (o(), O("div", qn, [y("span", null, _(p(b).mediaLibrary.cropOutputSize) + ": ", 1), y("span", Jn, _(se.value.width) + " x " + _(se.value.height) + " " + _(p(b).mediaLibrary.cropPixels), 1)])) : u("", !0)
+						}, null, 40, qn), y("span", Jn, _(p(b).mediaLibrary.cropPixels), 1)])])]),
+						se.value ? (o(), O("div", Yn, [y("span", null, _(p(b).mediaLibrary.cropOutputSize) + ": ", 1), y("span", Xn, _(se.value.width) + " x " + _(se.value.height) + " " + _(p(b).mediaLibrary.cropPixels), 1)])) : u("", !0)
 					])])) : u("", !0),
-					y("div", Yn, [y("label", Xn, _(p(b).mediaLibrary.fileName), 1), n(y("input", {
+					y("div", Zn, [y("label", Qn, _(p(b).mediaLibrary.fileName), 1), n(y("input", {
 						"onUpdate:modelValue": r[0] ||= (e) => j.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",
@@ -4264,9 +4275,9 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 							color: "var(--tpl-text)"
 						},
 						autofocus: !ae.value
-					}, null, 8, Zn), [[f, j.value]])]),
-					p(A)(e.item.mime_type) ? (o(), O("div", Qn, [y("label", $n, _(p(b).mediaLibrary.altText), 1), n(y("input", {
-						"onUpdate:modelValue": r[1] ||= (e) => M.value = e,
+					}, null, 8, $n), [[f, j.value]])]),
+					p(A)(e.item.mime_type) ? (o(), O("div", er, [y("label", tr, _(p(b).mediaLibrary.altText), 1), n(y("input", {
+						"onUpdate:modelValue": r[1] ||= (e) => ee.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: {
@@ -4275,9 +4286,9 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 							color: "var(--tpl-text)"
 						},
 						placeholder: p(b).mediaLibrary.altTextPlaceholder
-					}, null, 8, er), [[f, M.value]])])) : u("", !0)
+					}, null, 8, nr), [[f, ee.value]])])) : u("", !0)
 				]),
-				y("div", tr, [y("button", {
+				y("div", rr, [y("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)",
@@ -4290,21 +4301,21 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 					style: { background: "linear-gradient(\n                  135deg,\n                  var(--tpl-primary),\n                  var(--tpl-primary-hover)\n                )" },
 					disabled: R.value,
 					onClick: fe
-				}, _(R.value ? p(b).mediaLibrary.saving : p(b).mediaLibrary.saveChanges), 9, nr)])
-			], 2)], 40, wn)) : u("", !0)]),
+				}, _(R.value ? p(b).mediaLibrary.saving : p(b).mediaLibrary.saveChanges), 9, ir)])
+			], 2)], 40, En)) : u("", !0)]),
 			_: 1
 		})]));
 	}
-}), [["__scopeId", "data-v-7c7d7d1f"]]), ir = {
+}), [["__scopeId", "data-v-7c7d7d1f"]]), or = {
 	key: 1,
 	class: "tpl:size-4 tpl:shrink-0"
-}, ar = {
+}, sr = {
 	key: 0,
 	class: "tpl:truncate"
-}, or = {
+}, cr = {
 	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"
-}, sr = ["title"], cr = ["title"], lr = { key: 0 }, ur = ["placeholder"], dr = 5, fr = /* @__PURE__ */ e({
+}, lr = ["title"], ur = ["title"], dr = { key: 0 }, fr = ["placeholder"], pr = 5, mr = /* @__PURE__ */ e({
 	__name: "MediaFolderTreeNode",
 	props: {
 		folder: {},
@@ -4318,31 +4329,31 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 		"deleteFolder"
 	],
 	setup(e, { emit: t }) {
-		let r = e, a = t, { t: c } = z(), l = T(!1), d = T(!1), b = T(""), x = T(!1), C = T(""), w = S(() => (r.folder.children?.length ?? 0) > 0), A = S(() => r.depth < dr - 1), j = S(() => r.currentFolderId === r.folder.id), M = S(() => !r.currentFolderId || !r.folder.children ? !1 : P(r.folder.children, r.currentFolderId)), N = S(() => l.value || M.value);
-		function P(e, t) {
-			for (let n of e) if (n.id === t || n.children && P(n.children, t)) return !0;
+		let r = e, a = t, { t: c } = z(), l = T(!1), d = T(!1), b = T(""), x = T(!1), C = T(""), w = S(() => (r.folder.children?.length ?? 0) > 0), A = S(() => r.depth < pr - 1), j = S(() => r.currentFolderId === r.folder.id), ee = S(() => !r.currentFolderId || !r.folder.children ? !1 : ne(r.folder.children, r.currentFolderId)), M = S(() => l.value || ee.value);
+		function ne(e, t) {
+			for (let n of e) if (n.id === t || n.children && ne(n.children, t)) return !0;
 			return !1;
 		}
-		function ee() {
+		function N() {
 			l.value = !l.value;
 		}
-		function ne() {
+		function P() {
 			d.value = !0, b.value = r.folder.name;
 		}
-		function I() {
+		function F() {
 			let e = b.value.trim();
 			e && e !== r.folder.name && a("renameFolder", r.folder.id, e), d.value = !1, b.value = "";
 		}
-		function L() {
+		function I() {
 			d.value = !1, b.value = "";
 		}
-		function R() {
+		function L() {
 			x.value = !0, C.value = "", l.value = !0;
 		}
-		function ie() {
+		function re() {
 			C.value.trim() && a("createFolder", C.value.trim(), r.folder.id), x.value = !1, C.value = "";
 		}
-		function ae() {
+		function ie() {
 			x.value = !1, C.value = "";
 		}
 		return (t, r) => {
@@ -4358,20 +4369,20 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 				w.value || x.value ? (o(), O("button", {
 					key: 0,
 					class: "tpl:flex tpl:size-4 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
-					onClick: m(ee, ["stop"])
-				}, [k(p(re), {
-					class: D(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": N.value }]),
+					onClick: m(N, ["stop"])
+				}, [k(p(te), {
+					class: D(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": M.value }]),
 					size: 10,
 					"stroke-width": 2
-				}, null, 8, ["class"])])) : (o(), O("span", ir)),
+				}, null, 8, ["class"])])) : (o(), O("span", or)),
 				y("button", {
 					class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-1.5",
 					onClick: r[0] ||= (t) => a("navigate", e.folder.id)
-				}, [k(p(de), {
+				}, [k(p(_e), {
 					class: "tpl:shrink-0",
 					size: 14,
 					"stroke-width": 1.5
-				}), d.value ? u("", !0) : (o(), O("span", ar, _(e.folder.name), 1))]),
+				}), d.value ? u("", !0) : (o(), O("span", sr, _(e.folder.name), 1))]),
 				d.value ? n((o(), O("input", {
 					key: 2,
 					"onUpdate:modelValue": r[1] ||= (e) => b.value = e,
@@ -4383,38 +4394,38 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 						color: "var(--tpl-text)"
 					},
 					autofocus: "",
-					onKeydown: [E(I, ["enter"]), E(L, ["escape"])],
-					onBlur: I,
+					onKeydown: [E(F, ["enter"]), E(I, ["escape"])],
+					onBlur: F,
 					onClick: r[2] ||= m(() => {}, ["stop"])
 				}, null, 544)), [[f, b.value]]) : u("", !0),
-				d.value ? u("", !0) : (o(), O("span", or, [
+				d.value ? u("", !0) : (o(), O("span", cr, [
 					A.value ? (o(), O("button", {
 						key: 0,
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 						title: p(c).mediaLibrary.addSubfolder,
-						onClick: m(R, ["stop"])
-					}, [k(p(me), {
+						onClick: m(L, ["stop"])
+					}, [k(p(ge), {
 						size: 12,
 						"stroke-width": 2
-					})], 8, sr)) : u("", !0),
+					})], 8, lr)) : u("", !0),
 					y("button", {
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 						title: p(c).mediaLibrary.renameFolder,
-						onClick: m(ne, ["stop"])
-					}, [k(p(F), {
+						onClick: m(P, ["stop"])
+					}, [k(p(ue), {
 						size: 12,
 						"stroke-width": 2
-					})], 8, cr),
+					})], 8, ur),
 					y("button", {
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 						onClick: r[3] ||= m((t) => a("deleteFolder", e.folder.id), ["stop"])
-					}, [k(p(te), {
+					}, [k(p(R), {
 						size: 12,
 						"stroke-width": 2,
 						style: { color: "var(--tpl-danger)" }
 					})])
 				]))
-			], 4), N.value ? (o(), O("div", lr, [(o(!0), O(g, null, i(e.folder.children, (t) => (o(), v(l, {
+			], 4), M.value ? (o(), O("div", dr, [(o(!0), O(g, null, i(e.folder.children, (t) => (o(), v(l, {
 				key: t.id,
 				folder: t,
 				"current-folder-id": e.currentFolderId,
@@ -4442,15 +4453,15 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 				},
 				placeholder: p(c).mediaLibrary.subfolderName,
 				autofocus: "",
-				onKeydown: [E(ie, ["enter"]), E(ae, ["escape"])],
-				onBlur: ie
-			}, null, 40, ur), [[f, C.value]])], 4)) : u("", !0)])) : u("", !0)]);
+				onKeydown: [E(re, ["enter"]), E(ie, ["escape"])],
+				onBlur: re
+			}, null, 40, fr), [[f, C.value]])], 4)) : u("", !0)])) : u("", !0)]);
 		};
 	}
-}), pr = { class: "tpl:flex tpl:h-full tpl:flex-col tpl:overflow-y-auto" }, mr = {
+}), hr = { class: "tpl:flex tpl:h-full tpl:flex-col tpl:overflow-y-auto" }, gr = {
 	key: 0,
 	class: "tpl:px-3 tpl:py-2"
-}, hr = ["placeholder"], gr = /* @__PURE__ */ e({
+}, _r = ["placeholder"], vr = /* @__PURE__ */ e({
 	__name: "MediaFolderTree",
 	props: {
 		folders: {},
@@ -4476,7 +4487,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 		function b() {
 			s.value = !1, c.value = "";
 		}
-		return (t, x) => (o(), O("div", pr, [
+		return (t, x) => (o(), O("div", hr, [
 			y("button", {
 				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:font-medium tpl:transition-all tpl:duration-150",
 				style: h({
@@ -4484,11 +4495,11 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 					color: e.viewMode === "files" && e.currentFolderId === null ? "var(--tpl-primary)" : "var(--tpl-text)"
 				}),
 				onClick: x[0] ||= (e) => r("navigate", null)
-			}, [k(p(_e), {
+			}, [k(p(ye), {
 				size: 14,
 				"stroke-width": 1.5
 			}), d(" " + _(p(a).mediaLibrary.allFiles), 1)], 4),
-			(o(!0), O(g, null, i(e.folders, (t) => (o(), v(fr, {
+			(o(!0), O(g, null, i(e.folders, (t) => (o(), v(mr, {
 				key: t.id,
 				folder: t,
 				"current-folder-id": e.currentFolderId,
@@ -4498,7 +4509,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 				onRenameFolder: x[3] ||= (e, t) => r("renameFolder", e, t),
 				onDeleteFolder: x[4] ||= (e) => r("deleteFolder", e)
 			}, null, 8, ["folder", "current-folder-id"]))), 128)),
-			s.value ? (o(), O("div", mr, [n(y("input", {
+			s.value ? (o(), O("div", gr, [n(y("input", {
 				"onUpdate:modelValue": x[5] ||= (e) => c.value = e,
 				type: "text",
 				class: "tpl:w-full tpl:rounded tpl:border tpl:px-2 tpl:py-1 tpl:text-xs tpl:outline-none",
@@ -4511,13 +4522,13 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 				autofocus: "",
 				onKeydown: [E(m, ["enter"]), E(b, ["escape"])],
 				onBlur: m
-			}, null, 40, hr), [[f, c.value]])])) : u("", !0),
+			}, null, 40, _r), [[f, c.value]])])) : u("", !0),
 			s.value ? u("", !0) : (o(), O("button", {
 				key: 1,
 				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
-			}, [k(p(me), {
+			}, [k(p(ge), {
 				size: 14,
 				"stroke-width": 1.5
 			}), d(" " + _(p(a).mediaLibrary.newFolder), 1)])),
@@ -4531,13 +4542,13 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 					color: e.viewMode === "frequently-used" ? "var(--tpl-primary)" : "var(--tpl-text)"
 				}),
 				onClick: x[6] ||= (e) => r("showFrequentlyUsed")
-			}, [k(p(ve), {
+			}, [k(p(he), {
 				size: 14,
 				"stroke-width": 1.5
 			}), d(" " + _(p(a).mediaLibrary.frequentlyUsed), 1)], 4)) : u("", !0)
 		]));
 	}
-}), _r = { class: "tpl:flex tpl:aspect-square tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2" }, vr = /* @__PURE__ */ e({
+}), yr = { class: "tpl:flex tpl:aspect-square tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2" }, br = /* @__PURE__ */ e({
 	__name: "MediaFileIcon",
 	props: { mimeType: {} },
 	setup(e) {
@@ -4638,7 +4649,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			bgColor: "#f9fafb",
 			icon: "document"
 		}, i = S(() => n[t.mimeType] ?? r);
-		return (e, t) => (o(), O("div", _r, [i.value.icon === "document" ? (o(), O("svg", {
+		return (e, t) => (o(), O("div", yr, [i.value.icon === "document" ? (o(), O("svg", {
 			key: 0,
 			width: "60",
 			height: "60",
@@ -4707,48 +4718,48 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			style: h({ color: i.value.color })
 		}, _(i.value.label), 5)]));
 	}
-}), yr = { class: "tpl:p-4" }, br = {
+}), xr = { class: "tpl:p-4" }, Sr = {
 	key: 1,
 	class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:py-16"
-}, xr = {
+}, Cr = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Sr = {
+}, wr = {
 	key: 2,
 	class: "tpl:grid tpl:grid-cols-4 tpl:gap-3"
-}, Cr = ["onClick"], wr = { class: "tpl:aspect-square" }, Tr = ["src", "alt"], Er = { class: "tpl:px-2 tpl:py-1.5" }, Dr = {
+}, Tr = ["onClick"], Er = { class: "tpl:aspect-square" }, Dr = ["src", "alt"], Or = { class: "tpl:px-2 tpl:py-1.5" }, kr = {
 	class: "tpl:truncate tpl:text-[10px] tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Or = {
+}, Ar = {
 	class: "tpl:flex tpl:justify-between tpl:text-[9px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, kr = { key: 0 }, Ar = { class: "tpl:absolute tpl:top-1.5 tpl:left-1.5 tpl:flex tpl:gap-1 tpl:opacity-0 tpl:transition-opacity tpl:duration-150 tpl:group-hover:opacity-100" }, jr = ["title", "onClick"], Mr = ["title", "onClick"], Nr = {
+}, jr = { key: 0 }, Mr = { class: "tpl:absolute tpl:top-1.5 tpl:left-1.5 tpl:flex tpl:gap-1 tpl:opacity-0 tpl:transition-opacity tpl:duration-150 tpl:group-hover:opacity-100" }, Nr = ["title", "onClick"], Pr = ["title", "onClick"], Fr = {
 	key: 0,
 	class: "tpl:absolute tpl:top-1.5 tpl:right-1.5 tpl:flex tpl:size-5 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-white",
 	style: { "background-color": "var(--tpl-primary)" }
-}, Pr = {
+}, Ir = {
 	key: 3,
 	class: "tpl:flex tpl:flex-col tpl:gap-1"
-}, Fr = ["onClick"], Ir = {
+}, Lr = ["onClick"], Rr = {
 	class: "tpl:size-10 tpl:shrink-0 tpl:overflow-hidden tpl:rounded",
 	style: { "background-color": "var(--tpl-bg-hover)" }
-}, Lr = ["src", "alt"], Rr = {
+}, zr = ["src", "alt"], Br = {
 	key: 1,
 	class: "tpl-list-icon tpl:size-full"
-}, zr = { class: "tpl:min-w-0 tpl:flex-1" }, Br = {
+}, Vr = { class: "tpl:min-w-0 tpl:flex-1" }, Hr = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, Vr = {
+}, Ur = {
 	class: "tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, Hr = { class: "tpl:flex tpl:gap-1 tpl:opacity-0 tpl:transition-opacity tpl:duration-150 tpl:group-hover:opacity-100" }, Ur = ["title", "onClick"], Wr = ["title", "onClick"], Gr = {
+}, Wr = { class: "tpl:flex tpl:gap-1 tpl:opacity-0 tpl:transition-opacity tpl:duration-150 tpl:group-hover:opacity-100" }, Gr = ["title", "onClick"], Kr = ["title", "onClick"], qr = {
 	key: 0,
 	class: "tpl:flex tpl:size-5 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-white",
 	style: { "background-color": "var(--tpl-primary)" }
-}, Kr = {
+}, Jr = {
 	key: 4,
 	class: "tpl:flex tpl:justify-center tpl:py-4"
-}, qr = /* @__PURE__ */ oe(/* @__PURE__ */ e({
+}, Yr = /* @__PURE__ */ L(/* @__PURE__ */ e({
 	__name: "MediaGrid",
 	props: {
 		items: {},
@@ -4766,7 +4777,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 		"replace"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { isAcceptedMimeType: a, isImageMimeType: s } = Ee();
+		let n = e, r = t, { isAcceptedMimeType: a, isImageMimeType: s } = Oe();
 		function c(e) {
 			return !n.accept || n.accept.length === 0 ? !0 : a(e.mime_type, n.accept);
 		}
@@ -4774,7 +4785,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			r("select", e);
 		}
 		let { t: f } = z(), b = T(null);
-		I(b, ([{ isIntersecting: e }]) => {
+		le(b, ([{ isIntersecting: e }]) => {
 			e && n.hasMore && !n.isLoading && r("loadMore");
 		}, { threshold: .1 });
 		function x(e) {
@@ -4787,7 +4798,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 				day: "numeric"
 			});
 		}
-		return (t, n) => (o(), O("div", yr, [
+		return (t, n) => (o(), O("div", xr, [
 			e.isLoading && e.items.length === 0 ? (o(), O("div", {
 				key: 0,
 				class: D(e.layout === "list" ? "tpl:flex tpl:flex-col tpl:gap-1" : "tpl:grid tpl:grid-cols-4 tpl:gap-3")
@@ -4795,47 +4806,47 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 				key: t,
 				class: D(["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(), O("div", br, [k(p(_e), {
+			}, null, 2)), 64))], 2)) : e.items.length === 0 ? (o(), O("div", Sr, [k(p(ye), {
 				class: "tpl:mb-3",
 				size: 40,
 				"stroke-width": 1,
 				style: { color: "var(--tpl-text-dim)" }
-			}), y("p", xr, _(p(f).mediaLibrary.noFiles), 1)])) : e.layout === "list" ? (o(), O("div", Pr, [(o(!0), O(g, null, i(e.items, (t) => (o(), O("div", {
+			}), y("p", Cr, _(p(f).mediaLibrary.noFiles), 1)])) : e.layout === "list" ? (o(), O("div", Ir, [(o(!0), O(g, null, i(e.items, (t) => (o(), O("div", {
 				key: t.id,
 				class: D(["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", [!c(t) && !e.selectedIds.has(t.id) ? "tpl:opacity-60" : ""]]),
 				style: h({ backgroundColor: e.selectedIds.has(t.id) ? "var(--tpl-bg-hover)" : "transparent" }),
 				onClick: (e) => l(t)
 			}, [
-				y("div", Ir, [p(s)(t.mime_type) ? (o(), O("img", {
+				y("div", Rr, [p(s)(t.mime_type) ? (o(), O("img", {
 					key: 0,
 					src: t.small_url || t.url,
 					alt: t.filename,
 					class: "tpl:size-full tpl:object-cover",
 					loading: "lazy"
-				}, null, 8, Lr)) : (o(), O("div", Rr, [k(vr, { "mime-type": t.mime_type }, null, 8, ["mime-type"])]))]),
-				y("div", zr, [y("p", Br, _(t.filename), 1), y("p", Vr, [d(_(x(t.size)) + " · " + _(S(t.created_at)) + " ", 1), p(s)(t.mime_type) && t.width && t.height ? (o(), O(g, { key: 0 }, [d(" · " + _(t.width) + "×" + _(t.height), 1)], 64)) : u("", !0)])]),
-				y("div", Hr, [y("button", {
+				}, null, 8, zr)) : (o(), O("div", Br, [k(br, { "mime-type": t.mime_type }, null, 8, ["mime-type"])]))]),
+				y("div", Vr, [y("p", Hr, _(t.filename), 1), y("p", Ur, [d(_(x(t.size)) + " · " + _(S(t.created_at)) + " ", 1), p(s)(t.mime_type) && t.width && t.height ? (o(), O(g, { key: 0 }, [d(" · " + _(t.width) + "×" + _(t.height), 1)], 64)) : u("", !0)])]),
+				y("div", Wr, [y("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: p(f).mediaLibrary.editFile,
 					onClick: m((e) => r("edit", t), ["stop"])
-				}, [k(p(F), {
+				}, [k(p(ue), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, Ur), y("button", {
+				})], 8, Gr), y("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: p(f).mediaLibrary.replaceFile,
 					onClick: m((e) => r("replace", t), ["stop"])
-				}, [k(p(ae), {
+				}, [k(p(I), {
 					size: 12,
 					"stroke-width": 2
-				})], 8, Wr)]),
-				e.selectedIds.has(t.id) ? (o(), O("div", Gr, [k(p(M), {
+				})], 8, Kr)]),
+				e.selectedIds.has(t.id) ? (o(), O("div", qr, [k(p(ee), {
 					size: 12,
 					"stroke-width": 3
 				})])) : u("", !0)
-			], 14, Fr))), 128))])) : (o(), O("div", Sr, [(o(!0), O(g, null, i(e.items, (t) => (o(), O("div", {
+			], 14, Lr))), 128))])) : (o(), O("div", wr, [(o(!0), O(g, null, i(e.items, (t) => (o(), O("div", {
 				key: t.id,
 				class: D(["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",
@@ -4848,45 +4859,45 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 				}),
 				onClick: (e) => l(t)
 			}, [
-				y("div", wr, [p(s)(t.mime_type) ? (o(), O("img", {
+				y("div", Er, [p(s)(t.mime_type) ? (o(), O("img", {
 					key: 0,
 					src: t.small_url || t.url,
 					alt: t.filename,
 					class: "tpl:size-full tpl:object-cover",
 					loading: "lazy"
-				}, null, 8, Tr)) : (o(), v(vr, {
+				}, null, 8, Dr)) : (o(), v(br, {
 					key: 1,
 					"mime-type": t.mime_type
 				}, null, 8, ["mime-type"]))]),
-				y("div", Er, [y("p", Dr, _(t.filename), 1), y("p", Or, [y("span", null, _(x(t.size)), 1), p(s)(t.mime_type) && t.width && t.height ? (o(), O("span", kr, _(t.width) + "×" + _(t.height), 1)) : u("", !0)])]),
-				y("div", Ar, [y("button", {
+				y("div", Or, [y("p", kr, _(t.filename), 1), y("p", Ar, [y("span", null, _(x(t.size)), 1), p(s)(t.mime_type) && t.width && t.height ? (o(), O("span", jr, _(t.width) + "×" + _(t.height), 1)) : u("", !0)])]),
+				y("div", Mr, [y("button", {
 					class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-white",
 					style: { "background-color": "rgba(0, 0, 0, 0.6)" },
 					title: p(f).mediaLibrary.editFile,
 					onClick: m((e) => r("edit", t), ["stop"])
-				}, [k(p(F), {
+				}, [k(p(ue), {
 					size: 11,
 					"stroke-width": 2
-				})], 8, jr), y("button", {
+				})], 8, Nr), y("button", {
 					class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full tpl:text-white",
 					style: { "background-color": "rgba(0, 0, 0, 0.6)" },
 					title: p(f).mediaLibrary.replaceFile,
 					onClick: m((e) => r("replace", t), ["stop"])
-				}, [k(p(ae), {
+				}, [k(p(I), {
 					size: 11,
 					"stroke-width": 2
-				})], 8, Mr)]),
-				e.selectedIds.has(t.id) ? (o(), O("div", Nr, [k(p(M), {
+				})], 8, Pr)]),
+				e.selectedIds.has(t.id) ? (o(), O("div", Fr, [k(p(ee), {
 					size: 12,
 					"stroke-width": 3
 				})])) : u("", !0)
-			], 14, Cr))), 128))])),
+			], 14, Tr))), 128))])),
 			y("div", {
 				ref_key: "sentinelRef",
 				ref: b,
 				class: "tpl:h-4"
 			}, null, 512),
-			e.isLoading && e.items.length > 0 ? (o(), O("div", Kr, [k(p(ue), {
+			e.isLoading && e.items.length > 0 ? (o(), O("div", Jr, [k(p(N), {
 				class: "tpl-spinner",
 				size: 20,
 				"stroke-width": 2,
@@ -4894,20 +4905,20 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			})])) : u("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-78d7ed75"]]), Jr = ["data-tpl-theme"], Yr = {
+}), [["__scopeId", "data-v-78d7ed75"]]), Xr = ["data-tpl-theme"], Zr = {
 	class: "tpl:mx-4 tpl:w-full tpl:max-w-sm tpl:rounded-lg tpl:p-5 tpl:shadow-xl",
 	style: { "background-color": "var(--tpl-bg-elevated)" }
-}, Xr = {
+}, Qr = {
 	class: "tpl:mb-4 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Zr = { class: "tpl:mb-3" }, Qr = ["placeholder", "disabled"], $r = {
+}, $r = { class: "tpl:mb-3" }, ei = ["placeholder", "disabled"], ti = {
 	key: 0,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-danger)" }
-}, ei = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, ti = ["disabled"], ni = ["disabled"], ri = {
+}, ni = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, ri = ["disabled"], ii = ["disabled"], ai = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-1.5"
-}, ii = { key: 1 }, ai = /* @__PURE__ */ e({
+}, oi = { key: 1 }, si = /* @__PURE__ */ e({
 	__name: "MediaImportUrlModal",
 	props: {
 		visible: { type: Boolean },
@@ -4945,9 +4956,9 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 				style: { "background-color": "var(--tpl-overlay)" },
 				onClick: m(x, ["self"]),
 				onKeydown: S
-			}, [y("div", Yr, [
-				y("h3", Xr, _(p(l).mediaLibrary.importFromUrl), 1),
-				y("div", Zr, [n(y("input", {
+			}, [y("div", Zr, [
+				y("h3", Qr, _(p(l).mediaLibrary.importFromUrl), 1),
+				y("div", $r, [n(y("input", {
 					"onUpdate:modelValue": r[0] ||= (e) => g.value = e,
 					type: "url",
 					class: "tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:outline-none",
@@ -4959,9 +4970,9 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 					placeholder: p(l).mediaLibrary.importUrlPlaceholder,
 					disabled: e.isImporting,
 					autofocus: ""
-				}, null, 8, Qr), [[f, g.value]])]),
-				e.error ? (o(), O("p", $r, _(e.error), 1)) : u("", !0),
-				y("div", ei, [y("button", {
+				}, null, 8, ei), [[f, g.value]])]),
+				e.error ? (o(), O("p", ti, _(e.error), 1)) : u("", !0),
+				y("div", ni, [y("button", {
 					class: D(["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", { "tpl:cursor-not-allowed tpl:opacity-50": e.isImporting }]),
 					style: {
 						"border-color": "var(--tpl-border)",
@@ -4970,25 +4981,25 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 					},
 					disabled: e.isImporting,
 					onClick: x
-				}, _(p(l).mediaLibrary.cancel), 11, ti), y("button", {
+				}, _(p(l).mediaLibrary.cancel), 11, ri), y("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: !g.value.trim() || e.isImporting,
 					onClick: b
-				}, [e.isImporting ? (o(), O("span", ri, [k(p(ue), {
+				}, [e.isImporting ? (o(), O("span", ai, [k(p(N), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
-				}), d(" " + _(p(l).mediaLibrary.importing), 1)])) : (o(), O("span", ii, _(p(l).mediaLibrary.import), 1))], 8, ni)])
-			])], 40, Jr)) : u("", !0)]),
+				}), d(" " + _(p(l).mediaLibrary.importing), 1)])) : (o(), O("span", oi, _(p(l).mediaLibrary.import), 1))], 8, ii)])
+			])], 40, Xr)) : u("", !0)]),
 			_: 1
 		})]));
 	}
-}), oi = { class: "tpl:max-h-56 tpl:overflow-y-auto tpl:py-1" }, si = ["disabled", "onClick"], ci = { class: "tpl:truncate" }, li = {
+}), ci = { class: "tpl:max-h-56 tpl:overflow-y-auto tpl:py-1" }, li = ["disabled", "onClick"], ui = { class: "tpl:truncate" }, di = {
 	key: 0,
 	class: "tpl:shrink-0",
 	style: { color: "var(--tpl-text-dim)" }
-}, ui = /* @__PURE__ */ e({
+}, fi = /* @__PURE__ */ e({
 	__name: "MediaMovePicker",
 	props: {
 		folders: {},
@@ -5006,7 +5017,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			}), r.children?.length && n.push(...s(r.children, t + 1));
 			return n;
 		}
-		return R(a, () => {
+		return ie(a, () => {
 			n("close");
 		}), (t, c) => (o(), O("div", {
 			ref_key: "pickerRef",
@@ -5016,12 +5027,12 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 				"border-color": "var(--tpl-border)",
 				"background-color": "var(--tpl-bg-elevated)"
 			}
-		}, [y("div", oi, [e.currentFolderId === null ? u("", !0) : (o(), O("button", {
+		}, [y("div", ci, [e.currentFolderId === null ? u("", !0) : (o(), O("button", {
 			key: 0,
 			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: c[0] ||= (e) => n("select", null)
-		}, [k(p(_e), {
+		}, [k(p(ye), {
 			class: "tpl:shrink-0",
 			size: 14,
 			"stroke-width": 1.5
@@ -5036,41 +5047,41 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			disabled: t.id === e.currentFolderId,
 			onClick: (e) => n("select", t.id)
 		}, [
-			k(p(de), {
+			k(p(_e), {
 				class: "tpl:shrink-0",
 				size: 14,
 				"stroke-width": 1.5
 			}),
-			y("span", ci, _(t.name), 1),
-			t.id === e.currentFolderId ? (o(), O("span", li, _(p(r).mediaLibrary.currentFolder), 1)) : u("", !0)
-		], 12, si))), 128))])], 512));
+			y("span", ui, _(t.name), 1),
+			t.id === e.currentFolderId ? (o(), O("span", di, _(p(r).mediaLibrary.currentFolder), 1)) : u("", !0)
+		], 12, li))), 128))])], 512));
 	}
-}), di = { class: "tpl:flex tpl:items-center tpl:gap-3" }, fi = ["src", "alt"], pi = {
+}), pi = { class: "tpl:flex tpl:items-center tpl:gap-3" }, mi = ["src", "alt"], hi = {
 	key: 1,
 	class: "tpl:flex tpl:size-10 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:overflow-hidden tpl:rounded",
 	style: { border: "1px solid var(--tpl-border)" }
-}, mi = { class: "tpl:min-w-0 tpl:flex-1" }, hi = {
+}, gi = { class: "tpl:min-w-0 tpl:flex-1" }, _i = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, gi = {
+}, vi = {
 	class: "tpl:mt-0.5 tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, _i = {
+}, yi = {
 	key: 2,
 	class: "tpl:shrink-0"
-}, vi = {
+}, bi = {
 	class: "tpl:block tpl:text-[10px]",
 	style: { color: "var(--tpl-text-muted)" }
-}, yi = ["value"], bi = ["value"], xi = /* @__PURE__ */ oe(/* @__PURE__ */ e({
+}, xi = ["value"], Si = ["value"], Ci = /* @__PURE__ */ L(/* @__PURE__ */ e({
 	__name: "MediaPreviewPanel",
 	props: {
 		item: {},
 		folders: {},
 		selectedConversion: {}
 	},
-	emits: ["update:selectedConversion"],
+	emits: ["update:selectedConversion", "template-width"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: a } = z(), { isImageMimeType: s } = Ee(), c = S(() => {
+		let n = e, r = t, { t: a } = z(), { isImageMimeType: s } = Oe(), c = S(() => {
 			if (!b.value || !n.item.conversions_generated) return [];
 			let e = [];
 			return n.item.small_url && e.push({
@@ -5100,8 +5111,8 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			}
 		});
 		function m(e) {
-			let t = e.target;
-			r("update:selectedConversion", t.value);
+			let t = e.target.value;
+			r("update:selectedConversion", t), r("template-width", xe(t));
 		}
 		function h(e, t, n = []) {
 			for (let r of e) {
@@ -5129,25 +5140,25 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 				day: "numeric"
 			});
 		}
-		return (t, n) => (o(), O("div", di, [
+		return (t, n) => (o(), O("div", pi, [
 			b.value ? (o(), O("img", {
 				key: 0,
 				src: f.value ?? void 0,
 				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, fi)) : (o(), O("div", pi, [k(vr, {
+			}, null, 8, mi)) : (o(), O("div", hi, [k(br, {
 				"mime-type": e.item.mime_type,
 				class: "tpl-preview-icon"
 			}, null, 8, ["mime-type"])])),
-			y("div", mi, [
-				y("p", hi, _(e.item.filename), 1),
-				y("p", gi, [
+			y("div", gi, [
+				y("p", _i, _(e.item.filename), 1),
+				y("p", vi, [
 					d(_(x(e.item.size)) + " · " + _(C(e.item.created_at)) + " ", 1),
 					b.value && e.item.width && e.item.height ? (o(), O(g, { key: 0 }, [d(" · " + _(e.item.width) + "×" + _(e.item.height) + "px ", 1)], 64)) : u("", !0),
 					v.value ? (o(), O(g, { key: 1 }, [
 						n[0] ||= d(" · ", -1),
-						k(p(de), {
+						k(p(_e), {
 							class: "tpl:mb-px tpl:inline",
 							size: 9,
 							"stroke-width": 2
@@ -5161,7 +5172,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 					style: { color: "var(--tpl-text-dim)" }
 				}, _(e.item.alt_text || "\xA0"), 3)) : u("", !0)
 			]),
-			l.value ? (o(), O("div", _i, [y("label", vi, _(p(a).mediaLibrary.conversionLabel), 1), y("select", {
+			l.value ? (o(), O("div", yi, [y("label", bi, _(p(a).mediaLibrary.conversionLabel), 1), y("select", {
 				class: "tpl:mt-0.5 tpl:rounded-md tpl:border tpl:py-1 tpl:pr-6 tpl:pl-2 tpl:text-xs tpl:outline-none",
 				style: {
 					"border-color": "var(--tpl-border)",
@@ -5173,36 +5184,36 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			}, [(o(!0), O(g, null, i(c.value, (e) => (o(), O("option", {
 				key: e.value,
 				value: e.value
-			}, _(e.label), 9, bi))), 128))], 40, yi)])) : u("", !0)
+			}, _(e.label), 9, Si))), 128))], 40, xi)])) : u("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-56be5670"]]), Si = ["data-tpl-theme"], Ci = {
+}), [["__scopeId", "data-v-a5a005e6"]]), wi = ["data-tpl-theme"], Ti = {
 	class: "tpl:mx-4 tpl:w-full tpl:max-w-sm tpl:rounded-lg tpl:p-5 tpl:shadow-xl",
 	style: { "background-color": "var(--tpl-bg-elevated)" }
-}, wi = {
+}, Ei = {
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Ti = {
+}, Di = {
 	class: "tpl:mb-2 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Ei = {
+}, Oi = {
 	key: 0,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-warning)" }
-}, Di = {
+}, ki = {
 	class: "tpl:mb-3 tpl:rounded tpl:border tpl:p-2",
 	style: { "border-color": "var(--tpl-border)" }
-}, Oi = {
+}, Ai = {
 	class: "tpl:truncate tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, ki = { class: "tpl:mb-4" }, Ai = {
+}, ji = { class: "tpl:mb-4" }, Mi = {
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, ji = ["accept"], Mi = {
+}, Ni = ["accept"], Pi = {
 	key: 1,
 	class: "tpl:mb-3 tpl:text-xs",
 	style: { color: "var(--tpl-danger)" }
-}, Ni = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Pi = ["disabled"], Fi = ["disabled"], Ii = /* @__PURE__ */ e({
+}, Fi = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Ii = ["disabled"], Li = ["disabled"], Ri = /* @__PURE__ */ e({
 	__name: "MediaReplaceModal",
 	props: {
 		visible: { type: Boolean },
@@ -5246,12 +5257,12 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 				style: { "background-color": "var(--tpl-overlay)" },
 				onClick: n[1] ||= m((e) => a("close"), ["self"]),
 				onKeydown: D
-			}, [y("div", Ci, [
-				y("h3", wi, _(p(s).mediaLibrary.replaceWarningTitle), 1),
-				y("p", Ti, _(p(s).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${h.value}`)), 1),
-				b.value ? (o(), O("p", Ei, _(p(s).mediaLibrary.replaceWarningUsageNote.replace("{count}", e.usageInfo.template_count.toString())), 1)) : u("", !0),
-				y("div", Di, [y("p", Oi, _(e.item.filename), 1)]),
-				y("div", ki, [y("label", Ai, _(p(s).mediaLibrary.replaceSelectFile), 1), y("input", {
+			}, [y("div", Ti, [
+				y("h3", Ei, _(p(s).mediaLibrary.replaceWarningTitle), 1),
+				y("p", Di, _(p(s).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${h.value}`)), 1),
+				b.value ? (o(), O("p", Oi, _(p(s).mediaLibrary.replaceWarningUsageNote.replace("{count}", e.usageInfo.template_count.toString())), 1)) : u("", !0),
+				y("div", ki, [y("p", Ai, _(e.item.filename), 1)]),
+				y("div", ji, [y("label", Mi, _(p(s).mediaLibrary.replaceSelectFile), 1), y("input", {
 					ref_key: "fileInputRef",
 					ref: d,
 					type: "file",
@@ -5263,9 +5274,9 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 						color: "var(--tpl-text)"
 					},
 					onChange: x
-				}, null, 40, ji)]),
-				e.error ? (o(), O("p", Mi, _(e.error), 1)) : u("", !0),
-				y("div", Ni, [y("button", {
+				}, null, 40, Ni)]),
+				e.error ? (o(), O("p", Pi, _(e.error), 1)) : u("", !0),
+				y("div", Fi, [y("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)",
@@ -5274,29 +5285,29 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 					},
 					disabled: e.isReplacing,
 					onClick: n[0] ||= (e) => a("close")
-				}, _(p(s).mediaLibrary.cancel), 9, Pi), y("button", {
+				}, _(p(s).mediaLibrary.cancel), 9, Ii), y("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: !f.value || e.isReplacing,
 					onClick: E
-				}, _(e.isReplacing ? p(s).mediaLibrary.replacing : p(s).mediaLibrary.replace), 9, Fi)])
-			])], 40, Si)) : u("", !0)]),
+				}, _(e.isReplacing ? p(s).mediaLibrary.replacing : p(s).mediaLibrary.replace), 9, Li)])
+			])], 40, wi)) : u("", !0)]),
 			_: 1
 		})]));
 	}
-}), Li = {
+}), zi = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, Ri = {
+}, Bi = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, zi = {
+}, Vi = {
 	class: "tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Bi = {
+}, Hi = {
 	class: "tpl:mt-1 tpl:text-[10px]",
 	style: { color: "var(--tpl-text-dim)" }
-}, Vi = /* @__PURE__ */ e({
+}, Ui = /* @__PURE__ */ e({
 	__name: "MediaUploadZone",
 	props: {
 		isUploading: { type: Boolean },
@@ -5304,7 +5315,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 	},
 	emits: ["upload"],
 	setup(e, { emit: t }) {
-		let n = t, { t: r, format: i } = z(), { allAcceptedMimeTypes: a, allAcceptedInputString: s, maxFileSize: c } = Ee(), l = T();
+		let n = t, { t: r, format: i } = z(), { allAcceptedMimeTypes: a, allAcceptedInputString: s, maxFileSize: c } = Oe(), l = T();
 		function u(e) {
 			let t = [];
 			for (let n of Array.from(e)) a.value.includes(n.type) && n.size <= c.value && t.push(n);
@@ -5314,9 +5325,9 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			let t = u(e);
 			t.length && n("upload", t);
 		}
-		let { isOverDropZone: f } = ne(l, { onDrop: (e) => {
+		let { isOverDropZone: f } = oe(l, { onDrop: (e) => {
 			e?.length && d(e);
-		} }), { open: m, onChange: h } = ie({
+		} }), { open: m, onChange: h } = F({
 			accept: s.value,
 			multiple: !0
 		});
@@ -5331,35 +5342,35 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 				"background-color": "var(--tpl-bg)"
 			},
 			onClick: n[0] ||= (e) => p(m)()
-		}, [e.isUploading ? (o(), O("div", Li, [k(p(ue), {
+		}, [e.isUploading ? (o(), O("div", zi, [k(p(N), {
 			class: "tpl-spinner",
 			size: 20,
 			"stroke-width": 2,
 			style: { color: "var(--tpl-primary)" }
-		}), y("span", Ri, _(e.uploadProgress && e.uploadProgress.total > 1 ? p(i)(p(r).mediaLibrary.uploadingProgress, {
+		}), y("span", Bi, _(e.uploadProgress && e.uploadProgress.total > 1 ? p(i)(p(r).mediaLibrary.uploadingProgress, {
 			current: e.uploadProgress.current,
 			total: e.uploadProgress.total
 		}) : p(r).mediaLibrary.uploading), 1)])) : (o(), O(g, { key: 1 }, [
-			k(p(ee), {
+			k(p(re), {
 				class: "tpl:mb-2",
 				size: 24,
 				"stroke-width": 1.5,
 				style: { color: "var(--tpl-text-dim)" }
 			}),
-			y("p", zi, _(p(r).mediaLibrary.dropOrClick), 1),
-			y("p", Bi, _(p(r).mediaLibrary.acceptedFormats), 1)
+			y("p", Vi, _(p(r).mediaLibrary.dropOrClick), 1),
+			y("p", Hi, _(p(r).mediaLibrary.acceptedFormats), 1)
 		], 64))], 2));
 	}
-}), Hi = [
+}), Wi = [
 	"width",
 	"height",
 	"viewBox"
-], Ui = [
+], Gi = [
 	"cx",
 	"cy",
 	"r",
 	"stroke-width"
-], Wi = [
+], Ki = [
 	"cx",
 	"cy",
 	"r",
@@ -5367,14 +5378,14 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 	"stroke",
 	"stroke-dasharray",
 	"stroke-dashoffset"
-], Gi = {
+], qi = {
 	key: 0,
 	class: "tpl:absolute tpl:top-full tpl:left-1/2 tpl:z-50 tpl:mt-2 tpl:-translate-x-1/2 tpl:rounded-md tpl:px-2.5 tpl:py-1.5 tpl:text-xs tpl:whitespace-nowrap tpl:shadow-lg",
 	style: {
 		"background-color": "var(--tpl-text)",
 		color: "var(--tpl-bg-elevated)"
 	}
-}, Ki = /* @__PURE__ */ e({
+}, Ji = /* @__PURE__ */ e({
 	__name: "StorageProgressRing",
 	props: {
 		usedBytes: {},
@@ -5414,7 +5425,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			fill: "none",
 			"stroke-width": s.value,
 			style: { stroke: "var(--tpl-border)" }
-		}, null, 8, Ui), y("circle", {
+		}, null, 8, Gi), y("circle", {
 			cx: a.value / 2,
 			cy: a.value / 2,
 			r: l.value,
@@ -5425,7 +5436,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			"stroke-dasharray": f.value,
 			"stroke-dashoffset": m.value,
 			class: "tpl:transition-all tpl:duration-300 tpl:ease-out"
-		}, null, 8, Wi)], 8, Hi)), k(C, {
+		}, null, 8, Ki)], 8, Wi)), k(C, {
 			"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",
@@ -5433,7 +5444,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			"leave-from-class": "tpl:opacity-100 tpl:translate-y-0",
 			"leave-to-class": "tpl:opacity-0 tpl:translate-y-1"
 		}, {
-			default: c(() => [i.value ? (o(), O("div", Gi, [d(_(E.value) + " ", 1), t[2] ||= y("div", {
+			default: c(() => [i.value ? (o(), O("div", qi, [d(_(E.value) + " ", 1), t[2] ||= y("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)])) : u("", !0)]),
@@ -5443,7 +5454,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 });
 //#endregion
 //#region ../media-library/src/composables/useMediaLibraryUI.ts
-function qi(e) {
+function Yi(e) {
 	let { library: t, canUseMediaFolders: n, translations: i } = e;
 	function a() {
 		return "value" in i && typeof i.value == "object" ? i.value : i;
@@ -5471,13 +5482,13 @@ function qi(e) {
 	}), r(() => t.previewItem.value?.id, () => {
 		l.value = "original";
 	});
-	let y = le((e) => {
+	let y = ne((e) => {
 		t.search(e);
 	}, 300);
 	function b(e) {
 		c.value = e, y(e);
 	}
-	let { copy: x, copied: C } = ce({
+	let { copy: x, copied: C } = se({
 		copiedDuring: 2e3,
 		legacy: !0
 	});
@@ -5502,22 +5513,22 @@ function qi(e) {
 	async function j(e, n, r, i) {
 		i && await t.replaceMediaDirectly(e, i.file), await t.updateFile(e, n, r), u.value = null;
 	}
-	async function M(e) {
+	async function ee(e) {
 		await t.importFromUrl(e) && (d.value = !1);
 	}
-	async function N(e) {
+	async function te(e) {
 		f.value = !1, await t.moveSelected(e);
 	}
-	async function P() {
+	async function M() {
 		await t.checkUsageBeforeDelete();
 	}
-	function ee(e) {
+	function N(e) {
 		t.checkUsageBeforeReplace(e);
 	}
-	async function te(e) {
+	async function P(e) {
 		await t.replaceFile(e);
 	}
-	function ne() {
+	function F() {
 		t.clearSelection(), t.cancelDelete(), t.cancelReplace(), c.value = "", t.categoryFilter.value = null, t.sortOption.value = "newest", t.viewMode.value = "files", u.value = null, d.value = !1, l.value = "original";
 	}
 	return {
@@ -5543,17 +5554,17 @@ function qi(e) {
 		handleDeleteFolder: k,
 		handleEditItem: A,
 		handleEditSave: j,
-		handleImportFromUrl: M,
-		handleMoveToFolder: N,
-		handleDeleteClick: P,
-		handleReplaceItem: ee,
-		handleReplaceFile: te,
-		resetUI: ne
+		handleImportFromUrl: ee,
+		handleMoveToFolder: te,
+		handleDeleteClick: M,
+		handleReplaceItem: N,
+		handleReplaceFile: P,
+		resetUI: F
 	};
 }
 //#endregion
 //#region ../media-library/src/components/MediaLibraryModal.vue?vue&type=script&setup=true&lang.ts
-var Ji = ["data-tpl-theme"], Yi = {
+var Xi = ["data-tpl-theme"], Zi = {
 	class: "tpl-media-modal tpl-scale-in tpl:flex tpl:flex-col tpl:overflow-hidden tpl:rounded-[var(--tpl-radius-lg)]",
 	style: {
 		width: "900px",
@@ -5564,73 +5575,77 @@ var Ji = ["data-tpl-theme"], Yi = {
 		border: "1px solid var(--tpl-border)",
 		"box-shadow": "var(--tpl-shadow-xl)"
 	}
-}, Xi = {
+}, Qi = {
 	class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-between tpl:border-b tpl:px-5 tpl:py-3.5",
 	style: { "border-color": "var(--tpl-border)" }
-}, Zi = {
+}, $i = {
 	class: "tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Qi = { class: "tpl:flex tpl:items-center tpl:gap-3" }, $i = { class: "tpl:relative" }, ea = ["value", "placeholder"], ta = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, na = {
+}, ea = { class: "tpl:flex tpl:items-center tpl:gap-3" }, ta = { class: "tpl:relative" }, na = ["value", "placeholder"], ra = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, ia = {
 	key: 0,
 	class: "tpl:flex tpl:w-48 tpl:shrink-0 tpl:flex-col tpl:border-r",
 	style: {
 		"border-color": "var(--tpl-border)",
 		"background-color": "var(--tpl-bg)"
 	}
-}, ra = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, ia = {
+}, aa = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, oa = {
 	class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-between tpl:border-b tpl:px-4 tpl:py-2.5",
 	style: { "border-color": "var(--tpl-border)" }
-}, aa = { class: "tpl:flex tpl:items-center tpl:gap-2" }, oa = ["title"], sa = {
+}, sa = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ca = ["title"], la = {
 	key: 1,
 	class: "tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text)" }
-}, ca = {
+}, ua = {
 	class: "tpl:flex tpl:rounded-md tpl:p-0.5",
 	style: {
 		border: "1px solid var(--tpl-border)",
 		"background-color": "var(--tpl-bg)"
 	}
-}, la = ["title"], ua = ["title"], da = { class: "tpl:flex tpl:items-center tpl:gap-2" }, fa = ["value"], pa = { value: "" }, ma = ["value"], ha = ["value"], ga = { value: "newest" }, _a = { value: "oldest" }, va = { value: "name_asc" }, ya = { value: "name_desc" }, ba = { value: "size_asc" }, xa = { value: "size_desc" }, Sa = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, Ca = {
+}, da = ["title"], fa = ["title"], pa = { class: "tpl:flex tpl:items-center tpl:gap-2" }, ma = ["value"], ha = { value: "" }, ga = ["value"], _a = ["value"], va = { value: "newest" }, ya = { value: "oldest" }, ba = { value: "name_asc" }, xa = { value: "name_desc" }, Sa = { value: "size_asc" }, Ca = { value: "size_desc" }, wa = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, Ta = {
 	key: 0,
 	class: "tpl:px-4 tpl:pt-3"
-}, wa = {
+}, Ea = {
 	class: "tpl-scale-in tpl:mx-4 tpl:w-full tpl:max-w-sm tpl:rounded-[var(--tpl-radius-lg)] tpl:p-5",
 	style: {
 		"background-color": "var(--tpl-bg-elevated)",
 		"box-shadow": "var(--tpl-shadow-xl)"
 	}
-}, Ta = {
+}, Da = {
 	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
 	style: { color: "var(--tpl-text)" }
-}, Ea = {
+}, Oa = {
 	key: 0,
 	class: "tpl:mb-4 tpl:text-xs",
 	style: { color: "var(--tpl-text-muted)" }
-}, Da = {
+}, ka = {
 	key: 1,
 	class: "tpl:mb-4 tpl:max-h-32 tpl:overflow-y-auto tpl:rounded tpl:border tpl:p-2",
 	style: { "border-color": "var(--tpl-border)" }
-}, Oa = { class: "tpl:font-medium" }, ka = { style: { color: "var(--tpl-text-muted)" } }, Aa = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, ja = {
+}, Aa = { class: "tpl:font-medium" }, ja = { style: { color: "var(--tpl-text-muted)" } }, Ma = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Na = {
 	class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-between tpl:border-t tpl:px-5 tpl:py-3",
 	style: { "border-color": "var(--tpl-border)" }
-}, Ma = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, Na = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Pa = {
+}, Pa = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, Fa = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Ia = {
 	key: 0,
 	class: "tpl:flex tpl:items-center tpl:gap-2"
-}, Fa = {
+}, La = {
 	key: 1,
 	class: "tpl:relative"
-}, Ia = { class: "tpl:flex tpl:items-center tpl:gap-2" }, La = ["disabled"], Ra = /* @__PURE__ */ e({
+}, Ra = { class: "tpl:flex tpl:items-center tpl:gap-2" }, za = ["disabled"], Ba = /* @__PURE__ */ e({
 	__name: "MediaLibraryModal",
 	props: {
 		visible: { type: Boolean },
 		accept: {}
 	},
-	emits: ["close", "select"],
+	emits: [
+		"close",
+		"select",
+		"template-width-preview"
+	],
 	setup(e, { emit: n }) {
-		let a = e, s = n, { t: l } = z(), f = t("tplUiTheme"), b = t("authManager"), x = t("projectId"), T = S(() => x.value), E = t("planConfig"), A = S(() => E.hasFeature("media_folders")), j = S(() => E.hasFeature("import_from_url")), N = S(() => E.config.value?.storage.used_bytes ?? 0), ee = S(() => E.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: te, availableCategories: ne } = Ee(), F = xe({
+		let a = e, s = n, { t: l } = z(), f = t("tplUiTheme"), b = t("authManager"), x = t("projectId"), T = S(() => x.value), E = t("planConfig"), A = S(() => E.hasFeature("media_folders")), j = S(() => E.hasFeature("import_from_url")), te = S(() => E.config.value?.storage.used_bytes ?? 0), ne = S(() => E.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: N, availableCategories: P } = Oe(), F = Ce({
 			projectId: T.value,
 			authManager: b
-		}), I = qi({
+		}), I = Yi({
 			library: F,
 			canUseMediaFolders: A,
 			translations: l
@@ -5638,20 +5653,20 @@ var Ji = ["data-tpl-theme"], Yi = {
 		r(() => a.visible, (e) => {
 			e ? (F.loadItems(), F.loadFrequentlyUsed()) : I.resetUI();
 		});
-		function re(e) {
+		function L(e) {
 			e.key === "Escape" && s("close");
 		}
-		se(document, "keydown", re);
-		function R() {
-			return F.previewItem.value ? a.accept?.length ? te(F.previewItem.value.mime_type, a.accept) : !0 : !1;
+		ae(document, "keydown", L);
+		function re() {
+			return F.previewItem.value ? a.accept?.length ? N(F.previewItem.value.mime_type, a.accept) : !0 : !1;
 		}
-		function ie() {
-			if (R()) {
+		function R() {
+			if (re()) {
 				let e = F.previewItem.value;
 				s("select", {
 					...e,
 					url: I.selectedUrl.value || e.url
-				}), s("close");
+				}, xe(I.selectedConversion.value)), s("close");
 			}
 		}
 		return (t, n) => (o(), v(w, { to: "body" }, [k(C, {
@@ -5666,15 +5681,15 @@ var Ji = ["data-tpl-theme"], Yi = {
 				key: 0,
 				"data-tpl-theme": p(f),
 				class: "tpl tpl-media-overlay tpl:fixed tpl:inset-0 tpl:z-[9999]",
-				onClick: n[18] ||= m((e) => s("close"), ["self"])
-			}, [y("div", Yi, [
-				y("div", Xi, [y("h2", Zi, _(p(l).mediaLibrary.title), 1), y("div", Qi, [
-					k(Ki, {
-						"used-bytes": N.value,
-						"limit-bytes": ee.value,
+				onClick: n[19] ||= m((e) => s("close"), ["self"])
+			}, [y("div", Zi, [
+				y("div", Qi, [y("h2", $i, _(p(l).mediaLibrary.title), 1), y("div", ea, [
+					k(Ji, {
+						"used-bytes": te.value,
+						"limit-bytes": ne.value,
 						size: 22
 					}, null, 8, ["used-bytes", "limit-bytes"]),
-					y("div", $i, [y("input", {
+					y("div", ta, [y("input", {
 						value: p(I).searchInput.value,
 						type: "text",
 						class: "tpl:w-52 tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-3 tpl:pl-8 tpl:text-xs tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:outline-none tpl:focus:shadow-[var(--tpl-ring)]",
@@ -5685,7 +5700,7 @@ var Ji = ["data-tpl-theme"], Yi = {
 						},
 						placeholder: p(l).mediaLibrary.searchPlaceholder,
 						onInput: n[0] ||= (e) => p(I).handleSearchInput(e.target.value)
-					}, null, 40, ea), k(p(ye), {
+					}, null, 40, na), k(p(fe), {
 						class: "tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2",
 						size: 13,
 						"stroke-width": 2,
@@ -5695,12 +5710,12 @@ var Ji = ["data-tpl-theme"], Yi = {
 						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) => s("close")
-					}, [k(p(L), {
+					}, [k(p(ce), {
 						size: 18,
 						"stroke-width": 2
 					})])
 				])]),
-				y("div", ta, [k(C, {
+				y("div", ra, [k(C, {
 					"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",
@@ -5708,7 +5723,7 @@ var Ji = ["data-tpl-theme"], Yi = {
 					"leave-from-class": "tpl:ml-0 tpl:opacity-100",
 					"leave-to-class": "tpl:-ml-48 tpl:opacity-0"
 				}, {
-					default: c(() => [A.value && p(I).showSidebar.value ? (o(), O("div", na, [k(gr, {
+					default: c(() => [A.value && p(I).showSidebar.value ? (o(), O("div", ia, [k(vr, {
 						folders: p(F).folders.value,
 						"current-folder-id": p(F).currentFolderId.value,
 						"view-mode": p(F).viewMode.value,
@@ -5730,7 +5745,7 @@ var Ji = ["data-tpl-theme"], Yi = {
 						"onShowFrequentlyUsed"
 					])])) : u("", !0)]),
 					_: 1
-				}), y("div", ra, [y("div", ia, [y("div", aa, [
+				}), y("div", aa, [y("div", oa, [y("div", sa, [
 					A.value ? (o(), O("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",
@@ -5741,11 +5756,11 @@ var Ji = ["data-tpl-theme"], Yi = {
 						}),
 						title: p(I).showSidebar.value ? p(l).mediaLibrary.hideFolders : p(l).mediaLibrary.showFolders,
 						onClick: n[2] ||= (e) => p(I).showSidebar.value = !p(I).showSidebar.value
-					}, [k(p(pe), {
+					}, [k(p(de), {
 						size: 16,
 						"stroke-width": 2
-					})], 12, oa)) : u("", !0),
-					p(F).viewMode.value === "frequently-used" ? (o(), O("span", sa, _(p(l).mediaLibrary.frequentlyUsed), 1)) : (o(), v(Te, {
+					})], 12, ca)) : u("", !0),
+					p(F).viewMode.value === "frequently-used" ? (o(), O("span", la, _(p(l).mediaLibrary.frequentlyUsed), 1)) : (o(), v(De, {
 						key: 2,
 						folders: p(F).folders.value,
 						"current-folder-id": p(F).currentFolderId.value,
@@ -5755,7 +5770,7 @@ var Ji = ["data-tpl-theme"], Yi = {
 						"current-folder-id",
 						"onNavigate"
 					])),
-					y("div", ca, [y("button", {
+					y("div", ua, [y("button", {
 						class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:transition-all tpl:duration-150",
 						style: h({
 							color: p(I).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
@@ -5763,10 +5778,10 @@ var Ji = ["data-tpl-theme"], Yi = {
 						}),
 						title: p(l).mediaLibrary.viewGrid,
 						onClick: n[3] ||= (e) => p(I).layoutMode.value = "grid"
-					}, [k(p(ge), {
+					}, [k(p(me), {
 						size: 14,
 						"stroke-width": 2
-					})], 12, la), y("button", {
+					})], 12, da), y("button", {
 						class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:transition-all tpl:duration-150",
 						style: h({
 							color: p(I).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
@@ -5774,11 +5789,11 @@ var Ji = ["data-tpl-theme"], Yi = {
 						}),
 						title: p(l).mediaLibrary.viewList,
 						onClick: n[4] ||= (e) => p(I).layoutMode.value = "list"
-					}, [k(p(he), {
+					}, [k(p(ve), {
 						size: 14,
 						"stroke-width": 2
-					})], 12, ua)])
-				]), y("div", da, [p(ne).length > 1 ? (o(), O("select", {
+					})], 12, fa)])
+				]), y("div", pa, [p(P).length > 1 ? (o(), O("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: {
@@ -5788,10 +5803,10 @@ var Ji = ["data-tpl-theme"], Yi = {
 					},
 					value: p(F).categoryFilter.value ?? "",
 					onChange: n[5] ||= (e) => p(F).filterByCategory(e.target.value || null)
-				}, [y("option", pa, _(p(l).mediaLibrary.filterAll), 1), (o(!0), O(g, null, i(p(ne), (e) => (o(), O("option", {
+				}, [y("option", ha, _(p(l).mediaLibrary.filterAll), 1), (o(!0), O(g, null, i(p(P), (e) => (o(), O("option", {
 					key: e,
 					value: e
-				}, _(p(I).getCategoryLabel(e)), 9, ma))), 128))], 40, fa)) : u("", !0), y("select", {
+				}, _(p(I).getCategoryLabel(e)), 9, ga))), 128))], 40, ma)) : u("", !0), y("select", {
 					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: {
 						"border-color": "var(--tpl-border)",
@@ -5801,13 +5816,13 @@ var Ji = ["data-tpl-theme"], Yi = {
 					value: p(F).sortOption.value,
 					onChange: n[6] ||= (e) => p(F).sortBy(e.target.value)
 				}, [
-					y("option", ga, _(p(l).mediaLibrary.sortNewest), 1),
-					y("option", _a, _(p(l).mediaLibrary.sortOldest), 1),
-					y("option", va, _(p(l).mediaLibrary.sortNameAsc), 1),
-					y("option", ya, _(p(l).mediaLibrary.sortNameDesc), 1),
-					y("option", ba, _(p(l).mediaLibrary.sortSizeAsc), 1),
-					y("option", xa, _(p(l).mediaLibrary.sortSizeDesc), 1)
-				], 40, ha)])]), y("div", Sa, [p(F).viewMode.value === "files" ? (o(), O("div", Ca, [k(Vi, {
+					y("option", va, _(p(l).mediaLibrary.sortNewest), 1),
+					y("option", ya, _(p(l).mediaLibrary.sortOldest), 1),
+					y("option", ba, _(p(l).mediaLibrary.sortNameAsc), 1),
+					y("option", xa, _(p(l).mediaLibrary.sortNameDesc), 1),
+					y("option", Sa, _(p(l).mediaLibrary.sortSizeAsc), 1),
+					y("option", Ca, _(p(l).mediaLibrary.sortSizeDesc), 1)
+				], 40, _a)])]), y("div", wa, [p(F).viewMode.value === "files" ? (o(), O("div", Ta, [k(Ui, {
 					"is-uploading": p(F).isUploading.value,
 					"upload-progress": p(F).uploadProgress.value,
 					onUpload: p(I).handleUpload
@@ -5824,10 +5839,10 @@ var Ji = ["data-tpl-theme"], Yi = {
 						"background-color": "var(--tpl-bg)"
 					},
 					onClick: n[7] ||= (e) => p(I).showImportUrlModal.value = !0
-				}, [k(p(fe), {
+				}, [k(p(pe), {
 					size: 14,
 					"stroke-width": 2
-				}), d(" " + _(p(l).mediaLibrary.importFromUrl), 1)])) : u("", !0)])) : u("", !0), k(qr, {
+				}), d(" " + _(p(l).mediaLibrary.importFromUrl), 1)])) : u("", !0)])) : u("", !0), k(Yr, {
 					items: p(I).displayItems.value,
 					"selected-ids": p(F).selectedItems.value,
 					"is-loading": p(F).isLoading.value,
@@ -5852,7 +5867,7 @@ var Ji = ["data-tpl-theme"], Yi = {
 					"onEdit",
 					"onReplace"
 				])])])]),
-				k(ai, {
+				k(si, {
 					visible: p(I).showImportUrlModal.value,
 					"is-importing": p(F).isImportingFromUrl.value,
 					error: p(F).importFromUrlError.value,
@@ -5864,7 +5879,7 @@ var Ji = ["data-tpl-theme"], Yi = {
 					"error",
 					"onImport"
 				]),
-				k(rr, {
+				k(ar, {
 					visible: !!p(I).editingItem.value,
 					item: p(I).editingItem.value,
 					onSave: p(I).handleEditSave,
@@ -5874,7 +5889,7 @@ var Ji = ["data-tpl-theme"], Yi = {
 					"item",
 					"onSave"
 				]),
-				k(Ii, {
+				k(Ri, {
 					visible: p(F).showReplaceWarning.value,
 					item: p(F).pendingReplaceItem.value,
 					"usage-info": p(F).replaceUsageInfo.value,
@@ -5908,19 +5923,19 @@ var Ji = ["data-tpl-theme"], Yi = {
 							"-webkit-backdrop-filter": "blur(8px)"
 						},
 						onClick: n[12] ||= m((...e) => p(F).cancelDelete && p(F).cancelDelete(...e), ["self"])
-					}, [y("div", wa, [
-						y("h3", Ta, _(p(l).mediaLibrary.deleteWarningTitle), 1),
+					}, [y("div", Ea, [
+						y("h3", Da, _(p(l).mediaLibrary.deleteWarningTitle), 1),
 						y("p", {
 							class: D(["tpl:text-xs", p(I).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
 							style: { color: "var(--tpl-text-muted)" }
 						}, _(p(l).mediaLibrary.deleteWarningMessage), 3),
-						p(I).hasUsedFiles.value ? (o(), O("p", Ea, _(p(l).mediaLibrary.deleteWarningUsageNote), 1)) : u("", !0),
-						p(I).hasUsedFiles.value ? (o(), O("div", Da, [(o(!0), O(g, null, i(p(F).deleteUsageInfo.value, (e, t) => (o(), O("div", {
+						p(I).hasUsedFiles.value ? (o(), O("p", Oa, _(p(l).mediaLibrary.deleteWarningUsageNote), 1)) : u("", !0),
+						p(I).hasUsedFiles.value ? (o(), O("div", ka, [(o(!0), O(g, null, i(p(F).deleteUsageInfo.value, (e, t) => (o(), O("div", {
 							key: t,
 							class: "tpl:text-xs",
 							style: { color: "var(--tpl-text)" }
-						}, [e.template_count > 0 ? (o(), O(g, { key: 0 }, [y("span", Oa, _(p(I).displayItems.value.find((e) => e.id === t)?.filename || t), 1), y("span", ka, " - " + _(p(l).mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : u("", !0)]))), 128))])) : u("", !0),
-						y("div", Aa, [y("button", {
+						}, [e.template_count > 0 ? (o(), O(g, { key: 0 }, [y("span", Aa, _(p(I).displayItems.value.find((e) => e.id === t)?.filename || t), 1), y("span", ja, " - " + _(p(l).mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : u("", !0)]))), 128))])) : u("", !0),
+						y("div", Ma, [y("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)",
@@ -5940,17 +5955,18 @@ var Ji = ["data-tpl-theme"], Yi = {
 					])])) : u("", !0)]),
 					_: 1
 				}),
-				y("div", ja, [y("div", Ma, [p(F).previewItem.value ? (o(), v(xi, {
+				y("div", Na, [y("div", Pa, [p(F).previewItem.value ? (o(), v(Ci, {
 					key: 0,
 					"selected-conversion": p(I).selectedConversion.value,
 					"onUpdate:selectedConversion": n[13] ||= (e) => p(I).selectedConversion.value = e,
 					item: p(F).previewItem.value,
-					folders: p(F).folders.value
+					folders: p(F).folders.value,
+					onTemplateWidth: n[14] ||= (e) => s("template-width-preview", e)
 				}, null, 8, [
 					"selected-conversion",
 					"item",
 					"folders"
-				])) : u("", !0)]), y("div", Na, [p(F).selectedItems.value.size > 0 ? (o(), O("div", Pa, [p(F).previewItem.value ? (o(), O("button", {
+				])) : u("", !0)]), y("div", Fa, [p(F).selectedItems.value.size > 0 ? (o(), O("div", Ia, [p(F).previewItem.value ? (o(), O("button", {
 					key: 0,
 					class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-1 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: h({
@@ -5958,34 +5974,34 @@ var Ji = ["data-tpl-theme"], Yi = {
 						color: p(I).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
 						backgroundColor: "var(--tpl-bg)"
 					}),
-					onClick: n[14] ||= (e) => p(I).copy(p(I).selectedUrl.value)
-				}, [p(I).copied.value ? (o(), v(p(M), {
+					onClick: n[15] ||= (e) => p(I).copy(p(I).selectedUrl.value)
+				}, [p(I).copied.value ? (o(), v(p(ee), {
 					key: 1,
 					size: 12,
 					"stroke-width": 2
-				})) : (o(), v(p(P), {
+				})) : (o(), v(p(M), {
 					key: 0,
 					size: 12,
 					"stroke-width": 2
-				})), d(" " + _(p(I).copied.value ? p(l).mediaLibrary.copied : p(l).mediaLibrary.copyUrl), 1)], 4)) : u("", !0), A.value ? (o(), O("div", Fa, [y("button", {
+				})), d(" " + _(p(I).copied.value ? p(l).mediaLibrary.copied : p(l).mediaLibrary.copyUrl), 1)], 4)) : u("", !0), A.value ? (o(), O("div", La, [y("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)",
 						color: "var(--tpl-text)",
 						"background-color": "var(--tpl-bg)"
 					},
-					onClick: n[15] ||= (e) => p(I).showMovePicker.value = !p(I).showMovePicker.value
-				}, _(p(l).mediaLibrary.moveSelected), 1), p(I).showMovePicker.value ? (o(), v(ui, {
+					onClick: n[16] ||= (e) => p(I).showMovePicker.value = !p(I).showMovePicker.value
+				}, _(p(l).mediaLibrary.moveSelected), 1), p(I).showMovePicker.value ? (o(), v(fi, {
 					key: 0,
 					folders: p(F).folders.value,
 					"current-folder-id": p(F).currentFolderId.value,
 					onSelect: p(I).handleMoveToFolder,
-					onClose: n[16] ||= (e) => p(I).showMovePicker.value = !1
+					onClose: n[17] ||= (e) => p(I).showMovePicker.value = !1
 				}, null, 8, [
 					"folders",
 					"current-folder-id",
 					"onSelect"
-				])) : u("", !0)])) : u("", !0)])) : u("", !0), y("div", Ia, [p(F).selectedItems.value.size > 0 ? (o(), O("button", {
+				])) : u("", !0)])) : u("", !0)])) : u("", !0), y("div", Ra, [p(F).selectedItems.value.size > 0 ? (o(), O("button", {
 					key: 0,
 					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: {
@@ -5993,22 +6009,22 @@ var Ji = ["data-tpl-theme"], Yi = {
 						color: "var(--tpl-danger)",
 						"background-color": "var(--tpl-danger-light)"
 					},
-					onClick: n[17] ||= (...e) => p(I).handleDeleteClick && p(I).handleDeleteClick(...e)
+					onClick: n[18] ||= (...e) => p(I).handleDeleteClick && p(I).handleDeleteClick(...e)
 				}, _(p(l).mediaLibrary.deleteSelected), 1)) : u("", !0), y("button", {
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-4 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
 					style: {
 						"background-color": "var(--tpl-primary)",
 						color: "var(--tpl-bg)"
 					},
-					disabled: !R(),
-					onClick: ie
-				}, _(e.accept?.length ? p(l).mediaLibrary.selectImage : p(l).mediaLibrary.selectFile), 9, La)])])])
-			])], 8, Ji)) : u("", !0)]),
+					disabled: !re(),
+					onClick: R
+				}, _(e.accept?.length ? p(l).mediaLibrary.selectImage : p(l).mediaLibrary.selectFile), 9, za)])])])
+			])], 8, Xi)) : u("", !0)]),
 			_: 1
 		})]));
 	}
 });
 //#endregion
-export { Ii as a, ai as c, rr as d, Ee as f, be as g, xe as h, Vi as i, qr as l, z as m, qi as n, xi as o, Te as p, Ki as r, ui as s, Ra as t, gr as u };
+export { be as _, Ri as a, si as c, ar as d, Oe as f, Se as g, Ce as h, Ui as i, Yr as l, z as m, Yi as n, Ci as o, De as p, Ji as r, fi as s, Ba as t, vr as u, xe as v };
 
-//# sourceMappingURL=media-library-BTF_Ko70.js.map
+//# sourceMappingURL=media-library-Cl5XuaKy.js.map