@templatical/media-library 0.43.1 → 0.43.2

package/dist/cdn/chunks/{MediaEditModal-984aDCxg.js → MediaEditModal-BNZEUoer.js}

@@ -1,5 +1,5 @@
-import { A as e, D as t, E as n, F as r, G as i, H as a, J as o, K as s, M as c, N as l, O as u, R as d, S as f, T as p, W as m, X as h, Z as g, ct as _, dt as v, j as y, k as b, lt as ee, nt as x, q as S, ut as te, w as ne, x as re, y as ie, z as ae } from "./icons-4_7522gN.js";
-import { f as oe, h as se, l as ce, n as le, t as ue, u as de } from "./useFocusTrap-5U5Mu8Hj.js";
+import { A as e, D as t, E as n, F as r, G as i, H as a, J as o, K as s, M as c, N as l, O as u, R as d, S as f, T as p, W as m, X as h, Z as g, ct as _, dt as v, j as y, k as b, lt as ee, nt as x, q as S, ut as te, w as ne, x as re, y as ie, z as ae } from "./icons-BiNngs3F.js";
+import { f as oe, h as se, l as ce, n as le, t as ue, u as de } from "./useFocusTrap-DlOYUC75.js";
 //#region src/composables/useImageCrop.ts
 var fe = {
 	free: void 0,
@@ -92,7 +92,7 @@ function w(e, t, n) {
 		writable: !0
 	}) : e[t] = n, e;
 }
