@templatical/editor 0.43.1 → 0.43.3

package/dist/{MediaEditModal-B1X8qtJb.js → MediaEditModal-BuP8SJrv.js}

@@ -1,16 +1,16 @@
-import { A as e, At as t, B as n, F as r, M as i, N as a, P as o, R as s, S as c, T as l, V as u, Z as d, at as f, c as p, d as m, g as h, h as g, i as _, jt as v, kt as y, l as b, r as ee, s as te, u as x, v as S } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
-import { a as ne, c as re, o as ie, t as ae } from "./runtime-dom.esm-bundler-BGbPz4-g.js";
-import { t as oe } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { a as se, n as ce, o as le, r as ue, t as de } from "./editor-modal-99FB40dl.js";
+import { A as e, At as t, B as n, F as r, M as i, N as a, P as o, R as s, S as c, T as l, V as u, Z as d, at as f, c as p, d as m, g as h, h as g, i as _, jt as v, kt as ee, l as y, r as te, s as ne, u as b, v as x } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
+import { a as re, c as ie, o as ae, t as oe } from "./runtime-dom.esm-bundler-BGbPz4-g.js";
+import { t as se } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { a as ce, n as le, o as ue, r as de, t as fe } from "./editor-modal-DmgxKgII.js";
 //#region ../media-library/src/composables/useImageCrop.ts
