@cling-se/widget 0.19.7 → 0.19.9

package/dist/{ImageUploadWrapper-CwKe3Iq7.js → ImageUploadWrapper-CKJXUAkn.js}

@@ -1,5 +1,5 @@
-import re from "./BaseUpload-Zm4EX8ir.js";
-import { o as w, c as y, B, e as T, d as R, w as $, F as Et, G as Ct, af as nt, I as Bt, J as Ut, D as st, ab as Rt, f as mt, _ as kt, b as Ft, j as pt, x as ae, t as he, av as ce } from "./main-C2Q8_T2Y.js";
+import re from "./BaseUpload-DGLogqK4.js";
+import { c as y, o as w, T as B, b as T, f as R, w as $, F as Et, n as Ct, ap as nt, u as Bt, v as Ut, R as st, e as ft, an as Rt, _ as kt, d as Ft, j as pt, q as ae, t as he, aB as ce } from "./main-BkjAGG46.js";
 function Tt(t, e) {
   var i = Object.keys(t);
   if (Object.getOwnPropertySymbols) {
@@ -122,11 +122,11 @@ function gt(t, e, i) {
   }, c;
 }
 gt.debounce = gt;
-var vt = gt, m = function() {
-  return m = Object.assign || function(t) {
+var vt = gt, f = function() {
+  return f = Object.assign || function(t) {
     for (var e, i = 1, s = arguments.length; i < s; i++) for (var o in e = arguments[i]) Object.prototype.hasOwnProperty.call(e, o) && (t[o] = e[o]);
     return t;
-  }, m.apply(this, arguments);
+  }, f.apply(this, arguments);
 };
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -169,7 +169,7 @@ function bt(t, e, i) {
     A(t[o]) ? s[o] = e[o] : it(e[o]) ? it(t[o]) ? s[o] = bt(t[o], e[o], i[o]) : s[o] = t[o] ? e[o] : i[o] : e[o] === !0 || e[o] === !1 ? s[o] = !!t[o] : s[o] = t[o];
   }), s) : t ? e : i;
 }
-function J(t) {
+function K(t) {
   var e = Number(t);
   return Number.isNaN(e) ? t : e;
 }
@@ -190,7 +190,7 @@ var q = function(t, e) {
   e === void 0 && (e = {}), this.type = "resize", this.directions = t, this.params = e;
 }, At = function(t) {
   this.type = "move", this.directions = t;
-}, fe = function() {
+}, me = function() {
   function t(e, i, s, o, n) {
     this.type = "drag", this.nativeEvent = e, this.position = s, this.previousPosition = o, this.element = i, this.anchor = n;
   }
@@ -238,7 +238,7 @@ var q = function(t, e) {
   if (this.touches.length) {
     if (this.touches.length === 1 && i.length === 1) {
       var s = this.$refs.draggable;
-      this.$emit("drag", new fe(t, s, { left: i[0].clientX, top: i[0].clientY }, { left: this.touches[0].clientX, top: this.touches[0].clientY }, this.anchor));
+      this.$emit("drag", new me(t, s, { left: i[0].clientX, top: i[0].clientY }, { left: this.touches[0].clientX, top: this.touches[0].clientY }, this.anchor));
     }
     this.touches = i;
   }
@@ -278,9 +278,9 @@ Vt.render = function(t, e, i, s, o, n) {
     return [B(t.$slots, "default")];
   }), _: 3 }, 8, ["class"])], 2);
 };
