@nxgt/material-vue 0.23.0 → 0.23.1

package/dist/{image-cropper-canvas-DZGLMjV6.js → image-cropper-canvas-HzYWblQm.js}

@@ -1,6 +1,6 @@
-import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createVNode as i, defineComponent as a, mergeProps as o, openBlock as s, ref as c, renderList as l, renderSlot as u, resolveComponent as d, resolveDynamicComponent as f, unref as p, vShow as m, watch as h, withCtx as g, withDirectives as _, withModifiers as v } from "vue";
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createVNode as i, defineComponent as a, mergeProps as o, onBeforeUnmount as s, openBlock as c, ref as l, renderList as u, renderSlot as d, resolveComponent as f, resolveDynamicComponent as p, unref as m, vShow as h, watch as g, withCtx as _, withDirectives as v, withModifiers as y } from "vue";
 //#region ../../node_modules/vue-advanced-cropper/dist/index.esm-bundler.js
-function y(e, t) {
+function ee(e, t) {
 	var n = Object.keys(e);
 	if (Object.getOwnPropertySymbols) {
 		var r = Object.getOwnPropertySymbols(e);
@@ -13,9 +13,9 @@ function y(e, t) {
 function b(e) {
 	for (var t = 1; t < arguments.length; t++) {
 		var n = arguments[t] == null ? {} : arguments[t];
-		t % 2 ? y(Object(n), !0).forEach((function(t) {
+		t % 2 ? ee(Object(n), !0).forEach((function(t) {
 			x(e, t, n[t]);
-		})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : y(Object(n)).forEach((function(t) {
+		})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : ee(Object(n)).forEach((function(t) {
 			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
 		}));
 	}
@@ -29,7 +29,7 @@ function x(e, t, n) {
 		writable: !0
 	}) : e[t] = n, e;
 }
-function ee(e, t) {
+function te(e, t) {
 	if (e == null) return {};
 	var n, r, i = function(e, t) {
 		if (e == null) return {};
@@ -45,26 +45,26 @@ function ee(e, t) {
 }
 function S(e) {
 	return function(e) {
-		if (Array.isArray(e)) return te(e);
+		if (Array.isArray(e)) return ne(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 te(e, t);
+			if (typeof e == "string") return ne(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 te(e, t);
+			if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return ne(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 te(e, t) {
+function ne(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 ne, re, C, w = (ne = function(e) {
+var re, ie, C, w = (re = function(e) {
 	(function() {
 		var t = {}.hasOwnProperty;
 		function n() {
@@ -86,8 +86,8 @@ var ne, re, C, w = (ne = function(e) {
 		}
 		e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
 	})();
-}, ne(C = {
-	path: re,
+}, re(C = {
+	path: ie,
 	exports: {},
 	require: function(e, t) {
 		return function() {
@@ -106,7 +106,7 @@ var ne, re, C, w = (ne = function(e) {
 		}), "") : "");
 	};
 };
-function ie(e, t, n) {
+function ae(e, t, n) {
 	var r, i, a, o, s;
 	function c() {
 		var l = Date.now() - o;
@@ -124,25 +124,25 @@ function ie(e, t, n) {
 		r &&= (s = e.apply(a, i), a = i = null, clearTimeout(r), null);
 	}, l;
 }
-ie.debounce = ie;
-var ae = ie, E = function() {
+ae.debounce = ae;
+var oe = ae, E = function() {
 	return E = 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;
 	}, E.apply(this, arguments);
 };
-function oe(e, t) {
+function se(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 se(e) {
+function ce(e) {
 	return /^blob:/.test(e);
 }
-function ce(e) {
-	return se(e) || function(e) {
+function le(e) {
+	return ce(e) || function(e) {
 		return /^data:/.test(e);
 	}(e);
 }
@@ -155,34 +155,34 @@ function O(e) {
 function k(e) {
 	return typeof e == "object" && !!e;
 }
-function le(e, t, n) {
+function ue(e, t, n) {
 	var r = {};
 	return k(e) ? (Object.keys(t).forEach((function(i) {
-		O(e[i]) ? r[i] = t[i] : k(t[i]) ? k(e[i]) ? r[i] = le(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];
+		O(e[i]) ? r[i] = t[i] : k(t[i]) ? k(e[i]) ? r[i] = ue(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 A(e) {
+function de(e) {
 	var t = Number(e);
 	return Number.isNaN(t) ? e : t;
 }
-function ue(e) {
+function fe(e) {
 	return typeof (e == "number" || function(e) {
 		return typeof e == "object" && !!e;
-	}(e) && toString.call(e) == "[object Number]") && !de(e);
+	}(e) && toString.call(e) == "[object Number]") && !pe(e);
 }
-function de(e) {
+function pe(e) {
 	return e != e;
 }
-function fe(e, t) {
+function me(e, t) {
 	return Math.sqrt((e.x - t.x) ** 2 + (e.y - t.y) ** 2);
 }
-var j = function(e, t) {
+var A = function(e, t) {
 	e === void 0 && (e = {}), t === void 0 && (t = {}), this.type = "manipulateImage", this.move = e, this.scale = t;
-}, pe = function(e, t) {
+}, he = function(e, t) {
 	t === void 0 && (t = {}), this.type = "resize", this.directions = e, this.params = t;
-}, me = function(e) {
+}, ge = function(e) {
 	this.type = "move", this.directions = e;
-}, he = function() {
+}, _e = 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;
 	}
@@ -200,7 +200,7 @@ var j = function(e, t) {
 			top: 0
 		};
 	}, e;
-}(), ge = {
+}(), ve = {
 	name: "DraggableElement",
 	props: { classname: { type: String } },
 	beforeMount: function() {
@@ -271,7 +271,7 @@ var j = function(e, t) {
 			if (this.touches.length) {
 				if (this.touches.length === 1 && n.length === 1) {
 					var r = this.$refs.draggable;
-					this.$emit("drag", new he(e, r, {
+					this.$emit("drag", new _e(e, r, {
 						left: n[0].clientX,
 						top: n[0].clientY
 					}, {
@@ -293,8 +293,8 @@ var j = function(e, t) {
 		"enter"
 	]
 };
-ge.render = function(e, t, r, i, a, o) {
-	return s(), n("div", {
+ve.render = function(e, t, r, i, a, o) {
+	return c(), n("div", {
 		ref: "draggable",
 		class: r.classname,
 		onTouchstart: t[1] ||= function() {
@@ -309,11 +309,11 @@ ge.render = function(e, t, r, i, a, o) {
 		onMouseleave: t[4] ||= function() {
 			return o.onMouseLeave && o.onMouseLeave.apply(o, arguments);
 		}
-	}, [u(e.$slots, "default")], 34);
+	}, [d(e.$slots, "default")], 34);
 };
-var _e = T("vue-handler-wrapper"), ve = {
+var ye = T("vue-handler-wrapper"), be = {
 	name: "HandlerWrapper",
-	components: { DraggableElement: ge },
+	components: { DraggableElement: ve },
 	props: {
 		horizontalPosition: { type: String },
 		verticalPosition: { type: String },
@@ -325,12 +325,12 @@ var _e = T("vue-handler-wrapper"), ve = {
 	computed: { classes: function() {
 		var e;
 		if (this.horizontalPosition || this.verticalPosition) {
-			var t, n = oe(this.horizontalPosition, this.verticalPosition);
-			e = _e((x(t = {}, n.classname, !0), x(t, "disabled", this.disabled), t));
-		} else e = _e({ disabled: this.disabled });
+			var t, n = se(this.horizontalPosition, this.verticalPosition);
+			e = ye((x(t = {}, n.classname, !0), x(t, "disabled", this.disabled), t));
+		} else e = ye({ disabled: this.disabled });
 		return {
 			root: e,
-			draggable: _e("draggable")
+			draggable: ye("draggable")
 		};
 	} },
 	emits: [
@@ -340,10 +340,10 @@ var _e = T("vue-handler-wrapper"), ve = {
 		"drag-end"
 	]
 };
-ve.render = function(e, t, r, a, o, c) {
-	var l = d("DraggableElement");
-	return s(), n("div", { class: c.classes.root }, [i(l, {
-		class: c.classes.draggable,
+be.render = function(e, t, r, a, o, s) {
+	var l = f("DraggableElement");
+	return c(), n("div", { class: s.classes.root }, [i(l, {
+		class: s.classes.draggable,
 		onDrag: t[1] ||= function(t) {
 			return e.$emit("drag", t);
 		},
@@ -357,15 +357,15 @@ ve.render = function(e, t, r, a, o, c) {
 			return e.$emit("enter");
 		}
 	}, {
-		default: g((function() {
-			return [u(e.$slots, "default")];
+		default: _((function() {
+			return [d(e.$slots, "default")];
 		})),
 		_: 3
 	}, 8, ["class"])], 2);
 };
-var ye = T("vue-line-wrapper"), be = {
+var xe = T("vue-line-wrapper"), Se = {
 	name: "LineWrapper",
-	components: { DraggableElement: ge },
+	components: { DraggableElement: ve },
 	props: {
 		position: {
 			type: String,
@@ -378,7 +378,7 @@ var ye = T("vue-line-wrapper"), be = {
 	},
 	computed: { classname: function() {
 		var e;
-		return ye((x(e = {}, this.position, !0), x(e, "disabled", this.disabled), e));
+		return xe((x(e = {}, this.position, !0), x(e, "disabled", this.disabled), e));
 	} },
 	emits: [
 		"leave",
@@ -387,9 +387,9 @@ var ye = T("vue-line-wrapper"), be = {
 		"drag-end"
 	]
 };
-be.render = function(e, t, r, i, a, o) {
-	var c = d("DraggableElement");
-	return s(), n(c, {
+Se.render = function(e, t, r, i, a, o) {
+	var s = f("DraggableElement");
+	return c(), n(s, {
 		class: o.classname,
 		onDrag: t[1] ||= function(t) {
 			return e.$emit("drag", t);
@@ -404,29 +404,29 @@ be.render = function(e, t, r, i, a, o) {
 			return e.$emit("enter");
 		}
 	}, {
-		default: g((function() {
-			return [u(e.$slots, "default")];
+		default: _((function() {
+			return [d(e.$slots, "default")];
 		})),
 		_: 3
 	}, 8, ["class"]);
 };
-var M = [
+var j = [
 	"left",
 	"right",
 	"top",
 	"bottom"
-], xe = ["left", "right"], Se = ["top", "bottom"], Ce = ["left", "top"], we = [
+], Ce = ["left", "right"], we = ["top", "bottom"], Te = ["left", "top"], Ee = [
 	"fill-area",
 	"fit-area",
 	"stencil",
 	"none"
-], Te = {
+], De = {
 	left: 0,
 	top: 0,
 	width: 0,
 	height: 0
 };
-function Ee(e, t, n) {
+function Oe(e, t, n) {
 	return !(n ||= [
 		"width",
 		"height",
@@ -436,7 +436,7 @@ function Ee(e, t, n) {
 		return e[n] !== t[n];
 	}));
 }
-function N(e) {
+function M(e) {
 	return {
 		left: e.left,
 		top: e.top,
@@ -444,31 +444,31 @@ function N(e) {
 		bottom: e.top + e.height
 	};
 }
-function P(e, t) {
+function N(e, t) {
 	return {
 		left: e.left - t.left,
 		top: e.top - t.top
 	};
 }
-function F(e) {
+function P(e) {
 	return {
 		left: e.left + e.width / 2,
 		top: e.top + e.height / 2
 	};
 }
-function I(e, t) {
+function F(e, t) {
 	var n = {
 		left: 0,
 		top: 0,
 		right: 0,
 		bottom: 0
 	};
-	return M.forEach((function(r) {
-		var i = t[r], a = N(e)[r];
+	return j.forEach((function(r) {
+		var i = t[r], a = M(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 L(e, t) {
+function I(e, t) {
 	return {
 		left: e.left - t.left,
 		top: e.top - t.top,
@@ -476,22 +476,22 @@ function L(e, t) {
 		height: e.height + t.top + t.bottom
 	};
 }
-function R(e) {
+function L(e) {
 	return {
 		left: -e.left,
 		top: -e.top
 	};
 }
-function z(e, t) {
+function R(e, t) {
 	return E(E({}, e), {
 		left: e.left + t.left,
 		top: e.top + t.top
 	});
 }
-function B(e, t, n, r) {
+function z(e, t, n, r) {
 	if (t !== 1) {
 		if (n) {
-			var i = F(e);
+			var i = P(e);
 			return {
 				width: e.width * t,
 				height: e.height * t,
@@ -508,25 +508,25 @@ function B(e, t, n, r) {
 	}
 	return e;
 }
-function V(e) {
+function B(e) {
 	return e.width / e.height;
 }
-function H(e, t) {
+function V(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 U(e, t) {
+function H(e, t) {
 	var n = {
 		left: 0,
 		top: 0
-	}, r = I(e, t);
+	}, r = F(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 De(e, t) {
+function ke(e, t) {
 	var n;
 	return t.minimum && e < t.minimum ? n = t.minimum : t.maximum && e > t.maximum && (n = t.maximum), n;
 }
-function Oe(e, t) {
-	var n = V(e), r = V(t);
+function Ae(e, t) {
+	var n = B(e), r = B(t);
 	return t.width < Infinity && t.height < Infinity ? n > r ? {
 		width: t.width,
 		height: t.width / n
@@ -541,36 +541,36 @@ function Oe(e, t) {
 		height: t.height
 	} : e;
 }
-function ke(e, t) {
+function je(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 W(e, t) {
+function U(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 G(e, t) {
-	var n = I(K(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, H(e, t)) : Math.min((e.height + n.top + n.bottom) / e.height, H(e, t)) : 1;
+function W(e, t) {
+	var n = F(G(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, V(e, t)) : Math.min((e.height + n.top + n.bottom) / e.height, V(e, t)) : 1;
 }
-function K(e, t, n) {
+function G(e, t, n) {
 	n === void 0 && (n = !1);
-	var r = U(e, t);
-	return z(e, n ? R(r) : r);
+	var r = H(e, t);
+	return R(e, n ? L(r) : r);
 }
-function Ae(e) {
+function Me(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 je(e, t) {
+function Ne(e, t) {
 	return E(E({}, e), {
 		minWidth: Math.min(t.width, e.minWidth),
 		minHeight: Math.min(t.height, e.minHeight),
@@ -578,25 +578,25 @@ function je(e, t) {
 		maxHeight: Math.min(t.height, e.maxHeight)
 	});
 }
-function Me(e, t, n) {
+function Pe(e, t, n) {
 	n === void 0 && (n = !0);
 	var r = {};
-	return M.forEach((function(i) {
+	return j.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;
 }
-function q(e, t) {
-	return Me(e, t, !0);
+function K(e, t) {
+	return Pe(e, t, !0);
 }
-function Ne(e) {
+function Fe(e) {
 	var t = e.size, n = e.aspectRatio, r = e.ignoreMinimum, i = e.sizeRestrictions;
-	return !!((t.correctRatio || V(t) >= n.minimum && V(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 || B(t) >= n.minimum && B(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 Pe(e, t) {
+function Ie(e, t) {
 	return (e.width - t.width) ** 2 + (e.height - t.height) ** 2;
 }
-function J(e) {
+function q(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
@@ -606,15 +606,15 @@ function J(e) {
 	};
 	function o(e, a) {
 		return a === void 0 && (a = !1), e.reduce((function(e, o) {
-			return Ne({
+			return Fe({
 				size: o,
 				aspectRatio: i,
 				sizeRestrictions: r,
 				ignoreMinimum: a
-			}) && (!e || Pe(o, {
+			}) && (!e || Ie(o, {
 				width: t,
 				height: n
-			}) < Pe(e, {
+			}) < Ie(e, {
 				width: t,
 				height: n
 			})) ? o : e;
@@ -631,7 +631,7 @@ function J(e) {
 			height: a.height,
 			correctRatio: !0
 		});
-	})), Ne({
+	})), Fe({
 		size: a,
 		aspectRatio: i,
 		sizeRestrictions: r
@@ -642,16 +642,16 @@ function J(e) {
 		height: c.height
 	};
 }
-function Fe(e) {
-	var t = e.event, n = e.coordinates, r = e.positionRestrictions, i = r === void 0 ? {} : r, a = z(n, t.directions);
-	return z(a, U(a, i));
+function Le(e) {
+	var t = e.event, n = e.coordinates, r = e.positionRestrictions, i = r === void 0 ? {} : r, a = R(n, t.directions);
+	return R(a, H(a, i));
 }
-function Ie(e) {
+function Re(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 Fe({
+		return Le({
 			coordinates: e,
 			positionRestrictions: a,
-			event: new me({
+			event: new ge({
 				left: t.left - e.left,
 				top: t.top - e.top
 			})
@@ -664,7 +664,7 @@ function Ie(e) {
 			imageSize: r,
 			visibleArea: s
 		}) : e).width) && O(t.height) || (l = function(e, t) {
-			return c(E(E(E({}, e), J({
+			return c(E(E(E({}, e), q({
 				width: t.width,
 				height: t.height,
 				sizeRestrictions: i,
@@ -679,35 +679,35 @@ function Ie(e) {
 		}(l, E(E({}, l), t))), O(t.left) && O(t.top) || (l = c(l, E(E({}, l), t)));
 	})), l;
 }
-function Le(e) {
+function ze(e) {
 	e.event;
 	var t = e.getAreaRestrictions, n = e.boundaries, r = e.coordinates, i = e.visibleArea;
 	e.aspectRatio;
 	var a = e.stencilSize, o = e.sizeRestrictions, s = e.positionRestrictions;
 	e.stencilReference;
 	var c, l, u, d = E({}, r), f = E({}, i), p = E({}, a);
-	c = V(p), l = V(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 = E(E({}, d), J({
+	c = B(p), l = B(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 = E(E({}, d), q({
 		sizeRestrictions: o,
 		width: d.width,
 		height: d.height,
 		aspectRatio: {
-			minimum: V(p),
-			maximum: V(p)
+			minimum: B(p),
+			maximum: B(p)
 		}
 	})));
-	var m = G(f = B(f, d.width * n.width / (f.width * p.width)), t({
+	var m = W(f = z(f, d.width * n.width / (f.width * p.width)), t({
 		visibleArea: f,
 		type: "resize"
 	}));
-	return m !== 1 && (f = B(f, m), d = B(d, m)), f = K(f = z(f, P(F(d), F(f))), t({
+	return m !== 1 && (f = z(f, m), d = z(d, m)), f = G(f = R(f, N(P(d), P(f))), t({
 		visibleArea: f,
 		type: "move"
 	})), {
-		coordinates: d = K(d, q(N(f), s)),
+		coordinates: d = G(d, K(M(f), s)),
 		visibleArea: f
 	};
 }
-function Re(e) {
+function Be(e) {
 	var t = e.event, n = e.getAreaRestrictions, r = e.boundaries, i = e.coordinates, a = e.visibleArea;
 	e.aspectRatio, e.stencilSize, e.sizeRestrictions;
 	var o = e.positionRestrictions;
@@ -718,32 +718,32 @@ function Re(e) {
 			width: 0,
 			height: 0
 		};
-		c.width, r.width, V(r) > V(s) ? (l.height = .8 * r.height, l.width = l.height * V(s)) : (l.width = .8 * r.width, l.height = l.width * V(s));
-		var u = G(c = B(c, s.width * r.width / (c.width * l.width)), n({
+		c.width, r.width, B(r) > B(s) ? (l.height = .8 * r.height, l.width = l.height * B(s)) : (l.width = .8 * r.width, l.height = l.width * B(s));
+		var u = W(c = z(c, s.width * r.width / (c.width * l.width)), n({
 			visibleArea: c,
 			type: "resize"
 		}));
-		c = B(c, u), u !== 1 && (l.height /= u, l.width /= u), c = K(c = z(c, P(F(s), F(c))), n({
+		c = z(c, u), u !== 1 && (l.height /= u, l.width /= u), c = G(c = R(c, N(P(s), P(c))), n({
 			visibleArea: c,
 			type: "move"
-		})), s = K(s, q(N(c), o));
+		})), s = G(s, K(M(c), o));
 	}
 	return {
 		coordinates: s,
 		visibleArea: c
 	};
 }
-function ze(e) {
+function Ve(e) {
 	var t = e.event, n = e.coordinates, r = e.visibleArea, i = e.getAreaRestrictions, a = E({}, r), o = E({}, 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 = B(a, Math.min(o.width / a.width, H(a, i({
+		s > c ? a = z(a, Math.min(o.width / a.width, V(a, i({
 			visibleArea: a,
 			type: "resize"
-		})))) : c > s && (a = B(a, Math.min(o.height / a.height, H(a, i({
+		})))) : c > s && (a = z(a, Math.min(o.height / a.height, V(a, i({
 			visibleArea: a,
 			type: "resize"
-		}))))), a = K(a = z(a, R(U(o, N(a)))), i({
+		}))))), a = G(a = R(a, L(H(o, M(a)))), i({
 			visibleArea: a,
 			type: "move"
 		}));
@@ -753,56 +753,56 @@ function ze(e) {
 		coordinates: o
 	};
 }
-function Be(e) {
+function He(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 Ve(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, V(a))), s = a.width < a.height ? {
+function Ue(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, B(a))), s = a.width < a.height ? {
 		width: .8 * a.width,
 		height: .8 * a.width / o
 	} : {
 		height: .8 * a.height,
 		width: .8 * a.height * o
 	};
-	return J(E(E({}, s), {
+	return q(E(E({}, s), {
 		aspectRatio: r,
 		sizeRestrictions: i
 	}));
 }
-function He(e) {
+function We(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 V(l) > V(a) ? n = (t = c.height * l.height / a.height) * V(c) : t = (n = c.width * l.width / a.width) / V(c), J({
+	return B(l) > B(a) ? n = (t = c.height * l.height / a.height) * B(c) : t = (n = c.width * l.width / a.width) / B(c), q({
 		width: n,
 		height: t,
 		aspectRatio: o,
 		sizeRestrictions: s
 	});
 }
-function Ue(e) {
-	var t = e.getAreaRestrictions, n = e.coordinates, r = e.imageSize, i = V(e.boundaries);
+function Ge(e) {
+	var t = e.getAreaRestrictions, n = e.coordinates, r = e.imageSize, i = B(e.boundaries);
 	if (n) {
 		var a = {
 			height: Math.max(n.height, r.height),
 			width: Math.max(n.width, r.width)
-		}, o = Oe({
-			width: V(a) > i ? a.width : a.height * i,
-			height: V(a) > i ? a.width / i : a.height
-		}, Ae(t())), s = {
+		}, o = Ae({
+			width: B(a) > i ? a.width : a.height * i,
+			height: B(a) > i ? a.width / i : a.height
+		}, Me(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 = I(n, N(E({
+		}, c = F(n, M(E({
 			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), K(s, 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), G(s, l);
 	}
-	var u = V(r);
+	var u = B(r);
 	return o = {
 		height: u > i ? r.height : r.width / i,
 		width: u > i ? r.height * i : r.width
@@ -813,28 +813,28 @@ function Ue(e) {
 		height: o.height
 	};
 }
-function Y(e, t) {
-	return Me(e, N(t));
+function J(e, t) {
+	return Pe(e, M(t));
 }
-function We(e) {
+function Ke(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 = E({}, r), d = E({}, n), f = 1, p = 1, m = c.factor && Math.abs(c.factor - 1) > .001;
-	u = z(u, {
+	u = R(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 : Infinity, i.maxHeight ? i.maxHeight / d.height : Infinity, H(d, o))
+			maximum: Math.min(i.maxWidth ? i.maxWidth / d.width : Infinity, i.maxHeight ? i.maxHeight / d.height : Infinity, V(d, o))
 		},
-		area: { maximum: H(u, a({
+		area: { maximum: V(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 = B(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 = 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 = K(u = z(u, U(u, {
+	return u = G(u = R(u, H(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,
@@ -842,51 +842,51 @@ function We(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 = K(d, q(N(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 = z(u = K(u = B(u, f, c.factor > 1 ? c.center : F(d)), a({
+	})), d.width *= p, d.height *= p, d.left = u.left + g * p, d.top = u.top + v * p, d = G(d, K(M(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 = R(u = G(u = z(u, f, c.factor > 1 ? c.center : P(d)), a({
 		visibleArea: u,
 		type: "move"
-	})), R(U(d, N(u)))))), {
+	})), L(H(d, M(u)))))), {
 		coordinates: d,
 		visibleArea: u
 	};
 }
-function Ge(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 = E({}, r), d = E({}, i), f = W(F(E({
+function qe(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 = E({}, r), d = E({}, i), f = U(P(E({
 		left: 0,
 		top: 0
 	}, c)), l);
-	return (u = E(E({}, J({
+	return (u = E(E({}, q({
 		sizeRestrictions: a,
 		aspectRatio: t,
 		width: u.width,
 		height: u.height
-	})), W(F(u), l))).left -= f.left - s.width / 2 + u.width / 2, u.top -= f.top - s.height / 2 + u.height / 2, d = B(d, G(d, n({
+	})), U(P(u), l))).left -= f.left - s.width / 2 + u.width / 2, u.top -= f.top - s.height / 2 + u.height / 2, d = z(d, W(d, n({
 		visibleArea: d,
 		type: "resize"
 	}))), {
-		coordinates: u = K(u, o),
-		visibleArea: d = K(d = z(d, P(F(u), F(r))), n({
+		coordinates: u = G(u, o),
+		visibleArea: d = G(d = R(d, N(P(u), P(r))), n({
 			visibleArea: d,
 			type: "move"
 		}))
 	};
 }
-function Ke(e) {
+function Je(e) {
 	var t = e.flip, n = e.previousFlip, r = e.rotate;
 	e.aspectRatio;
 	var i = e.getAreaRestrictions, a = e.coordinates, o = e.visibleArea, s = e.imageSize, c = E({}, a), l = E({}, o), u = n.horizontal !== t.horizontal, d = n.vertical !== t.vertical;
 	if (u || d) {
-		var f = W({
+		var f = U({
 			left: s.width / 2,
 			top: s.height / 2
-		}, -r), p = W(F(c), -r), m = W({
+		}, -r), p = U(P(c), -r), m = U({
 			left: u ? f.left - (p.left - f.left) : p.left,
 			top: d ? f.top - (p.top - f.top) : p.top
 		}, r);
-		c = z(c, P(m, F(c))), p = W(F(l), -r), l = K(l = z(l, P(m = W({
+		c = R(c, N(m, P(c))), p = U(P(l), -r), l = G(l = R(l, N(m = U({
 			left: u ? f.left - (p.left - f.left) : p.left,
 			top: d ? f.top - (p.top - f.top) : p.top
-		}, r), F(l))), i({
+		}, r), P(l))), i({
 			visibleArea: l,
 			type: "move"
 		}));
@@ -896,11 +896,11 @@ function Ke(e) {
 		visibleArea: l
 	};
 }
-function qe(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 = E({}, t), l = L(n, c).width, u = L(n, c).height;
+function Ye(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 = E({}, t), l = I(n, c).width, u = I(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 = I(L(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 = I(L(n, c), i));
+	var d = F(I(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 = F(I(n, c), i));
 	var f = {
 		width: Infinity,
 		height: Infinity,
@@ -909,37 +909,37 @@ function qe(e) {
 		top: Infinity,
 		bottom: Infinity
 	};
-	if (M.forEach((function(e) {
+	if (j.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, M.map((function(e) {
+		var p = Math.min.apply(null, j.map((function(e) {
 			return f[e];
 		})));
-		p !== Infinity && M.forEach((function(e) {
+		p !== Infinity && j.forEach((function(e) {
 			c[e] *= p;
 		}));
-	} else M.forEach((function(e) {
+	} else j.forEach((function(e) {
 		f[e] !== Infinity && (c[e] *= f[e]);
 	}));
-	if (l = L(n, c).width, u = L(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 = I(n, c).width, u = I(n, c).height, c.right + c.left && (l > a.maxWidth ? f.width = (a.maxWidth - n.width) / (c.right + c.left) : l < a.minWidth && (f.width = (a.minWidth - n.width) / (c.right + c.left))), c.bottom + c.top && (u > a.maxHeight ? f.height = (a.maxHeight - n.height) / (c.bottom + c.top) : u < a.minHeight && (f.height = (a.minHeight - n.height) / (c.bottom + c.top))), o) {
 		var m = Math.min(f.width, f.height);
-		m !== Infinity && M.forEach((function(e) {
+		m !== Infinity && j.forEach((function(e) {
 			c[e] *= m;
 		}));
-	} else f.width !== Infinity && xe.forEach((function(e) {
+	} else f.width !== Infinity && Ce.forEach((function(e) {
 		c[e] *= f.width;
-	})), f.height !== Infinity && Se.forEach((function(e) {
+	})), f.height !== Infinity && we.forEach((function(e) {
 		c[e] *= f.height;
 	}));
 	return c;
 }
-function X(e, t, n) {
+function Y(e, t, n) {
 	return t == 0 && n == 0 ? e / 2 : t == 0 ? 0 : n == 0 ? e : e * Math.abs(t / (t + n));
 }
-var Je = T("vue-simple-handler"), Ye = T("vue-simple-handler-wrapper"), Z = {
+var Xe = T("vue-simple-handler"), Ze = T("vue-simple-handler-wrapper"), X = {
 	name: "SimpleHandler",
-	components: { HandlerWrapper: ve },
+	components: { HandlerWrapper: be },
 	props: {
 		defaultClass: { type: String },
 		hoverClass: { type: String },
@@ -957,8 +957,8 @@ var Je = T("vue-simple-handler"), Ye = T("vue-simple-handler-wrapper"), Z = {
 	computed: { classes: function() {
 		var e, t = (x(e = {}, this.horizontalPosition, !!this.horizontalPosition), x(e, this.verticalPosition, !!this.verticalPosition), x(e, `${this.horizontalPosition}-${this.verticalPosition}`, !!(this.verticalPosition && this.horizontalPosition)), x(e, "hover", this.hover), e);
 		return {
-			default: w(Je(t), this.defaultClass, this.hover && this.hoverClass),
-			wrapper: w(Ye(t), this.wrapperClass)
+			default: w(Xe(t), this.defaultClass, this.hover && this.hoverClass),
+			wrapper: w(Ze(t), this.wrapperClass)
 		};
 	} },
 	methods: {
@@ -977,20 +977,20 @@ var Je = T("vue-simple-handler"), Ye = T("vue-simple-handler-wrapper"), Z = {
 	},
 	emits: ["drag", "drag-end"]
 };
-Z.render = function(e, t, r, a, o, c) {
-	var l = d("HandlerWrapper");
-	return s(), n(l, {
-		class: c.classes.wrapper,
+X.render = function(e, t, r, a, o, s) {
+	var l = f("HandlerWrapper");
+	return c(), n(l, {
+		class: s.classes.wrapper,
 		"vertical-position": r.verticalPosition,
 		"horizontal-position": r.horizontalPosition,
 		disabled: r.disabled,
-		onDrag: c.onDrag,
-		onDragEnd: c.onDragEnd,
-		onEnter: c.onEnter,
-		onLeave: c.onLeave
+		onDrag: s.onDrag,
+		onDragEnd: s.onDragEnd,
+		onEnter: s.onEnter,
+		onLeave: s.onLeave
 	}, {
-		default: g((function() {
-			return [i("div", { class: c.classes.default }, null, 2)];
+		default: _((function() {
+			return [i("div", { class: s.classes.default }, null, 2)];
 		})),
 		_: 1
 	}, 8, [
@@ -1004,9 +1004,9 @@ Z.render = function(e, t, r, a, o, c) {
 		"onLeave"
 	]);
 };
-var Xe = T("vue-simple-line"), Ze = T("vue-simple-line-wrapper"), Q = {
+var Qe = T("vue-simple-line"), $e = T("vue-simple-line-wrapper"), Z = {
 	name: "SimpleLine",
-	components: { LineWrapper: be },
+	components: { LineWrapper: Se },
 	props: {
 		defaultClass: { type: String },
 		hoverClass: { type: String },
@@ -1022,8 +1022,8 @@ var Xe = T("vue-simple-line"), Ze = T("vue-simple-line-wrapper"), Q = {
 	},
 	computed: { classes: function() {
 		return {
-			root: w(Xe(x({}, this.position, !0)), this.defaultClass, this.hover && this.hoverClass),
-			wrapper: w(Ze(x({}, this.position, !0)), this.wrapperClass)
+			root: w(Qe(x({}, this.position, !0)), this.defaultClass, this.hover && this.hoverClass),
+			wrapper: w($e(x({}, this.position, !0)), this.wrapperClass)
 		};
 	} },
 	methods: {
@@ -1042,19 +1042,19 @@ var Xe = T("vue-simple-line"), Ze = T("vue-simple-line-wrapper"), Q = {
 	},
 	emits: ["drag", "drag-end"]
 };
-Q.render = function(e, t, r, a, o, c) {
-	var l = d("LineWrapper");
-	return s(), n(l, {
-		class: c.classes.wrapper,
+Z.render = function(e, t, r, a, o, s) {
+	var l = f("LineWrapper");
+	return c(), n(l, {
+		class: s.classes.wrapper,
 		position: r.position,
 		disabled: r.disabled,
-		onDrag: c.onDrag,
-		onDragEnd: c.onDragEnd,
-		onEnter: c.onEnter,
-		onLeave: c.onLeave
+		onDrag: s.onDrag,
+		onDragEnd: s.onDragEnd,
+		onEnter: s.onEnter,
+		onLeave: s.onLeave
 	}, {
-		default: g((function() {
-			return [i("div", { class: c.classes.root }, null, 2)];
+		default: _((function() {
+			return [i("div", { class: s.classes.root }, null, 2)];
 		})),
 		_: 1
 	}, 8, [
@@ -1067,15 +1067,15 @@ Q.render = function(e, t, r, a, o, c) {
 		"onLeave"
 	]);
 };
-var Qe = T("vue-bounding-box"), $e = [
+var et = T("vue-bounding-box"), tt = [
 	"east",
 	"west",
 	null
-], et = [
+], nt = [
 	"south",
 	"north",
 	null
-], tt = {
+], rt = {
 	name: "BoundingBox",
 	props: {
 		width: { type: Number },
@@ -1099,7 +1099,7 @@ var Qe = T("vue-bounding-box"), $e = [
 		handlersComponent: {
 			type: [Object, String],
 			default: function() {
-				return Z;
+				return X;
 			}
 		},
 		handlersClasses: {
@@ -1128,7 +1128,7 @@ var Qe = T("vue-bounding-box"), $e = [
 		linesComponent: {
 			type: [Object, String],
 			default: function() {
-				return Q;
+				return Z;
 			}
 		},
 		linesClasses: {
@@ -1150,10 +1150,10 @@ var Qe = T("vue-bounding-box"), $e = [
 	},
 	data: function() {
 		var e = [];
-		return $e.forEach((function(t) {
-			et.forEach((function(n) {
+		return tt.forEach((function(t) {
+			nt.forEach((function(n) {
 				if (t !== n) {
-					var r = oe(t, n), i = r.name, a = r.classname;
+					var r = se(t, n), i = r.name, a = r.classname;
 					e.push({
 						name: i,
 						classname: a,
@@ -1172,7 +1172,7 @@ var Qe = T("vue-bounding-box"), $e = [
 		classes: function() {
 			var e = this.handlersClasses, t = this.handlersWrappersClasses, n = this.linesClasses, r = this.linesWrappersClasses;
 			return {
-				root: Qe(),
+				root: et(),
 				handlers: e,
 				handlersWrappers: t,
 				lines: n,
@@ -1210,8 +1210,8 @@ var Qe = T("vue-bounding-box"), $e = [
 					};
 					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 = Qe("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 = Qe("handler", x({}, i.classname, !0));
+						a.wrapperClass = et("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 = et("handler", x({}, i.classname, !0));
 					t.push(a);
 				}
 			})), t;
@@ -1237,7 +1237,7 @@ var Qe = T("vue-bounding-box"), $e = [
 				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 pe(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 he(s, {
 				allowedDirections: {
 					left: t === "west" || !t,
 					right: t === "east" || !t,
@@ -1251,15 +1251,15 @@ var Qe = T("vue-bounding-box"), $e = [
 	},
 	emits: ["resize", "resize-end"]
 };
-tt.render = function(t, r, a, o, c, d) {
-	return s(), n("div", {
+rt.render = function(t, r, a, o, s, l) {
+	return c(), n("div", {
 		ref: "box",
-		class: d.classes.root,
-		style: d.style
+		class: l.classes.root,
+		style: l.style
 	}, [
-		u(t.$slots, "default"),
-		i("div", null, [(s(!0), n(e, null, l(d.lineNodes, (function(e) {
-			return s(), n(f(e.component), {
+		d(t.$slots, "default"),
+		i("div", null, [(c(!0), n(e, null, u(l.lineNodes, (function(e) {
+			return c(), n(p(e.component), {
 				key: e.name,
 				"default-class": e.class,
 				"hover-class": e.hoverClass,
@@ -1267,10 +1267,10 @@ tt.render = function(t, r, a, o, c, d) {
 				position: e.name,
 				disabled: e.disabled,
 				onDrag: function(t) {
-					return d.onHandlerDrag(t, e.horizontalDirection, e.verticalDirection);
+					return l.onHandlerDrag(t, e.horizontalDirection, e.verticalDirection);
 				},
 				onDragEnd: r[1] ||= function(e) {
-					return d.onEnd();
+					return l.onEnd();
 				}
 			}, null, 8, [
 				"default-class",
@@ -1281,12 +1281,12 @@ tt.render = function(t, r, a, o, c, d) {
 				"onDrag"
 			]);
 		})), 128))]),
-		(s(!0), n(e, null, l(d.handlerNodes, (function(e) {
-			return s(), n("div", {
+		(c(!0), n(e, null, u(l.handlerNodes, (function(e) {
+			return c(), n("div", {
 				key: e.name,
 				style: e.wrapperStyle,
 				class: e.wrapperClass
-			}, [(s(), n(f(e.component), {
+			}, [(c(), n(p(e.component), {
 				"default-class": e.class,
 				"hover-class": e.hoverClass,
 				"wrapper-class": e.wrapperClass,
@@ -1294,10 +1294,10 @@ tt.render = function(t, r, a, o, c, d) {
 				"vertical-position": e.verticalDirection,
 				disabled: e.disabled,
 				onDrag: function(t) {
-					return d.onHandlerDrag(t, e.horizontalDirection, e.verticalDirection);
+					return l.onHandlerDrag(t, e.horizontalDirection, e.verticalDirection);
 				},
 				onDragEnd: r[2] ||= function(e) {
-					return d.onEnd();
+					return l.onEnd();
 				}
 			}, null, 8, [
 				"default-class",
@@ -1311,7 +1311,7 @@ tt.render = function(t, r, a, o, c, d) {
 		})), 128))
 	], 6);
 };
-var nt = T("vue-draggable-area"), rt = {
+var it = T("vue-draggable-area"), at = {
 	name: "DraggableArea",
 	props: {
 		movable: {
@@ -1324,7 +1324,7 @@ var nt = T("vue-draggable-area"), rt = {
 		}
 	},
 	computed: { classnames: function() {
-		return { default: nt() };
+		return { default: it() };
 	} },
 	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 });
@@ -1346,7 +1346,7 @@ var nt = T("vue-draggable-area"), rt = {
 			this.touchStarted = !1, this.processEnd();
 		},
 		onTouchMove: function(e) {
-			this.touches.length >= 1 && (this.touchStarted ? (this.processMove(e, e.touches), e.preventDefault(), e.stopPropagation()) : fe({
+			this.touches.length >= 1 && (this.touchStarted ? (this.processMove(e, e.touches), e.preventDefault(), e.stopPropagation()) : me({
 				x: this.touches[0].clientX,
 				y: this.touches[0].clientY
 			}, {
@@ -1388,7 +1388,7 @@ var nt = T("vue-draggable-area"), rt = {
 			var n = S(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 me({
+				this.touches.length === 1 && n.length === 1 && this.$emit("move", new ge({
 					left: n[0].clientX - (i + this.anchor.x),
 					top: n[0].clientY - (a + this.anchor.y)
 				}));
@@ -1400,8 +1400,8 @@ var nt = T("vue-draggable-area"), rt = {
 	},
 	emits: ["move", "move-end"]
 };
-rt.render = function(e, t, r, i, a, o) {
-	return s(), n("div", {
+at.render = function(e, t, r, i, a, o) {
+	return c(), n("div", {
 		ref: "container",
 		onTouchstart: t[1] ||= function() {
 			return o.onTouchStart && o.onTouchStart.apply(o, arguments);
@@ -1409,9 +1409,9 @@ rt.render = function(e, t, r, i, a, o) {
 		onMousedown: t[2] ||= function() {
 			return o.onMouseDown && o.onMouseDown.apply(o, arguments);
 		}
-	}, [u(e.$slots, "default")], 544);
+	}, [d(e.$slots, "default")], 544);
 };
-function it(e) {
+function ot(e) {
 	return {
 		rotate: e.rotate || 0,
 		flip: {
@@ -1420,7 +1420,7 @@ function it(e) {
 		}
 	};
 }
-function at(e) {
+function st(e) {
 	return new Promise((function(t, n) {
 		try {
 			if (e) if (/^data:/i.test(e)) t(function(e) {
@@ -1452,11 +1452,11 @@ function at(e) {
 		var a, o, s;
 	}));
 }
-function ot(e) {
+function ct(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 st(e) {
+function lt(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;) {
@@ -1488,7 +1488,7 @@ function st(e) {
 		return null;
 	}
 }
-var ct = T("vue-preview-result"), lt = {
+var Q = T("vue-preview-result"), ut = {
 	name: "PreviewResult",
 	props: {
 		image: { type: Object },
@@ -1509,10 +1509,10 @@ var ct = T("vue-preview-result"), lt = {
 	computed: {
 		classes: function() {
 			return {
-				root: ct(),
-				wrapper: ct("wrapper"),
-				imageWrapper: ct("image-wrapper"),
-				image: w(ct("image"), this.imageClass)
+				root: Q(),
+				wrapper: Q("wrapper"),
+				imageWrapper: Q("image-wrapper"),
+				image: w(Q("image"), this.imageClass)
 			};
 		},
 		wrapperStyle: function() {
@@ -1525,7 +1525,7 @@ var ct = T("vue-preview-result"), lt = {
 			return this.transitions && this.transitions.enabled && (e.transition = `${this.transitions.time}ms ${this.transitions.timingFunction}`), e;
 		},
 		imageStyle: function() {
-			var e = this.image.transforms, t = ke({
+			var e = this.image.transforms, t = je({
 				width: this.image.width,
 				height: this.image.height
 			}, e.rotate), n = {
@@ -1541,11 +1541,11 @@ var ct = T("vue-preview-result"), lt = {
 				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) ` + ot(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) ` + ct(e), this.transitions && this.transitions.enabled && (n.transition = `${this.transitions.time}ms ${this.transitions.timingFunction}`), n;
 		}
 	}
 };
-function ut(e, t) {
+function dt(e, t) {
 	var n = t.getBoundingClientRect(), r = n.left, i = n.top, a = {
 		left: 0,
 		top: 0
@@ -1553,7 +1553,7 @@ function ut(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 += fe({
+		o += me({
 			x: a.left,
 			y: a.top
 		}, {
@@ -1566,19 +1566,19 @@ function ut(e, t) {
 		count: e.length
 	};
 }
-lt.render = function(e, t, r, a, o, c) {
-	return s(), n("div", { class: c.classes.root }, [i("div", {
+ut.render = function(e, t, r, a, o, s) {
+	return c(), n("div", { class: s.classes.root }, [i("div", {
 		ref: "wrapper",
-		class: c.classes.wrapper,
-		style: c.wrapperStyle
+		class: s.classes.wrapper,
+		style: s.wrapperStyle
 	}, [i("img", {
 		ref: "image",
 		src: r.image.src,
-		class: c.classes.image,
-		style: c.imageStyle
+		class: s.classes.image,
+		style: s.imageStyle
 	}, null, 14, ["src"])], 6)], 2);
 };
-var dt = {
+var ft = {
 	props: {
 		touchMove: {
 			type: Boolean,
@@ -1608,18 +1608,18 @@ var dt = {
 		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 = ae(this.processEnd), this.touches = [];
+		this.transforming = !1, this.debouncedProcessEnd = oe(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 j({
+				if (this.touches.length === 1 && t.length === 1) this.$emit("move", new A({
 					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 = ut(t, this.$refs.container), r = this.oldGeometricProperties;
-					r.count === n.count && r.count > 1 && this.$emit("resize", new j({
+					var n = dt(t, this.$refs.container), r = this.oldGeometricProperties;
+					r.count === n.count && r.count > 1 && this.$emit("resize", new A({
 						left: r.centerMass.left - n.centerMass.left,
 						top: r.centerMass.top - n.centerMass.top
 					}, {
@@ -1644,7 +1644,7 @@ var dt = {
 				var t = this.$refs.container, n = t.getBoundingClientRect(), r = n.left, i = n.top, a = n.bottom, o = n.right;
 				this.touches = S(e.touches).filter((function(e) {
 					return e.clientX > r && e.clientX < o && e.clientY > i && e.clientY < a;
-				})), this.oldGeometricProperties = ut(this.touches, t);
+				})), this.oldGeometricProperties = dt(this.touches, t);
 			}
 		},
 		onTouchEnd: function(e) {
@@ -1682,11 +1682,11 @@ var dt = {
 		},
 		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 || de(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 || pe(s) ? s : s > 0 ? 1 : -1), a = {
 					left: e.clientX - n,
 					top: e.clientY - r
 				};
-				this.$emit("resize", new j({}, {
+				this.$emit("resize", new A({}, {
 					factor: i,
 					center: a
 				})), this.touches.length || this.debouncedProcessEnd();
@@ -1700,8 +1700,8 @@ var dt = {
 		"transform-end"
 	]
 };
-dt.render = function(e, t, r, i, a, o) {
-	return s(), n("div", {
+ft.render = function(e, t, r, i, a, o) {
+	return c(), n("div", {
 		ref: "container",
 		onTouchstart: t[1] ||= function() {
 			return o.onTouchStart && o.onTouchStart.apply(o, arguments);
@@ -1712,10 +1712,10 @@ dt.render = function(e, t, r, i, a, o) {
 		onWheel: t[3] ||= function() {
 			return o.onWheel && o.onWheel.apply(o, arguments);
 		}
-	}, [u(e.$slots, "default")], 544);
+	}, [d(e.$slots, "default")], 544);
 };
-var ft = {
-	components: { TransformableImage: dt },
+var pt = {
+	components: { TransformableImage: ft },
 	props: {
 		touchMove: {
 			type: Boolean,
@@ -1736,9 +1736,9 @@ var ft = {
 	},
 	emits: ["resize", "move"]
 };
-ft.render = function(e, t, r, i, a, o) {
-	var c = d("transformable-image");
-	return s(), n(c, {
+pt.render = function(e, t, r, i, a, o) {
+	var s = f("transformable-image");
+	return c(), n(s, {
 		"touch-move": r.touchMove,
 		"touch-resize": r.touchResize,
 		"mouse-move": r.mouseMove,
@@ -1750,8 +1750,8 @@ ft.render = function(e, t, r, i, a, o) {
 			return e.$emit("resize", t);
 		}
 	}, {
-		default: g((function() {
-			return [u(e.$slots, "default")];
+		default: _((function() {
+			return [d(e.$slots, "default")];
 		})),
 		_: 3
 	}, 8, [
@@ -1761,7 +1761,7 @@ ft.render = function(e, t, r, i, a, o) {
 		"wheel-resize"
 	]);
 };
-var pt = T("vue-preview"), mt = {
+var mt = T("vue-preview"), ht = {
 	props: {
 		coordinates: { type: Object },
 		transitions: { type: Object },
@@ -1791,10 +1791,10 @@ var pt = T("vue-preview"), mt = {
 	computed: {
 		classes: function() {
 			return {
-				root: pt({ fill: this.fill }),
-				wrapper: pt("wrapper"),
-				imageWrapper: pt("image-wrapper"),
-				image: w(pt("image"), this.imageClass)
+				root: mt({ fill: this.fill }),
+				wrapper: mt("wrapper"),
+				imageWrapper: mt("image-wrapper"),
+				image: w(mt("image"), this.imageClass)
 			};
 		},
 		style: function() {
@@ -1822,7 +1822,7 @@ var pt = T("vue-preview"), mt = {
 				}, this.image.transforms), {}, {
 					scaleX: 1 / e,
 					scaleY: 1 / e
-				}), n = this.imageSize.width, r = this.imageSize.height, i = ke({
+				}), n = this.imageSize.width, r = this.imageSize.height, i = je({
 					width: n,
 					height: r
 				}, t.rotate), a = {
@@ -1841,7 +1841,7 @@ var pt = T("vue-preview"), mt = {
 					}
 				};
 				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) ` + ot(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) ` + ct(t), this.transitions && this.transitions.enabled && (a.transition = `${this.transitions.time}ms ${this.transitions.timingFunction}`), a;
 			}
 			return {};
 		},
@@ -1885,36 +1885,36 @@ var pt = T("vue-preview"), mt = {
 		}
 	}
 };
-mt.render = function(e, t, r, a, o, c) {
-	return s(), n("div", {
+ht.render = function(e, t, r, a, o, s) {
+	return c(), n("div", {
 		ref: "root",
-		class: c.classes.root,
-		style: c.style
+		class: s.classes.root,
+		style: s.style
 	}, [i("div", {
 		ref: "wrapper",
-		class: c.classes.wrapper,
-		style: c.wrapperStyle
-	}, [_(i("img", {
+		class: s.classes.wrapper,
+		style: s.wrapperStyle
+	}, [v(i("img", {
 		ref: "image",
 		src: r.image && r.image.src,
-		class: c.classes.image,
-		style: c.imageStyle
-	}, null, 14, ["src"]), [[m, r.image && r.image.src]])], 6)], 6);
+		class: s.classes.image,
+		style: s.imageStyle
+	}, null, 14, ["src"]), [[h, r.image && r.image.src]])], 6)], 6);
 };
-var ht = {
-	components: { Preview: mt },
+var gt = {
+	components: { Preview: ht },
 	inheritAttrs: !1
 };
-ht.render = function(e, t, r, i, a, c) {
-	var l = d("preview");
-	return s(), n(l, o(e.$attrs, { fill: !0 }), null, 16);
+gt.render = function(e, t, r, i, a, s) {
+	var l = f("preview");
+	return c(), n(l, o(e.$attrs, { fill: !0 }), null, 16);
 };
-var gt = T("vue-rectangle-stencil"), _t = {
+var _t = T("vue-rectangle-stencil"), vt = {
 	name: "RectangleStencil",
 	components: {
-		StencilPreview: ht,
-		BoundingBox: tt,
-		DraggableArea: rt
+		StencilPreview: gt,
+		BoundingBox: rt,
+		DraggableArea: at
 	},
 	props: {
 		image: { type: Object },
@@ -1924,14 +1924,14 @@ var gt = T("vue-rectangle-stencil"), _t = {
 		handlersComponent: {
 			type: [Object, String],
 			default: function() {
-				return Z;
+				return X;
 			}
 		},
 		lines: { type: Object },
 		linesComponent: {
 			type: [Object, String],
 			default: function() {
-				return Q;
+				return Z;
 			}
 		},
 		aspectRatio: { type: [Number, String] },
@@ -1984,13 +1984,13 @@ var gt = T("vue-rectangle-stencil"), _t = {
 	computed: {
 		classes: function() {
 			return {
-				stencil: w(gt({
+				stencil: w(_t({
 					movable: this.movable,
 					moving: this.moving,
 					resizing: this.resizing
 				}), this.moving && this.movingClass, this.resizing && this.resizingClass),
-				preview: w(gt("preview"), this.previewClass),
-				boundingBox: w(gt("bounding-box"), this.boundingBoxClass)
+				preview: w(_t("preview"), this.previewClass),
+				boundingBox: w(_t("bounding-box"), this.boundingBoxClass)
 			};
 		},
 		style: function() {
@@ -2029,16 +2029,16 @@ var gt = T("vue-rectangle-stencil"), _t = {
 		"move-end"
 	]
 };
-_t.render = function(e, t, r, a, o, c) {
-	var l = d("stencil-preview"), u = d("draggable-area"), f = d("bounding-box");
-	return s(), n("div", {
-		class: c.classes.stencil,
-		style: c.style
-	}, [i(f, {
+vt.render = function(e, t, r, a, o, s) {
+	var l = f("stencil-preview"), u = f("draggable-area"), d = f("bounding-box");
+	return c(), n("div", {
+		class: s.classes.stencil,
+		style: s.style
+	}, [i(d, {
 		width: r.stencilCoordinates.width,
 		height: r.stencilCoordinates.height,
 		transitions: r.transitions,
-		class: c.classes.boundingBox,
+		class: s.classes.boundingBox,
 		handlers: r.handlers,
 		"handlers-component": r.handlersComponent,
 		"handlers-classes": r.handlersClasses,
@@ -2048,22 +2048,22 @@ _t.render = function(e, t, r, a, o, c) {
 		"lines-classes": r.linesClasses,
 		"lines-wrappers-classes": r.linesWrappersClasses,
 		resizable: r.resizable,
-		onResize: c.onResize,
-		onResizeEnd: c.onResizeEnd
+		onResize: s.onResize,
+		onResizeEnd: s.onResizeEnd
 	}, {
-		default: g((function() {
+		default: _((function() {
 			return [i(u, {
 				movable: r.movable,
-				onMove: c.onMove,
-				onMoveEnd: c.onMoveEnd
+				onMove: s.onMove,
+				onMoveEnd: s.onMoveEnd
 			}, {
-				default: g((function() {
+				default: _((function() {
 					return [i(l, {
 						image: r.image,
 						coordinates: r.coordinates,
 						width: r.stencilCoordinates.width,
 						height: r.stencilCoordinates.height,
-						class: c.classes.preview,
+						class: s.classes.preview,
 						transitions: r.transitions
 					}, null, 8, [
 						"image",
@@ -2100,11 +2100,11 @@ _t.render = function(e, t, r, a, o, c) {
 		"onResizeEnd"
 	])], 6);
 };
-var vt = T("vue-circle-stencil"), yt = {
+var yt = T("vue-circle-stencil"), bt = {
 	components: {
-		StencilPreview: ht,
-		BoundingBox: tt,
-		DraggableArea: rt
+		StencilPreview: gt,
+		BoundingBox: rt,
+		DraggableArea: at
 	},
 	props: {
 		image: { type: Object },
@@ -2124,7 +2124,7 @@ var vt = T("vue-circle-stencil"), yt = {
 		handlersComponent: {
 			type: [Object, String],
 			default: function() {
-				return Z;
+				return X;
 			}
 		},
 		handlersClasses: {
@@ -2143,7 +2143,7 @@ var vt = T("vue-circle-stencil"), yt = {
 		linesComponent: {
 			type: [Object, String],
 			default: function() {
-				return Q;
+				return Z;
 			}
 		},
 		linesClasses: {
@@ -2181,13 +2181,13 @@ var vt = T("vue-circle-stencil"), yt = {
 	computed: {
 		classes: function() {
 			return {
-				stencil: w(vt({
+				stencil: w(yt({
 					movable: this.movable,
 					moving: this.moving,
 					resizing: this.resizing
 				}), this.moving && this.movingClass, this.resizing && this.resizingClass),
-				preview: w(vt("preview"), this.previewClass),
-				boundingBox: w(vt("bounding-box"), this.boundingBoxClass)
+				preview: w(yt("preview"), this.previewClass),
+				boundingBox: w(yt("bounding-box"), this.boundingBoxClass)
 			};
 		},
 		style: function() {
@@ -2226,16 +2226,16 @@ var vt = T("vue-circle-stencil"), yt = {
 		"move-end"
 	]
 };
-yt.render = function(e, t, r, a, o, c) {
-	var l = d("stencil-preview"), u = d("draggable-area"), f = d("bounding-box");
-	return s(), n("div", {
-		class: c.classes.stencil,
-		style: c.style
-	}, [i(f, {
+bt.render = function(e, t, r, a, o, s) {
+	var l = f("stencil-preview"), u = f("draggable-area"), d = f("bounding-box");
+	return c(), n("div", {
+		class: s.classes.stencil,
+		style: s.style
+	}, [i(d, {
 		width: r.stencilCoordinates.width,
 		height: r.stencilCoordinates.height,
 		transitions: r.transitions,
-		class: c.classes.boundingBox,
+		class: s.classes.boundingBox,
 		handlers: r.handlers,
 		"handlers-component": r.handlersComponent,
 		"handlers-classes": r.handlersClasses,
@@ -2245,22 +2245,22 @@ yt.render = function(e, t, r, a, o, c) {
 		"lines-classes": r.linesClasses,
 		"lines-wrappers-classes": r.linesWrappersClasses,
 		resizable: r.resizable,
-		onResize: c.onResize,
-		onResizeEnd: c.onResizeEnd
+		onResize: s.onResize,
+		onResizeEnd: s.onResizeEnd
 	}, {
-		default: g((function() {
+		default: _((function() {
 			return [i(u, {
 				movable: r.movable,
-				onMove: c.onMove,
-				onMoveEnd: c.onMoveEnd
+				onMove: s.onMove,
+				onMoveEnd: s.onMoveEnd
 			}, {
-				default: g((function() {
+				default: _((function() {
 					return [i(l, {
 						image: r.image,
 						coordinates: r.coordinates,
 						width: r.stencilCoordinates.width,
 						height: r.stencilCoordinates.height,
-						class: c.classes.preview,
+						class: s.classes.preview,
 						transitions: r.transitions
 					}, null, 8, [
 						"image",
@@ -2297,9 +2297,9 @@ yt.render = function(e, t, r, a, o, c) {
 		"onResizeEnd"
 	])], 6);
 };
-var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
+var xt = ["transitions"], $ = T("vue-advanced-cropper"), St = {
 	name: "Cropper",
-	components: { BackgroundWrapper: ft },
+	components: { BackgroundWrapper: pt },
 	props: {
 		src: {
 			type: String,
@@ -2308,13 +2308,13 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 		stencilComponent: {
 			type: [Object, String],
 			default: function() {
-				return _t;
+				return vt;
 			}
 		},
 		backgroundWrapperComponent: {
 			type: [Object, String],
 			default: function() {
-				return ft;
+				return pt;
 			}
 		},
 		stencilProps: {
@@ -2363,7 +2363,7 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 			type: String,
 			default: "fit-area",
 			validator: function(e) {
-				return we.indexOf(e) !== -1;
+				return Ee.indexOf(e) !== -1;
 			}
 		},
 		roundResult: {
@@ -2406,31 +2406,31 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 					bottom: !0,
 					top: !0
 				};
-				a.widthFrozen && (c.left = 0, c.right = 0), a.heightFrozen && (c.top = 0, c.bottom = 0), M.forEach((function(e) {
+				a.widthFrozen && (c.left = 0, c.right = 0), a.heightFrozen && (c.top = 0, c.bottom = 0), j.forEach((function(e) {
 					l[e] || (c[e] = 0);
 				}));
-				var u = L(o, c = qe({
+				var u = I(o, c = Ye({
 					coordinates: o,
 					directions: c,
 					sizeRestrictions: a,
 					positionRestrictions: i
-				})).width, d = L(o, c).height, f = s.preserveRatio ? V(o) : De(u / d, r);
+				})).width, d = I(o, c).height, f = s.preserveRatio ? B(o) : ke(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 = X(m, g, h), c.top = X(m, h, g);
+							c.bottom = Y(m, g, h), c.top = Y(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 = -X(_, v, y), c.right = -X(_, y, v);
+							c.left = -Y(_, v, y), c.right = -Y(_, y, v);
 						} else l.left ? c.left = -_ : l.right ? c.right = -_ : l.top ? c.top = 0 : l.bottom && (c.bottom = 0);
 					}
-					c = qe({
+					c = Ye({
 						directions: c,
 						coordinates: o,
 						sizeRestrictions: a,
@@ -2439,10 +2439,10 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 						compensate: s.compensate
 					});
 				}
-				return u = L(o, c).width, d = L(o, c).height, (f = s.preserveRatio ? V(o) : De(u / d, r)) && Math.abs(f - u / d) > .001 && M.forEach((function(e) {
+				return u = I(o, c).width, d = I(o, c).height, (f = s.preserveRatio ? B(o) : ke(u / d, r)) && Math.abs(f - u / d) > .001 && j.forEach((function(e) {
 					l[e] || (c[e] = 0);
-				})), Fe({
-					event: new me({
+				})), Le({
+					event: new ge({
 						left: -c.left,
 						top: -c.top
 					}),
@@ -2458,19 +2458,19 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 		},
 		moveAlgorithm: {
 			type: Function,
-			default: Fe
+			default: Le
 		},
 		initStretcher: {
 			type: Function,
 			default: function(e) {
-				var t = e.stretcher, n = e.imageSize, r = V(n);
+				var t = e.stretcher, n = e.imageSize, r = B(n);
 				t.style.width = n.width + "px", t.style.height = t.clientWidth / r + "px", t.style.width = t.clientWidth + "px";
 			}
 		},
 		fitCoordinates: {
 			type: Function,
 			default: function(e) {
-				var t = e.visibleArea, n = e.coordinates, r = e.aspectRatio, i = e.sizeRestrictions, a = e.positionRestrictions, o = E(E({}, n), J({
+				var t = e.visibleArea, n = e.coordinates, r = e.aspectRatio, i = e.sizeRestrictions, a = e.positionRestrictions, o = E(E({}, n), q({
 					width: n.width,
 					height: n.height,
 					aspectRatio: r,
@@ -2481,19 +2481,19 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 						minWidth: Math.min(t.width, i.minWidth)
 					}
 				}));
-				return o = K(o = z(o, P(F(n), F(o))), q(N(t), a));
+				return o = G(o = R(o, N(P(n), P(o))), K(M(t), a));
 			}
 		},
 		fitVisibleArea: {
 			type: Function,
 			default: function(e) {
 				var t = e.visibleArea, n = e.boundaries, r = e.getAreaRestrictions, i = e.coordinates, a = E({}, t);
-				a.height = a.width / V(n), a.top += (t.height - a.height) / 2, (i.height - a.height > 0 || i.width - a.width > 0) && (a = B(a, Math.max(i.height / a.height, i.width / a.width)));
-				var o = R(U(i, N(a = B(a, G(a, r({
+				a.height = a.width / B(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 = L(H(i, M(a = z(a, W(a, r({
 					visibleArea: a,
 					type: "resize"
 				}))))));
-				return a.width < i.width && (o.left = 0), a.height < i.height && (o.top = 0), a = K(a = z(a, o), r({
+				return a.width < i.width && (o.left = 0), a.height < i.height && (o.top = 0), a = G(a = R(a, o), r({
 					visibleArea: a,
 					type: "move"
 				}));
@@ -2508,7 +2508,7 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 					top: 0,
 					right: r.width,
 					bottom: r.height
-				} : i === "fit-area" && (V(n) > V(r) ? (o = {
+				} : i === "fit-area" && (B(n) > B(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 = {
@@ -2570,7 +2570,7 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 				height: 0
 			},
 			visibleArea: null,
-			coordinates: b({}, Te)
+			coordinates: b({}, De)
 		};
 	},
 	computed: {
@@ -2608,7 +2608,7 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 			return !!(this.visibleArea && this.imageLoaded);
 		},
 		settings: function() {
-			var e = le(this.resizeImage, {
+			var e = ue(this.resizeImage, {
 				touch: !0,
 				wheel: { ratio: .1 },
 				adjustStencil: !0
@@ -2618,7 +2618,7 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 				adjustStencil: !1
 			});
 			return {
-				moveImage: le(this.moveImage, {
+				moveImage: ue(this.moveImage, {
 					touch: !0,
 					mouse: !0
 				}, {
@@ -2649,10 +2649,10 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 			if (this.boundaries.width && this.boundaries.height && this.imageSize.width && this.imageSize.height) {
 				var e = this.sizeRestrictionsAlgorithm({
 					imageSize: this.imageSize,
-					minWidth: O(this.minWidth) ? 0 : A(this.minWidth),
-					minHeight: O(this.minHeight) ? 0 : A(this.minHeight),
-					maxWidth: O(this.maxWidth) ? Infinity : A(this.maxWidth),
-					maxHeight: O(this.maxHeight) ? Infinity : A(this.maxHeight)
+					minWidth: O(this.minWidth) ? 0 : de(this.minWidth),
+					minHeight: O(this.minHeight) ? 0 : de(this.minHeight),
+					maxWidth: O(this.maxWidth) ? Infinity : de(this.maxWidth),
+					maxHeight: O(this.maxHeight) ? Infinity : de(this.maxHeight)
 				});
 				if (e = function(e) {
 					var t = e.areaRestrictions, n = e.sizeRestrictions;
@@ -2666,7 +2666,7 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 						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 = Ae(t), s = Oe(r, o);
+					var o = Me(t), s = Ae(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,
@@ -2681,7 +2681,7 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 					visibleArea: this.visibleArea,
 					stencilSize: this.getStencilSize()
 				}), this.visibleArea && this.stencilSize) {
-					var t = this.getStencilSize(), n = Ae(this.getAreaRestrictions({
+					var t = this.getStencilSize(), n = Me(this.getAreaRestrictions({
 						visibleArea: this.visibleArea,
 						type: "resize"
 					}));
@@ -2757,7 +2757,7 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 				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)` + ot(r)
+				transform: `translate(${-t.left - n.left - this.imageTransforms.translateX}px, ${-t.top - n.top - this.imageTransforms.translateY}px)` + ct(r)
 			};
 			return this.transitionsOptions.enabled && (i.transition = `${this.transitionsOptions.time}ms ${this.transitionsOptions.timingFunction}`), i;
 		}
@@ -2798,7 +2798,7 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 		}
 	},
 	created: function() {
-		this.debouncedUpdate = ae(this.update, this.debounce), this.debouncedDisableTransitions = ae(this.disableTransitions, this.transitionsOptions.time), this.awaiting = !1;
+		this.debouncedUpdate = oe(this.update, this.debounce), this.debouncedDisableTransitions = oe(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);
@@ -2834,7 +2834,7 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 		},
 		zoom: function(e, t) {
 			var n = (arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}).transitions, r = n === void 0 || n;
-			this.onManipulateImage(new j({}, {
+			this.onManipulateImage(new A({}, {
 				factor: 1 / e,
 				center: t
 			}), {
@@ -2844,7 +2844,7 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 		},
 		move: function(e, t) {
 			var n = (arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}).transitions, r = n === void 0 || n;
-			this.onManipulateImage(new j({
+			this.onManipulateImage(new A({
 				left: e || 0,
 				top: t || 0
 			}), {
@@ -2886,15 +2886,15 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 					left: Math.round(t.left),
 					top: Math.round(t.top)
 				};
-				return i.width > n.maxWidth ? i.width = Math.floor(t.width) : i.width < n.minWidth && (i.width = Math.ceil(t.width)), i.height > n.maxHeight ? i.height = Math.floor(t.height) : i.height < n.minHeight && (i.height = Math.ceil(t.height)), K(i, r);
+				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)), G(i, r);
 			}(b(b({}, this.getPublicProperties()), {}, {
-				positionRestrictions: Y(this.positionRestrictions, this.visibleArea),
+				positionRestrictions: J(this.positionRestrictions, this.visibleArea),
 				coordinates: e
 			})) : e;
 		},
 		processAutoZoom: function(e, t, n, r) {
 			var i = this.autoZoomAlgorithm;
-			i ||= this.stencilSize ? Le : this.autoZoom ? Re : ze;
+			i ||= this.stencilSize ? ze : this.autoZoom ? Be : Ve;
 			var a = i({
 				event: {
 					type: e,
@@ -2909,10 +2909,10 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 				sizeRestrictions: this.sizeRestrictions,
 				stencilSize: this.getStencilSize()
 			});
-			return b(b({}, a), {}, { changed: !Ee(a.visibleArea, t) || !Ee(a.coordinates, n) });
+			return b(b({}, a), {}, { changed: !Oe(a.visibleArea, t) || !Oe(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 = ee(t, bt), 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 = te(t, xt), 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) {
@@ -2933,13 +2933,13 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 				});
 				if (t.type === "resize") {
 					var i = E(E({}, t), { directions: E({}, t.directions) });
-					return M.forEach((function(e) {
+					return j.forEach((function(e) {
 						i.directions[e] *= r;
 					})), i;
 				}
 				if (t.type === "move") {
 					var a = E(E({}, t), { directions: E({}, t.directions) });
-					return Ce.forEach((function(e) {
+					return Te.forEach((function(e) {
 						a.directions[e] *= r;
 					})), a;
 				}
@@ -2952,9 +2952,9 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 					var r = n.rotate, i = n.flip, a = {
 						width: t.naturalWidth,
 						height: t.naturalHeight
-					}, o = ke(a, r), s = e.getContext("2d");
+					}, o = je(a, r), s = e.getContext("2d");
 					e.height = o.height, e.width = o.width, s.save();
-					var c = W(F(E({
+					var c = U(P(E({
 						left: 0,
 						top: 0
 					}, a)), r);
@@ -2973,7 +2973,7 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 						return t = e, !Number.isNaN(parseFloat(t)) && isFinite(t);
 						var t;
 					}));
-				}, a = J({
+				}, a = q({
 					sizeRestrictions: {
 						minWidth: i([r.width, r.minWidth]) || 0,
 						minHeight: i([r.height, r.minHeight]) || 0,
@@ -3007,8 +3007,8 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 			this.$emit("change", this.getResult());
 		},
 		applyTransform: function(e) {
-			var t = arguments.length > 1 && arguments[1] !== void 0 && arguments[1], n = this.visibleArea && t ? je(this.sizeRestrictions, this.visibleArea) : this.sizeRestrictions, r = this.visibleArea && t ? Y(this.positionRestrictions, this.visibleArea) : this.positionRestrictions;
-			return Ie({
+			var t = arguments.length > 1 && arguments[1] !== void 0 && arguments[1], n = this.visibleArea && t ? Ne(this.sizeRestrictions, this.visibleArea) : this.sizeRestrictions, r = this.visibleArea && t ? J(this.positionRestrictions, this.visibleArea) : this.positionRestrictions;
+			return Re({
 				transform: e,
 				coordinates: this.coordinates,
 				imageSize: this.imageSize,
@@ -3023,7 +3023,7 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 			if (this.$refs.image) {
 				this.$refs.cropper, this.$refs.image;
 				var t = this.defaultSize;
-				t ||= this.stencilSize ? He : Ve;
+				t ||= this.stencilSize ? We : Ue;
 				var n = this.sizeRestrictions;
 				n.minWidth, n.minHeight, n.maxWidth, n.maxHeight;
 				var r = D(t) ? t({
@@ -3033,7 +3033,7 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 					sizeRestrictions: this.sizeRestrictions,
 					stencilSize: this.getStencilSize(),
 					visibleArea: this.visibleArea
-				}) : t, i = this.defaultPosition || Be, a = [r, function(t) {
+				}) : t, i = this.defaultPosition || He, a = [r, function(t) {
 					var n = t.coordinates;
 					return b({}, D(i) ? i({
 						coordinates: n,
@@ -3090,7 +3090,7 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 			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 || Ue;
+				var t, n, r, i, a, o, s = e.defaultVisibleArea || Ge;
 				e.visibleArea = D(s) ? s({
 					imageSize: e.imageSize,
 					boundaries: e.boundaries,
@@ -3101,7 +3101,7 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 					visibleArea: e.visibleArea,
 					boundaries: e.boundaries,
 					getAreaRestrictions: e.getAreaRestrictions
-				}, n = t.visibleArea, r = t.boundaries, i = t.getAreaRestrictions, a = E({}, n), o = V(r), a.width / a.height !== o && (a.height = a.width / o), K(a, i({
+				}, n = t.visibleArea, r = t.boundaries, i = t.getAreaRestrictions, a = E({}, n), o = B(r), a.width / a.height !== o && (a.height = a.width / o), G(a, i({
 					visibleArea: a,
 					type: "move"
 				}))), e.priority === "visible-area" ? e.resetCoordinates() : e.coordinates = e.fitCoordinates({
@@ -3142,7 +3142,7 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 			var e, t = this;
 			if (this.imageLoaded = !1, this.delayedTransforms = null, this.src) {
 				if (function(e) {
-					if (ce(e)) return !1;
+					if (le(e)) return !1;
 					var t = window.location, n = /(\w+:)?(?:\/\/)([\w.-]+)?(?::(\d+))?\/?/.exec(e) || [], r = {
 						protocol: n[1] || "",
 						host: n[2] || "",
@@ -3157,8 +3157,8 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 				}
 				if (this.checkOrientation) {
 					var r = (e = this.src, new Promise((function(t) {
-						at(e).then((function(n) {
-							var r = st(n);
+						st(e).then((function(n) {
+							var r = lt(n);
 							t(n ? {
 								source: e,
 								arrayBuffer: n,
@@ -3195,14 +3195,14 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 		},
 		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 ? se(n) || !ce(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 ? ce(n) || !le(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, D(this.defaultTransforms) ? this.appliedImageTransforms = it(this.defaultTransforms()) : k(this.defaultTransforms) ? this.appliedImageTransforms = it(this.defaultTransforms) : this.appliedImageTransforms = function(e) {
-				var t = it({});
+			}(r) : this.imageAttributes.src = n, D(this.defaultTransforms) ? this.appliedImageTransforms = ot(this.defaultTransforms()) : k(this.defaultTransforms) ? this.appliedImageTransforms = ot(this.defaultTransforms) : this.appliedImageTransforms = function(e) {
+				var t = ot({});
 				if (e) switch (e) {
 					case 2:
 						t.flip.horizontal = !0;
@@ -3242,7 +3242,7 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 			var t = this;
 			this.transitionsOptions.enabled || this.awaitRender((function() {
 				t.coordinates = t.moveAlgorithm(b(b({}, t.getPublicProperties()), {}, {
-					positionRestrictions: Y(t.positionRestrictions, t.visibleArea),
+					positionRestrictions: J(t.positionRestrictions, t.visibleArea),
 					coordinates: t.coordinates,
 					event: t.normalizeEvent(e)
 				})), t.onChange();
@@ -3253,7 +3253,7 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 			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: Y(t.positionRestrictions, t.visibleArea),
+					positionRestrictions: J(t.positionRestrictions, t.visibleArea),
 					sizeRestrictions: {
 						maxWidth: Math.min(n.maxWidth, t.visibleArea.width),
 						maxHeight: Math.min(n.maxHeight, t.visibleArea.height),
@@ -3269,7 +3269,7 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 			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 = We(b(b({}, this.getPublicProperties()), {}, {
+				var o = Ke(b(b({}, this.getPublicProperties()), {}, {
 					event: a ? this.normalizeEvent(e) : e,
 					getAreaRestrictions: this.getAreaRestrictions,
 					imageRestriction: this.imageRestriction,
@@ -3298,8 +3298,8 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 				t = s.minimum, n = s.maximum;
 			}
 			if (O(t) && (t = O(i) ? a : i), O(n) && (n = O(i) ? o : i), !e && (O(t) || O(n))) {
-				var c = this.getStencilSize(), l = c ? V(c) : null;
-				O(t) && (t = ue(l) ? l : void 0), O(n) && (n = ue(l) ? l : void 0);
+				var c = this.getStencilSize(), l = c ? B(c) : null;
+				O(t) && (t = fe(l) ? l : void 0), O(n) && (n = fe(l) ? l : void 0);
 			}
 			return {
 				minimum: t,
@@ -3317,10 +3317,10 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 				coefficient: this.coefficient,
 				coordinates: this.coordinates,
 				aspectRatio: this.getAspectRatio(!0)
-			}, t = e.boundaries, n = e.stencilSize, r = e.aspectRatio, De(V(i = D(n) ? n({
+			}, t = e.boundaries, n = e.stencilSize, r = e.aspectRatio, ke(B(i = D(n) ? n({
 				boundaries: t,
 				aspectRatio: r
-			}) : n), r) && (i = J({
+			}) : n), r) && (i = q({
 				sizeRestrictions: {
 					maxWidth: t.width,
 					maxHeight: t.height,
@@ -3333,7 +3333,7 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 					minimum: r.minimum,
 					maximum: r.maximum
 				}
-			})), (i.width > t.width || i.height > t.height) && (i = J({
+			})), (i.width > t.width || i.height > t.height) && (i = q({
 				sizeRestrictions: {
 					maxWidth: t.width,
 					maxHeight: t.height,
@@ -3343,8 +3343,8 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 				width: i.width,
 				height: i.height,
 				aspectRatio: {
-					minimum: V(i),
-					maximum: V(i)
+					minimum: B(i),
+					maximum: B(i)
 				}
 			})), i;
 			var e, t, n, r, i;
@@ -3362,13 +3362,13 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 			};
 		},
 		defaultCoordinates: function() {
-			return b({}, Te);
+			return b({}, De);
 		},
 		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 = Ke({
+				var i = b({}, this.imageTransforms.flip), a = Je({
 					flip: {
 						horizontal: e ? !i.horizontal : i.horizontal,
 						vertical: t ? !i.vertical : i.vertical
@@ -3392,7 +3392,7 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 				n && this.enableTransitions();
 				var r = b({}, this.imageSize);
 				this.appliedImageTransforms.rotate += e;
-				var i = Ge({
+				var i = qe({
 					visibleArea: this.visibleArea,
 					coordinates: this.coordinates,
 					previousImageSize: r,
@@ -3412,17 +3412,17 @@ var bt = ["transitions"], $ = T("vue-advanced-cropper"), xt = {
 		"error",
 		"ready"
 	]
-}, St = {
+}, Ct = {
 	key: 0,
 	ref: "canvas",
 	style: { display: "none" }
-}, Ct = {
+}, wt = {
 	key: 1,
 	ref: "sourceCanvas",
 	style: { display: "none" }
 };
-xt.render = function(e, t, a, c, l, u) {
-	return s(), n("div", {
+St.render = function(e, t, a, s, l, u) {
+	return c(), n("div", {
 		ref: "cropper",
 		class: u.classes.cropper
 	}, [i("div", {
@@ -3431,7 +3431,7 @@ xt.render = function(e, t, a, c, l, u) {
 	}, null, 2), i("div", {
 		class: u.classes.boundaries,
 		style: u.boundariesStyle
-	}, [(s(), n(f(a.backgroundWrapperComponent), {
+	}, [(c(), n(p(a.backgroundWrapperComponent), {
 		class: u.classes.cropperWrapper,
 		"wheel-resize": u.settings.resizeImage.wheel,
 		"touch-resize": u.settings.resizeImage.touch,
@@ -3440,7 +3440,7 @@ xt.render = function(e, t, a, c, l, u) {
 		onMove: u.onManipulateImage,
 		onResize: u.onManipulateImage
 	}, {
-		default: g((function() {
+		default: _((function() {
 			return [
 				i("div", {
 					class: u.classes.background,
@@ -3452,13 +3452,13 @@ xt.render = function(e, t, a, c, l, u) {
 					src: l.imageAttributes.src,
 					class: u.classes.image,
 					style: u.imageStyle,
-					onMousedown: t[1] ||= v((function() {}), ["prevent"])
+					onMousedown: t[1] ||= y((function() {}), ["prevent"])
 				}, null, 46, ["crossorigin", "src"])], 2),
 				i("div", {
 					class: u.classes.foreground,
 					style: u.boundariesStyle
 				}, null, 6),
-				_((s(), n(f(a.stencilComponent), o({
+				v((c(), n(p(a.stencilComponent), o({
 					ref: "stencil",
 					image: u.image,
 					coordinates: l.coordinates,
@@ -3478,9 +3478,9 @@ xt.render = function(e, t, a, c, l, u) {
 					"onResizeEnd",
 					"onMove",
 					"onMoveEnd"
-				])), [[m, l.imageLoaded]]),
-				a.canvas ? (s(), n("canvas", St, null, 512)) : r("", !0),
-				a.canvas ? (s(), n("canvas", Ct, null, 512)) : r("", !0)
+				])), [[h, l.imageLoaded]]),
+				a.canvas ? (c(), n("canvas", Ct, null, 512)) : r("", !0),
+				a.canvas ? (c(), n("canvas", wt, null, 512)) : r("", !0)
 			];
 		})),
 		_: 1
@@ -3496,7 +3496,7 @@ xt.render = function(e, t, a, c, l, u) {
 };
 //#endregion
 //#region lib/components/ui/media/image-cropper/partials/image-cropper-canvas.vue
-var wt = /* @__PURE__ */ a({
+var Tt = /* @__PURE__ */ a({
 	__name: "image-cropper-canvas",
 	props: {
 		src: {},
@@ -3507,13 +3507,20 @@ var wt = /* @__PURE__ */ a({
 	},
 	emits: ["change"],
 	setup(e, { emit: r }) {
-		let i = e, a = r, o = c(null), l = t(() => i.cropShape === "round" ? yt : _t), u = t(() => i.aspect == null ? {} : { aspectRatio: i.aspect });
-		h(() => i.zoom, (e, t) => {
+		let i = e, a = r, o = l(null), u = t(() => i.cropShape === "round" ? bt : vt), d = t(() => i.aspect == null ? {} : { aspectRatio: i.aspect });
+		g(() => i.zoom, (e, t) => {
 			t == null || e === t || o.value?.zoom(e / t);
-		}), h(() => i.rotation, (e, t) => {
+		}), g(() => i.rotation, (e, t) => {
 			o.value?.rotate(e - (t ?? 0));
 		});
-		function d(e) {
+		function f(e) {
+			e.stopImmediatePropagation();
+		}
+		s(() => {
+			let e = o.value?.$el;
+			if (e instanceof Element) for (let t of e.querySelectorAll("img")) t.addEventListener("load", f, { capture: !0 });
+		});
+		function p(e) {
 			a("change", {
 				area: {
 					x: e.coordinates.left,
@@ -3524,17 +3531,17 @@ var wt = /* @__PURE__ */ a({
 				canvas: e.canvas ?? null
 			});
 		}
-		return (t, r) => (s(), n(p(xt), {
+		return (t, r) => (c(), n(m(St), {
 			ref_key: "cropperRef",
 			ref: o,
 			class: "image-cropper-canvas h-full w-full",
 			src: e.src,
-			"stencil-component": l.value,
-			"stencil-props": u.value,
+			"stencil-component": u.value,
+			"stencil-props": d.value,
 			debounce: 0,
 			"image-restriction": "stencil",
 			canvas: !0,
-			onChange: d
+			onChange: p
 		}, null, 8, [
 			"src",
 			"stencil-component",
@@ -3543,4 +3550,4 @@ var wt = /* @__PURE__ */ a({
 	}
 });
 //#endregion
-export { wt as default };
+export { Tt as default };