-function T(e, t) {
+function ve(e, t) {
 	if (e == null) return {};
 	var n, r, i = function(e, t) {
 		if (e == null) return {};
@@ -106,28 +106,28 @@ function T(e, t) {
 	}
 	return i;
 }
-function E(e) {
+function T(e) {
 	return function(e) {
-		if (Array.isArray(e)) return D(e);
+		if (Array.isArray(e)) return E(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 D(e, t);
+			if (typeof e == "string") return E(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 D(e, t);
+			if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return E(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 D(e, t) {
+function E(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 ve = function(e) {
+var D = function(e) {
 	(function() {
 		var t = {}.hasOwnProperty;
 		function n() {
@@ -151,15 +151,15 @@ var ve = function(e) {
 		}
 		e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
 	})();
-}, ye, O, k = (ve(O = {
-	path: ye,
+}, O, k, A = (D(k = {
+	path: O,
 	exports: {},
 	require: function(e, t) {
 		return function() {
 			throw Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs");
-		}(t == null && O.path);
+		}(t == null && k.path);
 	}
-}, O.exports), O.exports), A = function(e) {
+}, k.exports), k.exports), j = function(e) {
 	return function(t, n) {
 		if (!t) return e;
 		var r;
@@ -171,7 +171,7 @@ var ve = function(e) {
 		}), "") : "");
 	};
 };
-function j(e, t, n) {
+function M(e, t, n) {
 	var r, i, a, o, s;
 	function c() {
 		var l = Date.now() - o;
@@ -189,8 +189,8 @@ function j(e, t, n) {
 		r &&= (s = e.apply(a, i), a = i = null, clearTimeout(r), null);
 	}, l;
 }
-j.debounce = j;
-var M = j, N = function() {
+M.debounce = M;
+var ye = M, N = function() {
 	return N = 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;
@@ -206,48 +206,48 @@ function P(e, t) {
 function F(e) {
 	return /^blob:/.test(e);
 }
-function be(e) {
+function I(e) {
 	return F(e) || function(e) {
 		return /^data:/.test(e);
 	}(e);
 }
-function I(e) {
+function L(e) {
 	return !!(e && e.constructor && e.call && e.apply);
 }
-function L(e) {
+function R(e) {
 	return e === void 0;
 }
-function R(e) {
+function be(e) {
 	return typeof e == "object" && !!e;
 }
 function xe(e, t, n) {
 	var r = {};
-	return R(e) ? (Object.keys(t).forEach((function(i) {
-		r[i] = L(e[i]) ? t[i] : R(t[i]) ? R(e[i]) ? xe(e[i], t[i], n[i]) : e[i] ? t[i] : n[i] : !0 === t[i] || !1 === t[i] ? !!e[i] : e[i];
+	return be(e) ? (Object.keys(t).forEach((function(i) {
+		r[i] = R(e[i]) ? t[i] : be(t[i]) ? be(e[i]) ? xe(e[i], t[i], n[i]) : e[i] ? t[i] : n[i] : !0 === t[i] || !1 === t[i] ? !!e[i] : e[i];
 	})), r) : e ? t : n;
 }
-function Se(e) {
+function z(e) {
 	var t = Number(e);
 	return Number.isNaN(t) ? e : t;
 }
-function Ce(e) {
+function Se(e) {
 	return typeof (e == "number" || function(e) {
 		return typeof e == "object" && !!e;
-	}(e) && toString.call(e) == "[object Number]") && !we(e);
+	}(e) && toString.call(e) == "[object Number]") && !Ce(e);
 }
-function we(e) {
+function Ce(e) {
 	return e != e;
 }
-function Te(e, t) {
+function we(e, t) {
 	return Math.sqrt((e.x - t.x) ** 2 + (e.y - t.y) ** 2);
 }
-var z = function(e, t) {
+var B = function(e, t) {
 	e === void 0 && (e = {}), t === void 0 && (t = {}), this.type = "manipulateImage", this.move = e, this.scale = t;
-}, Ee = function(e, t) {
+}, Te = function(e, t) {
 	t === void 0 && (t = {}), this.type = "resize", this.directions = e, this.params = t;
-}, De = function(e) {
+}, Ee = function(e) {
 	this.type = "move", this.directions = e;
-}, Oe = function() {
+}, De = 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;
 	}
@@ -265,7 +265,7 @@ var z = function(e, t) {
 			top: 0
 		};
 	}, e;
-}(), ke = {
+}(), Oe = {
 	name: "DraggableElement",
 	props: { classname: { type: String } },
 	beforeMount: function() {
@@ -286,7 +286,7 @@ var z = 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 = E(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 = T(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
@@ -332,11 +332,11 @@ var z = function(e, t) {
 			};
 		},
 		processMove: function(e, t) {
-			var n = E(t);
+			var n = T(t);
 			if (this.touches.length) {
 				if (this.touches.length === 1 && n.length === 1) {
 					var r = this.$refs.draggable;
-					this.$emit("drag", new Oe(e, r, {
+					this.$emit("drag", new De(e, r, {
 						left: n[0].clientX,
 						top: n[0].clientY
 					}, {
@@ -358,7 +358,7 @@ var z = function(e, t) {
 		"enter"
 	]
 };
-ke.render = function(e, t, n, r, o, s) {
+Oe.render = function(e, t, n, r, o, s) {
 	return a(), b("div", {
 		ref: "draggable",
 		class: n.classname,
@@ -376,9 +376,9 @@ ke.render = function(e, t, n, r, o, s) {
 		}
 	}, [i(e.$slots, "default")], 34);
 };
-var Ae = A("vue-handler-wrapper"), je = {
+var ke = j("vue-handler-wrapper"), Ae = {
 	name: "HandlerWrapper",
-	components: { DraggableElement: ke },
+	components: { DraggableElement: Oe },
 	props: {
 		horizontalPosition: { type: String },
 		verticalPosition: { type: String },
@@ -391,11 +391,11 @@ var Ae = A("vue-handler-wrapper"), je = {
 		var e;
 		if (this.horizontalPosition || this.verticalPosition) {
 			var t, n = P(this.horizontalPosition, this.verticalPosition);
-			e = Ae((w(t = {}, n.classname, !0), w(t, "disabled", this.disabled), t));
-		} else e = Ae({ disabled: this.disabled });
+			e = ke((w(t = {}, n.classname, !0), w(t, "disabled", this.disabled), t));
+		} else e = ke({ disabled: this.disabled });
 		return {
 			root: e,
-			draggable: Ae("draggable")
+			draggable: ke("draggable")
 		};
 	} },
 	emits: [
@@ -405,7 +405,7 @@ var Ae = A("vue-handler-wrapper"), je = {
 		"drag-end"
 	]
 };
-je.render = function(e, t, n, r, o, c) {
+Ae.render = function(e, t, n, r, o, c) {
 	var u = s("DraggableElement");
 	return a(), b("div", { class: c.classes.root }, [l(u, {
 		class: c.classes.draggable,
@@ -428,9 +428,9 @@ je.render = function(e, t, n, r, o, c) {
 		_: 3
 	}, 8, ["class"])], 2);
 };
-var Me = A("vue-line-wrapper"), Ne = {
+var je = j("vue-line-wrapper"), Me = {
 	name: "LineWrapper",
-	components: { DraggableElement: ke },
+	components: { DraggableElement: Oe },
 	props: {
 		position: {
 			type: String,
@@ -443,7 +443,7 @@ var Me = A("vue-line-wrapper"), Ne = {
 	},
 	computed: { classname: function() {
 		var e;
-		return Me((w(e = {}, this.position, !0), w(e, "disabled", this.disabled), e));
+		return je((w(e = {}, this.position, !0), w(e, "disabled", this.disabled), e));
 	} },
 	emits: [
 		"leave",
@@ -452,7 +452,7 @@ var Me = A("vue-line-wrapper"), Ne = {
 		"drag-end"
 	]
 };
-Ne.render = function(e, t, n, r, o, c) {
+Me.render = function(e, t, n, r, o, c) {
 	var l = s("DraggableElement");
 	return a(), b(l, {
 		class: c.classname,
@@ -475,23 +475,23 @@ Ne.render = function(e, t, n, r, o, c) {
 		_: 3
 	}, 8, ["class"]);
 };
-var B = [
+var V = [
 	"left",
 	"right",
 	"top",
 	"bottom"
-], Pe = ["left", "right"], Fe = ["top", "bottom"], Ie = ["left", "top"], Le = [
+], Ne = ["left", "right"], Pe = ["top", "bottom"], Fe = ["left", "top"], Ie = [
 	"fill-area",
 	"fit-area",
 	"stencil",
 	"none"
-], Re = {
+], Le = {
 	left: 0,
 	top: 0,
 	width: 0,
 	height: 0
 };
-function ze(e, t, n) {
+function Re(e, t, n) {
 	return !(n ||= [
 		"width",
 		"height",
@@ -501,7 +501,7 @@ function ze(e, t, n) {
 		return e[n] !== t[n];
 	}));
 }
-function V(e) {
+function H(e) {
 	return {
 		left: e.left,
 		top: e.top,
@@ -509,31 +509,31 @@ function V(e) {
 		bottom: e.top + e.height
 	};
 }
-function H(e, t) {
+function U(e, t) {
 	return {
 		left: e.left - t.left,
 		top: e.top - t.top
 	};
 }
-function U(e) {
+function W(e) {
 	return {
 		left: e.left + e.width / 2,
 		top: e.top + e.height / 2
 	};
 }
-function Be(e, t) {
+function ze(e, t) {
 	var n = {
 		left: 0,
 		top: 0,
 		right: 0,
 		bottom: 0
 	};
-	return B.forEach((function(r) {
-		var i = t[r], a = V(e)[r];
+	return V.forEach((function(r) {
+		var i = t[r], a = H(e)[r];
 		n[r] = i !== void 0 && a !== void 0 ? r === "left" || r === "top" ? Math.max(0, i - a) : Math.max(0, a - i) : 0;
 	})), n;
 }
-function W(e, t) {
+function G(e, t) {
 	return {
 		left: e.left - t.left,
 		top: e.top - t.top,
@@ -541,22 +541,22 @@ function W(e, t) {
 		height: e.height + t.top + t.bottom
 	};
 }
-function Ve(e) {
+function Be(e) {
 	return {
 		left: -e.left,
 		top: -e.top
 	};
 }
-function G(e, t) {
+function K(e, t) {
 	return N(N({}, e), {
 		left: e.left + t.left,
 		top: e.top + t.top
 	});
 }
-function K(e, t, n, r) {
+function q(e, t, n, r) {
 	if (t !== 1) {
 		if (n) {
-			var i = U(e);
+			var i = W(e);
 			return {
 				width: e.width * t,
 				height: e.height * t,
@@ -573,17 +573,17 @@ function K(e, t, n, r) {
 	}
 	return e;
 }
-function q(e) {
+function J(e) {
 	return e.width / e.height;
 }
-function J(e, t) {
+function Y(e, t) {
 	return Math.min(t.right !== void 0 && t.left !== void 0 ? (t.right - t.left) / e.width : 1 / 0, t.bottom !== void 0 && t.top !== void 0 ? (t.bottom - t.top) / e.height : 1 / 0);
 }
-function Y(e, t) {
+function Ve(e, t) {
 	var n = {
 		left: 0,
 		top: 0
-	}, r = Be(e, t);
+	}, r = ze(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 He(e, t) {
@@ -591,7 +591,7 @@ function He(e, t) {
 	return t.minimum && e < t.minimum ? n = t.minimum : t.maximum && e > t.maximum && (n = t.maximum), n;
 }
 function Ue(e, t) {
-	var n = q(e), r = q(t);
+	var n = J(e), r = J(t);
 	return t.width < 1 / 0 && t.height < 1 / 0 ? n > r ? {
 		width: t.width,
 		height: t.width / n
@@ -621,13 +621,13 @@ function X(e, t) {
 	};
 }
 function Ge(e, t) {
-	var n = Be(Z(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, J(e, t)) : Math.min((e.height + n.top + n.bottom) / e.height, J(e, t)) : 1;
+	var n = ze(Z(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, Y(e, t)) : Math.min((e.height + n.top + n.bottom) / e.height, Y(e, t)) : 1;
 }
 function Z(e, t, n) {
 	n === void 0 && (n = !1);
-	var r = Y(e, t);
-	return G(e, n ? Ve(r) : r);
+	var r = Ve(e, t);
+	return K(e, n ? Be(r) : r);
 }
 function Ke(e) {
 	return {
@@ -646,7 +646,7 @@ function qe(e, t) {
 function Je(e, t, n) {
 	n === void 0 && (n = !0);
 	var r = {};
-	return B.forEach((function(i) {
+	return V.forEach((function(i) {
 		var a = e[i], o = t[i];
 		a !== void 0 && o !== void 0 ? r[i] = i === "left" || i === "top" ? n ? Math.max(a, o) : Math.min(a, o) : n ? Math.min(a, o) : Math.max(a, o) : o === void 0 ? a !== void 0 && (r[i] = a) : r[i] = o;
 	})), r;
@@ -656,7 +656,7 @@ function Ye(e, t) {
 }
 function Xe(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));
+	return !!((t.correctRatio || J(t) >= n.minimum && J(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 Ze(e, t) {
 	return (e.width - t.width) ** 2 + (e.height - t.height) ** 2;
@@ -708,15 +708,15 @@ function Q(e) {
 	};
 }
 function Qe(e) {
-	var t = e.event, n = e.coordinates, r = e.positionRestrictions, i = r === void 0 ? {} : r, a = G(n, t.directions);
-	return G(a, Y(a, i));
+	var t = e.event, n = e.coordinates, r = e.positionRestrictions, i = r === void 0 ? {} : r, a = K(n, t.directions);
+	return K(a, Ve(a, i));
 }
 function $e(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 Qe({
 			coordinates: e,
 			positionRestrictions: a,
-			event: new De({
+			event: new Ee({
 				left: t.left - e.left,
 				top: t.top - e.top
 			})
@@ -724,11 +724,11 @@ function $e(e) {
 	}, l = N({}, t);
 	return (Array.isArray(n) ? n : [n]).forEach((function(e) {
 		var t = {};
-		L((t = typeof e == "function" ? e({
+		R((t = typeof e == "function" ? e({
 			coordinates: l,
 			imageSize: r,
 			visibleArea: s
-		}) : e).width) && L(t.height) || (l = function(e, t) {
+		}) : e).width) && R(t.height) || (l = function(e, t) {
 			return c(N(N(N({}, e), Q({
 				width: t.width,
 				height: t.height,
@@ -741,29 +741,29 @@ function $e(e) {
 				left: e.left,
 				top: e.top
 			});
-		}(l, N(N({}, l), t))), L(t.left) && L(t.top) || (l = c(l, N(N({}, l), t)));
+		}(l, N(N({}, l), t))), R(t.left) && R(t.top) || (l = c(l, N(N({}, l), t)));
 	})), l;
 }
 function et(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 = N({}, r), f = N({}, i), p = N({}, 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 = N(N({}, d), Q({
+	c = J(p), l = J(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 = N(N({}, d), Q({
 		sizeRestrictions: o,
 		width: d.width,
 		height: d.height,
 		aspectRatio: {
-			minimum: q(p),
-			maximum: q(p)
+			minimum: J(p),
+			maximum: J(p)
 		}
 	})));
-	var m = Ge(f = K(f, d.width * n.width / (f.width * p.width)), t({
+	var m = Ge(f = q(f, d.width * n.width / (f.width * p.width)), t({
 		visibleArea: f,
 		type: "resize"
 	}));
-	return m !== 1 && (f = K(f, m), d = K(d, m)), f = Z(f = G(f, H(U(d), U(f))), t({
+	return m !== 1 && (f = q(f, m), d = q(d, m)), f = Z(f = K(f, U(W(d), W(f))), t({
 		visibleArea: f,
 		type: "move"
 	})), {
-		coordinates: d = Z(d, Ye(V(f), s)),
+		coordinates: d = Z(d, Ye(H(f), s)),
 		visibleArea: f
 	};
 }
@@ -774,15 +774,15 @@ function tt(e) {
 			width: 0,
 			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 = Ge(c = K(c, s.width * r.width / (c.width * l.width)), n({
+		J(r) > J(s) ? (l.height = .8 * r.height, l.width = l.height * J(s)) : (l.width = .8 * r.width, l.height = l.width * J(s));
+		var u = Ge(c = q(c, s.width * r.width / (c.width * l.width)), n({
 			visibleArea: c,
 			type: "resize"
 		}));
-		c = K(c, u), u !== 1 && (l.height /= u, l.width /= u), c = Z(c = G(c, H(U(s), U(c))), n({
+		c = q(c, u), u !== 1 && (l.height /= u, l.width /= u), c = Z(c = K(c, U(W(s), W(c))), n({
 			visibleArea: c,
 			type: "move"
-		})), s = Z(s, Ye(V(c), o));
+		})), s = Z(s, Ye(H(c), o));
 	}
 	return {
 		coordinates: s,
@@ -793,13 +793,13 @@ function nt(e) {
 	var t = e.event, n = e.coordinates, r = e.visibleArea, i = e.getAreaRestrictions, a = N({}, r), o = N({}, 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 = K(a, Math.min(o.width / a.width, J(a, i({
+		s > c ? a = q(a, Math.min(o.width / a.width, Y(a, i({
 			visibleArea: a,
 			type: "resize"
-		})))) : c > s && (a = K(a, Math.min(o.height / a.height, J(a, i({
+		})))) : c > s && (a = q(a, Math.min(o.height / a.height, Y(a, i({
 			visibleArea: a,
 			type: "resize"
-		}))))), a = Z(a = G(a, Ve(Y(o, V(a)))), i({
+		}))))), a = Z(a = K(a, Be(Ve(o, H(a)))), i({
 			visibleArea: a,
 			type: "move"
 		}));
@@ -817,7 +817,7 @@ function rt(e) {
 	};
 }
 function it(e) {
-	var t = e.imageSize, n = e.visibleArea, r = e.aspectRatio, i = e.sizeRestrictions, a = n || t, o = Math.min(r.maximum || 1 / 0, Math.max(r.minimum || 0, q(a))), s = a.width < a.height ? {
+	var t = e.imageSize, n = e.visibleArea, r = e.aspectRatio, i = e.sizeRestrictions, a = n || t, o = Math.min(r.maximum || 1 / 0, Math.max(r.minimum || 0, J(a))), s = a.width < a.height ? {
 		width: .8 * a.width,
 		height: .8 * a.width / o
 	} : {
@@ -831,7 +831,7 @@ function it(e) {
 }
 function at(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), Q({
+	return J(l) > J(a) ? n = (t = c.height * l.height / a.height) * J(c) : t = (n = c.width * l.width / a.width) / J(c), Q({
 		width: n,
 		height: t,
 		aspectRatio: o,
@@ -839,26 +839,26 @@ function at(e) {
 	});
 }
 function ot(e) {
-	var t = e.getAreaRestrictions, n = e.coordinates, r = e.imageSize, i = q(e.boundaries);
+	var t = e.getAreaRestrictions, n = e.coordinates, r = e.imageSize, i = J(e.boundaries);
 	if (n) {
 		var a = {
 			height: Math.max(n.height, r.height),
 			width: Math.max(n.width, r.width)
 		}, o = Ue({
-			width: q(a) > i ? a.width : a.height * i,
-			height: q(a) > i ? a.width / i : a.height
+			width: J(a) > i ? a.width : a.height * i,
+			height: J(a) > i ? a.width / i : a.height
 		}, Ke(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 = Be(n, V(N({
+		}, c = ze(n, H(N({
 			left: 0,
 			top: 0
 		}, r))), l = {};
 		return !c.left && !c.right && s.width <= r.width && (l.left = 0, l.right = r.width), !c.top && !c.bottom && s.height <= r.height && (l.top = 0, l.bottom = r.height), Z(s, l);
 	}
-	var u = q(r);
+	var u = J(r);
 	return o = {
 		height: u > i ? r.height : r.width / i,
 		width: u > i ? r.height * i : r.width
@@ -870,27 +870,27 @@ function ot(e) {
 	};
 }
 function st(e, t) {
-	return Je(e, V(t));
+	return Je(e, H(t));
 }
 function ct(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 = N({}, r), d = N({}, n), f = 1, p = 1, m = c.factor && Math.abs(c.factor - 1) > .001;
-	u = G(u, {
+	u = K(u, {
 		left: l.left || 0,
 		top: l.top || 0
 	});
 	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 : 1 / 0, i.maxHeight ? i.maxHeight / d.height : 1 / 0, J(d, o))
+			maximum: Math.min(i.maxWidth ? i.maxWidth / d.width : 1 / 0, i.maxHeight ? i.maxHeight / d.height : 1 / 0, Y(d, o))
 		},
-		area: { maximum: J(u, a({
+		area: { maximum: Y(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 = K(u, p, c.center));
+	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 = q(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 = Z(u = G(u, Y(u, {
+	return u = Z(u = K(u, Ve(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,
@@ -898,16 +898,16 @@ function ct(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 = Z(d, Ye(V(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 = G(u = Z(u = K(u, f, c.factor > 1 ? c.center : U(d)), a({
+	})), d.width *= p, d.height *= p, d.left = u.left + g * p, d.top = u.top + v * p, d = Z(d, Ye(H(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 = K(u = Z(u = q(u, f, c.factor > 1 ? c.center : W(d)), a({
 		visibleArea: u,
 		type: "move"
-	})), Ve(Y(d, V(u)))))), {
+	})), Be(Ve(d, H(u)))))), {
 		coordinates: d,
 		visibleArea: u
 	};
 }
 function lt(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 = N({}, r), d = N({}, i), f = X(U(N({
+	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 = N({}, r), d = N({}, i), f = X(W(N({
 		left: 0,
 		top: 0
 	}, c)), l);
@@ -916,12 +916,12 @@ function lt(e) {
 		aspectRatio: t,
 		width: u.width,
 		height: u.height
-	})), X(U(u), l))).left -= f.left - s.width / 2 + u.width / 2, u.top -= f.top - s.height / 2 + u.height / 2, d = K(d, Ge(d, n({
+	})), X(W(u), l))).left -= f.left - s.width / 2 + u.width / 2, u.top -= f.top - s.height / 2 + u.height / 2, d = q(d, Ge(d, n({
 		visibleArea: d,
 		type: "resize"
 	}))), {
 		coordinates: u = Z(u, o),
-		visibleArea: d = Z(d = G(d, H(U(u), U(r))), n({
+		visibleArea: d = Z(d = K(d, U(W(u), W(r))), n({
 			visibleArea: d,
 			type: "move"
 		}))
@@ -933,14 +933,14 @@ function ut(e) {
 		var f = X({
 			left: s.width / 2,
 			top: s.height / 2
-		}, -r), p = X(U(c), -r), m = X({
+		}, -r), p = X(W(c), -r), m = X({
 			left: u ? f.left - (p.left - f.left) : p.left,
 			top: d ? f.top - (p.top - f.top) : p.top
 		}, r);
-		c = G(c, H(m, U(c))), p = X(U(l), -r), l = Z(l = G(l, H(m = X({
+		c = K(c, U(m, W(c))), p = X(W(l), -r), l = Z(l = K(l, U(m = X({
 			left: u ? f.left - (p.left - f.left) : p.left,
 			top: d ? f.top - (p.top - f.top) : p.top
-		}, r), U(l))), i({
+		}, r), W(l))), i({
 			visibleArea: l,
 			type: "move"
 		}));
@@ -951,10 +951,10 @@ function ut(e) {
 	};
 }
 function dt(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 = N({}, t), l = W(n, c).width, u = W(n, c).height;
+	var t = e.directions, n = e.coordinates, r = e.positionRestrictions, i = r === void 0 ? {} : r, a = e.sizeRestrictions, o = e.preserveRatio, s = e.compensate, c = N({}, t), l = G(n, c).width, u = G(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 = Be(W(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 = Be(W(n, c), i));
+	var d = ze(G(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 = ze(G(n, c), i));
 	var f = {
 		width: 1 / 0,
 		height: 1 / 0,
@@ -963,27 +963,27 @@ function dt(e) {
 		top: 1 / 0,
 		bottom: 1 / 0
 	};
-	if (B.forEach((function(e) {
+	if (V.forEach((function(e) {
 		var t = d[e];
 		t && c[e] && (f[e] = Math.max(0, 1 - t / c[e]));
 	})), o) {
-		var p = Math.min.apply(null, B.map((function(e) {
+		var p = Math.min.apply(null, V.map((function(e) {
 			return f[e];
 		})));
-		p !== 1 / 0 && B.forEach((function(e) {
+		p !== 1 / 0 && V.forEach((function(e) {
 			c[e] *= p;
 		}));
-	} else B.forEach((function(e) {
+	} else V.forEach((function(e) {
 		f[e] !== 1 / 0 && (c[e] *= f[e]);
 	}));
-	if (l = W(n, c).width, u = W(n, c).height, c.right + c.left && (l > a.maxWidth ? f.width = (a.maxWidth - n.width) / (c.right + c.left) : l < a.minWidth && (f.width = (a.minWidth - n.width) / (c.right + c.left))), c.bottom + c.top && (u > a.maxHeight ? f.height = (a.maxHeight - n.height) / (c.bottom + c.top) : u < a.minHeight && (f.height = (a.minHeight - n.height) / (c.bottom + c.top))), o) {
+	if (l = G(n, c).width, u = G(n, c).height, c.right + c.left && (l > a.maxWidth ? f.width = (a.maxWidth - n.width) / (c.right + c.left) : l < a.minWidth && (f.width = (a.minWidth - n.width) / (c.right + c.left))), c.bottom + c.top && (u > a.maxHeight ? f.height = (a.maxHeight - n.height) / (c.bottom + c.top) : u < a.minHeight && (f.height = (a.minHeight - n.height) / (c.bottom + c.top))), o) {
 		var m = Math.min(f.width, f.height);
-		m !== 1 / 0 && B.forEach((function(e) {
+		m !== 1 / 0 && V.forEach((function(e) {
 			c[e] *= m;
 		}));
-	} else f.width !== 1 / 0 && Pe.forEach((function(e) {
+	} else f.width !== 1 / 0 && Ne.forEach((function(e) {
 		c[e] *= f.width;
-	})), f.height !== 1 / 0 && Fe.forEach((function(e) {
+	})), f.height !== 1 / 0 && Pe.forEach((function(e) {
 		c[e] *= f.height;
 	}));
 	return c;
@@ -991,9 +991,9 @@ function dt(e) {
 function ft(e, t, n) {
 	return t == 0 && n == 0 ? e / 2 : t == 0 ? 0 : n == 0 ? e : e * Math.abs(t / (t + n));
 }
-var pt = A("vue-simple-handler"), mt = A("vue-simple-handler-wrapper"), ht = {
+var pt = j("vue-simple-handler"), mt = j("vue-simple-handler-wrapper"), ht = {
 	name: "SimpleHandler",
-	components: { HandlerWrapper: je },
+	components: { HandlerWrapper: Ae },
 	props: {
 		defaultClass: { type: String },
 		hoverClass: { type: String },
@@ -1011,8 +1011,8 @@ var pt = A("vue-simple-handler"), mt = A("vue-simple-handler-wrapper"), ht = {
 	computed: { classes: function() {
 		var e, t = (w(e = {}, this.horizontalPosition, !!this.horizontalPosition), w(e, this.verticalPosition, !!this.verticalPosition), w(e, `${this.horizontalPosition}-${this.verticalPosition}`, !!(this.verticalPosition && this.horizontalPosition)), w(e, "hover", this.hover), e);
 		return {
-			default: k(pt(t), this.defaultClass, this.hover && this.hoverClass),
-			wrapper: k(mt(t), this.wrapperClass)
+			default: A(pt(t), this.defaultClass, this.hover && this.hoverClass),
+			wrapper: A(mt(t), this.wrapperClass)
 		};
 	} },
 	methods: {
@@ -1058,9 +1058,9 @@ ht.render = function(e, t, n, r, i, o) {
 		"onLeave"
 	]);
 };
-var gt = A("vue-simple-line"), _t = A("vue-simple-line-wrapper"), vt = {
+var gt = j("vue-simple-line"), _t = j("vue-simple-line-wrapper"), vt = {
 	name: "SimpleLine",
-	components: { LineWrapper: Ne },
+	components: { LineWrapper: Me },
 	props: {
 		defaultClass: { type: String },
 		hoverClass: { type: String },
@@ -1076,8 +1076,8 @@ var gt = A("vue-simple-line"), _t = A("vue-simple-line-wrapper"), vt = {
 	},
 	computed: { classes: function() {
 		return {
-			root: k(gt(w({}, this.position, !0)), this.defaultClass, this.hover && this.hoverClass),
-			wrapper: k(_t(w({}, this.position, !0)), this.wrapperClass)
+			root: A(gt(w({}, this.position, !0)), this.defaultClass, this.hover && this.hoverClass),
+			wrapper: A(_t(w({}, this.position, !0)), this.wrapperClass)
 		};
 	} },
 	methods: {
@@ -1121,7 +1121,7 @@ vt.render = function(e, t, n, r, i, o) {
 		"onLeave"
 	]);
 };
-var yt = A("vue-bounding-box"), bt = [
+var yt = j("vue-bounding-box"), bt = [
 	"east",
 	"west",
 	null
@@ -1239,8 +1239,8 @@ var yt = A("vue-bounding-box"), bt = [
 				n.horizontalDirection && n.verticalDirection || !e.lines[n.name] || t.push({
 					name: n.name,
 					component: e.linesComponent,
-					class: k(e.classes.lines.default, e.classes.lines[n.name], !e.resizable && e.classes.lines.disabled),
-					wrapperClass: k(e.classes.linesWrappers.default, e.classes.linesWrappers[n.name], !e.resizable && e.classes.linesWrappers.disabled),
+					class: A(e.classes.lines.default, e.classes.lines[n.name], !e.resizable && e.classes.lines.disabled),
+					wrapperClass: A(e.classes.linesWrappers.default, e.classes.linesWrappers[n.name], !e.resizable && e.classes.linesWrappers.disabled),
 					hoverClass: e.classes.lines.hover,
 					verticalDirection: n.verticalDirection,
 					horizontalDirection: n.horizontalDirection,
@@ -1255,8 +1255,8 @@ var yt = A("vue-bounding-box"), bt = [
 					var a = {
 						name: i.name,
 						component: e.handlersComponent,
-						class: k(e.classes.handlers.default, e.classes.handlers[i.name]),
-						wrapperClass: k(e.classes.handlersWrappers.default, e.classes.handlersWrappers[i.name]),
+						class: A(e.classes.handlers.default, e.classes.handlers[i.name]),
+						wrapperClass: A(e.classes.handlersWrappers.default, e.classes.handlersWrappers[i.name]),
 						hoverClass: e.classes.handlers.hover,
 						verticalDirection: i.verticalDirection,
 						horizontalDirection: i.horizontalDirection,
@@ -1291,7 +1291,7 @@ var yt = A("vue-bounding-box"), bt = [
 				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 Ee(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 Te(s, {
 				allowedDirections: {
 					left: t === "west" || !t,
 					right: t === "east" || !t,
@@ -1365,7 +1365,7 @@ St.render = function(e, t, n, r, o, s) {
 		})), 128))
 	], 6);
 };
-var Ct = A("vue-draggable-area"), wt = {
+var Ct = j("vue-draggable-area"), wt = {
 	name: "DraggableArea",
 	props: {
 		movable: {
@@ -1393,14 +1393,14 @@ var Ct = A("vue-draggable-area"), wt = {
 		onTouchStart: function(e) {
 			if (e.cancelable) {
 				var t = this.movable && e.touches.length === 1;
-				t && (this.touches = E(e.touches)), (this.touchStarted || t) && (e.preventDefault(), e.stopPropagation());
+				t && (this.touches = T(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()) : Te({
+			this.touches.length >= 1 && (this.touchStarted ? (this.processMove(e, e.touches), e.preventDefault(), e.stopPropagation()) : we({
 				x: this.touches[0].clientX,
 				y: this.touches[0].clientY
 			}, {
@@ -1439,10 +1439,10 @@ var Ct = A("vue-draggable-area"), wt = {
 			};
 		},
 		processMove: function(e, t) {
-			var n = E(t);
+			var n = T(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 De({
+				this.touches.length === 1 && n.length === 1 && this.$emit("move", new Ee({
 					left: n[0].clientX - (i + this.anchor.x),
 					top: n[0].clientY - (a + this.anchor.y)
 				}));
@@ -1551,7 +1551,7 @@ function kt(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 += Te({
+		o += we({
 			x: a.left,
 			y: a.top
 		}, {
@@ -1594,18 +1594,18 @@ var At = {
 		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 = M(this.processEnd), this.touches = [];
+		this.transforming = !1, this.debouncedProcessEnd = ye(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 z({
+				if (this.touches.length === 1 && t.length === 1) this.$emit("move", new B({
 					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 = kt(t, this.$refs.container), r = this.oldGeometricProperties;
-					r.count === n.count && r.count > 1 && this.$emit("resize", new z({
+					r.count === n.count && r.count > 1 && this.$emit("resize", new B({
 						left: r.centerMass.left - n.centerMass.left,
 						top: r.centerMass.top - n.centerMass.top
 					}, {
@@ -1628,7 +1628,7 @@ var At = {
 		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 = E(e.touches).filter((function(e) {
+				this.touches = T(e.touches).filter((function(e) {
 					return e.clientX > r && e.clientX < o && e.clientY > i && e.clientY < a;
 				})), this.oldGeometricProperties = kt(this.touches, t);
 			}
@@ -1639,7 +1639,7 @@ var At = {
 		onTouchMove: function(e) {
 			var t = this;
 			if (this.touches.length) {
-				var n = E(e.touches).filter((function(e) {
+				var n = T(e.touches).filter((function(e) {
 					return !e.identifier || t.touches.find((function(t) {
 						return t.identifier === e.identifier;
 					}));
@@ -1668,11 +1668,11 @@ var At = {
 		},
 		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 || we(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 || Ce(s) ? s : s > 0 ? 1 : -1), a = {
 					left: e.clientX - n,
 					top: e.clientY - r
 				};
-				this.$emit("resize", new z({}, {
+				this.$emit("resize", new B({}, {
 					factor: i,
 					center: a
 				})), this.touches.length || this.debouncedProcessEnd();
@@ -1747,7 +1747,7 @@ jt.render = function(e, t, n, r, o, c) {
 		"wheel-resize"
 	]);
 };
-var Mt = A("vue-preview"), Nt = {
+var Mt = j("vue-preview"), Nt = {
 	props: {
 		coordinates: { type: Object },
 		transitions: { type: Object },
@@ -1780,7 +1780,7 @@ var Mt = A("vue-preview"), Nt = {
 				root: Mt({ fill: this.fill }),
 				wrapper: Mt("wrapper"),
 				imageWrapper: Mt("image-wrapper"),
-				image: k(Mt("image"), this.imageClass)
+				image: A(Mt("image"), this.imageClass)
 			};
 		},
 		style: function() {
@@ -1895,7 +1895,7 @@ Pt.render = function(e, t, n, r, i, o) {
 	var c = s("preview");
 	return a(), b(c, ae(e.$attrs, { fill: !0 }), null, 16);
 };
-var Ft = A("vue-rectangle-stencil"), It = {
+var Ft = j("vue-rectangle-stencil"), It = {
 	name: "RectangleStencil",
 	components: {
 		StencilPreview: Pt,
@@ -1970,13 +1970,13 @@ var Ft = A("vue-rectangle-stencil"), It = {
 	computed: {
 		classes: function() {
 			return {
-				stencil: k(Ft({
+				stencil: A(Ft({
 					movable: this.movable,
 					moving: this.moving,
 					resizing: this.resizing
 				}), this.moving && this.movingClass, this.resizing && this.resizingClass),
-				preview: k(Ft("preview"), this.previewClass),
-				boundingBox: k(Ft("bounding-box"), this.boundingBoxClass)
+				preview: A(Ft("preview"), this.previewClass),
+				boundingBox: A(Ft("bounding-box"), this.boundingBoxClass)
 			};
 		},
 		style: function() {
@@ -2086,7 +2086,7 @@ It.render = function(e, t, n, r, i, o) {
 		"onResizeEnd"
 	])], 6);
 };
-var Lt = ["transitions"], $ = A("vue-advanced-cropper"), Rt = {
+var Lt = ["transitions"], $ = j("vue-advanced-cropper"), Rt = {
 	name: "Cropper",
 	components: { BackgroundWrapper: jt },
 	props: {
@@ -2152,7 +2152,7 @@ var Lt = ["transitions"], $ = A("vue-advanced-cropper"), Rt = {
 			type: String,
 			default: "fit-area",
 			validator: function(e) {
-				return Le.indexOf(e) !== -1;
+				return Ie.indexOf(e) !== -1;
 			}
 		},
 		roundResult: {
@@ -2195,15 +2195,15 @@ var Lt = ["transitions"], $ = A("vue-advanced-cropper"), Rt = {
 					bottom: !0,
 					top: !0
 				};
-				a.widthFrozen && (c.left = 0, c.right = 0), a.heightFrozen && (c.top = 0, c.bottom = 0), B.forEach((function(e) {
+				a.widthFrozen && (c.left = 0, c.right = 0), a.heightFrozen && (c.top = 0, c.bottom = 0), V.forEach((function(e) {
 					l[e] || (c[e] = 0);
 				}));
-				var u = W(o, c = dt({
+				var u = G(o, c = dt({
 					coordinates: o,
 					directions: c,
 					sizeRestrictions: a,
 					positionRestrictions: i
-				})).width, d = W(o, c).height, f = s.preserveRatio ? q(o) : He(u / d, r);
+				})).width, d = G(o, c).height, f = s.preserveRatio ? J(o) : He(u / d, r);
 				if (f) {
 					var p = s.respectDirection;
 					if (p ||= o.width >= o.height || f === 1 ? "width" : "height", p === "width") {
@@ -2228,10 +2228,10 @@ var Lt = ["transitions"], $ = A("vue-advanced-cropper"), Rt = {
 						compensate: s.compensate
 					});
 				}
-				return u = W(o, c).width, d = W(o, c).height, (f = s.preserveRatio ? q(o) : He(u / d, r)) && Math.abs(f - u / d) > .001 && B.forEach((function(e) {
+				return u = G(o, c).width, d = G(o, c).height, (f = s.preserveRatio ? J(o) : He(u / d, r)) && Math.abs(f - u / d) > .001 && V.forEach((function(e) {
 					l[e] || (c[e] = 0);
 				})), Qe({
-					event: new De({
+					event: new Ee({
 						left: -c.left,
 						top: -c.top
 					}),
@@ -2252,7 +2252,7 @@ var Lt = ["transitions"], $ = A("vue-advanced-cropper"), Rt = {
 		initStretcher: {
 			type: Function,
 			default: function(e) {
-				var t = e.stretcher, n = e.imageSize, r = q(n);
+				var t = e.stretcher, n = e.imageSize, r = J(n);
 				t.style.width = n.width + "px", t.style.height = t.clientWidth / r + "px", t.style.width = t.clientWidth + "px";
 			}
 		},
@@ -2270,19 +2270,19 @@ var Lt = ["transitions"], $ = A("vue-advanced-cropper"), Rt = {
 						minWidth: Math.min(t.width, i.minWidth)
 					}
 				}));
-				return o = Z(o = G(o, H(U(n), U(o))), Ye(V(t), a));
+				return o = Z(o = K(o, U(W(n), W(o))), Ye(H(t), a));
 			}
 		},
 		fitVisibleArea: {
 			type: Function,
 			default: function(e) {
 				var t = e.visibleArea, n = e.boundaries, r = e.getAreaRestrictions, i = e.coordinates, a = N({}, 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 = K(a, Math.max(i.height / a.height, i.width / a.width)));
-				var o = Ve(Y(i, V(a = K(a, Ge(a, r({
+				a.height = a.width / J(n), a.top += (t.height - a.height) / 2, (i.height - a.height > 0 || i.width - a.width > 0) && (a = q(a, Math.max(i.height / a.height, i.width / a.width)));
+				var o = Be(Ve(i, H(a = q(a, Ge(a, r({
 					visibleArea: a,
 					type: "resize"
 				}))))));
-				return a.width < i.width && (o.left = 0), a.height < i.height && (o.top = 0), a = Z(a = G(a, o), r({
+				return a.width < i.width && (o.left = 0), a.height < i.height && (o.top = 0), a = Z(a = K(a, o), r({
 					visibleArea: a,
 					type: "move"
 				}));
@@ -2297,7 +2297,7 @@ var Lt = ["transitions"], $ = A("vue-advanced-cropper"), Rt = {
 					top: 0,
 					right: r.width,
 					bottom: r.height
-				} : i === "fit-area" && (q(n) > q(r) ? (o = {
+				} : i === "fit-area" && (J(n) > J(r) ? (o = {
 					top: 0,
 					bottom: r.height
 				}, t && a === "move" && (t.width > r.width ? (o.left = -(t.width - r.width) / 2, o.right = r.width - o.left) : (o.left = 0, o.right = r.width))) : (o = {
@@ -2359,7 +2359,7 @@ var Lt = ["transitions"], $ = A("vue-advanced-cropper"), Rt = {
 				height: 0
 			},
 			visibleArea: null,
-			coordinates: C({}, Re)
+			coordinates: C({}, Le)
 		};
 	},
 	computed: {
@@ -2438,10 +2438,10 @@ var Lt = ["transitions"], $ = A("vue-advanced-cropper"), Rt = {
 			if (this.boundaries.width && this.boundaries.height && this.imageSize.width && this.imageSize.height) {
 				var e = this.sizeRestrictionsAlgorithm({
 					imageSize: this.imageSize,
-					minWidth: L(this.minWidth) ? 0 : Se(this.minWidth),
-					minHeight: L(this.minHeight) ? 0 : Se(this.minHeight),
-					maxWidth: L(this.maxWidth) ? 1 / 0 : Se(this.maxWidth),
-					maxHeight: L(this.maxHeight) ? 1 / 0 : Se(this.maxHeight)
+					minWidth: R(this.minWidth) ? 0 : z(this.minWidth),
+					minHeight: R(this.minHeight) ? 0 : z(this.minHeight),
+					maxWidth: R(this.maxWidth) ? 1 / 0 : z(this.maxWidth),
+					maxHeight: R(this.maxHeight) ? 1 / 0 : z(this.maxHeight)
 				});
 				if (e = function(e) {
 					var t = e.areaRestrictions, n = e.sizeRestrictions, r = e.boundaries, i = e.positionRestrictions, a = N(N({}, n), {
@@ -2490,14 +2490,14 @@ var Lt = ["transitions"], $ = A("vue-advanced-cropper"), Rt = {
 		classes: function() {
 			return {
 				cropper: $(),
-				image: k($("image"), this.imageClass),
+				image: A($("image"), this.imageClass),
 				stencil: $("stencil"),
-				boundaries: k($("boundaries"), this.boundariesClass),
-				stretcher: k($("stretcher")),
-				background: k($("background"), this.backgroundClass),
-				foreground: k($("foreground"), this.foregroundClass),
-				imageWrapper: k($("image-wrapper")),
-				cropperWrapper: k($("cropper-wrapper"))
+				boundaries: A($("boundaries"), this.boundariesClass),
+				stretcher: A($("stretcher")),
+				background: A($("background"), this.backgroundClass),
+				foreground: A($("foreground"), this.foregroundClass),
+				imageWrapper: A($("image-wrapper")),
+				cropperWrapper: A($("cropper-wrapper"))
 			};
 		},
 		stencilCoordinates: function() {
@@ -2583,7 +2583,7 @@ var Lt = ["transitions"], $ = A("vue-advanced-cropper"), Rt = {
 		}
 	},
 	created: function() {
-		this.debouncedUpdate = M(this.update, this.debounce), this.debouncedDisableTransitions = M(this.disableTransitions, this.transitionsOptions.time), this.awaiting = !1;
+		this.debouncedUpdate = ye(this.update, this.debounce), this.debouncedDisableTransitions = ye(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);
@@ -2619,7 +2619,7 @@ var Lt = ["transitions"], $ = A("vue-advanced-cropper"), Rt = {
 		},
 		zoom: function(e, t) {
 			var n = (arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}).transitions, r = n === void 0 || n;
-			this.onManipulateImage(new z({}, {
+			this.onManipulateImage(new B({}, {
 				factor: 1 / e,
 				center: t
 			}), {
@@ -2629,7 +2629,7 @@ var Lt = ["transitions"], $ = A("vue-advanced-cropper"), Rt = {
 		},
 		move: function(e, t) {
 			var n = (arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}).transitions, r = n === void 0 || n;
-			this.onManipulateImage(new z({
+			this.onManipulateImage(new B({
 				left: e || 0,
 				top: t || 0
 			}), {
@@ -2694,10 +2694,10 @@ var Lt = ["transitions"], $ = A("vue-advanced-cropper"), Rt = {
 				sizeRestrictions: this.sizeRestrictions,
 				stencilSize: this.getStencilSize()
 			});
-			return C(C({}, a), {}, { changed: !ze(a.visibleArea, t) || !ze(a.coordinates, n) });
+			return C(C({}, a), {}, { changed: !Re(a.visibleArea, t) || !Re(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 = T(t, Lt), 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 = ve(t, Lt), 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) {
@@ -2718,13 +2718,13 @@ var Lt = ["transitions"], $ = A("vue-advanced-cropper"), Rt = {
 				});
 				if (t.type === "resize") {
 					var i = N(N({}, t), { directions: N({}, t.directions) });
-					return B.forEach((function(e) {
+					return V.forEach((function(e) {
 						i.directions[e] *= r;
 					})), i;
 				}
 				if (t.type === "move") {
 					var a = N(N({}, t), { directions: N({}, t.directions) });
-					return Ie.forEach((function(e) {
+					return Fe.forEach((function(e) {
 						a.directions[e] *= r;
 					})), a;
 				}
@@ -2739,7 +2739,7 @@ var Lt = ["transitions"], $ = A("vue-advanced-cropper"), Rt = {
 						height: t.naturalHeight
 					}, o = We(a, r), s = e.getContext("2d");
 					e.height = o.height, e.width = o.width, s.save();
-					var c = X(U(N({
+					var c = X(W(N({
 						left: 0,
 						top: 0
 					}, a)), r);
@@ -2809,7 +2809,7 @@ var Lt = ["transitions"], $ = A("vue-advanced-cropper"), Rt = {
 				this.$refs.cropper, this.$refs.image;
 				var t = this.defaultSize;
 				t ||= this.stencilSize ? at : it, this.sizeRestrictions;
-				var n = I(t) ? t({
+				var n = L(t) ? t({
 					boundaries: this.boundaries,
 					imageSize: this.imageSize,
 					aspectRatio: this.getAspectRatio(),
@@ -2818,13 +2818,13 @@ var Lt = ["transitions"], $ = A("vue-advanced-cropper"), Rt = {
 					visibleArea: this.visibleArea
 				}) : t, r = this.defaultPosition || rt, i = [n, function(t) {
 					var n = t.coordinates;
-					return C({}, I(r) ? r({
+					return C({}, L(r) ? r({
 						coordinates: n,
 						imageSize: e.imageSize,
 						visibleArea: e.visibleArea
 					}) : e.defaultPosition);
 				}];
-				this.delayedTransforms && i.push.apply(i, E(Array.isArray(this.delayedTransforms) ? this.delayedTransforms : [this.delayedTransforms])), this.coordinates = this.applyTransform(i, !0), this.delayedTransforms = null;
+				this.delayedTransforms && i.push.apply(i, T(Array.isArray(this.delayedTransforms) ? this.delayedTransforms : [this.delayedTransforms])), this.coordinates = this.applyTransform(i, !0), this.delayedTransforms = null;
 			}
 		},
 		clearImage: function() {
@@ -2854,7 +2854,7 @@ var Lt = ["transitions"], $ = A("vue-advanced-cropper"), Rt = {
 					cropper: n,
 					imageSize: e.imageSize
 				};
-				if (e.boundaries = I(e.defaultBoundaries) ? e.defaultBoundaries(t) : e.defaultBoundaries === "fit" ? function(e) {
+				if (e.boundaries = L(e.defaultBoundaries) ? e.defaultBoundaries(t) : e.defaultBoundaries === "fit" ? 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,
@@ -2874,7 +2874,7 @@ var Lt = ["transitions"], $ = A("vue-advanced-cropper"), Rt = {
 			return this.appliedImageTransforms = C(C({}, this.defaultImageTransforms), {}, { flip: C({}, 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 || ot;
-				e.visibleArea = I(s) ? s({
+				e.visibleArea = L(s) ? s({
 					imageSize: e.imageSize,
 					boundaries: e.boundaries,
 					coordinates: e.priority === "visible-area" ? null : e.coordinates,
@@ -2884,7 +2884,7 @@ var Lt = ["transitions"], $ = A("vue-advanced-cropper"), Rt = {
 					visibleArea: e.visibleArea,
 					boundaries: e.boundaries,
 					getAreaRestrictions: e.getAreaRestrictions
-				}, n = t.visibleArea, r = t.boundaries, i = t.getAreaRestrictions, a = N({}, n), o = q(r), a.width / a.height !== o && (a.height = a.width / o), Z(a, i({
+				}, n = t.visibleArea, r = t.boundaries, i = t.getAreaRestrictions, a = N({}, n), o = J(r), a.width / a.height !== o && (a.height = a.width / o), Z(a, i({
 					visibleArea: a,
 					type: "move"
 				}))), e.priority === "visible-area" ? e.resetCoordinates() : e.coordinates = e.fitCoordinates({
@@ -2925,7 +2925,7 @@ var Lt = ["transitions"], $ = A("vue-advanced-cropper"), Rt = {
 			var e, t = this;
 			if (this.imageLoaded = !1, this.delayedTransforms = null, this.src) {
 				if (function(e) {
-					if (be(e)) return !1;
+					if (I(e)) return !1;
 					var t = window.location, n = /(\w+:)?(?:\/\/)([\w.-]+)?(?::(\d+))?\/?/.exec(e) || [], r = {
 						protocol: n[1] || "",
 						host: n[2] || "",
@@ -2935,7 +2935,7 @@ var Lt = ["transitions"], $ = A("vue-advanced-cropper"), Rt = {
 					};
 					return !(!r.protocol && !r.host && !r.port || r.protocol && r.protocol == t.protocol && r.host && r.host == t.host && r.host && i(r) == i(t));
 				}(this.src)) {
-					var n = L(this.crossOrigin) ? this.canvas : this.crossOrigin;
+					var n = R(this.crossOrigin) ? this.canvas : this.crossOrigin;
 					!0 === n && (n = "anonymous"), this.imageAttributes.crossOrigin = n || null;
 				}
 				if (this.checkOrientation) {
@@ -2978,13 +2978,13 @@ var Lt = ["transitions"], $ = A("vue-advanced-cropper"), Rt = {
 		},
 		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 ? F(n) || !be(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 ? F(n) || !I(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, this.appliedImageTransforms = I(this.defaultTransforms) ? Tt(this.defaultTransforms()) : R(this.defaultTransforms) ? Tt(this.defaultTransforms) : function(e) {
+			}(r) : this.imageAttributes.src = n, this.appliedImageTransforms = L(this.defaultTransforms) ? Tt(this.defaultTransforms()) : be(this.defaultTransforms) ? Tt(this.defaultTransforms) : function(e) {
 				var t = Tt({});
 				if (e) switch (e) {
 					case 2:
@@ -3080,9 +3080,9 @@ var Lt = ["transitions"], $ = A("vue-advanced-cropper"), Rt = {
 				var s = this.$refs.stencil.aspectRatios();
 				t = s.minimum, n = s.maximum;
 			}
-			if (L(t) && (t = L(i) ? a : i), L(n) && (n = L(i) ? o : i), !e && (L(t) || L(n))) {
-				var c = this.getStencilSize(), l = c ? q(c) : null;
-				L(t) && (t = Ce(l) ? l : void 0), L(n) && (n = Ce(l) ? l : void 0);
+			if (R(t) && (t = R(i) ? a : i), R(n) && (n = R(i) ? o : i), !e && (R(t) || R(n))) {
+				var c = this.getStencilSize(), l = c ? J(c) : null;
+				R(t) && (t = Se(l) ? l : void 0), R(n) && (n = Se(l) ? l : void 0);
 			}
 			return {
 				minimum: t,
@@ -3100,7 +3100,7 @@ var Lt = ["transitions"], $ = A("vue-advanced-cropper"), Rt = {
 				coefficient: this.coefficient,
 				coordinates: this.coordinates,
 				aspectRatio: this.getAspectRatio(!0)
-			}, t = e.boundaries, n = e.stencilSize, r = e.aspectRatio, He(q(i = I(n) ? n({
+			}, t = e.boundaries, n = e.stencilSize, r = e.aspectRatio, He(J(i = L(n) ? n({
 				boundaries: t,
 				aspectRatio: r
 			}) : n), r) && (i = Q({
@@ -3126,8 +3126,8 @@ var Lt = ["transitions"], $ = A("vue-advanced-cropper"), Rt = {
 				width: i.width,
 				height: i.height,
 				aspectRatio: {
-					minimum: q(i),
-					maximum: q(i)
+					minimum: J(i),
+					maximum: J(i)
 				}
 			})), i;
 			var e, t, n, r, i;
@@ -3145,7 +3145,7 @@ var Lt = ["transitions"], $ = A("vue-advanced-cropper"), Rt = {
 			};
 		},
 		defaultCoordinates: function() {
-			return C({}, Re);
+			return C({}, Le);
 		},
 		flip: function(e, t) {
 			var n = (arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}).transitions, r = n === void 0 || n;
@@ -3332,68 +3332,105 @@ var Vt = ["data-tpl-theme"], Ht = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ut
 	for: "tpl-media-alt",
 	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
 	style: { color: "var(--tpl-text-muted)" }
-}, vn = ["placeholder"], yn = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2 tpl:p-5 tpl:pt-4" }, bn = ["disabled"], xn = /*#__PURE__*/ le(/* @__PURE__ */ r({
+}, vn = ["placeholder"], yn = {
+	key: 0,
+	id: "tpl-media-edit-error",
+	role: "alert",
+	class: "tpl:shrink-0 tpl:px-5 tpl:pt-3 tpl:text-xs",
+	style: { color: "var(--tpl-danger)" }
+}, bn = { class: "tpl:flex tpl:shrink-0 tpl:justify-end tpl:gap-2 tpl:p-5 tpl:pt-4" }, xn = ["disabled"], Sn = ["disabled"], Cn = /*#__PURE__*/ le(/* @__PURE__ */ r({
 	__name: "MediaEditModal",
 	props: {
 		visible: { type: Boolean },
-		item: {}
+		item: {},
+		save: { type: Function },
+		canCrop: { type: Boolean }
 	},
-	emits: ["save", "close"],
+	emits: ["close"],
 	setup(r, { emit: i }) {
-		let s = r, f = i, { t: S } = de(), ae = d(se, null), le = d(oe, x(null)), _e = S.mediaLibrary, { isImageMimeType: C } = ce(), w = x(""), T = x(""), E = x(null), D = x("free"), ve = x(void 0), ye = x(void 0), O = x(""), k = x(""), A = x(void 0), j = x(null), M = x(!1), N = x(!1), P = x(!1), F = t(() => s.item ? [
+		let s = r, f = i, { t: S } = de(), ae = d(se, null), le = d(oe, x(null)), _e = S.mediaLibrary, { isImageMimeType: C } = ce(), w = x(""), ve = x(""), T = x(null), E = x("free"), D = x(void 0), O = x(void 0), k = x(""), A = x(""), j = x(void 0), M = x(null), ye = x(!1), N = x(!1), P = x(!1), F = x(null), I = null, L = [
 			"image/jpeg",
 			"image/png",
-			"image/webp",
-			"image/gif"
-		].includes(s.item.mimeType ?? "") : !1), be = t(() => D.value === "original" ? A.value : fe[D.value]), I = t(() => j.value ? ge(j.value.width, j.value.height, ve.value, ye.value) : null);
+			"image/webp"
+		], R = t(() => !s.item || !s.canCrop ? !1 : L.includes(s.item.mimeType ?? "")), be = t(() => D.value !== void 0 || O.value !== void 0), xe = t(() => E.value === "original" ? j.value : fe[E.value]), z = t(() => M.value ? ge(M.value.width, M.value.height, D.value, O.value) : null);
 		o(() => s.visible, (e) => {
-			e && s.item && (w.value = s.item.filename ?? "", T.value = s.item.alt ?? "", D.value = "free", ve.value = void 0, ye.value = void 0, O.value = "", k.value = "", A.value = void 0, j.value = null, M.value = !1, P.value = !1, s.item.width && s.item.height && (A.value = s.item.width / s.item.height));
+			e && s.item && (w.value = s.item.filename ?? "", ve.value = s.item.alt ?? "", E.value = "free", D.value = void 0, O.value = void 0, k.value = "", A.value = "", j.value = void 0, M.value = null, ye.value = !1, P.value = !1, F.value = null, I = null, s.item.width && s.item.height && (j.value = s.item.width / s.item.height));
 		}, { immediate: !0 });
-		function L(e) {
-			e.coordinates && (j.value = {
-				width: Math.round(e.coordinates.width),
-				height: Math.round(e.coordinates.height)
-			}, P.value = !0);
+		function Se(e) {
+			return {
+				left: Math.round(e.left),
+				top: Math.round(e.top),
+				width: Math.round(e.width),
+				height: Math.round(e.height)
+			};
 		}
-		function R() {
-			M.value = !0, !A.value && s.item?.width && s.item?.height && (A.value = s.item.width / s.item.height);
+		function Ce(e, t) {
+			return e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height;
 		}
-		function xe(e) {
+		function we(e) {
+			if (!e.coordinates) return;
+			let t = Se(e.coordinates);
+			if (M.value = {
+				width: t.width,
+				height: t.height
+			}, !I) {
+				I = t;
+				return;
+			}
+			P.value = !Ce(t, I);
+		}
+		function B({ imageSize: e }) {
+			return {
+				width: e.width,
+				height: e.height
+			};
+		}
+		function Te() {
+			ye.value = !0, !j.value && s.item?.width && s.item?.height && (j.value = s.item.width / s.item.height);
+		}
+		function Ee(e) {
 			let t = e.target.value;
-			O.value = t, ve.value = t && parseInt(t, 10) || void 0;
+			k.value = t, D.value = t && parseInt(t, 10) || void 0;
 		}
-		function Se(e) {
+		function De(e) {
 			let t = e.target.value;
-			k.value = t, ye.value = t && parseInt(t, 10) || void 0;
+			A.value = t, O.value = t && parseInt(t, 10) || void 0;
 		}
-		async function Ce() {
+		async function Oe() {
 			let e = w.value.trim();
 			if (!e || !s.item || N.value) return;
-			let t = C(s.item.mimeType ?? ""), n;
-			if (F.value && E.value && P.value) {
-				N.value = !0;
-				try {
-					let { canvas: e } = E.value.getResult();
-					if (e) {
-						let t = me(e, ve.value, ye.value), r = pe(s.item.mimeType ?? "");
-						n = { file: await he(t, s.item.filename ?? "image", r) };
-					}
-				} catch {
-					N.value = !1;
-					return;
-				}
-				N.value = !1;
+			let t = s.item, n = C(t.mimeType ?? ""), r;
+			if (N.value = !0, F.value = null, R.value && T.value && (P.value || be.value)) try {
+				let { canvas: e } = T.value.getResult();
+				if (!e) throw Error("The cropper returned no canvas");
+				let n = me(e, D.value, O.value);
+				(P.value || n !== e) && (r = { file: await he(n, t.filename ?? "image", pe(t.mimeType ?? "")) });
+			} catch {
+				F.value = "crop", N.value = !1;
+				return;
 			}
-			f("save", s.item.id, e, t ? T.value : void 0, n), f("close");
+			let i = await s.save(t.id, e, n ? ve.value : void 0, r);
+			if (N.value = !1, i === "saved") {
+				f("close");
+				return;
+			}
+			i === "replaced" && ke(), F.value = "save";
+		}
+		function ke() {
+			let e = T.value?.getResult().coordinates;
+			e && (I = Se(e)), P.value = !1, D.value = void 0, O.value = void 0, k.value = "", A.value = "";
 		}
-		let we = x(null), Te = t(() => s.visible && s.item !== null);
-		ue(we, Te);
-		function z(e) {
+		function Ae() {
+			N.value || f("close");
+		}
+		let je = x(null), Me = t(() => s.visible && s.item !== null);
+		ue(je, Me);
+		function V(e) {
 			if (e.stopPropagation(), e.key === "Enter" && !N.value) {
 				if (e.target?.closest("textarea, [contenteditable]")) return;
-				e.preventDefault(), Ce();
+				e.preventDefault(), Oe();
 			}
-			e.key === "Escape" && f("close");
+			e.key === "Escape" && Ae();
 		}
 		return (t, i) => (a(), b(n, { to: _(le) || "body" }, [l(ie, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
@@ -3408,28 +3445,29 @@ var Vt = ["data-tpl-theme"], Ht = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ut
 				"data-tpl-theme": _(ae),
 				class: ee([_(le) ? void 0 : "tpl", "tpl:fixed tpl:inset-0 tpl:z-10 tpl:flex tpl:items-center tpl:justify-center tpl:p-4"]),
 				style: { "background-color": "var(--tpl-overlay)" },
-				onClick: i[3] ||= ne((e) => f("close"), ["self"]),
-				onKeydown: z
+				onClick: ne(Ae, ["self"]),
+				onKeydown: V
 			}, [u("div", {
 				ref_key: "dialogRef",
-				ref: we,
+				ref: je,
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-labelledby": "tpl-media-edit-title",
-				class: ee(["tpl:flex tpl:max-h-[90%] tpl:w-full tpl:flex-col tpl:overflow-hidden tpl:rounded-lg tpl:shadow-xl", F.value ? "tpl:max-w-2xl" : "tpl:max-w-sm"]),
+				class: ee(["tpl:flex tpl:max-h-[90%] tpl:w-full tpl:flex-col tpl:overflow-hidden tpl:rounded-lg tpl:shadow-xl", R.value ? "tpl:max-w-2xl" : "tpl:max-w-sm"]),
 				style: { "background-color": "var(--tpl-bg-elevated)" }
 			}, [
 				u("div", Ht, [u("h3", Ut, v(_(S).mediaLibrary.editFile), 1)]),
 				u("div", Wt, [
-					F.value ? (a(), y("div", Gt, [u("div", Kt, [l(_(Rt), {
+					R.value ? (a(), y("div", Gt, [u("div", Kt, [l(_(Rt), {
 						ref_key: "cropperRef",
-						ref: E,
+						ref: T,
 						src: r.item.url,
-						"stencil-props": { aspectRatio: be.value },
+						"stencil-props": { aspectRatio: xe.value },
 						class: "tpl:h-full tpl:w-full",
 						"background-class": "tpl-cropper-background",
-						onChange: L,
-						onReady: R
+						"default-size": B,
+						onChange: we,
+						onReady: Te
 					}, null, 8, ["src", "stencil-props"])]), u("div", qt, [
 						u("div", null, [u("label", Jt, v(_(S).mediaLibrary.cropAspectRatio), 1), u("div", Yt, [(a(), y(p, null, m([
 							"free",
@@ -3442,14 +3480,14 @@ var Vt = ["data-tpl-theme"], Ht = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ut
 							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: te({
-								borderColor: D.value === e ? "var(--tpl-primary)" : "var(--tpl-border)",
-								backgroundColor: D.value === e ? "var(--tpl-primary-light)" : "var(--tpl-bg)",
-								color: D.value === e ? "var(--tpl-primary)" : "var(--tpl-text)"
+								borderColor: E.value === e ? "var(--tpl-primary)" : "var(--tpl-border)",
+								backgroundColor: E.value === e ? "var(--tpl-primary-light)" : "var(--tpl-bg)",
+								color: E.value === e ? "var(--tpl-primary)" : "var(--tpl-text)"
 							}),
-							onClick: (t) => D.value = e
+							onClick: (t) => E.value = e
 						}, v(_(_e)[`crop${e.charAt(0).toUpperCase()}${e.slice(1)}`]), 13, Xt)), 64))])]),
 						u("div", Zt, [u("div", Qt, [u("label", $t, [c(v(_(S).mediaLibrary.cropMaxWidth) + " ", 1), u("span", en, v(_(S).mediaLibrary.cropOptional), 1)]), u("div", tn, [u("input", {
-							value: O.value,
+							value: k.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",
@@ -3458,10 +3496,10 @@ var Vt = ["data-tpl-theme"], Ht = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ut
 								"background-color": "var(--tpl-bg)",
 								color: "var(--tpl-text)"
 							},
-							placeholder: j.value?.width?.toString() || "",
-							onInput: xe
+							placeholder: M.value?.width?.toString() || "",
+							onInput: Ee
 						}, null, 40, nn), u("span", rn, v(_(S).mediaLibrary.cropPixels), 1)])]), u("div", an, [u("label", on, [c(v(_(S).mediaLibrary.cropMaxHeight) + " ", 1), u("span", sn, v(_(S).mediaLibrary.cropOptional), 1)]), u("div", cn, [u("input", {
-							value: k.value,
+							value: A.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",
@@ -3470,10 +3508,10 @@ var Vt = ["data-tpl-theme"], Ht = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ut
 								"background-color": "var(--tpl-bg)",
 								color: "var(--tpl-text)"
 							},
-							placeholder: j.value?.height?.toString() || "",
-							onInput: Se
+							placeholder: M.value?.height?.toString() || "",
+							onInput: De
 						}, null, 40, ln), u("span", un, v(_(S).mediaLibrary.cropPixels), 1)])])]),
-						I.value ? (a(), y("div", dn, [u("span", null, v(_(S).mediaLibrary.cropOutputSize) + ": ", 1), u("span", fn, v(I.value.width) + " x " + v(I.value.height) + " " + v(_(S).mediaLibrary.cropPixels), 1)])) : e("", !0)
+						z.value ? (a(), y("div", dn, [u("span", null, v(_(S).mediaLibrary.cropOutputSize) + ": ", 1), u("span", fn, v(z.value.width) + " x " + v(z.value.height) + " " + v(_(S).mediaLibrary.cropPixels), 1)])) : e("", !0)
 					])])) : e("", !0),
 					u("div", pn, [u("label", mn, v(_(S).mediaLibrary.fileName), 1), g(u("input", {
 						id: "tpl-media-filename",
@@ -3485,11 +3523,11 @@ var Vt = ["data-tpl-theme"], Ht = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ut
 							"background-color": "var(--tpl-bg)",
 							color: "var(--tpl-text)"
 						},
-						autofocus: !F.value
+						autofocus: !R.value
 					}, null, 8, hn), [[re, w.value]])]),
 					_(C)(r.item.mimeType ?? "") ? (a(), y("div", gn, [u("label", _n, v(_(S).mediaLibrary.altText), 1), g(u("input", {
 						id: "tpl-media-alt",
-						"onUpdate:modelValue": i[1] ||= (e) => T.value = e,
+						"onUpdate:modelValue": i[1] ||= (e) => ve.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: {
@@ -3498,31 +3536,33 @@ var Vt = ["data-tpl-theme"], Ht = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ut
 							color: "var(--tpl-text)"
 						},
 						placeholder: _(S).mediaLibrary.altTextPlaceholder
-					}, null, 8, vn), [[re, T.value]])])) : e("", !0)
+					}, null, 8, vn), [[re, ve.value]])])) : e("", !0)
 				]),
-				u("div", yn, [u("button", {
+				F.value ? (a(), y("p", yn, v(F.value === "crop" ? _(S).mediaLibrary.editCropError : _(S).mediaLibrary.editSaveError), 1)) : e("", !0),
+				u("div", bn, [u("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: i[2] ||= (e) => f("close")
-				}, v(_(S).mediaLibrary.cancel), 1), u("button", {
+					disabled: N.value,
+					onClick: Ae
+				}, v(_(S).mediaLibrary.cancel), 9, xn), u("button", {
 					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-primary-hover)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
 					style: {
 						"background-color": "var(--tpl-primary)",
 						color: "var(--tpl-on-primary)"
 					},
 					disabled: N.value,
-					onClick: Ce
-				}, v(N.value ? _(S).mediaLibrary.saving : _(S).mediaLibrary.saveChanges), 9, bn)])
+					onClick: Oe
+				}, v(N.value ? _(S).mediaLibrary.saving : _(S).mediaLibrary.saveChanges), 9, Sn)])
 			], 2)], 42, Vt)) : e("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), [["__scopeId", "data-v-2749923d"]]);
+}), [["__scopeId", "data-v-defcfd87"]]);
 //#endregion
-export { xn as default };
+export { Cn as default };
 
-//# sourceMappingURL=MediaEditModal-984aDCxg.js.map
+//# sourceMappingURL=MediaEditModal-BNZEUoer.js.map