-var me = O("vue-line-wrapper"), qt = { name: "LineWrapper", components: { DraggableElement: Mt }, props: { position: { type: String, required: !0 }, disabled: { type: Boolean, default: !1 } }, computed: { classname: function() {
+var fe = O("vue-line-wrapper"), qt = { name: "LineWrapper", components: { DraggableElement: Mt }, props: { position: { type: String, required: !0 }, disabled: { type: Boolean, default: !1 } }, computed: { classname: function() {
   var t;
-  return me((C(t = {}, this.position, !0), C(t, "disabled", this.disabled), t));
+  return fe((C(t = {}, this.position, !0), C(t, "disabled", this.disabled), t));
 } }, emits: ["leave", "enter", "drag", "drag-end"] };
 qt.render = function(t, e, i, s, o, n) {
   var a = T("DraggableElement");
@@ -325,7 +325,7 @@ function ot(t) {
   return { left: -t.left, top: -t.top };
 }
 function x(t, e) {
-  return m(m({}, t), { left: t.left + e.left, top: t.top + e.top });
+  return f(f({}, t), { left: t.left + e.left, top: t.top + e.top });
 }
 function W(t, e, i, s) {
   if (e !== 1) {
@@ -376,7 +376,7 @@ function wt(t) {
   return { width: t.right !== void 0 && t.left !== void 0 ? t.right - t.left : 1 / 0, height: t.bottom !== void 0 && t.top !== void 0 ? t.bottom - t.top : 1 / 0 };
 }
 function we(t, e) {
-  return m(m({}, t), { minWidth: Math.min(e.width, t.minWidth), minHeight: Math.min(e.height, t.minHeight), maxWidth: Math.min(e.width, t.maxWidth), maxHeight: Math.min(e.height, t.maxHeight) });
+  return f(f({}, t), { minWidth: Math.min(e.width, t.minWidth), minHeight: Math.min(e.height, t.minHeight), maxWidth: Math.min(e.width, t.maxWidth), maxHeight: Math.min(e.height, t.maxHeight) });
 }
 function Qt(t, e, i) {
   i === void 0 && (i = !0);
@@ -404,7 +404,7 @@ function P(t) {
     }, null);
   }
   var h = [];
-  [o.minimum, o.maximum].forEach(function(c) {
+  o && [o.minimum, o.maximum].forEach(function(c) {
     c && h.push({ width: n.width, height: n.width / c, correctRatio: !0 }, { width: n.height * c, height: n.height, correctRatio: !0 });
   }), Ht({ size: n, aspectRatio: o, sizeRestrictions: s }) && h.push(n);
   var r = a(h) || a(h, !0);
@@ -417,13 +417,13 @@ function yt(t) {
 function ye(t) {
   var e = t.coordinates, i = t.transform, s = t.imageSize, o = t.sizeRestrictions, n = t.positionRestrictions, a = t.aspectRatio, h = t.visibleArea, r = function(l, u) {
     return yt({ coordinates: l, positionRestrictions: n, event: new At({ left: u.left - l.left, top: u.top - l.top }) });
-  }, c = m({}, e);
+  }, c = f({}, e);
   return (Array.isArray(i) ? i : [i]).forEach(function(l) {
     var u = {};
-    A((u = typeof l == "function" ? l({ coordinates: c, imageSize: s, visibleArea: h }) : l).width) && A(u.height) || (c = function(d, f) {
-      var p = m(m(m({}, d), P({ width: f.width, height: f.height, sizeRestrictions: o, aspectRatio: a })), { left: 0, top: 0 });
+    A((u = typeof l == "function" ? l({ coordinates: c, imageSize: s, visibleArea: h }) : l).width) && A(u.height) || (c = function(d, m) {
+      var p = f(f(f({}, d), P({ width: m.width, height: m.height, sizeRestrictions: o, aspectRatio: a })), { left: 0, top: 0 });
       return r(p, { left: d.left, top: d.top });
-    }(c, m(m({}, c), u))), A(u.left) && A(u.top) || (c = r(c, m(m({}, c), u)));
+    }(c, f(f({}, c), u))), A(u.left) && A(u.top) || (c = r(c, f(f({}, c), u)));
   }), c;
 }
 function ze(t) {
@@ -432,9 +432,9 @@ function ze(t) {
   t.aspectRatio;
   var n = t.stencilSize, a = t.sizeRestrictions, h = t.positionRestrictions;
   t.stencilReference;
-  var r, c, l, u = m({}, s), d = m({}, o), f = m({}, n);
-  r = b(f), c = b(u), l === void 0 && (l = 1e-3), (r === 0 || c === 0 ? Math.abs(c - r) < l : Math.abs(c / r) < 1 + l && Math.abs(c / r) > 1 - l) || (u = m(m({}, u), P({ sizeRestrictions: a, width: u.width, height: u.height, aspectRatio: { minimum: b(f), maximum: b(f) } })));
-  var p = rt(d = W(d, u.width * i.width / (d.width * f.width)), e({ visibleArea: d, type: "resize" }));
+  var r, c, l, u = f({}, s), d = f({}, o), m = f({}, n);
+  r = b(m), c = b(u), l === void 0 && (l = 1e-3), (r === 0 || c === 0 ? Math.abs(c - r) < l : Math.abs(c / r) < 1 + l && Math.abs(c / r) > 1 - l) || (u = f(f({}, u), P({ sizeRestrictions: a, width: u.width, height: u.height, aspectRatio: { minimum: b(m), maximum: b(m) } })));
+  var p = rt(d = W(d, u.width * i.width / (d.width * m.width)), e({ visibleArea: d, type: "resize" }));
   return p !== 1 && (d = W(d, p), u = W(u, p)), d = S(d = x(d, X(M(u), M(d))), e({ visibleArea: d, type: "move" })), { coordinates: u = S(u, at(H(d), h)), visibleArea: d };
 }
 function Re(t) {
@@ -442,7 +442,7 @@ function Re(t) {
   t.aspectRatio, t.stencilSize, t.sizeRestrictions;
   var a = t.positionRestrictions;
   t.stencilReference;
-  var h = m({}, o), r = m({}, n);
+  var h = f({}, o), r = f({}, n);
   if (o && n && e.type !== "manipulateImage") {
     var c = { width: 0, height: 0 };
     r.width, s.width, b(s) > b(h) ? (c.height = 0.8 * s.height, c.width = c.height * b(h)) : (c.width = 0.8 * s.width, c.height = c.width * b(h));
@@ -452,7 +452,7 @@ function Re(t) {
   return { coordinates: h, visibleArea: r };
 }
 function Ae(t) {
-  var e = t.event, i = t.coordinates, s = t.visibleArea, o = t.getAreaRestrictions, n = m({}, s), a = m({}, i);
+  var e = t.event, i = t.coordinates, s = t.visibleArea, o = t.getAreaRestrictions, n = f({}, s), a = f({}, i);
   if (e.type === "setCoordinates") {
     var h = Math.max(0, a.width - n.width), r = Math.max(0, a.height - n.height);
     h > r ? n = W(n, Math.min(a.width / n.width, Y(n, o({ visibleArea: n, type: "resize" })))) : r > h && (n = W(n, Math.min(a.height / n.height, Y(n, o({ visibleArea: n, type: "resize" }))))), n = S(n = x(n, ot(N(a, H(n)))), o({ visibleArea: n, type: "move" }));
@@ -465,7 +465,7 @@ function Me(t) {
 }
 function Se(t) {
   var e = t.imageSize, i = t.visibleArea, s = t.aspectRatio, o = t.sizeRestrictions, n = i || e, a = Math.min(s.maximum || 1 / 0, Math.max(s.minimum || 0, b(n))), h = n.width < n.height ? { width: 0.8 * n.width, height: 0.8 * n.width / a } : { height: 0.8 * n.height, width: 0.8 * n.height * a };
-  return P(m(m({}, h), { aspectRatio: s, sizeRestrictions: o }));
+  return P(f(f({}, h), { aspectRatio: s, sizeRestrictions: o }));
 }
 function xe(t) {
   var e, i, s = t.imageSize, o = t.visibleArea, n = t.boundaries, a = t.aspectRatio, h = t.sizeRestrictions, r = t.stencilSize, c = o || s;
@@ -474,37 +474,37 @@ function xe(t) {
 function Ee(t) {
   var e = t.getAreaRestrictions, i = t.coordinates, s = t.imageSize, o = b(t.boundaries);
   if (i) {
-    var n = { height: Math.max(i.height, s.height), width: Math.max(i.width, s.width) }, a = Zt({ width: b(n) > o ? n.width : n.height * o, height: b(n) > o ? n.width / o : n.height }, wt(e())), h = { left: i.left + i.width / 2 - a.width / 2, top: i.top + i.height / 2 - a.height / 2, width: a.width, height: a.height }, r = Z(i, H(m({ left: 0, top: 0 }, s))), c = {};
+    var n = { height: Math.max(i.height, s.height), width: Math.max(i.width, s.width) }, a = Zt({ width: b(n) > o ? n.width : n.height * o, height: b(n) > o ? n.width / o : n.height }, wt(e())), h = { left: i.left + i.width / 2 - a.width / 2, top: i.top + i.height / 2 - a.height / 2, width: a.width, height: a.height }, r = Z(i, H(f({ left: 0, top: 0 }, s))), c = {};
     return !r.left && !r.right && h.width <= s.width && (c.left = 0, c.right = s.width), !r.top && !r.bottom && h.height <= s.height && (c.top = 0, c.bottom = s.height), S(h, c);
   }
   var l = b(s);
   return a = { height: l > o ? s.height : s.width / o, width: l > o ? s.height * o : s.width }, { left: s.width / 2 - a.width / 2, top: s.height / 2 - a.height / 2, width: a.width, height: a.height };
 }
-function K(t, e) {
+function J(t, e) {
   return Qt(t, H(e));
 }
 function Ce(t) {
-  var e = t.event, i = t.coordinates, s = t.visibleArea, o = t.sizeRestrictions, n = t.getAreaRestrictions, a = t.positionRestrictions, h = t.adjustStencil, r = e.scale, c = e.move, l = m({}, s), u = m({}, i), d = 1, f = 1, p = r.factor && Math.abs(r.factor - 1) > 1e-3;
+  var e = t.event, i = t.coordinates, s = t.visibleArea, o = t.sizeRestrictions, n = t.getAreaRestrictions, a = t.positionRestrictions, h = t.adjustStencil, r = e.scale, c = e.move, l = f({}, s), u = f({}, i), d = 1, m = 1, p = r.factor && Math.abs(r.factor - 1) > 1e-3;
   l = x(l, { left: c.left || 0, top: c.top || 0 });
   var g = { stencil: { minimum: Math.max(o.minWidth ? o.minWidth / u.width : 0, o.minHeight ? o.minHeight / u.height : 0), maximum: Math.min(o.maxWidth ? o.maxWidth / u.width : 1 / 0, o.maxHeight ? o.maxHeight / u.height : 1 / 0, Y(u, a)) }, area: { maximum: Y(l, n({ visibleArea: l, type: "resize" })) } };
-  r.factor && p && (r.factor < 1 ? (f = Math.max(r.factor, g.stencil.minimum)) > 1 && (f = 1) : r.factor > 1 && (f = Math.min(r.factor, Math.min(g.area.maximum, g.stencil.maximum))) < 1 && (f = 1)), f && (l = W(l, f, r.center));
+  r.factor && p && (r.factor < 1 ? (m = Math.max(r.factor, g.stencil.minimum)) > 1 && (m = 1) : r.factor > 1 && (m = Math.min(r.factor, Math.min(g.area.maximum, g.stencil.maximum))) < 1 && (m = 1)), m && (l = W(l, m, r.center));
   var E = i.left - s.left, j = s.width + s.left - (i.width + i.left), _ = i.top - s.top, G = s.height + s.top - (i.height + i.top);
-  return l = S(l = x(l, N(l, { left: a.left !== void 0 ? a.left - E * f : void 0, top: a.top !== void 0 ? a.top - _ * f : void 0, bottom: a.bottom !== void 0 ? a.bottom + G * f : void 0, right: a.right !== void 0 ? a.right + j * f : void 0 })), n({ visibleArea: l, type: "move" })), u.width = u.width * f, u.height = u.height * f, u.left = l.left + E * f, u.top = l.top + _ * f, u = S(u, at(H(l), a)), r.factor && p && h && (r.factor > 1 ? d = Math.min(g.area.maximum, r.factor) / f : r.factor < 1 && (d = Math.max(u.height / l.height, u.width / l.width, r.factor / f)), d !== 1 && (l = x(l = S(l = W(l, d, r.factor > 1 ? r.center : M(u)), n({ visibleArea: l, type: "move" })), ot(N(u, H(l)))))), { coordinates: u, visibleArea: l };
+  return l = S(l = x(l, N(l, { left: a.left !== void 0 ? a.left - E * m : void 0, top: a.top !== void 0 ? a.top - _ * m : void 0, bottom: a.bottom !== void 0 ? a.bottom + G * m : void 0, right: a.right !== void 0 ? a.right + j * m : void 0 })), n({ visibleArea: l, type: "move" })), u.width = u.width * m, u.height = u.height * m, u.left = l.left + E * m, u.top = l.top + _ * m, u = S(u, at(H(l), a)), r.factor && p && h && (r.factor > 1 ? d = Math.min(g.area.maximum, r.factor) / m : r.factor < 1 && (d = Math.max(u.height / l.height, u.width / l.width, r.factor / m)), d !== 1 && (l = x(l = S(l = W(l, d, r.factor > 1 ? r.center : M(u)), n({ visibleArea: l, type: "move" })), ot(N(u, H(l)))))), { coordinates: u, visibleArea: l };
 }
 function Te(t) {
-  var e = t.aspectRatio, i = t.getAreaRestrictions, s = t.coordinates, o = t.visibleArea, n = t.sizeRestrictions, a = t.positionRestrictions, h = t.imageSize, r = t.previousImageSize, c = t.angle, l = m({}, s), u = m({}, o), d = U(M(m({ left: 0, top: 0 }, r)), c);
-  return (l = m(m({}, P({ sizeRestrictions: n, aspectRatio: e, width: l.width, height: l.height })), U(M(l), c))).left -= d.left - h.width / 2 + l.width / 2, l.top -= d.top - h.height / 2 + l.height / 2, u = W(u, rt(u, i({ visibleArea: u, type: "resize" }))), { coordinates: l = S(l, a), visibleArea: u = S(u = x(u, X(M(l), M(s))), i({ visibleArea: u, type: "move" })) };
+  var e = t.aspectRatio, i = t.getAreaRestrictions, s = t.coordinates, o = t.visibleArea, n = t.sizeRestrictions, a = t.positionRestrictions, h = t.imageSize, r = t.previousImageSize, c = t.angle, l = f({}, s), u = f({}, o), d = U(M(f({ left: 0, top: 0 }, r)), c);
+  return (l = f(f({}, P({ sizeRestrictions: n, aspectRatio: e, width: l.width, height: l.height })), U(M(l), c))).left -= d.left - h.width / 2 + l.width / 2, l.top -= d.top - h.height / 2 + l.height / 2, u = W(u, rt(u, i({ visibleArea: u, type: "resize" }))), { coordinates: l = S(l, a), visibleArea: u = S(u = x(u, X(M(l), M(s))), i({ visibleArea: u, type: "move" })) };
 }
 function We(t) {
-  var e = t.flip, i = t.previousFlip, s = t.rotate, o = t.getAreaRestrictions, n = t.coordinates, a = t.visibleArea, h = t.imageSize, r = m({}, n), c = m({}, a), l = i.horizontal !== e.horizontal, u = i.vertical !== e.vertical;
+  var e = t.flip, i = t.previousFlip, s = t.rotate, o = t.getAreaRestrictions, n = t.coordinates, a = t.visibleArea, h = t.imageSize, r = f({}, n), c = f({}, a), l = i.horizontal !== e.horizontal, u = i.vertical !== e.vertical;
   if (l || u) {
-    var d = U({ left: h.width / 2, top: h.height / 2 }, -s), f = U(M(r), -s), p = U({ left: l ? d.left - (f.left - d.left) : f.left, top: u ? d.top - (f.top - d.top) : f.top }, s);
-    r = x(r, X(p, M(r))), f = U(M(c), -s), c = S(c = x(c, X(p = U({ left: l ? d.left - (f.left - d.left) : f.left, top: u ? d.top - (f.top - d.top) : f.top }, s), M(c))), o({ visibleArea: c, type: "move" }));
+    var d = U({ left: h.width / 2, top: h.height / 2 }, -s), m = U(M(r), -s), p = U({ left: l ? d.left - (m.left - d.left) : m.left, top: u ? d.top - (m.top - d.top) : m.top }, s);
+    r = x(r, X(p, M(r))), m = U(M(c), -s), c = S(c = x(c, X(p = U({ left: l ? d.left - (m.left - d.left) : m.left, top: u ? d.top - (m.top - d.top) : m.top }, s), M(c))), o({ visibleArea: c, type: "move" }));
   }
   return { coordinates: r, visibleArea: c };
 }
 function Lt(t) {
-  var e = t.directions, i = t.coordinates, s = t.positionRestrictions, o = s === void 0 ? {} : s, n = t.sizeRestrictions, a = t.preserveRatio, h = t.compensate, r = m({}, e), c = D(i, r).width, l = D(i, r).height;
+  var e = t.directions, i = t.coordinates, s = t.positionRestrictions, o = s === void 0 ? {} : s, n = t.sizeRestrictions, a = t.preserveRatio, h = t.compensate, r = f({}, e), c = D(i, r).width, l = D(i, r).height;
   c < 0 && (r.left < 0 && r.right < 0 ? (r.left = -(i.width - n.minWidth) / (r.left / r.right), r.right = -(i.width - n.minWidth) / (r.right / r.left)) : r.left < 0 ? r.left = -(i.width - n.minWidth) : r.right < 0 && (r.right = -(i.width - n.minWidth))), l < 0 && (r.top < 0 && r.bottom < 0 ? (r.top = -(i.height - n.minHeight) / (r.top / r.bottom), r.bottom = -(i.height - n.minHeight) / (r.bottom / r.top)) : r.top < 0 ? r.top = -(i.height - n.minHeight) : r.bottom < 0 && (r.bottom = -(i.height - n.minHeight)));
   var u = Z(D(i, r), o);
   h && (u.left && u.left > 0 && u.right === 0 ? (r.right += u.left, r.left -= u.left) : u.right && u.right > 0 && u.left === 0 && (r.left += u.right, r.right -= u.right), u.top && u.top > 0 && u.bottom === 0 ? (r.bottom += u.top, r.top -= u.top) : u.bottom && u.bottom > 0 && u.top === 0 && (r.top += u.bottom, r.bottom -= u.bottom), u = Z(D(i, r), o));
@@ -513,11 +513,11 @@ function Lt(t) {
     var E = u[g];
     E && r[g] && (d[g] = Math.max(0, 1 - E / r[g]));
   }), a) {
-    var f = Math.min.apply(null, I.map(function(g) {
+    var m = Math.min.apply(null, I.map(function(g) {
       return d[g];
     }));
-    f !== 1 / 0 && I.forEach(function(g) {
-      r[g] *= f;
+    m !== 1 / 0 && I.forEach(function(g) {
+      r[g] *= m;
     });
   } else I.forEach(function(g) {
     d[g] !== 1 / 0 && (r[g] *= d[g]);
@@ -576,7 +576,7 @@ xt.render = function(t, e, i, s, o, n) {
     return [R("div", { class: n.classes.root }, null, 2)];
   }), _: 1 }, 8, ["class", "position", "disabled", "onDrag", "onDragEnd", "onEnter", "onLeave"]);
 };
-var ut = O("vue-bounding-box"), He = ["east", "west", null], je = ["south", "north", null], Jt = { name: "BoundingBox", props: { width: { type: Number }, height: { type: Number }, transitions: { type: Object }, handlers: { type: Object, default: function() {
+var ut = O("vue-bounding-box"), He = ["east", "west", null], je = ["south", "north", null], Kt = { name: "BoundingBox", props: { width: { type: Number }, height: { type: Number }, transitions: { type: Object }, handlers: { type: Object, default: function() {
   return { eastNorth: !0, north: !0, westNorth: !0, west: !0, westSouth: !0, south: !0, eastSouth: !0, east: !0 };
 } }, handlersComponent: { type: [Object, String], default: function() {
   return St;
@@ -637,7 +637,7 @@ var ut = O("vue-bounding-box"), He = ["east", "west", null], je = ["south", "nor
   var s, o = t.shift(), n = o.left, a = o.top, h = { left: 0, right: 0, top: 0, bottom: 0 };
   e === "west" ? h.left -= n : e === "east" && (h.right += n), i === "north" ? h.top -= a : i === "south" && (h.bottom += a), !i && e ? s = "width" : i && !e && (s = "height"), this.resizable && this.$emit("resize", new de(h, { allowedDirections: { left: e === "west" || !e, right: e === "east" || !e, bottom: i === "south" || !i, top: i === "north" || !i }, preserveAspectRatio: t.nativeEvent && t.nativeEvent.shiftKey, respectDirection: s }));
 } }, emits: ["resize", "resize-end"] };
-Jt.render = function(t, e, i, s, o, n) {
+Kt.render = function(t, e, i, s, o, n) {
   return w(), y("div", { ref: "box", class: n.classes.root, style: n.style }, [B(t.$slots, "default"), R("div", null, [(w(!0), y(Et, null, Ct(n.lineNodes, function(a) {
     return w(), y(nt(a.component), { key: a.name, "default-class": a.class, "hover-class": a.hoverClass, "wrapper-class": a.wrapperClass, position: a.name, disabled: a.disabled, onDrag: function(h) {
       return n.onHandlerDrag(h, a.horizontalDirection, a.verticalDirection);
@@ -652,7 +652,7 @@ Jt.render = function(t, e, i, s, o, n) {
     }) }, null, 8, ["default-class", "hover-class", "wrapper-class", "horizontal-position", "vertical-position", "disabled", "onDrag"]))], 6);
   }), 128))], 6);
 };
-var Le = O("vue-draggable-area"), Kt = { name: "DraggableArea", props: { movable: { type: Boolean, default: !0 }, activationDistance: { type: Number, default: 20 } }, computed: { classnames: function() {
+var Le = O("vue-draggable-area"), Jt = { name: "DraggableArea", props: { movable: { type: Boolean, default: !0 }, activationDistance: { type: Number, default: 20 } }, computed: { classnames: function() {
   return { default: Le() };
 } }, beforeMount: function() {
   window.addEventListener("mouseup", this.onMouseUp, { passive: !1 }), window.addEventListener("mousemove", this.onMouseMove, { passive: !1 }), window.addEventListener("touchmove", this.onTouchMove, { passive: !1 }), window.addEventListener("touchend", this.onTouchEnd, { passive: !1 });
@@ -690,7 +690,7 @@ var Le = O("vue-draggable-area"), Kt = { name: "DraggableArea", props: { movable
 }, processEnd: function() {
   this.touches.length && this.$emit("move-end"), this.touches = [];
 } }, emits: ["move", "move-end"] };
-Kt.render = function(t, e, i, s, o, n) {
+Jt.render = function(t, e, i, s, o, n) {
   return w(), y("div", { ref: "container", onTouchstart: e[1] || (e[1] = function() {
     return n.onTouchStart && n.onTouchStart.apply(n, arguments);
   }), onMousedown: e[2] || (e[2] = function() {
@@ -706,7 +706,7 @@ function Pe(t) {
     try {
       if (t) if (/^data:/i.test(t)) e(function(r) {
         r = r.replace(/^data:([^;]+);base64,/gim, "");
-        for (var c = atob(r), l = c.length, u = new ArrayBuffer(l), d = new Uint8Array(u), f = 0; f < l; f++) d[f] = c.charCodeAt(f);
+        for (var c = atob(r), l = c.length, u = new ArrayBuffer(l), d = new Uint8Array(u), m = 0; m < l; m++) d[m] = c.charCodeAt(m);
         return u;
       }(t));
       else if (/^blob:/i.test(t)) {
@@ -747,9 +747,9 @@ function Be(t) {
       }
       r++;
     }
-    if (n && (s = n + 10, function(f, p, g) {
+    if (n && (s = n + 10, function(m, p, g) {
       var E, j = "";
-      for (E = p, g += p; E < g; E++) j += String.fromCharCode(f.getUint8(E));
+      for (E = p, g += p; E < g; E++) j += String.fromCharCode(m.getUint8(E));
       return j;
     }(i, n + 4, 4) === "Exif")) {
       var c = i.getUint16(s);
@@ -905,7 +905,7 @@ ne.render = function(t, e, i, s, o, n) {
   var a = T("preview");
   return w(), y(a, st(t.$attrs, { fill: !0 }), null, 16);
 };
-var ft = O("vue-rectangle-stencil"), se = { name: "RectangleStencil", components: { StencilPreview: ne, BoundingBox: Jt, DraggableArea: Kt }, props: { image: { type: Object }, coordinates: { type: Object }, stencilCoordinates: { type: Object }, handlers: { type: Object }, handlersComponent: { type: [Object, String], default: function() {
+var mt = O("vue-rectangle-stencil"), se = { name: "RectangleStencil", components: { StencilPreview: ne, BoundingBox: Kt, DraggableArea: Jt }, props: { image: { type: Object }, coordinates: { type: Object }, stencilCoordinates: { type: Object }, handlers: { type: Object }, handlersComponent: { type: [Object, String], default: function() {
   return St;
 } }, lines: { type: Object }, linesComponent: { type: [Object, String], default: function() {
   return xt;
@@ -920,7 +920,7 @@ var ft = O("vue-rectangle-stencil"), se = { name: "RectangleStencil", components
 } } }, data: function() {
   return { moving: !1, resizing: !1 };
 }, computed: { classes: function() {
-  return { stencil: z(ft({ movable: this.movable, moving: this.moving, resizing: this.resizing }), this.moving && this.movingClass, this.resizing && this.resizingClass), preview: z(ft("preview"), this.previewClass), boundingBox: z(ft("bounding-box"), this.boundingBoxClass) };
+  return { stencil: z(mt({ movable: this.movable, moving: this.moving, resizing: this.resizing }), this.moving && this.movingClass, this.resizing && this.resizingClass), preview: z(mt("preview"), this.previewClass), boundingBox: z(mt("bounding-box"), this.boundingBoxClass) };
 }, style: function() {
   var t = this.stencilCoordinates, e = t.height, i = t.width, s = t.left, o = t.top, n = { width: "".concat(i, "px"), height: "".concat(e, "px"), transform: "translate(".concat(s, "px, ").concat(o, "px)") };
   return this.transitions && this.transitions.enabled && (n.transition = "".concat(this.transitions.time, "ms ").concat(this.transitions.timingFunction)), n;
@@ -954,20 +954,20 @@ var Ue = ["transitions"], L = O("vue-advanced-cropper"), oe = { name: "Cropper",
 } }, roundResult: { type: Boolean, default: !0 }, defaultSize: { type: [Function, Object] }, defaultPosition: { type: [Function, Object] }, defaultVisibleArea: { type: [Function, Object] }, defaultTransforms: { type: [Function, Object] }, defaultBoundaries: { type: [Function, String], validator: function(t) {
   return !(typeof t == "string" && t !== "fill" && t !== "fit");
 } }, priority: { type: String, default: "coordinates" }, stencilSize: { type: [Object, Function] }, resizeImage: { type: [Boolean, Object], default: !0 }, moveImage: { type: [Boolean, Object], default: !0 }, autoZoomAlgorithm: { type: Function }, resizeAlgorithm: { type: Function, default: function(t) {
-  var e = t.event, i = t.coordinates, s = t.aspectRatio, o = t.positionRestrictions, n = t.sizeRestrictions, a = m(m({}, i), { right: i.left + i.width, bottom: i.top + i.height }), h = e.params || {}, r = m({}, e.directions), c = h.allowedDirections || { left: !0, right: !0, bottom: !0, top: !0 };
+  var e = t.event, i = t.coordinates, s = t.aspectRatio, o = t.positionRestrictions, n = t.sizeRestrictions, a = f(f({}, i), { right: i.left + i.width, bottom: i.top + i.height }), h = e.params || {}, r = f({}, e.directions), c = h.allowedDirections || { left: !0, right: !0, bottom: !0, top: !0 };
   n.widthFrozen && (r.left = 0, r.right = 0), n.heightFrozen && (r.top = 0, r.bottom = 0), I.forEach(function(V) {
     c[V] || (r[V] = 0);
   });
   var l = D(a, r = Lt({ coordinates: a, directions: r, sizeRestrictions: n, positionRestrictions: o })).width, u = D(a, r).height, d = h.preserveRatio ? b(a) : lt(l / u, s);
   if (d) {
-    var f = h.respectDirection;
-    if (f || (f = a.width >= a.height || d === 1 ? "width" : "height"), f === "width") {
+    var m = h.respectDirection;
+    if (m || (m = a.width >= a.height || d === 1 ? "width" : "height"), m === "width") {
       var p = l / d - a.height;
       if (c.top && c.bottom) {
         var g = r.top, E = r.bottom;
         r.bottom = tt(p, E, g), r.top = tt(p, g, E);
       } else c.bottom ? r.bottom = p : c.top ? r.top = p : c.right ? r.right = 0 : c.left && (r.left = 0);
-    } else if (f === "height") {
+    } else if (m === "height") {
       var j = a.width - u * d;
       if (c.left && c.right) {
         var _ = r.left, G = r.right;
@@ -983,10 +983,10 @@ var Ue = ["transitions"], L = O("vue-advanced-cropper"), oe = { name: "Cropper",
   var e = t.stretcher, i = t.imageSize, s = b(i);
   e.style.width = i.width + "px", e.style.height = e.clientWidth / s + "px", e.style.width = e.clientWidth + "px";
 } }, fitCoordinates: { type: Function, default: function(t) {
-  var e = t.visibleArea, i = t.coordinates, s = t.aspectRatio, o = t.sizeRestrictions, n = t.positionRestrictions, a = m(m({}, i), P({ width: i.width, height: i.height, aspectRatio: s, sizeRestrictions: { maxWidth: e.width, maxHeight: e.height, minHeight: Math.min(e.height, o.minHeight), minWidth: Math.min(e.width, o.minWidth) } }));
+  var e = t.visibleArea, i = t.coordinates, s = t.aspectRatio, o = t.sizeRestrictions, n = t.positionRestrictions, a = f(f({}, i), P({ width: i.width, height: i.height, aspectRatio: s, sizeRestrictions: { maxWidth: e.width, maxHeight: e.height, minHeight: Math.min(e.height, o.minHeight), minWidth: Math.min(e.width, o.minWidth) } }));
   return a = S(a = x(a, X(M(i), M(a))), at(H(e), n));
 } }, fitVisibleArea: { type: Function, default: function(t) {
-  var e = t.visibleArea, i = t.boundaries, s = t.getAreaRestrictions, o = t.coordinates, n = m({}, e);
+  var e = t.visibleArea, i = t.boundaries, s = t.getAreaRestrictions, o = t.coordinates, n = f({}, e);
   n.height = n.width / b(i), n.top += (e.height - n.height) / 2, (o.height - n.height > 0 || o.width - n.width > 0) && (n = W(n, Math.max(o.height / n.height, o.width / n.width)));
   var a = ot(N(o, H(n = W(n, rt(n, s({ visibleArea: n, type: "resize" }))))));
   return n.width < o.width && (a.left = 0), n.height < o.height && (a.top = 0), n = S(n = x(n, a), s({ visibleArea: n, type: "move" }));
@@ -1022,9 +1022,9 @@ var Ue = ["transitions"], L = O("vue-advanced-cropper"), oe = { name: "Cropper",
   return { enabled: this.transitionsActive, timingFunction: "ease-in-out", time: 350 };
 }, sizeRestrictions: function() {
   if (this.boundaries.width && this.boundaries.height && this.imageSize.width && this.imageSize.height) {
-    var t = this.sizeRestrictionsAlgorithm({ imageSize: this.imageSize, minWidth: A(this.minWidth) ? 0 : J(this.minWidth), minHeight: A(this.minHeight) ? 0 : J(this.minHeight), maxWidth: A(this.maxWidth) ? 1 / 0 : J(this.maxWidth), maxHeight: A(this.maxHeight) ? 1 / 0 : J(this.maxHeight) });
+    var t = this.sizeRestrictionsAlgorithm({ imageSize: this.imageSize, minWidth: A(this.minWidth) ? 0 : K(this.minWidth), minHeight: A(this.minHeight) ? 0 : K(this.minHeight), maxWidth: A(this.maxWidth) ? 1 / 0 : K(this.maxWidth), maxHeight: A(this.maxHeight) ? 1 / 0 : K(this.maxHeight) });
     if (t = function(s) {
-      var o = s.areaRestrictions, n = s.sizeRestrictions, a = s.boundaries, h = s.positionRestrictions, r = m(m({}, n), { minWidth: n.minWidth !== void 0 ? n.minWidth : 0, minHeight: n.minHeight !== void 0 ? n.minHeight : 0, maxWidth: n.maxWidth !== void 0 ? n.maxWidth : 1 / 0, maxHeight: n.maxHeight !== void 0 ? n.maxHeight : 1 / 0 });
+      var o = s.areaRestrictions, n = s.sizeRestrictions, a = s.boundaries, h = s.positionRestrictions, r = f(f({}, n), { minWidth: n.minWidth !== void 0 ? n.minWidth : 0, minHeight: n.minHeight !== void 0 ? n.minHeight : 0, maxWidth: n.maxWidth !== void 0 ? n.maxWidth : 1 / 0, maxHeight: n.maxHeight !== void 0 ? n.maxHeight : 1 / 0 });
       h.left !== void 0 && h.right !== void 0 && (r.maxWidth = Math.min(r.maxWidth, h.right - h.left)), h.bottom !== void 0 && h.top !== void 0 && (r.maxHeight = Math.min(r.maxHeight, h.bottom - h.top));
       var c = wt(o), l = Zt(a, c);
       return c.width < 1 / 0 && (!r.maxWidth || r.maxWidth > l.width) && (r.maxWidth = Math.min(r.maxWidth, l.width)), c.height < 1 / 0 && (!r.maxHeight || r.maxHeight > l.height) && (r.maxHeight = Math.min(r.maxHeight, l.height)), r.minWidth > r.maxWidth && (r.minWidth = r.maxWidth, r.widthFrozen = !0), r.minHeight > r.maxHeight && (r.minHeight = r.maxHeight, r.heightFrozen = !0), r;
@@ -1119,7 +1119,7 @@ var Ue = ["transitions"], L = O("vue-advanced-cropper"), oe = { name: "Cropper",
   return this.roundResult ? function(e) {
     var i = e.coordinates, s = e.sizeRestrictions, o = e.positionRestrictions, n = { width: Math.round(i.width), height: Math.round(i.height), left: Math.round(i.left), top: Math.round(i.top) };
     return n.width > s.maxWidth ? n.width = Math.floor(i.width) : n.width < s.minWidth && (n.width = Math.ceil(i.width)), n.height > s.maxHeight ? n.height = Math.floor(i.height) : n.height < s.minHeight && (n.height = Math.ceil(i.height)), S(n, o);
-  }(v(v({}, this.getPublicProperties()), {}, { positionRestrictions: K(this.positionRestrictions, this.visibleArea), coordinates: t })) : t;
+  }(v(v({}, this.getPublicProperties()), {}, { positionRestrictions: J(this.positionRestrictions, this.visibleArea), coordinates: t })) : t;
 }, processAutoZoom: function(t, e, i, s) {
   var o = this.autoZoomAlgorithm;
   o || (o = this.stencilSize ? ze : this.autoZoom ? Re : Ae);
@@ -1131,15 +1131,15 @@ var Ue = ["transitions"], L = O("vue-advanced-cropper"), oe = { name: "Cropper",
 }, normalizeEvent: function(t) {
   return function(e) {
     var i = e.event, s = e.visibleArea, o = e.coefficient;
-    if (i.type === "manipulateImage") return m(m({}, i), { move: { left: i.move && i.move.left ? o * i.move.left : 0, top: i.move && i.move.top ? o * i.move.top : 0 }, scale: { factor: i.scale && i.scale.factor ? i.scale.factor : 1, center: i.scale && i.scale.center ? { left: i.scale.center.left * o + s.left, top: i.scale.center.top * o + s.top } : null } });
+    if (i.type === "manipulateImage") return f(f({}, i), { move: { left: i.move && i.move.left ? o * i.move.left : 0, top: i.move && i.move.top ? o * i.move.top : 0 }, scale: { factor: i.scale && i.scale.factor ? i.scale.factor : 1, center: i.scale && i.scale.center ? { left: i.scale.center.left * o + s.left, top: i.scale.center.top * o + s.top } : null } });
     if (i.type === "resize") {
-      var n = m(m({}, i), { directions: m({}, i.directions) });
+      var n = f(f({}, i), { directions: f({}, i.directions) });
       return I.forEach(function(h) {
         n.directions[h] *= o;
       }), n;
     }
     if (i.type === "move") {
-      var a = m(m({}, i), { directions: m({}, i.directions) });
+      var a = f(f({}, i), { directions: f({}, i.directions) });
       return ve.forEach(function(h) {
         a.directions[h] *= o;
       }), a;
@@ -1149,10 +1149,10 @@ var Ue = ["transitions"], L = O("vue-advanced-cropper"), oe = { name: "Cropper",
 }, getCanvas: function() {
   if (this.$refs.canvas) {
     var t = this.$refs.canvas, e = this.$refs.image, i = this.imageTransforms.rotate !== 0 || this.imageTransforms.flip.horizontal || this.imageTransforms.flip.vertical ? function(h, r, c) {
-      var l = c.rotate, u = c.flip, d = { width: r.naturalWidth, height: r.naturalHeight }, f = Gt(d, l), p = h.getContext("2d");
-      h.height = f.height, h.width = f.width, p.save();
-      var g = U(M(m({ left: 0, top: 0 }, d)), l);
-      return p.translate(-(g.left - f.width / 2), -(g.top - f.height / 2)), p.rotate(l * Math.PI / 180), p.translate(u.horizontal ? d.width : 0, u.vertical ? d.height : 0), p.scale(u.horizontal ? -1 : 1, u.vertical ? -1 : 1), p.drawImage(r, 0, 0, d.width, d.height), p.restore(), h;
+      var l = c.rotate, u = c.flip, d = { width: r.naturalWidth, height: r.naturalHeight }, m = Gt(d, l), p = h.getContext("2d");
+      h.height = m.height, h.width = m.width, p.save();
+      var g = U(M(f({ left: 0, top: 0 }, d)), l);
+      return p.translate(-(g.left - m.width / 2), -(g.top - m.height / 2)), p.rotate(l * Math.PI / 180), p.translate(u.horizontal ? d.width : 0, u.vertical ? d.height : 0), p.scale(u.horizontal ? -1 : 1, u.vertical ? -1 : 1), p.drawImage(r, 0, 0, d.width, d.height), p.restore(), h;
     }(this.$refs.sourceCanvas, e, this.imageTransforms) : e, s = v({ minWidth: 0, minHeight: 0, maxWidth: 1 / 0, maxHeight: 1 / 0, maxArea: this.maxCanvasSize, imageSmoothingEnabled: !0, imageSmoothingQuality: "high", fillColor: "transparent" }, this.canvas), o = function(h) {
       return h.find(function(r) {
         return c = r, !Number.isNaN(parseFloat(c)) && isFinite(c);
@@ -1167,14 +1167,14 @@ var Ue = ["transitions"], L = O("vue-advanced-cropper"), oe = { name: "Cropper",
       h.width = l ? l.width : c.width, h.height = l ? l.height : c.height;
       var d = h.getContext("2d");
       d.clearRect(0, 0, h.width, h.height), u && (u.imageSmoothingEnabled && (d.imageSmoothingEnabled = u.imageSmoothingEnabled), u.imageSmoothingQuality && (d.imageSmoothingQuality = u.imageSmoothingQuality), u.fillColor && (d.fillStyle = u.fillColor, d.fillRect(0, 0, h.width, h.height), d.save()));
-      var f = c.left < 0 ? -c.left : 0, p = c.top < 0 ? -c.top : 0;
-      d.drawImage(r, c.left + f, c.top + p, c.width, c.height, f * (h.width / c.width), p * (h.height / c.height), h.width, h.height);
+      var m = c.left < 0 ? -c.left : 0, p = c.top < 0 ? -c.top : 0;
+      d.drawImage(r, c.left + m, c.top + p, c.width, c.height, m * (h.width / c.width), p * (h.height / c.height), h.width, h.height);
     }(t, i, this.coordinates, n, s), t;
   }
 }, update: function() {
   this.$emit("change", this.getResult());
 }, applyTransform: function(t) {
-  var e = arguments.length > 1 && arguments[1] !== void 0 && arguments[1], i = this.visibleArea && e ? we(this.sizeRestrictions, this.visibleArea) : this.sizeRestrictions, s = this.visibleArea && e ? K(this.positionRestrictions, this.visibleArea) : this.positionRestrictions;
+  var e = arguments.length > 1 && arguments[1] !== void 0 && arguments[1], i = this.visibleArea && e ? we(this.sizeRestrictions, this.visibleArea) : this.sizeRestrictions, s = this.visibleArea && e ? J(this.positionRestrictions, this.visibleArea) : this.positionRestrictions;
   return ye({ transform: t, coordinates: this.coordinates, imageSize: this.imageSize, sizeRestrictions: i, positionRestrictions: s, aspectRatio: this.getAspectRatio(), visibleArea: this.visibleArea });
 }, resetCoordinates: function() {
   var t = this;
@@ -1217,7 +1217,7 @@ var Ue = ["transitions"], L = O("vue-advanced-cropper"), oe = { name: "Cropper",
   return this.appliedImageTransforms = v(v({}, this.defaultImageTransforms), {}, { flip: v({}, this.defaultImageTransforms.flip) }), this.updateBoundaries().then(function() {
     t.priority !== "visible-area" && (t.visibleArea = null, t.resetCoordinates());
     var e, i, s, o, n, a, h = t.defaultVisibleArea || Ee;
-    t.visibleArea = F(h) ? h({ imageSize: t.imageSize, boundaries: t.boundaries, coordinates: t.priority !== "visible-area" ? t.coordinates : null, getAreaRestrictions: t.getAreaRestrictions, stencilSize: t.getStencilSize() }) : t.defaultVisibleArea, t.visibleArea = (e = { visibleArea: t.visibleArea, boundaries: t.boundaries, getAreaRestrictions: t.getAreaRestrictions }, i = e.visibleArea, s = e.boundaries, o = e.getAreaRestrictions, n = m({}, i), a = b(s), n.width / n.height !== a && (n.height = n.width / a), S(n, o({ visibleArea: n, type: "move" }))), t.priority === "visible-area" ? t.resetCoordinates() : t.coordinates = t.fitCoordinates({ visibleArea: t.visibleArea, coordinates: t.coordinates, aspectRatio: t.getAspectRatio(), positionRestrictions: t.positionRestrictions, sizeRestrictions: t.sizeRestrictions }), t.runAutoZoom("resetVisibleArea");
+    t.visibleArea = F(h) ? h({ imageSize: t.imageSize, boundaries: t.boundaries, coordinates: t.priority !== "visible-area" ? t.coordinates : null, getAreaRestrictions: t.getAreaRestrictions, stencilSize: t.getStencilSize() }) : t.defaultVisibleArea, t.visibleArea = (e = { visibleArea: t.visibleArea, boundaries: t.boundaries, getAreaRestrictions: t.getAreaRestrictions }, i = e.visibleArea, s = e.boundaries, o = e.getAreaRestrictions, n = f({}, i), a = b(s), n.width / n.height !== a && (n.height = n.width / a), S(n, o({ visibleArea: n, type: "move" }))), t.priority === "visible-area" ? t.resetCoordinates() : t.coordinates = t.fitCoordinates({ visibleArea: t.visibleArea, coordinates: t.coordinates, aspectRatio: t.getAspectRatio(), positionRestrictions: t.positionRestrictions, sizeRestrictions: t.sizeRestrictions }), t.runAutoZoom("resetVisibleArea");
   }).catch(function() {
     t.visibleArea = null;
   });
@@ -1313,13 +1313,13 @@ var Ue = ["transitions"], L = O("vue-advanced-cropper"), oe = { name: "Cropper",
 }, onMove: function(t) {
   var e = this;
   this.transitionsOptions.enabled || this.awaitRender(function() {
-    e.coordinates = e.moveAlgorithm(v(v({}, e.getPublicProperties()), {}, { positionRestrictions: K(e.positionRestrictions, e.visibleArea), coordinates: e.coordinates, event: e.normalizeEvent(t) })), e.onChange();
+    e.coordinates = e.moveAlgorithm(v(v({}, e.getPublicProperties()), {}, { positionRestrictions: J(e.positionRestrictions, e.visibleArea), coordinates: e.coordinates, event: e.normalizeEvent(t) })), e.onChange();
   });
 }, onResize: function(t) {
   var e = this;
   this.transitionsOptions.enabled || this.stencilSize && !this.autoZoom || this.awaitRender(function() {
     var i = e.sizeRestrictions, s = Math.min(e.coordinates.width, e.coordinates.height, 20 * e.coefficient);
-    e.coordinates = e.resizeAlgorithm(v(v({}, e.getPublicProperties()), {}, { positionRestrictions: K(e.positionRestrictions, e.visibleArea), sizeRestrictions: { maxWidth: Math.min(i.maxWidth, e.visibleArea.width), maxHeight: Math.min(i.maxHeight, e.visibleArea.height), minWidth: Math.max(i.minWidth, s), minHeight: Math.max(i.minHeight, s) }, event: e.normalizeEvent(t) })), e.onChange(), e.ticking = !1;
+    e.coordinates = e.resizeAlgorithm(v(v({}, e.getPublicProperties()), {}, { positionRestrictions: J(e.positionRestrictions, e.visibleArea), sizeRestrictions: { maxWidth: Math.min(i.maxWidth, e.visibleArea.width), maxHeight: Math.min(i.maxHeight, e.visibleArea.height), minWidth: Math.max(i.minWidth, s), minHeight: Math.max(i.minHeight, s) }, event: e.normalizeEvent(t) })), e.onChange(), e.ticking = !1;
   });
 }, onManipulateImage: function(t) {
   var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
@@ -1372,7 +1372,7 @@ var Ue = ["transitions"], L = O("vue-advanced-cropper"), oe = { name: "Cropper",
 oe.render = function(t, e, i, s, o, n) {
   return w(), y("div", { ref: "cropper", class: n.classes.cropper }, [R("div", { ref: "stretcher", class: n.classes.stretcher }, null, 2), R("div", { class: n.classes.boundaries, style: n.boundariesStyle }, [(w(), y(nt(i.backgroundWrapperComponent), { class: n.classes.cropperWrapper, "wheel-resize": n.settings.resizeImage.wheel, "touch-resize": n.settings.resizeImage.touch, "touch-move": n.settings.moveImage.touch, "mouse-move": n.settings.moveImage.mouse, onMove: n.onManipulateImage, onResize: n.onManipulateImage }, { default: $(function() {
     return [R("div", { class: n.classes.background, style: n.boundariesStyle }, null, 6), R("div", { class: n.classes.imageWrapper }, [R("img", { ref: "image", crossorigin: o.imageAttributes.crossOrigin, src: o.imageAttributes.src, class: n.classes.image, style: n.imageStyle, onMousedown: e[1] || (e[1] = Rt(function() {
-    }, ["prevent"])) }, null, 46, ["crossorigin", "src"])], 2), R("div", { class: n.classes.foreground, style: n.boundariesStyle }, null, 6), Bt((w(), y(nt(i.stencilComponent), st({ ref: "stencil", image: n.image, coordinates: o.coordinates, "stencil-coordinates": n.stencilCoordinates, transitions: n.transitionsOptions }, i.stencilProps, { onResize: n.onResize, onResizeEnd: n.onResizeEnd, onMove: n.onMove, onMoveEnd: n.onMoveEnd }), null, 16, ["image", "coordinates", "stencil-coordinates", "transitions", "onResize", "onResizeEnd", "onMove", "onMoveEnd"])), [[Ut, o.imageLoaded]]), i.canvas ? (w(), y("canvas", ke, null, 512)) : mt("", !0), i.canvas ? (w(), y("canvas", Fe, null, 512)) : mt("", !0)];
+    }, ["prevent"])) }, null, 46, ["crossorigin", "src"])], 2), R("div", { class: n.classes.foreground, style: n.boundariesStyle }, null, 6), Bt((w(), y(nt(i.stencilComponent), st({ ref: "stencil", image: n.image, coordinates: o.coordinates, "stencil-coordinates": n.stencilCoordinates, transitions: n.transitionsOptions }, i.stencilProps, { onResize: n.onResize, onResizeEnd: n.onResizeEnd, onMove: n.onMove, onMoveEnd: n.onMoveEnd }), null, 16, ["image", "coordinates", "stencil-coordinates", "transitions", "onResize", "onResizeEnd", "onMove", "onMoveEnd"])), [[Ut, o.imageLoaded]]), i.canvas ? (w(), y("canvas", ke, null, 512)) : ft("", !0), i.canvas ? (w(), y("canvas", Fe, null, 512)) : ft("", !0)];
   }), _: 1 }, 8, ["class", "wheel-resize", "touch-resize", "touch-move", "mouse-move", "onMove", "onResize"]))], 6)], 2);
 };
 const Xe = {
@@ -1567,7 +1567,7 @@ function Ze(t, e, i, s, o, n) {
       })
     }), {
       default: $(() => [
-        t.$slots.image ? B(t.$slots, "image", { key: 0 }, void 0, !0) : mt("", !0)
+        t.$slots.image ? B(t.$slots, "image", { key: 0 }, void 0, !0) : ft("", !0)
       ]),
       _: 3
     }, 16, ["model-value"]),
@@ -1579,7 +1579,7 @@ function Ze(t, e, i, s, o, n) {
     ])
   ]);
 }
-const Je = /* @__PURE__ */ kt(qe, [["render", Ze], ["__scopeId", "data-v-714387c8"]]);
+const Ke = /* @__PURE__ */ kt(qe, [["render", Ze], ["__scopeId", "data-v-714387c8"]]);
 export {
-  Je as default
+  Ke as default
 };