@templatical/editor 0.43.0 → 0.43.2

package/dist/cdn/chunks/{MediaEditModal-CzUtXkpk.js → MediaEditModal-BHp7euCZ.js}

@@ -1,15 +1,15 @@
-import { B as e, E as t, F as n, H as r, I as i, L as a, N as o, O as s, Q as c, R as l, S as u, U as d, at as f, b as p, ct as m, d as h, f as g, g as _, h as v, l as y, lt as ee, m as b, n as te, o as ne, p as x, s as re, u as ie, ut as S, y as ae } from "./draggable-IB4x6w2O.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-CZQArGNj.js";
+import { B as e, E as t, F as n, H as r, I as i, L as a, N as o, O as s, Q as c, R as l, S as u, U as d, at as f, b as p, ct as m, d as h, f as g, g as _, h as v, l as ee, lt as te, m as y, n as ne, o as re, p as b, s as ie, u as ae, ut as x, y as oe } from "./draggable-IB4x6w2O.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-BDOfw3l0.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
@@ -21,7 +21,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;
@@ -35,7 +35,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) {
@@ -47,7 +47,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;
@@ -64,7 +64,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);
@@ -74,18 +74,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,
@@ -93,7 +93,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 {};
@@ -107,28 +107,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() {
@@ -152,15 +152,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;
@@ -172,7 +172,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;
@@ -190,8 +190,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;
@@ -207,24 +207,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) {
@@ -287,7 +287,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
@@ -333,7 +333,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;
@@ -360,7 +360,7 @@ var z = function(e, t) {
 	]
 };
 ke.render = function(e, t, n, r, a, s) {
-	return o(), b("div", {
+	return o(), y("div", {
 		ref: "draggable",
 		class: n.classname,
 		onTouchstart: t[1] ||= function() {
@@ -377,7 +377,7 @@ ke.render = function(e, t, n, r, a, s) {
 		}
 	}, [i(e.$slots, "default")], 34);
 };
-var Ae = k("vue-handler-wrapper"), je = {
+var Ae = A("vue-handler-wrapper"), je = {
 	name: "HandlerWrapper",
 	components: { DraggableElement: ke },
 	props: {
@@ -392,7 +392,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,
@@ -408,7 +408,7 @@ var Ae = k("vue-handler-wrapper"), je = {
 };
 je.render = function(e, t, n, s, c, l) {
 	var u = a("DraggableElement");
-	return o(), b("div", { class: l.classes.root }, [p(u, {
+	return o(), y("div", { class: l.classes.root }, [p(u, {
 		class: l.classes.draggable,
 		onDrag: t[1] ||= function(t) {
 			return e.$emit("drag", t);
@@ -429,7 +429,7 @@ je.render = function(e, t, n, 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: {
@@ -444,7 +444,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",
@@ -455,7 +455,7 @@ var Me = k("vue-line-wrapper"), Ne = {
 };
 Ne.render = function(e, t, n, s, c, l) {
 	var u = a("DraggableElement");
-	return o(), b(u, {
+	return o(), y(u, {
 		class: l.classname,
 		onDrag: t[1] ||= function(t) {
 			return e.$emit("drag", t);
@@ -725,11 +725,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,
@@ -742,7 +742,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) {
@@ -890,11 +890,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,
@@ -992,7 +992,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: {
@@ -1010,10 +1010,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: {
@@ -1034,7 +1034,7 @@ var pt = k("vue-simple-handler"), mt = k("vue-simple-handler-wrapper"), ht = {
 };
 ht.render = function(e, t, n, i, s, c) {
 	var l = a("HandlerWrapper");
-	return o(), b(l, {
+	return o(), y(l, {
 		class: c.classes.wrapper,
 		"vertical-position": n.verticalPosition,
 		"horizontal-position": n.horizontalPosition,
@@ -1059,7 +1059,7 @@ ht.render = function(e, t, n, i, 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: {
@@ -1077,8 +1077,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: {
@@ -1099,7 +1099,7 @@ var gt = k("vue-simple-line"), _t = k("vue-simple-line-wrapper"), vt = {
 };
 vt.render = function(e, t, n, i, s, c) {
 	var l = a("LineWrapper");
-	return o(), b(l, {
+	return o(), y(l, {
 		class: c.classes.wrapper,
 		position: n.position,
 		disabled: n.disabled,
@@ -1122,7 +1122,7 @@ vt.render = function(e, t, n, i, s, c) {
 		"onLeave"
 	]);
 };
-var yt = k("vue-bounding-box"), bt = [
+var yt = A("vue-bounding-box"), bt = [
 	"east",
 	"west",
 	null
@@ -1240,8 +1240,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,
@@ -1256,8 +1256,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,
@@ -1266,7 +1266,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;
@@ -1307,14 +1307,14 @@ var yt = k("vue-bounding-box"), bt = [
 	emits: ["resize", "resize-end"]
 };
 St.render = function(e, t, r, a, s, c) {
-	return o(), b("div", {
+	return o(), y("div", {
 		ref: "box",
 		class: c.classes.root,
 		style: c.style
 	}, [
 		i(e.$slots, "default"),
-		p("div", null, [(o(!0), b(ie, null, n(c.lineNodes, (function(e) {
-			return o(), b(l(e.component), {
+		p("div", null, [(o(!0), y(ae, null, n(c.lineNodes, (function(e) {
+			return o(), y(l(e.component), {
 				key: e.name,
 				"default-class": e.class,
 				"hover-class": e.hoverClass,
@@ -1336,12 +1336,12 @@ St.render = function(e, t, r, a, s, c) {
 				"onDrag"
 			]);
 		})), 128))]),
-		(o(!0), b(ie, null, n(c.handlerNodes, (function(e) {
-			return o(), b("div", {
+		(o(!0), y(ae, null, n(c.handlerNodes, (function(e) {
+			return o(), y("div", {
 				key: e.name,
 				style: e.wrapperStyle,
 				class: e.wrapperClass
-			}, [(o(), b(l(e.component), {
+			}, [(o(), y(l(e.component), {
 				"default-class": e.class,
 				"hover-class": e.hoverClass,
 				"wrapper-class": e.wrapperClass,
@@ -1366,7 +1366,7 @@ St.render = function(e, t, r, a, s, c) {
 		})), 128))
 	], 6);
 };
-var Ct = k("vue-draggable-area"), wt = {
+var Ct = A("vue-draggable-area"), wt = {
 	name: "DraggableArea",
 	props: {
 		movable: {
@@ -1394,7 +1394,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() {
@@ -1440,7 +1440,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({
@@ -1456,7 +1456,7 @@ var Ct = k("vue-draggable-area"), wt = {
 	emits: ["move", "move-end"]
 };
 wt.render = function(e, t, n, r, a, s) {
-	return o(), b("div", {
+	return o(), y("div", {
 		ref: "container",
 		onTouchstart: t[1] ||= function() {
 			return s.onTouchStart && s.onTouchStart.apply(s, arguments);
@@ -1595,7 +1595,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) {
@@ -1629,7 +1629,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);
 			}
@@ -1640,7 +1640,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;
 					}));
@@ -1688,7 +1688,7 @@ var At = {
 	]
 };
 At.render = function(e, t, n, r, a, s) {
-	return o(), b("div", {
+	return o(), y("div", {
 		ref: "container",
 		onTouchstart: t[1] ||= function() {
 			return s.onTouchStart && s.onTouchStart.apply(s, arguments);
@@ -1725,7 +1725,7 @@ var jt = {
 };
 jt.render = function(e, t, n, s, c, l) {
 	var u = a("transformable-image");
-	return o(), b(u, {
+	return o(), y(u, {
 		"touch-move": n.touchMove,
 		"touch-resize": n.touchResize,
 		"mouse-move": n.mouseMove,
@@ -1748,7 +1748,7 @@ jt.render = function(e, t, n, s, c, l) {
 		"wheel-resize"
 	]);
 };
-var Mt = k("vue-preview"), Nt = {
+var Mt = A("vue-preview"), Nt = {
 	props: {
 		coordinates: { type: Object },
 		transitions: { type: Object },
@@ -1781,7 +1781,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() {
@@ -1800,7 +1800,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,
@@ -1873,7 +1873,7 @@ var Mt = k("vue-preview"), Nt = {
 	}
 };
 Nt.render = function(e, t, n, r, i, a) {
-	return o(), b("div", {
+	return o(), y("div", {
 		ref: "root",
 		class: a.classes.root,
 		style: a.style
@@ -1886,7 +1886,7 @@ Nt.render = function(e, t, n, r, i, a) {
 		src: n.image && n.image.src,
 		class: a.classes.image,
 		style: a.imageStyle
-	}, null, 14, ["src"]), [[re, n.image && n.image.src]])], 6)], 6);
+	}, null, 14, ["src"]), [[ie, n.image && n.image.src]])], 6)], 6);
 };
 var Pt = {
 	components: { Preview: Nt },
@@ -1894,9 +1894,9 @@ var Pt = {
 };
 Pt.render = function(e, t, n, r, i, c) {
 	var l = a("preview");
-	return o(), b(l, s(e.$attrs, { fill: !0 }), null, 16);
+	return o(), y(l, s(e.$attrs, { fill: !0 }), null, 16);
 };
-var Ft = k("vue-rectangle-stencil"), It = {
+var Ft = A("vue-rectangle-stencil"), It = {
 	name: "RectangleStencil",
 	components: {
 		StencilPreview: Pt,
@@ -1971,13 +1971,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() {
@@ -2018,7 +2018,7 @@ var Ft = k("vue-rectangle-stencil"), It = {
 };
 It.render = function(e, t, n, i, s, c) {
 	var l = a("stencil-preview"), u = a("draggable-area"), d = a("bounding-box");
-	return o(), b("div", {
+	return o(), y("div", {
 		class: c.classes.stencil,
 		style: c.style
 	}, [p(d, {
@@ -2087,7 +2087,7 @@ It.render = function(e, t, n, i, 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: {
@@ -2216,8 +2216,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({
@@ -2360,7 +2360,7 @@ var Lt = ["transitions"], $ = k("vue-advanced-cropper"), Rt = {
 				height: 0
 			},
 			visibleArea: null,
-			coordinates: C({}, Re)
+			coordinates: S({}, Re)
 		};
 	},
 	computed: {
@@ -2439,10 +2439,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, r = e.boundaries, i = e.positionRestrictions, a = M(M({}, n), {
@@ -2491,14 +2491,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() {
@@ -2535,7 +2535,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 = {
@@ -2584,7 +2584,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);
@@ -2594,16 +2594,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;
@@ -2613,7 +2613,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
 			};
@@ -2673,7 +2673,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;
@@ -2695,10 +2695,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) {
@@ -2730,7 +2730,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) {
@@ -2745,7 +2745,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,
@@ -2810,7 +2810,7 @@ var Lt = ["transitions"], $ = k("vue-advanced-cropper"), Rt = {
 				this.$refs.cropper, this.$refs.image;
 				var t = this.defaultSize;
 				t ||= this.stencilSize ? at : it, this.sizeRestrictions;
-				var n = F(t) ? t({
+				var n = I(t) ? t({
 					boundaries: this.boundaries,
 					imageSize: this.imageSize,
 					aspectRatio: this.getAspectRatio(),
@@ -2819,13 +2819,13 @@ var Lt = ["transitions"], $ = k("vue-advanced-cropper"), Rt = {
 					visibleArea: this.visibleArea
 				}) : t, r = this.defaultPosition || rt, i = [n, function(t) {
 					var n = t.coordinates;
-					return C({}, F(r) ? r({
+					return S({}, I(r) ? r({
 						coordinates: n,
 						imageSize: e.imageSize,
 						visibleArea: e.visibleArea
 					}) : e.defaultPosition);
 				}];
-				this.delayedTransforms && i.push.apply(i, T(Array.isArray(this.delayedTransforms) ? this.delayedTransforms : [this.delayedTransforms])), this.coordinates = this.applyTransform(i, !0), this.delayedTransforms = null;
+				this.delayedTransforms && i.push.apply(i, w(Array.isArray(this.delayedTransforms) ? this.delayedTransforms : [this.delayedTransforms])), this.coordinates = this.applyTransform(i, !0), this.delayedTransforms = null;
 			}
 		},
 		clearImage: function() {
@@ -2855,7 +2855,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,
@@ -2872,10 +2872,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,
@@ -2926,7 +2926,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] || "",
@@ -2936,7 +2936,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) {
@@ -2979,13 +2979,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:
@@ -3009,7 +3009,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;
@@ -3025,7 +3025,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)
@@ -3036,7 +3036,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),
@@ -3053,7 +3053,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,
@@ -3081,9 +3081,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,
@@ -3101,7 +3101,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({
@@ -3146,13 +3146,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
@@ -3174,7 +3174,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,
@@ -3206,7 +3206,7 @@ var Lt = ["transitions"], $ = k("vue-advanced-cropper"), Rt = {
 	style: { display: "none" }
 };
 Rt.render = function(e, t, n, i, a, c) {
-	return o(), b("div", {
+	return o(), y("div", {
 		ref: "cropper",
 		class: c.classes.cropper
 	}, [p("div", {
@@ -3215,7 +3215,7 @@ Rt.render = function(e, t, n, i, a, c) {
 	}, null, 2), p("div", {
 		class: c.classes.boundaries,
 		style: c.boundariesStyle
-	}, [(o(), b(l(n.backgroundWrapperComponent), {
+	}, [(o(), y(l(n.backgroundWrapperComponent), {
 		class: c.classes.cropperWrapper,
 		"wheel-resize": c.settings.resizeImage.wheel,
 		"touch-resize": c.settings.resizeImage.touch,
@@ -3236,13 +3236,13 @@ Rt.render = function(e, t, n, i, a, c) {
 					src: a.imageAttributes.src,
 					class: c.classes.image,
 					style: c.imageStyle,
-					onMousedown: t[1] ||= y((function() {}), ["prevent"])
+					onMousedown: t[1] ||= ee((function() {}), ["prevent"])
 				}, null, 46, ["crossorigin", "src"])], 2),
 				p("div", {
 					class: c.classes.foreground,
 					style: c.boundariesStyle
 				}, null, 6),
-				d((o(), b(l(n.stencilComponent), s({
+				d((o(), y(l(n.stencilComponent), s({
 					ref: "stencil",
 					image: c.image,
 					coordinates: a.coordinates,
@@ -3262,9 +3262,9 @@ Rt.render = function(e, t, n, i, a, c) {
 					"onResizeEnd",
 					"onMove",
 					"onMoveEnd"
-				])), [[re, a.imageLoaded]]),
-				n.canvas ? (o(), b("canvas", zt, null, 512)) : v("", !0),
-				n.canvas ? (o(), b("canvas", Bt, null, 512)) : v("", !0)
+				])), [[ie, a.imageLoaded]]),
+				n.canvas ? (o(), y("canvas", zt, null, 512)) : v("", !0),
+				n.canvas ? (o(), y("canvas", Bt, null, 512)) : v("", !0)
 			];
 		})),
 		_: 1
@@ -3333,70 +3333,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__ */ u({
+}, 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__ */ u({
 	__name: "MediaEditModal",
 	props: {
 		visible: { type: Boolean },
-		item: {}
+		item: {},
+		save: { type: Function },
+		canCrop: { type: Boolean }
 	},
-	emits: ["save", "close"],
+	emits: ["close"],
 	setup(i, { emit: a }) {
-		let s = i, l = a, { t: u } = ue(), re = t(le, null), oe = t(se, c(null)), _e = u.mediaLibrary, { isImageMimeType: C } = ce(), w = c(""), ve = c(""), T = c(null), E = c("free"), ye = c(void 0), be = c(void 0), D = c(""), O = c(""), k = c(void 0), A = c(null), j = c(!1), M = c(!1), N = c(!1), P = g(() => s.item ? [
+		let s = i, l = a, { t: u } = de(), ie = t(ue, null), se = t(ce, c(null)), ve = u.mediaLibrary, { isImageMimeType: S } = le(), C = c(""), ye = c(""), w = c(null), T = c("free"), E = c(void 0), D = c(void 0), O = c(""), k = c(""), A = c(void 0), j = c(null), be = c(!1), M = c(!1), N = c(!1), P = c(null), F = null, I = [
 			"image/jpeg",
 			"image/png",
-			"image/webp",
-			"image/gif"
-		].includes(s.item.mimeType ?? "") : !1), xe = g(() => E.value === "original" ? k.value : fe[E.value]), F = g(() => A.value ? ge(A.value.width, A.value.height, ye.value, be.value) : null);
+			"image/webp"
+		], L = g(() => !s.item || !s.canCrop ? !1 : I.includes(s.item.mimeType ?? "")), xe = g(() => E.value !== void 0 || D.value !== void 0), Se = g(() => T.value === "original" ? A.value : pe[T.value]), R = g(() => j.value ? _e(j.value.width, j.value.height, E.value, D.value) : null);
 		e(() => s.visible, (e) => {
-			e && s.item && (w.value = s.item.filename ?? "", ve.value = s.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, s.item.width && s.item.height && (k.value = s.item.width / s.item.height));
+			e && s.item && (C.value = s.item.filename ?? "", ye.value = s.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, s.item.width && s.item.height && (A.value = s.item.width / s.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 && s.item?.width && s.item?.height && (k.value = s.item.width / s.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 && s.item?.width && s.item?.height && (A.value = s.item.width / s.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 || !s.item || M.value) return;
-			let t = C(s.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(s.item.mimeType ?? "");
-						n = { file: await he(t, s.item.filename ?? "image", r) };
-					}
-				} catch {
-					M.value = !1;
-					return;
-				}
-				M.value = !1;
+			let t = s.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 s.save(t.id, e, n ? ye.value : void 0, r);
+			if (M.value = !1, i === "saved") {
+				l("close");
+				return;
 			}
-			l("save", s.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 = c(null), Te = g(() => s.visible && s.item !== null);
-		de(we, Te);
-		function z(e) {
+		function je() {
+			M.value || l("close");
+		}
+		let Me = c(null), Ne = g(() => s.visible && s.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 (e, t) => (o(), b(h, { to: f(oe) || "body" }, [p(te, {
+		return (e, t) => (o(), y(h, { to: f(se) || "body" }, [p(ne, {
 			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 			"enter-from-class": "tpl:opacity-0",
 			"enter-to-class": "tpl:opacity-100",
@@ -3406,51 +3443,52 @@ var Vt = ["data-tpl-theme"], Ht = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ut
 		}, {
 			default: r(() => [i.visible && i.item ? (o(), _("div", {
 				key: 0,
-				"data-tpl-theme": f(re),
-				class: m([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(ie),
+				class: m([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: t[3] ||= y((e) => l("close"), ["self"]),
-				onKeydown: z
-			}, [x("div", {
+				onClick: ee(je, ["self"]),
+				onKeydown: B
+			}, [b("div", {
 				ref_key: "dialogRef",
-				ref: we,
+				ref: Me,
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-labelledby": "tpl-media-edit-title",
-				class: m(["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: m(["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)" }
 			}, [
-				x("div", Ht, [x("h3", Ut, S(f(u).mediaLibrary.editFile), 1)]),
-				x("div", Wt, [
-					P.value ? (o(), _("div", Gt, [x("div", Kt, [p(f(Rt), {
+				b("div", Ht, [b("h3", Ut, x(f(u).mediaLibrary.editFile), 1)]),
+				b("div", Wt, [
+					L.value ? (o(), _("div", Gt, [b("div", Kt, [p(f(Rt), {
 						ref_key: "cropperRef",
-						ref: T,
+						ref: w,
 						src: i.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
-					}, null, 8, ["src", "stencil-props"])]), x("div", qt, [
-						x("div", null, [x("label", Jt, S(f(u).mediaLibrary.cropAspectRatio), 1), x("div", Yt, [(o(), _(ie, null, n([
+						"default-size": z,
+						onChange: Te,
+						onReady: Ee
+					}, null, 8, ["src", "stencil-props"])]), b("div", qt, [
+						b("div", null, [b("label", Jt, x(f(u).mediaLibrary.cropAspectRatio), 1), b("div", Yt, [(o(), _(ae, null, n([
 							"free",
 							"square",
 							"landscape43",
 							"landscape169",
 							"original"
-						], (e) => x("button", {
+						], (e) => b("button", {
 							key: e,
 							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: ee({
-								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)"
+							style: te({
+								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
-						}, S(f(_e)[`crop${e.charAt(0).toUpperCase()}${e.slice(1)}`]), 13, Xt)), 64))])]),
-						x("div", Zt, [x("div", Qt, [x("label", $t, [ae(S(f(u).mediaLibrary.cropMaxWidth) + " ", 1), x("span", en, S(f(u).mediaLibrary.cropOptional), 1)]), x("div", tn, [x("input", {
-							value: D.value,
+							onClick: (t) => T.value = e
+						}, x(f(ve)[`crop${e.charAt(0).toUpperCase()}${e.slice(1)}`]), 13, Xt)), 64))])]),
+						b("div", Zt, [b("div", Qt, [b("label", $t, [oe(x(f(u).mediaLibrary.cropMaxWidth) + " ", 1), b("span", en, x(f(u).mediaLibrary.cropOptional), 1)]), b("div", tn, [b("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",
@@ -3459,10 +3497,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), x("span", rn, S(f(u).mediaLibrary.cropPixels), 1)])]), x("div", an, [x("label", on, [ae(S(f(u).mediaLibrary.cropMaxHeight) + " ", 1), x("span", sn, S(f(u).mediaLibrary.cropOptional), 1)]), x("div", cn, [x("input", {
-							value: O.value,
+							placeholder: j.value?.width?.toString() || "",
+							onInput: De
+						}, null, 40, nn), b("span", rn, x(f(u).mediaLibrary.cropPixels), 1)])]), b("div", an, [b("label", on, [oe(x(f(u).mediaLibrary.cropMaxHeight) + " ", 1), b("span", sn, x(f(u).mediaLibrary.cropOptional), 1)]), b("div", cn, [b("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",
@@ -3471,14 +3509,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), x("span", un, S(f(u).mediaLibrary.cropPixels), 1)])])]),
-						F.value ? (o(), _("div", dn, [x("span", null, S(f(u).mediaLibrary.cropOutputSize) + ": ", 1), x("span", fn, S(F.value.width) + " x " + S(F.value.height) + " " + S(f(u).mediaLibrary.cropPixels), 1)])) : v("", !0)
+							placeholder: j.value?.height?.toString() || "",
+							onInput: Oe
+						}, null, 40, ln), b("span", un, x(f(u).mediaLibrary.cropPixels), 1)])])]),
+						R.value ? (o(), _("div", dn, [b("span", null, x(f(u).mediaLibrary.cropOutputSize) + ": ", 1), b("span", fn, x(R.value.width) + " x " + x(R.value.height) + " " + x(f(u).mediaLibrary.cropPixels), 1)])) : v("", !0)
 					])])) : v("", !0),
-					x("div", pn, [x("label", mn, S(f(u).mediaLibrary.fileName), 1), d(x("input", {
+					b("div", pn, [b("label", mn, x(f(u).mediaLibrary.fileName), 1), d(b("input", {
 						id: "tpl-media-filename",
-						"onUpdate:modelValue": t[0] ||= (e) => w.value = e,
+						"onUpdate:modelValue": t[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: {
@@ -3486,11 +3524,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)(i.item.mimeType ?? "") ? (o(), _("div", gn, [x("label", _n, S(f(u).mediaLibrary.altText), 1), d(x("input", {
+						autofocus: !L.value
+					}, null, 8, hn), [[re, C.value]])]),
+					f(S)(i.item.mimeType ?? "") ? (o(), _("div", gn, [b("label", _n, x(f(u).mediaLibrary.altText), 1), d(b("input", {
 						id: "tpl-media-alt",
-						"onUpdate:modelValue": t[1] ||= (e) => ve.value = e,
+						"onUpdate:modelValue": t[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: {
@@ -3499,31 +3537,33 @@ var Vt = ["data-tpl-theme"], Ht = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, Ut
 							color: "var(--tpl-text)"
 						},
 						placeholder: f(u).mediaLibrary.altTextPlaceholder
-					}, null, 8, vn), [[ne, ve.value]])])) : v("", !0)
+					}, null, 8, vn), [[re, ye.value]])])) : v("", !0)
 				]),
-				x("div", yn, [x("button", {
+				P.value ? (o(), _("p", yn, x(P.value === "crop" ? f(u).mediaLibrary.editCropError : f(u).mediaLibrary.editSaveError), 1)) : v("", !0),
+				b("div", bn, [b("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: t[2] ||= (e) => l("close")
-				}, S(f(u).mediaLibrary.cancel), 1), x("button", {
+					disabled: M.value,
+					onClick: je
+				}, x(f(u).mediaLibrary.cancel), 9, xn), b("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
-				}, S(M.value ? f(u).mediaLibrary.saving : f(u).mediaLibrary.saveChanges), 9, bn)])
+					onClick: ke
+				}, x(M.value ? f(u).mediaLibrary.saving : f(u).mediaLibrary.saveChanges), 9, Sn)])
 			], 2)], 42, Vt)) : v("", !0)]),
 			_: 1
 		})], 8, ["to"]));
 	}
-}), [["__scopeId", "data-v-51052195"]]);
+}), [["__scopeId", "data-v-7d9a1872"]]);
 //#endregion
-export { xn as default };
+export { Cn as default };
 
-//# sourceMappingURL=MediaEditModal-CzUtXkpk.js.map
+//# sourceMappingURL=MediaEditModal-BHp7euCZ.js.map