-var fe = {
+var pe = {
 	free: void 0,
 	square: 1,
 	landscape43: 4 / 3,
 	landscape169: 16 / 9,
 	original: void 0
 };
-function pe(e) {
+function me(e) {
 	return e === "image/png" || e === "image/gif" ? {
 		mimeType: "image/png",
 		quality: 1
@@ -22,7 +22,7 @@ function pe(e) {
 		quality: .92
 	};
 }
-function me(e, t, n) {
+function he(e, t, n) {
 	let r = e.width, i = e.height;
 	if (!t && !n) return e;
 	let a = r, o = i;
@@ -36,7 +36,7 @@ function me(e, t, n) {
 	let c = s.getContext("2d");
 	return c && (c.imageSmoothingEnabled = !0, c.imageSmoothingQuality = "high", c.drawImage(e, 0, 0, a, o)), s;
 }
-function he(e, t, n) {
+function ge(e, t, n) {
 	return new Promise((r, i) => {
 		e.toBlob((e) => {
 			if (!e) {
@@ -48,7 +48,7 @@ function he(e, t, n) {
 		}, n.mimeType, n.quality);
 	});
 }
-function ge(e, t, n, r) {
+function _e(e, t, n, r) {
 	let i = e, a = t;
 	if (n && i > n) {
 		let e = n / i;
@@ -65,7 +65,7 @@ function ge(e, t, n, r) {
 }
 //#endregion
 //#region ../../node_modules/.pnpm/vue-advanced-cropper@2.8.9_vue@3.5.43_typescript@6.0.3_/node_modules/vue-advanced-cropper/dist/index.esm-bundler.js
-function _e(e, t) {
+function ve(e, t) {
 	var n = Object.keys(e);
 	if (Object.getOwnPropertySymbols) {
 		var r = Object.getOwnPropertySymbols(e);
@@ -75,18 +75,18 @@ function _e(e, t) {
 	}
 	return n;
 }
-function C(e) {
+function S(e) {
 	for (var t = 1; t < arguments.length; t++) {
 		var n = arguments[t] == null ? {} : arguments[t];
-		t % 2 ? _e(Object(n), !0).forEach((function(t) {
-			w(e, t, n[t]);
-		})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : _e(Object(n)).forEach((function(t) {
+		t % 2 ? ve(Object(n), !0).forEach((function(t) {
+			C(e, t, n[t]);
+		})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : ve(Object(n)).forEach((function(t) {
 			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
 		}));
 	}
 	return e;
 }
-function w(e, t, n) {
+function C(e, t, n) {
 	return t in e ? Object.defineProperty(e, t, {
 		value: n,
 		enumerable: !0,
@@ -94,7 +94,7 @@ function w(e, t, n) {
 		writable: !0
 	}) : e[t] = n, e;
 }
-function ve(e, t) {
+function ye(e, t) {
 	if (e == null) return {};
 	var n, r, i = function(e, t) {
 		if (e == null) return {};
@@ -108,28 +108,28 @@ function ve(e, t) {
 	}
 	return i;
 }
-function T(e) {
+function w(e) {
 	return function(e) {
-		if (Array.isArray(e)) return E(e);
+		if (Array.isArray(e)) return T(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 E(e, t);
+			if (typeof e == "string") return T(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 E(e, t);
+			if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return T(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 E(e, t) {
+function T(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 ye = function(e) {
+var E = function(e) {
 	(function() {
 		var t = {}.hasOwnProperty;
 		function n() {
@@ -153,15 +153,15 @@ var ye = function(e) {
 		}
 		e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
 	})();
-}, be, D, O = (ye(D = {
-	path: be,
+}, D, O, k = (E(O = {
+	path: D,
 	exports: {},
 	require: function(e, t) {
 		return function() {
 			throw Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs");
-		}(t == null && D.path);
+		}(t == null && O.path);
 	}
-}, D.exports), D.exports), k = function(e) {
+}, O.exports), O.exports), A = function(e) {
 	return function(t, n) {
 		if (!t) return e;
 		var r;
@@ -173,7 +173,7 @@ var ye = function(e) {
 		}), "") : "");
 	};
 };
-function A(e, t, n) {
+function j(e, t, n) {
 	var r, i, a, o, s;
 	function c() {
 		var l = Date.now() - o;
@@ -191,8 +191,8 @@ function A(e, t, n) {
 		r &&= (s = e.apply(a, i), a = i = null, clearTimeout(r), null);
 	}, l;
 }
-A.debounce = A;
-var j = A, M = function() {
+j.debounce = j;
+var be = j, M = function() {
 	return M = 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;
@@ -208,24 +208,24 @@ function N(e, t) {
 function P(e) {
 	return /^blob:/.test(e);
 }
-function xe(e) {
+function F(e) {
 	return P(e) || function(e) {
 		return /^data:/.test(e);
 	}(e);
 }
-function F(e) {
+function I(e) {
 	return !!(e && e.constructor && e.call && e.apply);
 }
-function I(e) {
+function L(e) {
 	return e === void 0;
 }
-function L(e) {
+function xe(e) {
 	return typeof e == "object" && !!e;
 }
 function Se(e, t, n) {
 	var r = {};
-	return L(e) ? (Object.keys(t).forEach((function(i) {
-		r[i] = I(e[i]) ? t[i] : L(t[i]) ? L(e[i]) ? Se(e[i], t[i], n[i]) : e[i] ? t[i] : n[i] : !0 === t[i] || !1 === t[i] ? !!e[i] : e[i];
+	return xe(e) ? (Object.keys(t).forEach((function(i) {
+		r[i] = L(e[i]) ? t[i] : xe(t[i]) ? xe(e[i]) ? Se(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 R(e) {
@@ -288,7 +288,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 = T(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 = w(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
@@ -334,7 +334,7 @@ var z = function(e, t) {
 			};
 		},
 		processMove: function(e, t) {
-			var n = T(t);
+			var n = w(t);
 			if (this.touches.length) {
 				if (this.touches.length === 1 && n.length === 1) {
 					var r = this.$refs.draggable;
@@ -361,7 +361,7 @@ var z = function(e, t) {
 	]
 };
 ke.render = function(t, n, r, i, o, s) {
-	return e(), b("div", {
+	return e(), y("div", {
 		ref: "draggable",
 		class: r.classname,
 		onTouchstart: n[1] ||= function() {
@@ -378,7 +378,7 @@ ke.render = function(t, n, r, i, o, s) {
 		}
 	}, [a(t.$slots, "default")], 34);
 };
-var Ae = k("vue-handler-wrapper"), je = {
+var Ae = A("vue-handler-wrapper"), je = {
 	name: "HandlerWrapper",
 	components: { DraggableElement: ke },
 	props: {
@@ -393,7 +393,7 @@ var Ae = k("vue-handler-wrapper"), je = {
 		var e;
 		if (this.horizontalPosition || this.verticalPosition) {
 			var t, n = N(this.horizontalPosition, this.verticalPosition);
-			e = Ae((w(t = {}, n.classname, !0), w(t, "disabled", this.disabled), t));
+			e = Ae((C(t = {}, n.classname, !0), C(t, "disabled", this.disabled), t));
 		} else e = Ae({ disabled: this.disabled });
 		return {
 			root: e,
@@ -409,7 +409,7 @@ var Ae = k("vue-handler-wrapper"), je = {
 };
 je.render = function(t, r, i, s, c, l) {
 	var u = o("DraggableElement");
-	return e(), b("div", { class: l.classes.root }, [h(u, {
+	return e(), y("div", { class: l.classes.root }, [h(u, {
 		class: l.classes.draggable,
 		onDrag: r[1] ||= function(e) {
 			return t.$emit("drag", e);
@@ -430,7 +430,7 @@ je.render = function(t, r, i, s, c, l) {
 		_: 3
 	}, 8, ["class"])], 2);
 };
-var Me = k("vue-line-wrapper"), Ne = {
+var Me = A("vue-line-wrapper"), Ne = {
 	name: "LineWrapper",
 	components: { DraggableElement: ke },
 	props: {
@@ -445,7 +445,7 @@ var Me = k("vue-line-wrapper"), Ne = {
 	},
 	computed: { classname: function() {
 		var e;
-		return Me((w(e = {}, this.position, !0), w(e, "disabled", this.disabled), e));
+		return Me((C(e = {}, this.position, !0), C(e, "disabled", this.disabled), e));
 	} },
 	emits: [
 		"leave",
@@ -456,7 +456,7 @@ var Me = k("vue-line-wrapper"), Ne = {
 };
 Ne.render = function(t, r, i, s, c, l) {
 	var u = o("DraggableElement");
-	return e(), b(u, {
+	return e(), y(u, {
 		class: l.classname,
 		onDrag: r[1] ||= function(e) {
 			return t.$emit("drag", e);
@@ -726,11 +726,11 @@ function $e(e) {
 	}, l = M({}, t);
 	return (Array.isArray(n) ? n : [n]).forEach((function(e) {
 		var t = {};
-		I((t = typeof e == "function" ? e({
+		L((t = typeof e == "function" ? e({
 			coordinates: l,
 			imageSize: r,
 			visibleArea: s
-		}) : e).width) && I(t.height) || (l = function(e, t) {
+		}) : e).width) && L(t.height) || (l = function(e, t) {
 			return c(M(M(M({}, e), Q({
 				width: t.width,
 				height: t.height,
@@ -743,7 +743,7 @@ function $e(e) {
 				left: e.left,
 				top: e.top
 			});
-		}(l, M(M({}, l), t))), I(t.left) && I(t.top) || (l = c(l, M(M({}, l), t)));
+		}(l, M(M({}, l), t))), L(t.left) && L(t.top) || (l = c(l, M(M({}, l), t)));
 	})), l;
 }
 function et(e) {
@@ -900,11 +900,11 @@ function ct(e) {
 		})) }
 	};
 	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));
-	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);
+	var g = n.left - r.left, _ = r.width + r.left - (n.width + n.left), v = n.top - r.top, ee = r.height + r.top - (n.height + n.top);
 	return u = Z(u = G(u, Y(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,
+		bottom: o.bottom === void 0 ? void 0 : o.bottom + ee * p,
 		right: o.right === void 0 ? void 0 : o.right + _ * p
 	})), a({
 		visibleArea: u,
@@ -1004,7 +1004,7 @@ 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 = k("vue-simple-handler"), mt = k("vue-simple-handler-wrapper"), ht = {
+var pt = A("vue-simple-handler"), mt = A("vue-simple-handler-wrapper"), ht = {
 	name: "SimpleHandler",
 	components: { HandlerWrapper: je },
 	props: {
@@ -1022,10 +1022,10 @@ var pt = k("vue-simple-handler"), mt = k("vue-simple-handler-wrapper"), ht = {
 		return { hover: !1 };
 	},
 	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);
+		var e, t = (C(e = {}, this.horizontalPosition, !!this.horizontalPosition), C(e, this.verticalPosition, !!this.verticalPosition), C(e, `${this.horizontalPosition}-${this.verticalPosition}`, !!(this.verticalPosition && this.horizontalPosition)), C(e, "hover", this.hover), e);
 		return {
-			default: O(pt(t), this.defaultClass, this.hover && this.hoverClass),
-			wrapper: O(mt(t), this.wrapperClass)
+			default: k(pt(t), this.defaultClass, this.hover && this.hoverClass),
+			wrapper: k(mt(t), this.wrapperClass)
 		};
 	} },
 	methods: {
@@ -1046,7 +1046,7 @@ var pt = k("vue-simple-handler"), mt = k("vue-simple-handler-wrapper"), ht = {
 };
 ht.render = function(t, r, i, a, s, c) {
 	var l = o("HandlerWrapper");
-	return e(), b(l, {
+	return e(), y(l, {
 		class: c.classes.wrapper,
 		"vertical-position": i.verticalPosition,
 		"horizontal-position": i.horizontalPosition,
@@ -1071,7 +1071,7 @@ ht.render = function(t, r, i, a, s, c) {
 		"onLeave"
 	]);
 };
-var gt = k("vue-simple-line"), _t = k("vue-simple-line-wrapper"), vt = {
+var gt = A("vue-simple-line"), _t = A("vue-simple-line-wrapper"), vt = {
 	name: "SimpleLine",
 	components: { LineWrapper: Ne },
 	props: {
@@ -1089,8 +1089,8 @@ var gt = k("vue-simple-line"), _t = k("vue-simple-line-wrapper"), vt = {
 	},
 	computed: { classes: function() {
 		return {
-			root: O(gt(w({}, this.position, !0)), this.defaultClass, this.hover && this.hoverClass),
-			wrapper: O(_t(w({}, this.position, !0)), this.wrapperClass)
+			root: k(gt(C({}, this.position, !0)), this.defaultClass, this.hover && this.hoverClass),
+			wrapper: k(_t(C({}, this.position, !0)), this.wrapperClass)
 		};
 	} },
 	methods: {
@@ -1111,7 +1111,7 @@ var gt = k("vue-simple-line"), _t = k("vue-simple-line-wrapper"), vt = {
 };
 vt.render = function(t, r, i, a, s, c) {
 	var l = o("LineWrapper");
-	return e(), b(l, {
+	return e(), y(l, {
 		class: c.classes.wrapper,
 		position: i.position,
 		disabled: i.disabled,
@@ -1134,7 +1134,7 @@ vt.render = function(t, r, i, a, s, c) {
 		"onLeave"
 	]);
 };
-var yt = k("vue-bounding-box"), bt = [
+var yt = A("vue-bounding-box"), bt = [
 	"east",
 	"west",
 	null
@@ -1252,8 +1252,8 @@ var yt = k("vue-bounding-box"), bt = [
 				n.horizontalDirection && n.verticalDirection || !e.lines[n.name] || t.push({
 					name: n.name,
 					component: e.linesComponent,
-					class: O(e.classes.lines.default, e.classes.lines[n.name], !e.resizable && e.classes.lines.disabled),
-					wrapperClass: O(e.classes.linesWrappers.default, e.classes.linesWrappers[n.name], !e.resizable && e.classes.linesWrappers.disabled),
+					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),
 					hoverClass: e.classes.lines.hover,
 					verticalDirection: n.verticalDirection,
 					horizontalDirection: n.horizontalDirection,
@@ -1268,8 +1268,8 @@ var yt = k("vue-bounding-box"), bt = [
 					var a = {
 						name: i.name,
 						component: e.handlersComponent,
-						class: O(e.classes.handlers.default, e.classes.handlers[i.name]),
-						wrapperClass: O(e.classes.handlersWrappers.default, e.classes.handlersWrappers[i.name]),
+						class: k(e.classes.handlers.default, e.classes.handlers[i.name]),
+						wrapperClass: k(e.classes.handlersWrappers.default, e.classes.handlersWrappers[i.name]),
 						hoverClass: e.classes.handlers.hover,
 						verticalDirection: i.verticalDirection,
 						horizontalDirection: i.horizontalDirection,
@@ -1278,7 +1278,7 @@ var yt = k("vue-bounding-box"), bt = [
 					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 = yt("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 = yt("handler", w({}, i.classname, !0));
+					} else a.wrapperClass = yt("handler", C({}, i.classname, !0));
 					t.push(a);
 				}
 			})), t;
@@ -1319,14 +1319,14 @@ var yt = k("vue-bounding-box"), bt = [
 	emits: ["resize", "resize-end"]
 };
 St.render = function(t, n, o, s, c, l) {
-	return e(), b("div", {
+	return e(), y("div", {
 		ref: "box",
 		class: l.classes.root,
 		style: l.style
 	}, [
 		a(t.$slots, "default"),
-		h("div", null, [(e(!0), b(ee, null, i(l.lineNodes, (function(t) {
-			return e(), b(r(t.component), {
+		h("div", null, [(e(!0), y(te, null, i(l.lineNodes, (function(t) {
+			return e(), y(r(t.component), {
 				key: t.name,
 				"default-class": t.class,
 				"hover-class": t.hoverClass,
@@ -1348,12 +1348,12 @@ St.render = function(t, n, o, s, c, l) {
 				"onDrag"
 			]);
 		})), 128))]),
-		(e(!0), b(ee, null, i(l.handlerNodes, (function(t) {
-			return e(), b("div", {
+		(e(!0), y(te, null, i(l.handlerNodes, (function(t) {
+			return e(), y("div", {
 				key: t.name,
 				style: t.wrapperStyle,
 				class: t.wrapperClass
-			}, [(e(), b(r(t.component), {
+			}, [(e(), y(r(t.component), {
 				"default-class": t.class,
 				"hover-class": t.hoverClass,
 				"wrapper-class": t.wrapperClass,
@@ -1378,7 +1378,7 @@ St.render = function(t, n, o, s, c, l) {
 		})), 128))
 	], 6);
 };
-var Ct = k("vue-draggable-area"), wt = {
+var Ct = A("vue-draggable-area"), wt = {
 	name: "DraggableArea",
 	props: {
 		movable: {
@@ -1406,7 +1406,7 @@ var Ct = k("vue-draggable-area"), wt = {
 		onTouchStart: function(e) {
 			if (e.cancelable) {
 				var t = this.movable && e.touches.length === 1;
-				t && (this.touches = T(e.touches)), (this.touchStarted || t) && (e.preventDefault(), e.stopPropagation());
+				t && (this.touches = w(e.touches)), (this.touchStarted || t) && (e.preventDefault(), e.stopPropagation());
 			}
 		},
 		onTouchEnd: function() {
@@ -1452,7 +1452,7 @@ var Ct = k("vue-draggable-area"), wt = {
 			};
 		},
 		processMove: function(e, t) {
-			var n = T(t);
+			var n = w(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({
@@ -1468,7 +1468,7 @@ var Ct = k("vue-draggable-area"), wt = {
 	emits: ["move", "move-end"]
 };
 wt.render = function(t, n, r, i, o, s) {
-	return e(), b("div", {
+	return e(), y("div", {
 		ref: "container",
 		onTouchstart: n[1] ||= function() {
 			return s.onTouchStart && s.onTouchStart.apply(s, arguments);
@@ -1607,7 +1607,7 @@ 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 = j(this.processEnd), this.touches = [];
+		this.transforming = !1, this.debouncedProcessEnd = be(this.processEnd), this.touches = [];
 	},
 	methods: {
 		processMove: function(e, t) {
@@ -1641,7 +1641,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 = T(e.touches).filter((function(e) {
+				this.touches = w(e.touches).filter((function(e) {
 					return e.clientX > r && e.clientX < o && e.clientY > i && e.clientY < a;
 				})), this.oldGeometricProperties = kt(this.touches, t);
 			}
@@ -1652,7 +1652,7 @@ var At = {
 		onTouchMove: function(e) {
 			var t = this;
 			if (this.touches.length) {
-				var n = T(e.touches).filter((function(e) {
+				var n = w(e.touches).filter((function(e) {
 					return !e.identifier || t.touches.find((function(t) {
 						return t.identifier === e.identifier;
 					}));
@@ -1700,7 +1700,7 @@ var At = {
 	]
 };
 At.render = function(t, n, r, i, o, s) {
-	return e(), b("div", {
+	return e(), y("div", {
 		ref: "container",
 		onTouchstart: n[1] ||= function() {
 			return s.onTouchStart && s.onTouchStart.apply(s, arguments);
@@ -1737,7 +1737,7 @@ var jt = {
 };
 jt.render = function(t, r, i, s, c, l) {
 	var u = o("transformable-image");
-	return e(), b(u, {
+	return e(), y(u, {
 		"touch-move": i.touchMove,
 		"touch-resize": i.touchResize,
 		"mouse-move": i.mouseMove,
@@ -1760,7 +1760,7 @@ jt.render = function(t, r, i, s, c, l) {
 		"wheel-resize"
 	]);
 };
-var Mt = k("vue-preview"), Nt = {
+var Mt = A("vue-preview"), Nt = {
 	props: {
 		coordinates: { type: Object },
 		transitions: { type: Object },
@@ -1793,7 +1793,7 @@ var Mt = k("vue-preview"), Nt = {
 				root: Mt({ fill: this.fill }),
 				wrapper: Mt("wrapper"),
 				imageWrapper: Mt("image-wrapper"),
-				image: O(Mt("image"), this.imageClass)
+				image: k(Mt("image"), this.imageClass)
 			};
 		},
 		style: function() {
@@ -1812,7 +1812,7 @@ var Mt = k("vue-preview"), Nt = {
 		},
 		imageStyle: function() {
 			if (this.coordinates && this.image) {
-				var e = this.coordinates.width / this.size.width, t = C(C({
+				var e = this.coordinates.width / this.size.width, t = S(S({
 					rotate: 0,
 					flip: {
 						horizontal: !1,
@@ -1885,7 +1885,7 @@ var Mt = k("vue-preview"), Nt = {
 	}
 };
 Nt.render = function(t, n, r, i, a, o) {
-	return e(), b("div", {
+	return e(), y("div", {
 		ref: "root",
 		class: o.classes.root,
 		style: o.style
@@ -1898,7 +1898,7 @@ Nt.render = function(t, n, r, i, a, o) {
 		src: r.image && r.image.src,
 		class: o.classes.image,
 		style: o.imageStyle
-	}, null, 14, ["src"]), [[ie, r.image && r.image.src]])], 6)], 6);
+	}, null, 14, ["src"]), [[ae, r.image && r.image.src]])], 6)], 6);
 };
 var Pt = {
 	components: { Preview: Nt },
@@ -1906,9 +1906,9 @@ var Pt = {
 };
 Pt.render = function(t, n, r, i, a, s) {
 	var c = o("preview");
-	return e(), b(c, l(t.$attrs, { fill: !0 }), null, 16);
+	return e(), y(c, l(t.$attrs, { fill: !0 }), null, 16);
 };
-var Ft = k("vue-rectangle-stencil"), It = {
+var Ft = A("vue-rectangle-stencil"), It = {
 	name: "RectangleStencil",
 	components: {
 		StencilPreview: Pt,
@@ -1983,13 +1983,13 @@ var Ft = k("vue-rectangle-stencil"), It = {
 	computed: {
 		classes: function() {
 			return {
-				stencil: O(Ft({
+				stencil: k(Ft({
 					movable: this.movable,
 					moving: this.moving,
 					resizing: this.resizing
 				}), this.moving && this.movingClass, this.resizing && this.resizingClass),
-				preview: O(Ft("preview"), this.previewClass),
-				boundingBox: O(Ft("bounding-box"), this.boundingBoxClass)
+				preview: k(Ft("preview"), this.previewClass),
+				boundingBox: k(Ft("bounding-box"), this.boundingBoxClass)
 			};
 		},
 		style: function() {
@@ -2030,7 +2030,7 @@ var Ft = k("vue-rectangle-stencil"), It = {
 };
 It.render = function(t, r, i, a, s, c) {
 	var l = o("stencil-preview"), u = o("draggable-area"), d = o("bounding-box");
-	return e(), b("div", {
+	return e(), y("div", {
 		class: c.classes.stencil,
 		style: c.style
 	}, [h(d, {
@@ -2099,7 +2099,7 @@ It.render = function(t, r, i, a, s, c) {
 		"onResizeEnd"
 	])], 6);
 };
-var Lt = ["transitions"], $ = k("vue-advanced-cropper"), Rt = {
+var Lt = ["transitions"], $ = A("vue-advanced-cropper"), Rt = {
 	name: "Cropper",
 	components: { BackgroundWrapper: jt },
 	props: {
@@ -2228,8 +2228,8 @@ var Lt = ["transitions"], $ = k("vue-advanced-cropper"), Rt = {
 					} else if (p === "height") {
 						var _ = o.width - d * f;
 						if (l.left && l.right) {
-							var v = c.left, y = c.right;
-							c.left = -ft(_, v, y), c.right = -ft(_, y, v);
+							var v = c.left, ee = c.right;
+							c.left = -ft(_, v, ee), c.right = -ft(_, ee, v);
 						} else l.left ? c.left = -_ : l.right ? c.right = -_ : l.top ? c.top = 0 : l.bottom && (c.bottom = 0);
 					}
 					c = dt({
@@ -2372,7 +2372,7 @@ var Lt = ["transitions"], $ = k("vue-advanced-cropper"), Rt = {
 				height: 0
 			},
 			visibleArea: null,
-			coordinates: C({}, Re)
+			coordinates: S({}, Re)
 		};
 	},
 	computed: {
@@ -2451,10 +2451,10 @@ var Lt = ["transitions"], $ = k("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: I(this.minWidth) ? 0 : R(this.minWidth),
-					minHeight: I(this.minHeight) ? 0 : R(this.minHeight),
-					maxWidth: I(this.maxWidth) ? 1 / 0 : R(this.maxWidth),
-					maxHeight: I(this.maxHeight) ? 1 / 0 : R(this.maxHeight)
+					minWidth: L(this.minWidth) ? 0 : R(this.minWidth),
+					minHeight: L(this.minHeight) ? 0 : R(this.minHeight),
+					maxWidth: L(this.maxWidth) ? 1 / 0 : R(this.maxWidth),
+					maxHeight: L(this.maxHeight) ? 1 / 0 : R(this.maxHeight)
 				});
 				if (e = function(e) {
 					var t = e.areaRestrictions, n = e.sizeRestrictions;
@@ -2507,14 +2507,14 @@ var Lt = ["transitions"], $ = k("vue-advanced-cropper"), Rt = {
 		classes: function() {
 			return {
 				cropper: $(),
-				image: O($("image"), this.imageClass),
+				image: k($("image"), this.imageClass),
 				stencil: $("stencil"),
-				boundaries: O($("boundaries"), this.boundariesClass),
-				stretcher: O($("stretcher")),
-				background: O($("background"), this.backgroundClass),
-				foreground: O($("foreground"), this.foregroundClass),
-				imageWrapper: O($("image-wrapper")),
-				cropperWrapper: O($("cropper-wrapper"))
+				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"))
 			};
 		},
 		stencilCoordinates: function() {
@@ -2551,7 +2551,7 @@ var Lt = ["transitions"], $ = k("vue-advanced-cropper"), Rt = {
 			}, n = {
 				left: (1 - 1 / this.coefficient) * e.width / 2,
 				top: (1 - 1 / this.coefficient) * e.height / 2
-			}, r = C(C({}, this.imageTransforms), {}, {
+			}, r = S(S({}, this.imageTransforms), {}, {
 				scaleX: this.imageTransforms.scaleX * (this.imageAttributes.width / e.width),
 				scaleY: this.imageTransforms.scaleY * (this.imageAttributes.height / e.height)
 			}), i = {
@@ -2600,7 +2600,7 @@ var Lt = ["transitions"], $ = k("vue-advanced-cropper"), Rt = {
 		}
 	},
 	created: function() {
-		this.debouncedUpdate = j(this.update, this.debounce), this.debouncedDisableTransitions = j(this.disableTransitions, this.transitionsOptions.time), this.awaiting = !1;
+		this.debouncedUpdate = be(this.update, this.debounce), this.debouncedDisableTransitions = be(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);
@@ -2610,16 +2610,16 @@ var Lt = ["transitions"], $ = k("vue-advanced-cropper"), Rt = {
 	},
 	methods: {
 		getResult: function() {
-			var e = this.initialized ? this.prepareResult(C({}, this.coordinates)) : this.defaultCoordinates(), t = {
+			var e = this.initialized ? this.prepareResult(S({}, this.coordinates)) : this.defaultCoordinates(), t = {
 				rotate: this.imageTransforms.rotate % 360,
-				flip: C({}, this.imageTransforms.flip)
+				flip: S({}, this.imageTransforms.flip)
 			};
 			if (this.src && this.imageLoaded) {
 				var n = this;
 				return {
 					image: this.image,
 					coordinates: e,
-					visibleArea: this.visibleArea ? C({}, this.visibleArea) : null,
+					visibleArea: this.visibleArea ? S({}, this.visibleArea) : null,
 					imageTransforms: t,
 					get canvas() {
 						return n.canvas ? n.getCanvas() : void 0;
@@ -2629,7 +2629,7 @@ var Lt = ["transitions"], $ = k("vue-advanced-cropper"), Rt = {
 			return {
 				image: this.image,
 				coordinates: e,
-				visibleArea: this.visibleArea ? C({}, this.visibleArea) : null,
+				visibleArea: this.visibleArea ? S({}, this.visibleArea) : null,
 				canvas: void 0,
 				imageTransforms: t
 			};
@@ -2689,7 +2689,7 @@ var Lt = ["transitions"], $ = k("vue-advanced-cropper"), Rt = {
 					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)), Z(i, r);
-			}(C(C({}, this.getPublicProperties()), {}, {
+			}(S(S({}, this.getPublicProperties()), {}, {
 				positionRestrictions: st(this.positionRestrictions, this.visibleArea),
 				coordinates: e
 			})) : e;
@@ -2711,10 +2711,10 @@ var Lt = ["transitions"], $ = k("vue-advanced-cropper"), Rt = {
 				sizeRestrictions: this.sizeRestrictions,
 				stencilSize: this.getStencilSize()
 			});
-			return C(C({}, a), {}, { changed: !ze(a.visibleArea, t) || !ze(a.coordinates, n) });
+			return S(S({}, a), {}, { changed: !ze(a.visibleArea, t) || !ze(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 = ve(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 = ye(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) {
@@ -2746,7 +2746,7 @@ var Lt = ["transitions"], $ = k("vue-advanced-cropper"), Rt = {
 					})), a;
 				}
 				return t;
-			}(C(C({}, this.getPublicProperties()), {}, { event: e }));
+			}(S(S({}, this.getPublicProperties()), {}, { event: e }));
 		},
 		getCanvas: function() {
 			if (this.$refs.canvas) {
@@ -2761,7 +2761,7 @@ var Lt = ["transitions"], $ = k("vue-advanced-cropper"), Rt = {
 						top: 0
 					}, a)), r);
 					return s.translate(-(c.left - o.width / 2), -(c.top - o.height / 2)), s.rotate(r * Math.PI / 180), s.translate(i.horizontal ? a.width : 0, i.vertical ? a.height : 0), s.scale(i.horizontal ? -1 : 1, i.vertical ? -1 : 1), s.drawImage(t, 0, 0, a.width, a.height), s.restore(), e;
-				}(this.$refs.sourceCanvas, t, this.imageTransforms) : t, r = C({
+				}(this.$refs.sourceCanvas, t, this.imageTransforms) : t, r = S({
 					minWidth: 0,
 					minHeight: 0,
 					maxWidth: 1 / 0,
@@ -2828,7 +2828,7 @@ var Lt = ["transitions"], $ = k("vue-advanced-cropper"), Rt = {
 				t ||= this.stencilSize ? at : it;
 				var n = this.sizeRestrictions;
 				n.minWidth, n.minHeight, n.maxWidth, n.maxHeight;
-				var r = F(t) ? t({
+				var r = I(t) ? t({
 					boundaries: this.boundaries,
 					imageSize: this.imageSize,
 					aspectRatio: this.getAspectRatio(),
@@ -2837,13 +2837,13 @@ var Lt = ["transitions"], $ = k("vue-advanced-cropper"), Rt = {
 					visibleArea: this.visibleArea
 				}) : t, i = this.defaultPosition || rt, a = [r, function(t) {
 					var n = t.coordinates;
-					return C({}, F(i) ? i({
+					return S({}, I(i) ? i({
 						coordinates: n,
 						imageSize: e.imageSize,
 						visibleArea: e.visibleArea
 					}) : e.defaultPosition);
 				}];
-				this.delayedTransforms && a.push.apply(a, T(Array.isArray(this.delayedTransforms) ? this.delayedTransforms : [this.delayedTransforms])), this.coordinates = this.applyTransform(a, !0), this.delayedTransforms = null;
+				this.delayedTransforms && a.push.apply(a, w(Array.isArray(this.delayedTransforms) ? this.delayedTransforms : [this.delayedTransforms])), this.coordinates = this.applyTransform(a, !0), this.delayedTransforms = null;
 			}
 		},
 		clearImage: function() {
@@ -2873,7 +2873,7 @@ var Lt = ["transitions"], $ = k("vue-advanced-cropper"), Rt = {
 					cropper: n,
 					imageSize: e.imageSize
 				};
-				if (e.boundaries = F(e.defaultBoundaries) ? e.defaultBoundaries(t) : e.defaultBoundaries === "fit" ? function(e) {
+				if (e.boundaries = I(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,
@@ -2890,10 +2890,10 @@ var Lt = ["transitions"], $ = k("vue-advanced-cropper"), Rt = {
 		},
 		resetVisibleArea: function() {
 			var e = this;
-			return this.appliedImageTransforms = C(C({}, this.defaultImageTransforms), {}, { flip: C({}, this.defaultImageTransforms.flip) }), this.updateBoundaries().then((function() {
+			return this.appliedImageTransforms = S(S({}, this.defaultImageTransforms), {}, { flip: S({}, 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 = F(s) ? s({
+				e.visibleArea = I(s) ? s({
 					imageSize: e.imageSize,
 					boundaries: e.boundaries,
 					coordinates: e.priority === "visible-area" ? null : e.coordinates,
@@ -2944,7 +2944,7 @@ var Lt = ["transitions"], $ = k("vue-advanced-cropper"), Rt = {
 			var e, t = this;
 			if (this.imageLoaded = !1, this.delayedTransforms = null, this.src) {
 				if (function(e) {
-					if (xe(e)) return !1;
+					if (F(e)) return !1;
 					var t = window.location, n = /(\w+:)?(?:\/\/)([\w.-]+)?(?::(\d+))?\/?/.exec(e) || [], r = {
 						protocol: n[1] || "",
 						host: n[2] || "",
@@ -2954,7 +2954,7 @@ var Lt = ["transitions"], $ = k("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 = I(this.crossOrigin) ? this.canvas : this.crossOrigin;
+					var n = L(this.crossOrigin) ? this.canvas : this.crossOrigin;
 					!0 === n && (n = "anonymous"), this.imageAttributes.crossOrigin = n || null;
 				}
 				if (this.checkOrientation) {
@@ -2997,13 +2997,13 @@ var Lt = ["transitions"], $ = k("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 ? P(n) || !xe(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 ? P(n) || !F(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 = F(this.defaultTransforms) ? Tt(this.defaultTransforms()) : L(this.defaultTransforms) ? Tt(this.defaultTransforms) : function(e) {
+			}(r) : this.imageAttributes.src = n, this.appliedImageTransforms = I(this.defaultTransforms) ? Tt(this.defaultTransforms()) : xe(this.defaultTransforms) ? Tt(this.defaultTransforms) : function(e) {
 				var t = Tt({});
 				if (e) switch (e) {
 					case 2:
@@ -3027,7 +3027,7 @@ var Lt = ["transitions"], $ = k("vue-advanced-cropper"), Rt = {
 					case 8: t.rotate = -90;
 				}
 				return t;
-			}(i), this.defaultImageTransforms = C(C({}, this.appliedImageTransforms), {}, { flip: C({}, this.appliedImageTransforms.flip) }), this.$nextTick((function() {
+			}(i), this.defaultImageTransforms = S(S({}, this.appliedImageTransforms), {}, { flip: S({}, this.appliedImageTransforms.flip) }), this.$nextTick((function() {
 				var e = t.$refs.image;
 				e && e.complete && (function(e) {
 					return !!e.naturalWidth;
@@ -3043,7 +3043,7 @@ var Lt = ["transitions"], $ = k("vue-advanced-cropper"), Rt = {
 		onMove: function(e) {
 			var t = this;
 			this.transitionsOptions.enabled || this.awaitRender((function() {
-				t.coordinates = t.moveAlgorithm(C(C({}, t.getPublicProperties()), {}, {
+				t.coordinates = t.moveAlgorithm(S(S({}, t.getPublicProperties()), {}, {
 					positionRestrictions: st(t.positionRestrictions, t.visibleArea),
 					coordinates: t.coordinates,
 					event: t.normalizeEvent(e)
@@ -3054,7 +3054,7 @@ var Lt = ["transitions"], $ = k("vue-advanced-cropper"), Rt = {
 			var t = this;
 			this.transitionsOptions.enabled || this.stencilSize && !this.autoZoom || this.awaitRender((function() {
 				var n = t.sizeRestrictions, r = Math.min(t.coordinates.width, t.coordinates.height, 20 * t.coefficient);
-				t.coordinates = t.resizeAlgorithm(C(C({}, t.getPublicProperties()), {}, {
+				t.coordinates = t.resizeAlgorithm(S(S({}, t.getPublicProperties()), {}, {
 					positionRestrictions: st(t.positionRestrictions, t.visibleArea),
 					sizeRestrictions: {
 						maxWidth: Math.min(n.maxWidth, t.visibleArea.width),
@@ -3071,7 +3071,7 @@ var Lt = ["transitions"], $ = k("vue-advanced-cropper"), Rt = {
 			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 = ct(C(C({}, this.getPublicProperties()), {}, {
+				var o = ct(S(S({}, this.getPublicProperties()), {}, {
 					event: a ? this.normalizeEvent(e) : e,
 					getAreaRestrictions: this.getAreaRestrictions,
 					imageRestriction: this.imageRestriction,
@@ -3099,9 +3099,9 @@ var Lt = ["transitions"], $ = k("vue-advanced-cropper"), Rt = {
 				var s = this.$refs.stencil.aspectRatios();
 				t = s.minimum, n = s.maximum;
 			}
-			if (I(t) && (t = I(i) ? a : i), I(n) && (n = I(i) ? o : i), !e && (I(t) || I(n))) {
+			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;
-				I(t) && (t = Ce(l) ? l : void 0), I(n) && (n = Ce(l) ? l : void 0);
+				L(t) && (t = Ce(l) ? l : void 0), L(n) && (n = Ce(l) ? l : void 0);
 			}
 			return {
 				minimum: t,
@@ -3119,7 +3119,7 @@ var Lt = ["transitions"], $ = k("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 = F(n) ? n({
+			}, t = e.boundaries, n = e.stencilSize, r = e.aspectRatio, He(q(i = I(n) ? n({
 				boundaries: t,
 				aspectRatio: r
 			}) : n), r) && (i = Q({
@@ -3164,13 +3164,13 @@ var Lt = ["transitions"], $ = k("vue-advanced-cropper"), Rt = {
 			};
 		},
 		defaultCoordinates: function() {
-			return C({}, Re);
+			return S({}, Re);
 		},
 		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 = C({}, this.imageTransforms.flip), a = ut({
+				var i = S({}, this.imageTransforms.flip), a = ut({
 					flip: {
 						horizontal: e ? !i.horizontal : i.horizontal,
 						vertical: t ? !i.vertical : i.vertical
@@ -3192,7 +3192,7 @@ var Lt = ["transitions"], $ = k("vue-advanced-cropper"), Rt = {
 			var t = (arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}).transitions, n = t === void 0 || t;
 			if (!this.transitionsActive) {
 				n && this.enableTransitions();
-				var r = C({}, this.imageSize);
+				var r = S({}, this.imageSize);
 				this.appliedImageTransforms.rotate += e;
 				var i = lt({
 					visibleArea: this.visibleArea,
@@ -3224,7 +3224,7 @@ var Lt = ["transitions"], $ = k("vue-advanced-cropper"), Rt = {
 	style: { display: "none" }
 };
 Rt.render = function(t, i, a, o, s, c) {
-	return e(), b("div", {
+	return e(), y("div", {
 		ref: "cropper",
 		class: c.classes.cropper
 	}, [h("div", {
@@ -3233,7 +3233,7 @@ Rt.render = function(t, i, a, o, s, c) {
 	}, null, 2), h("div", {
 		class: c.classes.boundaries,
 		style: c.boundariesStyle
-	}, [(e(), b(r(a.backgroundWrapperComponent), {
+	}, [(e(), y(r(a.backgroundWrapperComponent), {
 		class: c.classes.cropperWrapper,
 		"wheel-resize": c.settings.resizeImage.wheel,
 		"touch-resize": c.settings.resizeImage.touch,
@@ -3254,13 +3254,13 @@ Rt.render = function(t, i, a, o, s, c) {
 					src: s.imageAttributes.src,
 					class: c.classes.image,
 					style: c.imageStyle,
-					onMousedown: i[1] ||= re((function() {}), ["prevent"])
+					onMousedown: i[1] ||= ie((function() {}), ["prevent"])
 				}, null, 46, ["crossorigin", "src"])], 2),
 				h("div", {
 					class: c.classes.foreground,
 					style: c.boundariesStyle
 				}, null, 6),
-				u((e(), b(r(a.stencilComponent), l({
+				u((e(), y(r(a.stencilComponent), l({
 					ref: "stencil",
 					image: c.image,
 					coordinates: s.coordinates,
@@ -3280,9 +3280,9 @@ Rt.render = function(t, i, a, o, s, c) {
 					"onResizeEnd",
 					"onMove",
 					"onMoveEnd"
-				])), [[ie, s.imageLoaded]]),
-				a.canvas ? (e(), b("canvas", zt, null, 512)) : x("", !0),
-				a.canvas ? (e(), b("canvas", Bt, null, 512)) : x("", !0)
+				])), [[ae, s.imageLoaded]]),
+				a.canvas ? (e(), y("canvas", zt, null, 512)) : b("", !0),
+				a.canvas ? (e(), y("canvas", Bt, null, 512)) : b("", !0)
 			];
 		})),
 		_: 1
@@ -3351,70 +3351,107 @@ 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__*/ oe(/* @__PURE__ */ S({
+}, 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__*/ se(/* @__PURE__ */ x({
 	__name: "MediaEditModal",
 	props: {
 		visible: { type: Boolean },
-		item: {}
+		item: {},
+		save: { type: Function },
+		canCrop: { type: Boolean }
 	},
-	emits: ["save", "close"],
+	emits: ["close"],
 	setup(r, { emit: a }) {
-		let o = r, l = a, { t: S } = ue(), ie = c(le, null), oe = c(se, d(null)), _e = S.mediaLibrary, { isImageMimeType: C } = ce(), w = d(""), ve = d(""), T = d(null), E = d("free"), ye = d(void 0), be = d(void 0), D = d(""), O = d(""), k = d(void 0), A = d(null), j = d(!1), M = d(!1), N = d(!1), P = te(() => o.item ? [
+		let o = r, l = a, { t: x } = de(), ae = c(ue, null), se = c(ce, d(null)), ve = x.mediaLibrary, { isImageMimeType: S } = le(), C = d(""), ye = d(""), w = d(null), T = d("free"), E = d(void 0), D = d(void 0), O = d(""), k = d(""), A = d(void 0), j = d(null), be = d(!1), M = d(!1), N = d(!1), P = d(null), F = null, I = [
 			"image/jpeg",
 			"image/png",
-			"image/webp",
-			"image/gif"
-		].includes(o.item.mimeType ?? "") : !1), xe = te(() => E.value === "original" ? k.value : fe[E.value]), F = te(() => A.value ? ge(A.value.width, A.value.height, ye.value, be.value) : null);
+			"image/webp"
+		], L = ne(() => !o.item || !o.canCrop ? !1 : I.includes(o.item.mimeType ?? "")), xe = ne(() => E.value !== void 0 || D.value !== void 0), Se = ne(() => T.value === "original" ? A.value : pe[T.value]), R = ne(() => j.value ? _e(j.value.width, j.value.height, E.value, D.value) : null);
 		s(() => o.visible, (e) => {
-			e && o.item && (w.value = o.item.filename ?? "", ve.value = o.item.alt ?? "", E.value = "free", ye.value = void 0, be.value = void 0, D.value = "", O.value = "", k.value = void 0, A.value = null, j.value = !1, N.value = !1, o.item.width && o.item.height && (k.value = o.item.width / o.item.height));
+			e && o.item && (C.value = o.item.filename ?? "", ye.value = o.item.alt ?? "", T.value = "free", E.value = void 0, D.value = void 0, O.value = "", k.value = "", A.value = void 0, j.value = null, be.value = !1, N.value = !1, P.value = null, F = null, o.item.width && o.item.height && (A.value = o.item.width / o.item.height));
 		}, { immediate: !0 });
-		function I(e) {
-			e.coordinates && (A.value = {
-				width: Math.round(e.coordinates.width),
-				height: Math.round(e.coordinates.height)
-			}, N.value = !0);
+		function Ce(e) {
+			return {
+				left: Math.round(e.left),
+				top: Math.round(e.top),
+				width: Math.round(e.width),
+				height: Math.round(e.height)
+			};
 		}
-		function L() {
-			j.value = !0, !k.value && o.item?.width && o.item?.height && (k.value = o.item.width / o.item.height);
+		function we(e, t) {
+			return e.left === t.left && e.top === t.top && e.width === t.width && e.height === t.height;
 		}
-		function Se(e) {
+		function Te(e) {
+			if (!e.coordinates) return;
+			let t = Ce(e.coordinates);
+			if (j.value = {
+				width: t.width,
+				height: t.height
+			}, !F) {
+				F = t;
+				return;
+			}
+			N.value = !we(t, F);
+		}
+		function z({ imageSize: e }) {
+			return {
+				width: e.width,
+				height: e.height
+			};
+		}
+		function Ee() {
+			be.value = !0, !A.value && o.item?.width && o.item?.height && (A.value = o.item.width / o.item.height);
+		}
+		function De(e) {
 			let t = e.target.value;
-			D.value = t, ye.value = t && parseInt(t, 10) || void 0;
+			O.value = t, E.value = t && parseInt(t, 10) || void 0;
 		}
-		function R(e) {
+		function Oe(e) {
 			let t = e.target.value;
-			O.value = t, be.value = t && parseInt(t, 10) || void 0;
+			k.value = t, D.value = t && parseInt(t, 10) || void 0;
 		}
-		async function Ce() {
-			let e = w.value.trim();
+		async function ke() {
+			let e = C.value.trim();
 			if (!e || !o.item || M.value) return;
-			let t = C(o.item.mimeType ?? ""), n;
-			if (P.value && T.value && N.value) {
-				M.value = !0;
-				try {
-					let { canvas: e } = T.value.getResult();
-					if (e) {
-						let t = me(e, ye.value, be.value), r = pe(o.item.mimeType ?? "");
-						n = { file: await he(t, o.item.filename ?? "image", r) };
-					}
-				} catch {
-					M.value = !1;
-					return;
-				}
-				M.value = !1;
+			let t = o.item, n = S(t.mimeType ?? ""), r;
+			if (M.value = !0, P.value = null, L.value && w.value && (N.value || xe.value)) try {
+				let { canvas: e } = w.value.getResult();
+				if (!e) throw Error("The cropper returned no canvas");
+				let n = he(e, E.value, D.value);
+				(N.value || n !== e) && (r = { file: await ge(n, t.filename ?? "image", me(t.mimeType ?? "")) });
+			} catch {
+				P.value = "crop", M.value = !1;
+				return;
+			}
+			let i = await o.save(t.id, e, n ? ye.value : void 0, r);
+			if (M.value = !1, i === "saved") {
+				l("close");
+				return;
 			}
-			l("save", o.item.id, e, t ? ve.value : void 0, n), l("close");
+			i === "replaced" && Ae(), P.value = "save";
+		}
+		function Ae() {
+			let e = w.value?.getResult().coordinates;
+			e && (F = Ce(e)), N.value = !1, E.value = void 0, D.value = void 0, O.value = "", k.value = "";
 		}
-		let we = d(null), Te = te(() => o.visible && o.item !== null);
-		de(we, Te);
-		function z(e) {
+		function je() {
+			M.value || l("close");
+		}
+		let Me = d(null), Ne = ne(() => o.visible && o.item !== null);
+		fe(Me, Ne);
+		function B(e) {
 			if (e.stopPropagation(), e.key === "Enter" && !M.value) {
 				if (e.target?.closest("textarea, [contenteditable]")) return;
-				e.preventDefault(), Ce();
+				e.preventDefault(), ke();
 			}
-			e.key === "Escape" && l("close");
+			e.key === "Escape" && je();
 		}
-		return (a, o) => (e(), b(_, { to: f(oe) || "body" }, [h(ae, {
+		return (a, o) => (e(), y(_, { to: f(se) || "body" }, [h(oe, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 			"enter-from-class": "tpl:opacity-0",
 			"enter-to-class": "tpl:opacity-100",
@@ -3424,33 +3461,34 @@ var Vt = ["data-tpl-theme"], Ht = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ut
 		}, {
 			default: n(() => [r.visible && r.item ? (e(), m("div", {
 				key: 0,
-				"data-tpl-theme": f(ie),
-				class: y([f(oe) ? void 0 : "tpl", "tpl:fixed tpl:inset-0 tpl:z-10 tpl:flex tpl:items-center tpl:justify-center tpl:p-4"]),
+				"data-tpl-theme": f(ae),
+				class: ee([f(se) ? 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: o[3] ||= re((e) => l("close"), ["self"]),
-				onKeydown: z
+				onClick: ie(je, ["self"]),
+				onKeydown: B
 			}, [p("div", {
 				ref_key: "dialogRef",
-				ref: we,
+				ref: Me,
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-labelledby": "tpl-media-edit-title",
-				class: y(["tpl:flex tpl:max-h-[90%] tpl:w-full tpl:flex-col tpl:overflow-hidden tpl:rounded-lg tpl:shadow-xl", P.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", L.value ? "tpl:max-w-2xl" : "tpl:max-w-sm"]),
 				style: { "background-color": "var(--tpl-bg-elevated)" }
 			}, [
-				p("div", Ht, [p("h3", Ut, v(f(S).mediaLibrary.editFile), 1)]),
+				p("div", Ht, [p("h3", Ut, v(f(x).mediaLibrary.editFile), 1)]),
 				p("div", Wt, [
-					P.value ? (e(), m("div", Gt, [p("div", Kt, [h(f(Rt), {
+					L.value ? (e(), m("div", Gt, [p("div", Kt, [h(f(Rt), {
 						ref_key: "cropperRef",
-						ref: T,
+						ref: w,
 						src: r.item.url,
-						"stencil-props": { aspectRatio: xe.value },
+						"stencil-props": { aspectRatio: Se.value },
 						class: "tpl:h-full tpl:w-full",
 						"background-class": "tpl-cropper-background",
-						onChange: I,
-						onReady: L
+						"default-size": z,
+						onChange: Te,
+						onReady: Ee
 					}, null, 8, ["src", "stencil-props"])]), p("div", qt, [
-						p("div", null, [p("label", Jt, v(f(S).mediaLibrary.cropAspectRatio), 1), p("div", Yt, [(e(), m(ee, null, i([
+						p("div", null, [p("label", Jt, v(f(x).mediaLibrary.cropAspectRatio), 1), p("div", Yt, [(e(), m(te, null, i([
 							"free",
 							"square",
 							"landscape43",
@@ -3461,14 +3499,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: t({
-								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)"
+								borderColor: T.value === e ? "var(--tpl-primary)" : "var(--tpl-border)",
+								backgroundColor: T.value === e ? "var(--tpl-primary-light)" : "var(--tpl-bg)",
+								color: T.value === e ? "var(--tpl-primary)" : "var(--tpl-text)"
 							}),
-							onClick: (t) => E.value = e
-						}, v(f(_e)[`crop${e.charAt(0).toUpperCase()}${e.slice(1)}`]), 13, Xt)), 64))])]),
-						p("div", Zt, [p("div", Qt, [p("label", $t, [g(v(f(S).mediaLibrary.cropMaxWidth) + " ", 1), p("span", en, v(f(S).mediaLibrary.cropOptional), 1)]), p("div", tn, [p("input", {
-							value: D.value,
+							onClick: (t) => T.value = e
+						}, v(f(ve)[`crop${e.charAt(0).toUpperCase()}${e.slice(1)}`]), 13, Xt)), 64))])]),
+						p("div", Zt, [p("div", Qt, [p("label", $t, [g(v(f(x).mediaLibrary.cropMaxWidth) + " ", 1), p("span", en, v(f(x).mediaLibrary.cropOptional), 1)]), p("div", tn, [p("input", {
+							value: O.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",
@@ -3477,10 +3515,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: A.value?.width?.toString() || "",
-							onInput: Se
-						}, null, 40, nn), p("span", rn, v(f(S).mediaLibrary.cropPixels), 1)])]), p("div", an, [p("label", on, [g(v(f(S).mediaLibrary.cropMaxHeight) + " ", 1), p("span", sn, v(f(S).mediaLibrary.cropOptional), 1)]), p("div", cn, [p("input", {
-							value: O.value,
+							placeholder: j.value?.width?.toString() || "",
+							onInput: De
+						}, null, 40, nn), p("span", rn, v(f(x).mediaLibrary.cropPixels), 1)])]), p("div", an, [p("label", on, [g(v(f(x).mediaLibrary.cropMaxHeight) + " ", 1), p("span", sn, v(f(x).mediaLibrary.cropOptional), 1)]), p("div", cn, [p("input", {
+							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",
@@ -3489,14 +3527,14 @@ 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: A.value?.height?.toString() || "",
-							onInput: R
-						}, null, 40, ln), p("span", un, v(f(S).mediaLibrary.cropPixels), 1)])])]),
-						F.value ? (e(), m("div", dn, [p("span", null, v(f(S).mediaLibrary.cropOutputSize) + ": ", 1), p("span", fn, v(F.value.width) + " x " + v(F.value.height) + " " + v(f(S).mediaLibrary.cropPixels), 1)])) : x("", !0)
-					])])) : x("", !0),
-					p("div", pn, [p("label", mn, v(f(S).mediaLibrary.fileName), 1), u(p("input", {
+							placeholder: j.value?.height?.toString() || "",
+							onInput: Oe
+						}, null, 40, ln), p("span", un, v(f(x).mediaLibrary.cropPixels), 1)])])]),
+						R.value ? (e(), m("div", dn, [p("span", null, v(f(x).mediaLibrary.cropOutputSize) + ": ", 1), p("span", fn, v(R.value.width) + " x " + v(R.value.height) + " " + v(f(x).mediaLibrary.cropPixels), 1)])) : b("", !0)
+					])])) : b("", !0),
+					p("div", pn, [p("label", mn, v(f(x).mediaLibrary.fileName), 1), u(p("input", {
 						id: "tpl-media-filename",
-						"onUpdate:modelValue": o[0] ||= (e) => w.value = e,
+						"onUpdate:modelValue": o[0] ||= (e) => C.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: {
@@ -3504,11 +3542,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: !P.value
-					}, null, 8, hn), [[ne, w.value]])]),
-					f(C)(r.item.mimeType ?? "") ? (e(), m("div", gn, [p("label", _n, v(f(S).mediaLibrary.altText), 1), u(p("input", {
+						autofocus: !L.value
+					}, null, 8, hn), [[re, C.value]])]),
+					f(S)(r.item.mimeType ?? "") ? (e(), m("div", gn, [p("label", _n, v(f(x).mediaLibrary.altText), 1), u(p("input", {
 						id: "tpl-media-alt",
-						"onUpdate:modelValue": o[1] ||= (e) => ve.value = e,
+						"onUpdate:modelValue": o[1] ||= (e) => ye.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: {
@@ -3516,30 +3554,32 @@ 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: f(S).mediaLibrary.altTextPlaceholder
-					}, null, 8, vn), [[ne, ve.value]])])) : x("", !0)
+						placeholder: f(x).mediaLibrary.altTextPlaceholder
+					}, null, 8, vn), [[re, ye.value]])])) : b("", !0)
 				]),
-				p("div", yn, [p("button", {
+				P.value ? (e(), m("p", yn, v(P.value === "crop" ? f(x).mediaLibrary.editCropError : f(x).mediaLibrary.editSaveError), 1)) : b("", !0),
+				p("div", bn, [p("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: o[2] ||= (e) => l("close")
-				}, v(f(S).mediaLibrary.cancel), 1), p("button", {
+					disabled: M.value,
+					onClick: je
+				}, v(f(x).mediaLibrary.cancel), 9, xn), p("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: M.value,
-					onClick: Ce
-				}, v(M.value ? f(S).mediaLibrary.saving : f(S).mediaLibrary.saveChanges), 9, bn)])
-			], 2)], 42, Vt)) : x("", !0)]),
+					onClick: ke
+				}, v(M.value ? f(x).mediaLibrary.saving : f(x).mediaLibrary.saveChanges), 9, Sn)])
+			], 2)], 42, Vt)) : b("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), [["__scopeId", "data-v-51052195"]]);
+}), [["__scopeId", "data-v-7d9a1872"]]);
 //#endregion
-export { xn as default };
+export { Cn as default };