@cling-se/widget 0.13.0 → 0.13.2

package/dist/{ImageUploadWrapper-1e38bbe2.js → ImageUploadWrapper-K0-MmL-L.js}

@@ -1,11 +1,11 @@
-import Xt from "./BaseUpload-941ca869.js";
-import { V as k, n as _t, L as Yt } from "./main-2c8b76b7.js";
+import Xt from "./BaseUpload-iosxX2-N.js";
+import { V as k, n as $t, L as Yt } from "./main-DBw231uy.js";
 function yt(t, e) {
   var i = Object.keys(t);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(t);
-    e && (n = n.filter(function(o) {
-      return Object.getOwnPropertyDescriptor(t, o).enumerable;
+    e && (n = n.filter(function(s) {
+      return Object.getOwnPropertyDescriptor(t, s).enumerable;
     })), i.push.apply(i, n);
   }
   return i;
@@ -27,22 +27,22 @@ function C(t, e, i) {
 function Nt(t, e) {
   if (t == null)
     return {};
-  var i, n, o = function(a, h) {
+  var i, n, s = function(a, h) {
     if (a == null)
       return {};
-    var r, c, l = {}, d = Object.keys(a);
-    for (c = 0; c < d.length; c++)
-      r = d[c], h.indexOf(r) >= 0 || (l[r] = a[r]);
+    var r, c, l = {}, u = Object.keys(a);
+    for (c = 0; c < u.length; c++)
+      r = u[c], h.indexOf(r) >= 0 || (l[r] = a[r]);
     return l;
   }(t, e);
   if (Object.getOwnPropertySymbols) {
-    var s = Object.getOwnPropertySymbols(t);
-    for (n = 0; n < s.length; n++)
-      i = s[n], e.indexOf(i) >= 0 || Object.prototype.propertyIsEnumerable.call(t, i) && (o[i] = t[i]);
+    var o = Object.getOwnPropertySymbols(t);
+    for (n = 0; n < o.length; n++)
+      i = o[n], e.indexOf(i) >= 0 || Object.prototype.propertyIsEnumerable.call(t, i) && (s[i] = t[i]);
   }
-  return o;
+  return s;
 }
-function H(t) {
+function _(t) {
   return function(e) {
     if (Array.isArray(e))
       return ot(e);
@@ -79,23 +79,23 @@ var zt, Vt, V, w = (zt = function(t) {
   (function() {
     var e = {}.hasOwnProperty;
     function i() {
-      for (var n = [], o = 0; o < arguments.length; o++) {
-        var s = arguments[o];
-        if (s) {
-          var a = typeof s;
+      for (var n = [], s = 0; s < arguments.length; s++) {
+        var o = arguments[s];
+        if (o) {
+          var a = typeof o;
           if (a === "string" || a === "number")
-            n.push(s);
-          else if (Array.isArray(s)) {
-            if (s.length) {
-              var h = i.apply(null, s);
+            n.push(o);
+          else if (Array.isArray(o)) {
+            if (o.length) {
+              var h = i.apply(null, o);
               h && n.push(h);
             }
           } else if (a === "object")
-            if (s.toString === Object.prototype.toString)
-              for (var r in s)
-                e.call(s, r) && s[r] && n.push(r);
+            if (o.toString === Object.prototype.toString)
+              for (var r in o)
+                e.call(o, r) && o[r] && n.push(r);
             else
-              n.push(s.toString());
+              n.push(o.toString());
         }
       }
       return n.join(" ");
@@ -112,37 +112,37 @@ var zt, Vt, V, w = (zt = function(t) {
       return t;
     var n;
     typeof e == "string" ? n = e : i = e;
-    var o = t;
-    return n && (o += "__" + n), o + (i ? Object.keys(i).reduce(function(s, a) {
+    var s = t;
+    return n && (s += "__" + n), s + (i ? Object.keys(i).reduce(function(o, a) {
       var h = i[a];
-      return h && (s += " " + (typeof h == "boolean" ? o + "--" + a : o + "--" + a + "_" + h)), s;
+      return h && (o += " " + (typeof h == "boolean" ? s + "--" + a : s + "--" + a + "_" + h)), o;
     }, "") : "");
   };
 };
 function mt(t, e, i) {
-  var n, o, s, a, h;
+  var n, s, o, a, h;
   function r() {
     var l = Date.now() - a;
-    l < e && l >= 0 ? n = setTimeout(r, e - l) : (n = null, i || (h = t.apply(s, o), s = o = null));
+    l < e && l >= 0 ? n = setTimeout(r, e - l) : (n = null, i || (h = t.apply(o, s), o = s = null));
   }
   e == null && (e = 100);
   var c = function() {
-    s = this, o = arguments, a = Date.now();
+    o = this, s = arguments, a = Date.now();
     var l = i && !n;
-    return n || (n = setTimeout(r, e)), l && (h = t.apply(s, o), s = o = null), h;
+    return n || (n = setTimeout(r, e)), l && (h = t.apply(o, s), o = s = null), h;
   };
   return c.clear = function() {
     n && (clearTimeout(n), n = null);
   }, c.flush = function() {
-    n && (h = t.apply(s, o), s = o = null, clearTimeout(n), n = null);
+    n && (h = t.apply(o, s), o = s = null, clearTimeout(n), n = null);
   }, c;
 }
 mt.debounce = mt;
 var pt = mt, p = function() {
   return p = Object.assign || function(t) {
     for (var e, i = 1, n = arguments.length; i < n; i++)
-      for (var o in e = arguments[i])
-        Object.prototype.hasOwnProperty.call(e, o) && (t[o] = e[o]);
+      for (var s in e = arguments[i])
+        Object.prototype.hasOwnProperty.call(e, s) && (t[s] = e[s]);
     return t;
   }, p.apply(this, arguments);
 };
@@ -160,15 +160,15 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-function $t(t, e) {
+function jt(t, e) {
   var i, n;
   return t && e ? (i = "" + t + e[0].toUpperCase() + e.slice(1), n = t + "-" + e) : (i = t || e, n = t || e), { name: i, classname: n };
 }
-function jt(t) {
+function It(t) {
   return /^blob:/.test(t);
 }
 function Rt(t) {
-  return jt(t) || function(e) {
+  return It(t) || function(e) {
     return /^data:/.test(e);
   }(t);
 }
@@ -181,10 +181,10 @@ function y(t) {
 function J(t) {
   return typeof t == "object" && t !== null;
 }
-function ft(t, e, i) {
+function gt(t, e, i) {
   var n = {};
-  return J(t) ? (Object.keys(e).forEach(function(o) {
-    y(t[o]) ? n[o] = e[o] : J(e[o]) ? J(t[o]) ? n[o] = ft(t[o], e[o], i[o]) : n[o] = t[o] ? e[o] : i[o] : e[o] === !0 || e[o] === !1 ? n[o] = !!t[o] : n[o] = t[o];
+  return J(t) ? (Object.keys(e).forEach(function(s) {
+    y(t[s]) ? n[s] = e[s] : J(e[s]) ? J(t[s]) ? n[s] = gt(t[s], e[s], i[s]) : n[s] = t[s] ? e[s] : i[s] : e[s] === !0 || e[s] === !1 ? n[s] = !!t[s] : n[s] = t[s];
   }), n) : t ? e : i;
 }
 function q(t) {
@@ -192,14 +192,14 @@ function q(t) {
   return Number.isNaN(e) ? t : e;
 }
 function At(t) {
-  return typeof (t == "number" || function(e) {
+  return typeof (t == "number" || /* @__PURE__ */ function(e) {
     return typeof e == "object" && e !== null;
-  }(t) && toString.call(t) == "[object Number]") && !It(t);
+  }(t) && toString.call(t) == "[object Number]") && !Ht(t);
 }
-function It(t) {
+function Ht(t) {
   return t != t;
 }
-function Ht(t, e) {
+function _t(t, e) {
   return Math.sqrt(Math.pow(t.x - e.x, 2) + Math.pow(t.y - e.y, 2));
 }
 var X = function(t, e) {
@@ -209,35 +209,18 @@ var X = function(t, e) {
 }, vt = function(t) {
   this.type = "move", this.directions = t;
 }, Zt = function() {
-  function t(e, i, n, o, s) {
-    this.type = "drag", this.nativeEvent = e, this.position = n, this.previousPosition = o, this.element = i, this.anchor = s;
+  function t(e, i, n, s, o) {
+    this.type = "drag", this.nativeEvent = e, this.position = n, this.previousPosition = s, this.element = i, this.anchor = o;
   }
   return t.prototype.shift = function() {
-    var e = this, i = e.element, n = e.anchor, o = e.position, s = i.getBoundingClientRect(), a = s.left, h = s.top;
-    return { left: o.left - a - n.left, top: o.top - h - n.top };
+    var e = this, i = e.element, n = e.anchor, s = e.position, o = i.getBoundingClientRect(), a = o.left, h = o.top;
+    return { left: s.left - a - n.left, top: s.top - h - n.top };
   }, t;
 }();
-function A(t, e, i, n, o, s, a, h, r, c) {
-  typeof a != "boolean" && (r = h, h = a, a = !1);
+function A(t, e, i, n, s, o, a, h, r, c) {
   const l = typeof i == "function" ? i.options : i;
-  let d;
-  if (t && t.render && (l.render = t.render, l.staticRenderFns = t.staticRenderFns, l._compiled = !0, o && (l.functional = !0)), n && (l._scopeId = n), s ? (d = function(u) {
-    (u = u || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) || typeof __VUE_SSR_CONTEXT__ > "u" || (u = __VUE_SSR_CONTEXT__), e && e.call(this, r(u)), u && u._registeredComponents && u._registeredComponents.add(s);
-  }, l._ssrRegister = d) : e && (d = a ? function(u) {
-    e.call(this, c(u, this.$root.$options.shadowRoot));
-  } : function(u) {
-    e.call(this, h(u));
-  }), d)
-    if (l.functional) {
-      const u = l.render;
-      l.render = function(m, f) {
-        return d.call(f), u(m, f);
-      };
-    } else {
-      const u = l.beforeCreate;
-      l.beforeCreate = u ? [].concat(u, d) : [d];
-    }
-  return i;
+  let u;
+  return t && t.render && (l.render = t.render, l.staticRenderFns = t.staticRenderFns, l._compiled = !0), i;
 }
 var Dt = A({ render: function() {
   var t = this, e = t.$createElement;
@@ -255,7 +238,7 @@ var Dt = A({ render: function() {
 }, onMouseLeave: function() {
   this.hovered && !this.touches.length && (this.hovered = !1, this.$emit("leave"));
 }, onTouchStart: function(t) {
-  t.cancelable && !this.disabled && t.touches.length === 1 && (this.touches = H(t.touches), this.hovered || (this.$emit("enter"), this.hovered = !0), t.touches.length && this.initAnchor(this.touches.reduce(function(e, i) {
+  t.cancelable && !this.disabled && t.touches.length === 1 && (this.touches = _(t.touches), this.hovered || (this.$emit("enter"), this.hovered = !0), t.touches.length && this.initAnchor(this.touches.reduce(function(e, i) {
     return { clientX: e.clientX + i.clientX / t.touches.length, clientY: e.clientY + i.clientY / t.touches.length };
   }, { clientX: 0, clientY: 0 })), t.preventDefault && t.preventDefault(), t.stopPropagation());
 }, onTouchEnd: function() {
@@ -272,10 +255,10 @@ var Dt = A({ render: function() {
 }, onMouseUp: function() {
   this.processEnd();
 }, initAnchor: function(t) {
-  var e = this.$refs.draggable.getBoundingClientRect(), i = e.left, n = e.right, o = e.bottom, s = e.top;
-  this.anchor = { left: t.clientX - i, top: t.clientY - s, bottom: o - t.clientY, right: n - t.clientX };
+  var e = this.$refs.draggable.getBoundingClientRect(), i = e.left, n = e.right, s = e.bottom, o = e.top;
+  this.anchor = { left: t.clientX - i, top: t.clientY - o, bottom: s - t.clientY, right: n - t.clientX };
 }, processMove: function(t, e) {
-  var i = H(e);
+  var i = _(e);
   if (this.touches.length) {
     if (this.touches.length === 1 && i.length === 1) {
       var n = this.$refs.draggable;
@@ -285,7 +268,7 @@ var Dt = A({ render: function() {
   }
 }, processEnd: function() {
   this.touches.length && this.$emit("drag-end"), this.hovered && (this.$emit("leave"), this.hovered = !1), this.touches = [];
-} } }], props: { classname: { type: String } } }, void 0, !1, void 0, !1, void 0, void 0, void 0), rt = M("vue-handler-wrapper"), Gt = A({ render: function() {
+} } }], props: { classname: { type: String } } }, void 0, !1), rt = M("vue-handler-wrapper"), Gt = A({ render: function() {
   var t = this, e = t.$createElement, i = t._self._c || e;
   return i("div", { class: t.classes.root }, [i("DraggableElement", { class: t.classes.draggable, on: { drag: function(n) {
     return t.$emit("drag", n);
@@ -299,12 +282,12 @@ var Dt = A({ render: function() {
 }, staticRenderFns: [] }, void 0, { name: "HandlerWrapper", components: { DraggableElement: Dt }, props: { horizontalPosition: { type: String }, verticalPosition: { type: String }, disabled: { type: Boolean, default: !1 } }, computed: { classes: function() {
   var t;
   if (this.horizontalPosition || this.verticalPosition) {
-    var e, i = $t(this.horizontalPosition, this.verticalPosition);
+    var e, i = jt(this.horizontalPosition, this.verticalPosition);
     t = rt((C(e = {}, i.classname, !0), C(e, "disabled", this.disabled), e));
   } else
     t = rt({ disabled: this.disabled });
   return { root: t, draggable: rt("draggable") };
-} } }, void 0, !1, void 0, !1, void 0, void 0, void 0), Qt = M("vue-line-wrapper"), Kt = A({ render: function() {
+} } }, void 0, !1), Qt = M("vue-line-wrapper"), Kt = A({ render: function() {
   var t = this, e = t.$createElement;
   return (t._self._c || e)("DraggableElement", { class: t.classname, on: { drag: function(i) {
     return t.$emit("drag", i);
@@ -318,7 +301,7 @@ var Dt = A({ render: function() {
 }, staticRenderFns: [] }, void 0, { name: "LineWrapper", components: { DraggableElement: Dt }, props: { position: { type: String, required: !0 }, disabled: { type: Boolean, default: !1 } }, computed: { classname: function() {
   var t;
   return Qt((C(t = {}, this.position, !0), C(t, "disabled", this.disabled), t));
-} } }, void 0, !1, void 0, !1, void 0, void 0, void 0), W = ["left", "right", "top", "bottom"], Jt = ["left", "right"], te = ["top", "bottom"], ee = ["left", "top"], ie = ["fill-area", "fit-area", "stencil", "none"], xt = { left: 0, top: 0, width: 0, height: 0 };
+} } }, void 0, !1), W = ["left", "right", "top", "bottom"], Jt = ["left", "right"], te = ["top", "bottom"], ee = ["left", "top"], ie = ["fill-area", "fit-area", "stencil", "none"], xt = { left: 0, top: 0, width: 0, height: 0 };
 function St(t, e, i) {
   return !(i = i || ["width", "height", "left", "top"]).some(function(n) {
     return t[n] !== e[n];
@@ -336,8 +319,8 @@ function R(t) {
 function Y(t, e) {
   var i = { left: 0, top: 0, right: 0, bottom: 0 };
   return W.forEach(function(n) {
-    var o = e[n], s = T(t)[n];
-    i[n] = o !== void 0 && s !== void 0 ? n === "left" || n === "top" ? Math.max(0, o - s) : Math.max(0, s - o) : 0;
+    var s = e[n], o = T(t)[n];
+    i[n] = s !== void 0 && o !== void 0 ? n === "left" || n === "top" ? Math.max(0, s - o) : Math.max(0, o - s) : 0;
   }), i;
 }
 function O(t, e) {
@@ -352,8 +335,8 @@ function x(t, e) {
 function E(t, e, i, n) {
   if (e !== 1) {
     if (i) {
-      var o = R(t);
-      return { width: t.width * e, height: t.height * e, left: t.left + t.width * (1 - e) / 2 + (i.left - o.left) * (n || 1 - e), top: t.top + t.height * (1 - e) / 2 + (i.top - o.top) * (n || 1 - e) };
+      var s = R(t);
+      return { width: t.width * e, height: t.height * e, left: t.left + t.width * (1 - e) / 2 + (i.left - s.left) * (1 - e), top: t.top + t.height * (1 - e) / 2 + (i.top - s.top) * (1 - e) };
     }
     return { width: t.width * e, height: t.height * e, left: t.left + t.width * (1 - e) / 2, top: t.top + t.height * (1 - e) / 2 };
   }
@@ -381,7 +364,7 @@ function bt(t, e) {
   var i = e * Math.PI / 180;
   return { width: Math.abs(t.width * Math.cos(i)) + Math.abs(t.height * Math.sin(i)), height: Math.abs(t.width * Math.sin(i)) + Math.abs(t.height * Math.cos(i)) };
 }
-function I(t, e) {
+function H(t, e) {
   var i = e * Math.PI / 180;
   return { left: t.left * Math.cos(i) - t.top * Math.sin(i), top: t.left * Math.sin(i) + t.top * Math.cos(i) };
 }
@@ -403,69 +386,69 @@ function ne(t, e) {
 function Pt(t, e, i) {
   i === void 0 && (i = !0);
   var n = {};
-  return W.forEach(function(o) {
-    var s = t[o], a = e[o];
-    s !== void 0 && a !== void 0 ? n[o] = o === "left" || o === "top" ? i ? Math.max(s, a) : Math.min(s, a) : i ? Math.min(s, a) : Math.max(s, a) : a !== void 0 ? n[o] = a : s !== void 0 && (n[o] = s);
+  return W.forEach(function(s) {
+    var o = t[s], a = e[s];
+    o !== void 0 && a !== void 0 ? n[s] = s === "left" || s === "top" ? i ? Math.max(o, a) : Math.min(o, a) : i ? Math.min(o, a) : Math.max(o, a) : a !== void 0 ? n[s] = a : o !== void 0 && (n[s] = o);
   }), n;
 }
 function it(t, e) {
   return Pt(t, e, !0);
 }
 function Ct(t) {
-  var e = t.size, i = t.aspectRatio, n = t.ignoreMinimum, o = t.sizeRestrictions;
-  return !!((e.correctRatio || b(e) >= i.minimum && b(e) <= i.maximum) && e.height <= o.maxHeight && e.width <= o.maxWidth && e.width && e.height && (n || e.height >= o.minHeight && e.width >= o.minWidth));
+  var e = t.size, i = t.aspectRatio, n = t.ignoreMinimum, s = t.sizeRestrictions;
+  return !!((e.correctRatio || b(e) >= i.minimum && b(e) <= i.maximum) && e.height <= s.maxHeight && e.width <= s.maxWidth && e.width && e.height && (n || e.height >= s.minHeight && e.width >= s.minWidth));
 }
 function Et(t, e) {
   return Math.pow(t.width - e.width, 2) + Math.pow(t.height - e.height, 2);
 }
-function j(t) {
-  var e = t.width, i = t.height, n = t.sizeRestrictions, o = { minimum: t.aspectRatio && t.aspectRatio.minimum || 0, maximum: t.aspectRatio && t.aspectRatio.maximum || 1 / 0 }, s = { width: Math.max(n.minWidth, Math.min(n.maxWidth, e)), height: Math.max(n.minHeight, Math.min(n.maxHeight, i)) };
+function I(t) {
+  var e = t.width, i = t.height, n = t.sizeRestrictions, s = { minimum: t.aspectRatio && t.aspectRatio.minimum || 0, maximum: t.aspectRatio && t.aspectRatio.maximum || 1 / 0 }, o = { width: Math.max(n.minWidth, Math.min(n.maxWidth, e)), height: Math.max(n.minHeight, Math.min(n.maxHeight, i)) };
   function a(c, l) {
-    return l === void 0 && (l = !1), c.reduce(function(d, u) {
-      return Ct({ size: u, aspectRatio: o, sizeRestrictions: n, ignoreMinimum: l }) && (!d || Et(u, { width: e, height: i }) < Et(d, { width: e, height: i })) ? u : d;
+    return l === void 0 && (l = !1), c.reduce(function(u, d) {
+      return Ct({ size: d, aspectRatio: s, sizeRestrictions: n, ignoreMinimum: l }) && (!u || Et(d, { width: e, height: i }) < Et(u, { width: e, height: i })) ? d : u;
     }, null);
   }
   var h = [];
-  o && [o.minimum, o.maximum].forEach(function(c) {
-    c && h.push({ width: s.width, height: s.width / c, correctRatio: !0 }, { width: s.height * c, height: s.height, correctRatio: !0 });
-  }), Ct({ size: s, aspectRatio: o, sizeRestrictions: n }) && h.push(s);
+  s && [s.minimum, s.maximum].forEach(function(c) {
+    c && h.push({ width: o.width, height: o.width / c, correctRatio: !0 }, { width: o.height * c, height: o.height, correctRatio: !0 });
+  }), Ct({ size: o, aspectRatio: s, sizeRestrictions: n }) && h.push(o);
   var r = a(h) || a(h, !0);
   return r && { width: r.width, height: r.height };
 }
-function gt(t) {
-  var e = t.event, i = t.coordinates, n = t.positionRestrictions, o = n === void 0 ? {} : n, s = x(i, e.directions);
-  return x(s, F(s, o));
+function ft(t) {
+  var e = t.event, i = t.coordinates, n = t.positionRestrictions, s = n === void 0 ? {} : n, o = x(i, e.directions);
+  return x(o, F(o, s));
 }
 function se(t) {
-  var e = t.coordinates, i = t.transform, n = t.imageSize, o = t.sizeRestrictions, s = t.positionRestrictions, a = t.aspectRatio, h = t.visibleArea, r = function(l, d) {
-    return gt({ coordinates: l, positionRestrictions: s, event: new vt({ left: d.left - l.left, top: d.top - l.top }) });
+  var e = t.coordinates, i = t.transform, n = t.imageSize, s = t.sizeRestrictions, o = t.positionRestrictions, a = t.aspectRatio, h = t.visibleArea, r = function(l, u) {
+    return ft({ coordinates: l, positionRestrictions: o, event: new vt({ left: u.left - l.left, top: u.top - l.top }) });
   }, c = p({}, e);
   return (Array.isArray(i) ? i : [i]).forEach(function(l) {
-    var d = {};
-    y((d = typeof l == "function" ? l({ coordinates: c, imageSize: n, visibleArea: h }) : l).width) && y(d.height) || (c = function(u, m) {
-      var f = p(p(p({}, u), j({ width: m.width, height: m.height, sizeRestrictions: o, aspectRatio: a })), { left: 0, top: 0 });
-      return r(f, { left: u.left, top: u.top });
-    }(c, p(p({}, c), d))), y(d.left) && y(d.top) || (c = r(c, p(p({}, c), d)));
+    var u = {};
+    y((u = typeof l == "function" ? l({ coordinates: c, imageSize: n, visibleArea: h }) : l).width) && y(u.height) || (c = function(d, m) {
+      var g = p(p(p({}, d), I({ width: m.width, height: m.height, sizeRestrictions: s, aspectRatio: a })), { left: 0, top: 0 });
+      return r(g, { left: d.left, top: d.top });
+    }(c, p(p({}, c), u))), y(u.left) && y(u.top) || (c = r(c, p(p({}, c), u)));
   }), c;
 }
 function oe(t) {
   t.event;
-  var e = t.getAreaRestrictions, i = t.boundaries, n = t.coordinates, o = t.visibleArea;
+  var e = t.getAreaRestrictions, i = t.boundaries, n = t.coordinates, s = t.visibleArea;
   t.aspectRatio;
-  var s = t.stencilSize, a = t.sizeRestrictions, h = t.positionRestrictions;
+  var o = t.stencilSize, a = t.sizeRestrictions, h = t.positionRestrictions;
   t.stencilReference;
-  var r, c, l, d = p({}, n), u = p({}, o), m = p({}, s);
-  r = b(m), c = b(d), 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) || (d = p(p({}, d), j({ sizeRestrictions: a, width: d.width, height: d.height, aspectRatio: { minimum: b(m), maximum: b(m) } })));
-  var f = et(u = E(u, d.width * i.width / (u.width * m.width)), e({ visibleArea: u, type: "resize" }));
-  return f !== 1 && (u = E(u, f), d = E(d, f)), u = z(u = x(u, P(R(d), R(u))), e({ visibleArea: u, type: "move" })), { coordinates: d = z(d, it(T(u), h)), visibleArea: u };
+  var r, c, l, u = p({}, n), d = p({}, s), m = p({}, o);
+  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 = p(p({}, u), I({ sizeRestrictions: a, width: u.width, height: u.height, aspectRatio: { minimum: b(m), maximum: b(m) } })));
+  var g = et(d = E(d, u.width * i.width / (d.width * m.width)), e({ visibleArea: d, type: "resize" }));
+  return g !== 1 && (d = E(d, g), u = E(u, g)), d = z(d = x(d, P(R(u), R(d))), e({ visibleArea: d, type: "move" })), { coordinates: u = z(u, it(T(d), h)), visibleArea: d };
 }
 function re(t) {
-  var e = t.event, i = t.getAreaRestrictions, n = t.boundaries, o = t.coordinates, s = t.visibleArea;
+  var e = t.event, i = t.getAreaRestrictions, n = t.boundaries, s = t.coordinates, o = t.visibleArea;
   t.aspectRatio, t.stencilSize, t.sizeRestrictions;
   var a = t.positionRestrictions;
   t.stencilReference;
-  var h = p({}, o), r = p({}, s);
-  if (o && s && e.type !== "manipulateImage") {
+  var h = p({}, s), r = p({}, o);
+  if (s && o && e.type !== "manipulateImage") {
     var c = { width: 0, height: 0 };
     r.width, n.width, b(n) > b(h) ? (c.height = 0.8 * n.height, c.width = c.height * b(h)) : (c.width = 0.8 * n.width, c.height = c.width * b(h));
     var l = et(r = E(r, h.width * n.width / (r.width * c.width)), i({ visibleArea: r, type: "resize" }));
@@ -474,76 +457,74 @@ function re(t) {
   return { coordinates: h, visibleArea: r };
 }
 function ae(t) {
-  var e = t.event, i = t.coordinates, n = t.visibleArea, o = t.getAreaRestrictions, s = p({}, n), a = p({}, i);
+  var e = t.event, i = t.coordinates, n = t.visibleArea, s = t.getAreaRestrictions, o = p({}, n), a = p({}, i);
   if (e.type === "setCoordinates") {
-    var h = Math.max(0, a.width - s.width), r = Math.max(0, a.height - s.height);
-    h > r ? s = E(s, Math.min(a.width / s.width, L(s, o({ visibleArea: s, type: "resize" })))) : r > h && (s = E(s, Math.min(a.height / s.height, L(s, o({ visibleArea: s, type: "resize" }))))), s = z(s = x(s, tt(F(a, T(s)))), o({ visibleArea: s, type: "move" }));
+    var h = Math.max(0, a.width - o.width), r = Math.max(0, a.height - o.height);
+    h > r ? o = E(o, Math.min(a.width / o.width, L(o, s({ visibleArea: o, type: "resize" })))) : r > h && (o = E(o, Math.min(a.height / o.height, L(o, s({ visibleArea: o, type: "resize" }))))), o = z(o = x(o, tt(F(a, T(o)))), s({ visibleArea: o, type: "move" }));
   }
-  return { visibleArea: s, coordinates: a };
+  return { visibleArea: o, coordinates: a };
 }
 function he(t) {
-  var e = t.imageSize, i = t.visibleArea, n = t.aspectRatio, o = t.sizeRestrictions, s = i || e, a = Math.min(n.maximum || 1 / 0, Math.max(n.minimum || 0, b(s))), h = s.width < s.height ? { width: 0.8 * s.width, height: 0.8 * s.width / a } : { height: 0.8 * s.height, width: 0.8 * s.height * a };
-  return j(p(p({}, h), { aspectRatio: n, sizeRestrictions: o }));
+  var e = t.imageSize, i = t.visibleArea, n = t.aspectRatio, s = t.sizeRestrictions, o = i || e, a = Math.min(n.maximum || 1 / 0, Math.max(n.minimum || 0, b(o))), h = o.width < o.height ? { width: 0.8 * o.width, height: 0.8 * o.width / a } : { height: 0.8 * o.height, width: 0.8 * o.height * a };
+  return I(p(p({}, h), { aspectRatio: n, sizeRestrictions: s }));
 }
 function ce(t) {
-  var e, i, n = t.imageSize, o = t.visibleArea, s = t.boundaries, a = t.aspectRatio, h = t.sizeRestrictions, r = t.stencilSize, c = o || n;
-  return b(c) > b(s) ? i = (e = r.height * c.height / s.height) * b(r) : e = (i = r.width * c.width / s.width) / b(r), j({ width: i, height: e, aspectRatio: a, sizeRestrictions: h });
+  var e, i, n = t.imageSize, s = t.visibleArea, o = t.boundaries, a = t.aspectRatio, h = t.sizeRestrictions, r = t.stencilSize, c = s || n;
+  return b(c) > b(o) ? i = (e = r.height * c.height / o.height) * b(r) : e = (i = r.width * c.width / o.width) / b(r), I({ width: i, height: e, aspectRatio: a, sizeRestrictions: h });
 }
 function Z(t, e) {
   return Pt(t, T(e));
 }
 function le(t) {
-  var e = t.event, i = t.coordinates, n = t.visibleArea, o = t.sizeRestrictions, s = t.getAreaRestrictions, a = t.positionRestrictions, h = t.adjustStencil, r = e.scale, c = e.move, l = p({}, n), d = p({}, i), u = 1, m = 1, f = r.factor && Math.abs(r.factor - 1) > 1e-3;
+  var e = t.event, i = t.coordinates, n = t.visibleArea, s = t.sizeRestrictions, o = t.getAreaRestrictions, a = t.positionRestrictions, h = t.adjustStencil, r = e.scale, c = e.move, l = p({}, n), u = p({}, i), d = 1, m = 1, g = 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 / d.width : 0, o.minHeight ? o.minHeight / d.height : 0), maximum: Math.min(o.maxWidth ? o.maxWidth / d.width : 1 / 0, o.maxHeight ? o.maxHeight / d.height : 1 / 0, L(d, a)) }, area: { maximum: L(l, s({ visibleArea: l, type: "resize" })) } };
-  r.factor && f && (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 = E(l, m, r.center));
-  var S = i.left - n.left, _ = n.width + n.left - (i.width + i.left), B = i.top - n.top, N = n.height + n.top - (i.height + i.top);
-  return l = z(l = x(l, F(l, { left: a.left !== void 0 ? a.left - S * m : void 0, top: a.top !== void 0 ? a.top - B * m : void 0, bottom: a.bottom !== void 0 ? a.bottom + N * m : void 0, right: a.right !== void 0 ? a.right + _ * m : void 0 })), s({ visibleArea: l, type: "move" })), d.width = d.width * m, d.height = d.height * m, d.left = l.left + S * m, d.top = l.top + B * m, d = z(d, it(T(l), a)), r.factor && f && h && (r.factor > 1 ? u = Math.min(g.area.maximum, r.factor) / m : r.factor < 1 && (u = Math.max(d.height / l.height, d.width / l.width, r.factor / m)), u !== 1 && (l = x(l = z(l = E(l, u, r.factor > 1 ? r.center : R(d)), s({ visibleArea: l, type: "move" })), tt(F(d, T(l)))))), { coordinates: d, visibleArea: l };
-}
-function de(t) {
-  var e = t.aspectRatio, i = t.getAreaRestrictions, n = t.coordinates, o = t.visibleArea, s = t.sizeRestrictions, a = t.positionRestrictions, h = t.imageSize, r = t.previousImageSize, c = t.angle, l = p({}, n), d = p({}, o), u = I(R(p({ left: 0, top: 0 }, r)), c);
-  return (l = p(p({}, j({ sizeRestrictions: s, aspectRatio: e, width: l.width, height: l.height })), I(R(l), c))).left -= u.left - h.width / 2 + l.width / 2, l.top -= u.top - h.height / 2 + l.height / 2, d = E(d, et(d, i({ visibleArea: d, type: "resize" }))), { coordinates: l = z(l, a), visibleArea: d = z(d = x(d, P(R(l), R(n))), i({ visibleArea: d, type: "move" })) };
+  var f = { stencil: { minimum: Math.max(s.minWidth ? s.minWidth / u.width : 0, s.minHeight ? s.minHeight / u.height : 0), maximum: Math.min(s.maxWidth ? s.maxWidth / u.width : 1 / 0, s.maxHeight ? s.maxHeight / u.height : 1 / 0, L(u, a)) }, area: { maximum: L(l, o({ visibleArea: l, type: "resize" })) } };
+  r.factor && g && (r.factor < 1 ? (m = Math.max(r.factor, f.stencil.minimum)) > 1 && (m = 1) : r.factor > 1 && (m = Math.min(r.factor, Math.min(f.area.maximum, f.stencil.maximum))) < 1 && (m = 1)), m && (l = E(l, m, r.center));
+  var S = i.left - n.left, $ = n.width + n.left - (i.width + i.left), B = i.top - n.top, N = n.height + n.top - (i.height + i.top);
+  return l = z(l = x(l, F(l, { left: a.left !== void 0 ? a.left - S * m : void 0, top: a.top !== void 0 ? a.top - B * m : void 0, bottom: a.bottom !== void 0 ? a.bottom + N * m : void 0, right: a.right !== void 0 ? a.right + $ * m : void 0 })), o({ visibleArea: l, type: "move" })), u.width = u.width * m, u.height = u.height * m, u.left = l.left + S * m, u.top = l.top + B * m, u = z(u, it(T(l), a)), r.factor && g && h && (r.factor > 1 ? d = Math.min(f.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 = z(l = E(l, d, r.factor > 1 ? r.center : R(u)), o({ visibleArea: l, type: "move" })), tt(F(u, T(l)))))), { coordinates: u, visibleArea: l };
 }
 function ue(t) {
-  var e = t.flip, i = t.previousFlip, n = t.rotate;
-  t.aspectRatio;
-  var o = t.getAreaRestrictions, s = t.coordinates, a = t.visibleArea, h = t.imageSize, r = p({}, s), c = p({}, a), l = i.horizontal !== e.horizontal, d = i.vertical !== e.vertical;
-  if (l || d) {
-    var u = I({ left: h.width / 2, top: h.height / 2 }, -n), m = I(R(r), -n), f = I({ left: l ? u.left - (m.left - u.left) : m.left, top: d ? u.top - (m.top - u.top) : m.top }, n);
-    r = x(r, P(f, R(r))), m = I(R(c), -n), c = z(c = x(c, P(f = I({ left: l ? u.left - (m.left - u.left) : m.left, top: d ? u.top - (m.top - u.top) : m.top }, n), R(c))), o({ visibleArea: c, type: "move" }));
+  var e = t.aspectRatio, i = t.getAreaRestrictions, n = t.coordinates, s = t.visibleArea, o = t.sizeRestrictions, a = t.positionRestrictions, h = t.imageSize, r = t.previousImageSize, c = t.angle, l = p({}, n), u = p({}, s), d = H(R(p({ left: 0, top: 0 }, r)), c);
+  return (l = p(p({}, I({ sizeRestrictions: o, aspectRatio: e, width: l.width, height: l.height })), H(R(l), c))).left -= d.left - h.width / 2 + l.width / 2, l.top -= d.top - h.height / 2 + l.height / 2, u = E(u, et(u, i({ visibleArea: u, type: "resize" }))), { coordinates: l = z(l, a), visibleArea: u = z(u = x(u, P(R(l), R(n))), i({ visibleArea: u, type: "move" })) };
+}
+function de(t) {
+  var e = t.flip, i = t.previousFlip, n = t.rotate, s = t.getAreaRestrictions, o = t.coordinates, a = t.visibleArea, h = t.imageSize, r = p({}, o), c = p({}, a), l = i.horizontal !== e.horizontal, u = i.vertical !== e.vertical;
+  if (l || u) {
+    var d = H({ left: h.width / 2, top: h.height / 2 }, -n), m = H(R(r), -n), g = H({ left: l ? d.left - (m.left - d.left) : m.left, top: u ? d.top - (m.top - d.top) : m.top }, n);
+    r = x(r, P(g, R(r))), m = H(R(c), -n), c = z(c = x(c, P(g = H({ left: l ? d.left - (m.left - d.left) : m.left, top: u ? d.top - (m.top - d.top) : m.top }, n), R(c))), s({ visibleArea: c, type: "move" }));
   }
   return { coordinates: r, visibleArea: c };
 }
 function Ot(t) {
-  var e = t.directions, i = t.coordinates, n = t.positionRestrictions, o = n === void 0 ? {} : n, s = t.sizeRestrictions, a = t.preserveRatio, h = t.compensate, r = p({}, e), c = O(i, r).width, l = O(i, r).height;
-  c < 0 && (r.left < 0 && r.right < 0 ? (r.left = -(i.width - s.minWidth) / (r.left / r.right), r.right = -(i.width - s.minWidth) / (r.right / r.left)) : r.left < 0 ? r.left = -(i.width - s.minWidth) : r.right < 0 && (r.right = -(i.width - s.minWidth))), l < 0 && (r.top < 0 && r.bottom < 0 ? (r.top = -(i.height - s.minHeight) / (r.top / r.bottom), r.bottom = -(i.height - s.minHeight) / (r.bottom / r.top)) : r.top < 0 ? r.top = -(i.height - s.minHeight) : r.bottom < 0 && (r.bottom = -(i.height - s.minHeight)));
-  var d = Y(O(i, r), o);
-  h && (d.left && d.left > 0 && d.right === 0 ? (r.right += d.left, r.left -= d.left) : d.right && d.right > 0 && d.left === 0 && (r.left += d.right, r.right -= d.right), d.top && d.top > 0 && d.bottom === 0 ? (r.bottom += d.top, r.top -= d.top) : d.bottom && d.bottom > 0 && d.top === 0 && (r.top += d.bottom, r.bottom -= d.bottom), d = Y(O(i, r), o));
-  var u = { width: 1 / 0, height: 1 / 0, left: 1 / 0, right: 1 / 0, top: 1 / 0, bottom: 1 / 0 };
-  if (W.forEach(function(g) {
-    var S = d[g];
-    S && r[g] && (u[g] = Math.max(0, 1 - S / r[g]));
+  var e = t.directions, i = t.coordinates, n = t.positionRestrictions, s = n === void 0 ? {} : n, o = t.sizeRestrictions, a = t.preserveRatio, h = t.compensate, r = p({}, e), c = O(i, r).width, l = O(i, r).height;
+  c < 0 && (r.left < 0 && r.right < 0 ? (r.left = -(i.width - o.minWidth) / (r.left / r.right), r.right = -(i.width - o.minWidth) / (r.right / r.left)) : r.left < 0 ? r.left = -(i.width - o.minWidth) : r.right < 0 && (r.right = -(i.width - o.minWidth))), l < 0 && (r.top < 0 && r.bottom < 0 ? (r.top = -(i.height - o.minHeight) / (r.top / r.bottom), r.bottom = -(i.height - o.minHeight) / (r.bottom / r.top)) : r.top < 0 ? r.top = -(i.height - o.minHeight) : r.bottom < 0 && (r.bottom = -(i.height - o.minHeight)));
+  var u = Y(O(i, r), s);
+  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 = Y(O(i, r), s));
+  var d = { width: 1 / 0, height: 1 / 0, left: 1 / 0, right: 1 / 0, top: 1 / 0, bottom: 1 / 0 };
+  if (W.forEach(function(f) {
+    var S = u[f];
+    S && r[f] && (d[f] = Math.max(0, 1 - S / r[f]));
   }), a) {
-    var m = Math.min.apply(null, W.map(function(g) {
-      return u[g];
+    var m = Math.min.apply(null, W.map(function(f) {
+      return d[f];
     }));
-    m !== 1 / 0 && W.forEach(function(g) {
-      r[g] *= m;
+    m !== 1 / 0 && W.forEach(function(f) {
+      r[f] *= m;
     });
   } else
-    W.forEach(function(g) {
-      u[g] !== 1 / 0 && (r[g] *= u[g]);
+    W.forEach(function(f) {
+      d[f] !== 1 / 0 && (r[f] *= d[f]);
     });
-  if (c = O(i, r).width, l = O(i, r).height, r.right + r.left && (c > s.maxWidth ? u.width = (s.maxWidth - i.width) / (r.right + r.left) : c < s.minWidth && (u.width = (s.minWidth - i.width) / (r.right + r.left))), r.bottom + r.top && (l > s.maxHeight ? u.height = (s.maxHeight - i.height) / (r.bottom + r.top) : l < s.minHeight && (u.height = (s.minHeight - i.height) / (r.bottom + r.top))), a) {
-    var f = Math.min(u.width, u.height);
-    f !== 1 / 0 && W.forEach(function(g) {
-      r[g] *= f;
+  if (c = O(i, r).width, l = O(i, r).height, r.right + r.left && (c > o.maxWidth ? d.width = (o.maxWidth - i.width) / (r.right + r.left) : c < o.minWidth && (d.width = (o.minWidth - i.width) / (r.right + r.left))), r.bottom + r.top && (l > o.maxHeight ? d.height = (o.maxHeight - i.height) / (r.bottom + r.top) : l < o.minHeight && (d.height = (o.minHeight - i.height) / (r.bottom + r.top))), a) {
+    var g = Math.min(d.width, d.height);
+    g !== 1 / 0 && W.forEach(function(f) {
+      r[f] *= g;
     });
   } else
-    u.width !== 1 / 0 && Jt.forEach(function(g) {
-      r[g] *= u.width;
-    }), u.height !== 1 / 0 && te.forEach(function(g) {
-      r[g] *= u.height;
+    d.width !== 1 / 0 && Jt.forEach(function(f) {
+      r[f] *= d.width;
+    }), d.height !== 1 / 0 && te.forEach(function(f) {
+      r[f] *= d.height;
     });
   return r;
 }
@@ -566,13 +547,13 @@ var me = M("vue-simple-handler"), pe = M("vue-simple-handler-wrapper"), nt = A({
   this.hover = !1;
 }, onDragEnd: function() {
   this.$emit("drag-end");
-} } }, void 0, !1, void 0, !1, void 0, void 0, void 0), fe = M("vue-simple-line"), ge = M("vue-simple-line-wrapper"), st = A({ render: function() {
+} } }, void 0, !1), ge = M("vue-simple-line"), fe = M("vue-simple-line-wrapper"), st = A({ render: function() {
   var t = this, e = t.$createElement, i = t._self._c || e;
   return i("LineWrapper", { class: t.classes.wrapper, attrs: { position: t.position, disabled: t.disabled }, on: { drag: t.onDrag, "drag-end": t.onDragEnd, enter: t.onEnter, leave: t.onLeave } }, [i("div", { class: t.classes.root })]);
 }, staticRenderFns: [] }, void 0, { name: "SimpleLine", components: { LineWrapper: Kt }, props: { defaultClass: { type: String }, hoverClass: { type: String }, wrapperClass: { type: String }, position: { type: String }, disabled: { type: Boolean, default: !1 } }, data: function() {
   return { hover: !1 };
 }, computed: { classes: function() {
-  return { root: w(fe(C({}, this.position, !0)), this.defaultClass, this.hover && this.hoverClass), wrapper: w(ge(C({}, this.position, !0)), this.wrapperClass) };
+  return { root: w(ge(C({}, this.position, !0)), this.defaultClass, this.hover && this.hoverClass), wrapper: w(fe(C({}, this.position, !0)), this.wrapperClass) };
 } }, methods: { onDrag: function(t) {
   this.$emit("drag", t);
 }, onEnter: function() {
@@ -581,18 +562,18 @@ var me = M("vue-simple-handler"), pe = M("vue-simple-handler-wrapper"), nt = A({
   this.hover = !1;
 }, onDragEnd: function() {
   this.$emit("drag-end");
-} } }, void 0, !1, void 0, !1, void 0, void 0, void 0), ct = M("vue-bounding-box"), ve = ["east", "west", null], be = ["south", "north", null], Lt = A({ render: function() {
+} } }, void 0, !1), ct = M("vue-bounding-box"), ve = ["east", "west", null], be = ["south", "north", null], Lt = A({ render: function() {
   var t = this, e = t.$createElement, i = t._self._c || e;
   return i("div", { ref: "box", class: t.classes.root, style: t.style }, [t._t("default"), t._v(" "), i("div", t._l(t.lineNodes, function(n) {
-    return i(n.component, { key: n.name, tag: "component", attrs: { "default-class": n.class, "hover-class": n.hoverClass, "wrapper-class": n.wrapperClass, position: n.name, disabled: n.disabled }, on: { drag: function(o) {
-      return t.onHandlerDrag(o, n.horizontalDirection, n.verticalDirection);
-    }, "drag-end": function(o) {
+    return i(n.component, { key: n.name, tag: "component", attrs: { "default-class": n.class, "hover-class": n.hoverClass, "wrapper-class": n.wrapperClass, position: n.name, disabled: n.disabled }, on: { drag: function(s) {
+      return t.onHandlerDrag(s, n.horizontalDirection, n.verticalDirection);
+    }, "drag-end": function(s) {
       return t.onEnd();
     } } });
   }), 1), t._v(" "), t._l(t.handlerNodes, function(n) {
-    return i("div", { key: n.name, class: n.wrapperClass, style: n.wrapperStyle }, [i(n.component, { tag: "component", attrs: { "default-class": n.class, "hover-class": n.hoverClass, "wrapper-class": n.wrapperClass, "horizontal-position": n.horizontalDirection, "vertical-position": n.verticalDirection, disabled: n.disabled }, on: { drag: function(o) {
-      return t.onHandlerDrag(o, n.horizontalDirection, n.verticalDirection);
-    }, "drag-end": function(o) {
+    return i("div", { key: n.name, class: n.wrapperClass, style: n.wrapperStyle }, [i(n.component, { tag: "component", attrs: { "default-class": n.class, "hover-class": n.hoverClass, "wrapper-class": n.wrapperClass, "horizontal-position": n.horizontalDirection, "vertical-position": n.verticalDirection, disabled: n.disabled }, on: { drag: function(s) {
+      return t.onHandlerDrag(s, n.horizontalDirection, n.verticalDirection);
+    }, "drag-end": function(s) {
       return t.onEnd();
     } } })], 1);
   })], 2);
@@ -617,8 +598,8 @@ var me = M("vue-simple-handler"), pe = M("vue-simple-handler-wrapper"), nt = A({
   return ve.forEach(function(e) {
     be.forEach(function(i) {
       if (e !== i) {
-        var n = $t(e, i), o = n.name, s = n.classname;
-        t.push({ name: o, classname: s, verticalDirection: i, horizontalDirection: e });
+        var n = jt(e, i), s = n.name, o = n.classname;
+        t.push({ name: s, classname: o, verticalDirection: i, horizontalDirection: e });
       }
     });
   }), { points: t };
@@ -635,15 +616,15 @@ var me = M("vue-simple-handler"), pe = M("vue-simple-handler-wrapper"), nt = A({
   }), e;
 }, handlerNodes: function() {
   var t = this, e = [], i = this.width, n = this.height;
-  return this.points.forEach(function(o) {
-    if (t.handlers[o.name]) {
-      var s = { name: o.name, component: t.handlersComponent, class: w(t.classes.handlers.default, t.classes.handlers[o.name]), wrapperClass: w(t.classes.handlersWrappers.default, t.classes.handlersWrappers[o.name]), hoverClass: t.classes.handlers.hover, verticalDirection: o.verticalDirection, horizontalDirection: o.horizontalDirection, disabled: !t.resizable };
+  return this.points.forEach(function(s) {
+    if (t.handlers[s.name]) {
+      var o = { name: s.name, component: t.handlersComponent, class: w(t.classes.handlers.default, t.classes.handlers[s.name]), wrapperClass: w(t.classes.handlersWrappers.default, t.classes.handlersWrappers[s.name]), hoverClass: t.classes.handlers.hover, verticalDirection: s.verticalDirection, horizontalDirection: s.horizontalDirection, disabled: !t.resizable };
       if (i && n) {
-        var a = o.horizontalDirection, h = o.verticalDirection, r = a === "east" ? i : a === "west" ? 0 : i / 2, c = h === "south" ? n : h === "north" ? 0 : n / 2;
-        s.wrapperClass = ct("handler"), s.wrapperStyle = { transform: "translate(".concat(r, "px, ").concat(c, "px)") }, t.transitions && t.transitions.enabled && (s.wrapperStyle.transition = "".concat(t.transitions.time, "ms ").concat(t.transitions.timingFunction));
+        var a = s.horizontalDirection, h = s.verticalDirection, r = a === "east" ? i : a === "west" ? 0 : i / 2, c = h === "south" ? n : h === "north" ? 0 : n / 2;
+        o.wrapperClass = ct("handler"), o.wrapperStyle = { transform: "translate(".concat(r, "px, ").concat(c, "px)") }, t.transitions && t.transitions.enabled && (o.wrapperStyle.transition = "".concat(t.transitions.time, "ms ").concat(t.transitions.timingFunction));
       } else
-        s.wrapperClass = ct("handler", C({}, o.classname, !0));
-      e.push(s);
+        o.wrapperClass = ct("handler", C({}, s.classname, !0));
+      e.push(o);
     }
   }), e;
 } }, beforeMount: function() {
@@ -655,9 +636,9 @@ var me = M("vue-simple-handler"), pe = M("vue-simple-handler-wrapper"), nt = A({
 }, methods: { onEnd: function() {
   this.$emit("resize-end");
 }, onHandlerDrag: function(t, e, i) {
-  var n, o = t.shift(), s = o.left, a = o.top, h = { left: 0, right: 0, top: 0, bottom: 0 };
-  e === "west" ? h.left -= s : e === "east" && (h.right += s), i === "north" ? h.top -= a : i === "south" && (h.bottom += a), !i && e ? n = "width" : i && !e && (n = "height"), this.resizable && this.$emit("resize", new qt(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: n }));
-} } }, void 0, !1, void 0, !1, void 0, void 0, void 0), we = M("vue-draggable-area"), Ft = A({ render: function() {
+  var n, s = t.shift(), o = s.left, a = s.top, h = { left: 0, right: 0, top: 0, bottom: 0 };
+  e === "west" ? h.left -= o : e === "east" && (h.right += o), i === "north" ? h.top -= a : i === "south" && (h.bottom += a), !i && e ? n = "width" : i && !e && (n = "height"), this.resizable && this.$emit("resize", new qt(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: n }));
+} } }, void 0, !1), we = M("vue-draggable-area"), Ft = A({ render: function() {
   var t = this, e = t.$createElement;
   return (t._self._c || e)("div", { ref: "container", on: { touchstart: t.onTouchStart, mousedown: t.onMouseDown } }, [t._t("default")], 2);
 }, staticRenderFns: [] }, void 0, { name: "DraggableArea", props: { movable: { type: Boolean, default: !0 }, activationDistance: { type: Number, default: 20 } }, computed: { classnames: function() {
@@ -671,12 +652,12 @@ var me = M("vue-simple-handler"), pe = M("vue-simple-handler-wrapper"), nt = A({
 }, methods: { onTouchStart: function(t) {
   if (t.cancelable) {
     var e = this.movable && t.touches.length === 1;
-    e && (this.touches = H(t.touches)), (this.touchStarted || e) && (t.preventDefault(), t.stopPropagation());
+    e && (this.touches = _(t.touches)), (this.touchStarted || e) && (t.preventDefault(), t.stopPropagation());
   }
 }, onTouchEnd: function() {
   this.touchStarted = !1, this.processEnd();
 }, onTouchMove: function(t) {
-  this.touches.length >= 1 && (this.touchStarted ? (this.processMove(t, t.touches), t.preventDefault(), t.stopPropagation()) : Ht({ x: this.touches[0].clientX, y: this.touches[0].clientY }, { x: t.touches[0].clientX, y: t.touches[0].clientY }) > this.activationDistance && (this.initAnchor({ clientX: t.touches[0].clientX, clientY: t.touches[0].clientY }), this.touchStarted = !0));
+  this.touches.length >= 1 && (this.touchStarted ? (this.processMove(t, t.touches), t.preventDefault(), t.stopPropagation()) : _t({ x: this.touches[0].clientX, y: this.touches[0].clientY }, { x: t.touches[0].clientX, y: t.touches[0].clientY }) > this.activationDistance && (this.initAnchor({ clientX: t.touches[0].clientX, clientY: t.touches[0].clientY }), this.touchStarted = !0));
 }, onMouseDown: function(t) {
   if (this.movable && t.button === 0) {
     var e = { fake: !0, clientX: t.clientX, clientY: t.clientY };
@@ -690,14 +671,14 @@ var me = M("vue-simple-handler"), pe = M("vue-simple-handler-wrapper"), nt = A({
   var e = this.$refs.container.getBoundingClientRect(), i = e.left, n = e.top;
   this.anchor = { x: t.clientX - i, y: t.clientY - n };
 }, processMove: function(t, e) {
-  var i = H(e);
+  var i = _(e);
   if (this.touches.length) {
-    var n = this.$refs.container.getBoundingClientRect(), o = n.left, s = n.top;
-    this.touches.length === 1 && i.length === 1 && this.$emit("move", new vt({ left: i[0].clientX - (o + this.anchor.x), top: i[0].clientY - (s + this.anchor.y) }));
+    var n = this.$refs.container.getBoundingClientRect(), s = n.left, o = n.top;
+    this.touches.length === 1 && i.length === 1 && this.$emit("move", new vt({ left: i[0].clientX - (s + this.anchor.x), top: i[0].clientY - (o + this.anchor.y) }));
   }
 }, processEnd: function() {
   this.touches.length && this.$emit("move-end"), this.touches = [];
-} } }, void 0, !1, void 0, !1, void 0, void 0, void 0);
+} } }, void 0, !1);
 function lt(t) {
   var e, i;
   return { rotate: t.rotate || 0, flip: { horizontal: ((e = t == null ? void 0 : t.flip) === null || e === void 0 ? void 0 : e.horizontal) || !1, vertical: ((i = t == null ? void 0 : t.flip) === null || i === void 0 ? void 0 : i.vertical) || !1 } };
@@ -709,66 +690,66 @@ function ye(t) {
         if (/^data:/i.test(t))
           e(function(r) {
             r = r.replace(/^data:([^;]+);base64,/gim, "");
-            for (var c = atob(r), l = c.length, d = new ArrayBuffer(l), u = new Uint8Array(d), m = 0; m < l; m++)
-              u[m] = c.charCodeAt(m);
-            return d;
+            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)) {
           var n = new FileReader();
           n.onload = function(r) {
             e(r.target.result);
-          }, s = t, a = function(r) {
+          }, o = t, a = function(r) {
             n.readAsArrayBuffer(r);
-          }, (h = new XMLHttpRequest()).open("GET", s, !0), h.responseType = "blob", h.onload = function() {
+          }, (h = new XMLHttpRequest()).open("GET", o, !0), h.responseType = "blob", h.onload = function() {
             this.status != 200 && this.status !== 0 || a(this.response);
           }, h.send();
         } else {
-          var o = new XMLHttpRequest();
-          o.onreadystatechange = function() {
-            o.readyState === 4 && (o.status === 200 || o.status === 0 ? e(o.response) : i("Warning: could not load an image to parse its orientation"), o = null);
-          }, o.onprogress = function() {
-            o.getResponseHeader("content-type") !== "image/jpeg" && o.abort();
-          }, o.withCredentials = !1, o.open("GET", t, !0), o.responseType = "arraybuffer", o.send(null);
+          var s = new XMLHttpRequest();
+          s.onreadystatechange = function() {
+            s.readyState === 4 && (s.status === 200 || s.status === 0 ? e(s.response) : i("Warning: could not load an image to parse its orientation"), s = null);
+          }, s.onprogress = function() {
+            s.getResponseHeader("content-type") !== "image/jpeg" && s.abort();
+          }, s.withCredentials = !1, s.open("GET", t, !0), s.responseType = "arraybuffer", s.send(null);
         }
       else
         i("Error: the image is empty");
     } catch (r) {
       i(r);
     }
-    var s, a, h;
+    var o, a, h;
   });
 }
 function wt(t) {
-  var e = t.rotate, i = t.flip, n = t.scaleX, o = t.scaleY, s = "";
-  return s += " rotate(" + e + "deg) ", s += " scaleX(" + n * (i.horizontal ? -1 : 1) + ") ", s += " scaleY(" + o * (i.vertical ? -1 : 1) + ") ";
+  var e = t.rotate, i = t.flip, n = t.scaleX, s = t.scaleY, o = "";
+  return o += " rotate(" + e + "deg) ", o += " scaleX(" + n * (i.horizontal ? -1 : 1) + ") ", o += " scaleY(" + s * (i.vertical ? -1 : 1) + ") ";
 }
 function ze(t) {
   try {
-    var e, i = new DataView(t), n = void 0, o = void 0, s = void 0, a = void 0;
+    var e, i = new DataView(t), n = void 0, s = void 0, o = void 0, a = void 0;
     if (i.getUint8(0) === 255 && i.getUint8(1) === 216)
       for (var h = i.byteLength, r = 2; r + 1 < h; ) {
         if (i.getUint8(r) === 255 && i.getUint8(r + 1) === 225) {
-          s = r;
+          o = r;
           break;
         }
         r++;
       }
-    if (s && (n = s + 10, function(m, f, g) {
-      var S, _ = "";
-      for (S = f, g += f; S < g; S++)
-        _ += String.fromCharCode(m.getUint8(S));
-      return _;
-    }(i, s + 4, 4) === "Exif")) {
+    if (o && (n = o + 10, function(m, g, f) {
+      var S, $ = "";
+      for (S = g, f += g; S < f; S++)
+        $ += String.fromCharCode(m.getUint8(S));
+      return $;
+    }(i, o + 4, 4) === "Exif")) {
       var c = i.getUint16(n);
-      if (((o = c === 18761) || c === 19789) && i.getUint16(n + 2, o) === 42) {
-        var l = i.getUint32(n + 4, o);
+      if (((s = c === 18761) || c === 19789) && i.getUint16(n + 2, s) === 42) {
+        var l = i.getUint32(n + 4, s);
         l >= 8 && (a = n + l);
       }
     }
     if (a) {
-      for (var d = i.getUint16(a, o), u = 0; u < d; u++)
-        if (r = a + 12 * u + 2, i.getUint16(r, o) === 274) {
-          r += 8, e = i.getUint16(r, o), i.setUint16(r, 1, o);
+      for (var u = i.getUint16(a, s), d = 0; d < u; d++)
+        if (r = a + 12 * d + 2, i.getUint16(r, s) === 274) {
+          r += 8, e = i.getUint16(r, s), i.setUint16(r, 1, s);
           break;
         }
     }
@@ -789,17 +770,17 @@ A({ render: function() {
   var t = { width: "".concat(this.stencilCoordinates.width, "px"), height: "".concat(this.stencilCoordinates.height, "px"), left: "calc(50% - ".concat(this.stencilCoordinates.width / 2, "px)"), top: "calc(50% - ".concat(this.stencilCoordinates.height / 2, "px)") };
   return this.transitions && this.transitions.enabled && (t.transition = "".concat(this.transitions.time, "ms ").concat(this.transitions.timingFunction)), t;
 }, imageStyle: function() {
-  var t = this.image.transforms, e = bt({ width: this.image.width, height: this.image.height }, t.rotate), i = { width: "".concat(this.image.width, "px"), height: "".concat(this.image.height, "px"), left: "0px", top: "0px" }, n = { left: (this.image.width - e.width) * t.scaleX / 2, top: (this.image.height - e.height) * t.scaleY / 2 }, o = { left: (1 - t.scaleX) * this.image.width / 2, top: (1 - t.scaleY) * this.image.height / 2 };
+  var t = this.image.transforms, e = bt({ width: this.image.width, height: this.image.height }, t.rotate), i = { width: "".concat(this.image.width, "px"), height: "".concat(this.image.height, "px"), left: "0px", top: "0px" }, n = { left: (this.image.width - e.width) * t.scaleX / 2, top: (this.image.height - e.height) * t.scaleY / 2 }, s = { left: (1 - t.scaleX) * this.image.width / 2, top: (1 - t.scaleY) * this.image.height / 2 };
   return i.transform = `translate(
-				`.concat(-this.stencilCoordinates.left - t.translateX - n.left - o.left, "px,").concat(-this.stencilCoordinates.top - t.translateY - n.top - o.top, "px) ") + wt(t), this.transitions && this.transitions.enabled && (i.transition = "".concat(this.transitions.time, "ms ").concat(this.transitions.timingFunction)), i;
-} } }, void 0, !1, void 0, !1, void 0, void 0, void 0);
+				`.concat(-this.stencilCoordinates.left - t.translateX - n.left - s.left, "px,").concat(-this.stencilCoordinates.top - t.translateY - n.top - s.top, "px) ") + wt(t), this.transitions && this.transitions.enabled && (i.transition = "".concat(this.transitions.time, "ms ").concat(this.transitions.timingFunction)), i;
+} } }, void 0, !1);
 function Wt(t, e) {
-  var i = e.getBoundingClientRect(), n = i.left, o = i.top, s = { left: 0, top: 0 }, a = 0;
+  var i = e.getBoundingClientRect(), n = i.left, s = i.top, o = { left: 0, top: 0 }, a = 0;
   return t.forEach(function(h) {
-    s.left += (h.clientX - n) / t.length, s.top += (h.clientY - o) / t.length;
+    o.left += (h.clientX - n) / t.length, o.top += (h.clientY - s) / t.length;
   }), t.forEach(function(h) {
-    a += Ht({ x: s.left, y: s.top }, { x: h.clientX - n, y: h.clientY - o });
-  }), { centerMass: s, spread: a, count: t.length };
+    a += _t({ x: o.left, y: o.top }, { x: h.clientX - n, y: h.clientY - s });
+  }), { centerMass: o, spread: a, count: t.length };
 }
 var Re = A({ render: function() {
   var t = this, e = t.$createElement;
@@ -828,9 +809,9 @@ var Re = A({ render: function() {
   return this.eventsFilter ? this.eventsFilter(t, this.transforming) !== !1 : (t.preventDefault(), t.stopPropagation(), !0);
 }, onTouchStart: function(t) {
   if (t.cancelable && (this.touchMove || this.touchResize && t.touches.length > 1) && this.processEvent(t)) {
-    var e = this.$refs.container, i = e.getBoundingClientRect(), n = i.left, o = i.top, s = i.bottom, a = i.right;
-    this.touches = H(t.touches).filter(function(h) {
-      return h.clientX > n && h.clientX < a && h.clientY > o && h.clientY < s;
+    var e = this.$refs.container, i = e.getBoundingClientRect(), n = i.left, s = i.top, o = i.bottom, a = i.right;
+    this.touches = _(t.touches).filter(function(h) {
+      return h.clientX > n && h.clientX < a && h.clientY > s && h.clientY < o;
     }), this.oldGeometricProperties = Wt(this.touches, e);
   }
 }, onTouchEnd: function(t) {
@@ -838,9 +819,9 @@ var Re = A({ render: function() {
 }, onTouchMove: function(t) {
   var e = this;
   if (this.touches.length) {
-    var i = H(t.touches).filter(function(n) {
-      return !n.identifier || e.touches.find(function(o) {
-        return o.identifier === n.identifier;
+    var i = _(t.touches).filter(function(n) {
+      return !n.identifier || e.touches.find(function(s) {
+        return s.identifier === n.identifier;
       });
     });
     this.processEvent(t) && (this.processMove(t, i), this.processStart());
@@ -856,18 +837,18 @@ var Re = A({ render: function() {
   this.touches = [], this.processEnd();
 }, onWheel: function(t) {
   if (this.wheelResize && this.processEvent(t)) {
-    var e = this.$refs.container.getBoundingClientRect(), i = e.left, n = e.top, o = 1 + this.wheelResize.ratio * (a = t.deltaY || t.detail || t.wheelDelta, (h = +a) == 0 || It(h) ? h : h > 0 ? 1 : -1), s = { left: t.clientX - i, top: t.clientY - n };
-    this.$emit("resize", new X({}, { factor: o, center: s })), this.touches.length || this.debouncedProcessEnd();
+    var e = this.$refs.container.getBoundingClientRect(), i = e.left, n = e.top, s = 1 + this.wheelResize.ratio * (a = t.deltaY || t.detail || t.wheelDelta, (h = +a) == 0 || Ht(h) ? h : h > 0 ? 1 : -1), o = { left: t.clientX - i, top: t.clientY - n };
+    this.$emit("resize", new X({}, { factor: s, center: o })), this.touches.length || this.debouncedProcessEnd();
   }
   var a, h;
-} } }, void 0, !1, void 0, !1, void 0, void 0, void 0), Tt = A({ render: function() {
+} } }, void 0, !1), Tt = A({ render: function() {
   var t = this, e = t.$createElement;
   return (t._self._c || e)("transformable-image", { attrs: { "touch-move": t.touchMove, "touch-resize": t.touchResize, "mouse-move": t.mouseMove, "wheel-resize": t.wheelResize }, on: { move: function(i) {
     return t.$emit("move", i);
   }, resize: function(i) {
     return t.$emit("resize", i);
   } } }, [t._t("default")], 2);
-}, staticRenderFns: [] }, void 0, { components: { TransformableImage: Re }, props: { touchMove: { type: Boolean, required: !0 }, mouseMove: { type: Boolean, required: !0 }, touchResize: { type: Boolean, required: !0 }, wheelResize: { type: [Boolean, Object], required: !0 } } }, void 0, !1, void 0, !1, void 0, void 0, void 0), K = M("vue-preview"), Ae = A({ render: function() {
+}, staticRenderFns: [] }, void 0, { components: { TransformableImage: Re }, props: { touchMove: { type: Boolean, required: !0 }, mouseMove: { type: Boolean, required: !0 }, touchResize: { type: Boolean, required: !0 }, wheelResize: { type: [Boolean, Object], required: !0 } } }, void 0, !1), K = M("vue-preview"), Ae = A({ render: function() {
   var t = this, e = t.$createElement, i = t._self._c || e;
   return i("div", { ref: "root", class: t.classes.root, style: t.style }, [i("div", { ref: "wrapper", class: t.classes.wrapper, style: t.wrapperStyle }, [i("img", { directives: [{ name: "show", rawName: "v-show", value: t.image && t.image.src, expression: "image && image.src" }], ref: "image", class: t.classes.image, style: t.imageStyle, attrs: { src: t.image && t.image.src } })])]);
 }, staticRenderFns: [] }, void 0, { props: { coordinates: { type: Object }, transitions: { type: Object }, image: { type: Object, default: function() {
@@ -886,9 +867,9 @@ var Re = A({ render: function() {
   return this.transitions && this.transitions.enabled && (t.transition = "".concat(this.transitions.time, "ms ").concat(this.transitions.timingFunction)), t;
 }, imageStyle: function() {
   if (this.coordinates && this.image) {
-    var t = this.coordinates.width / this.size.width, e = v(v({ rotate: 0, flip: { horizontal: !1, vertical: !1 } }, this.image.transforms), {}, { scaleX: 1 / t, scaleY: 1 / t }), i = this.imageSize.width, n = this.imageSize.height, o = bt({ width: i, height: n }, e.rotate), s = { width: "".concat(i, "px"), height: "".concat(n, "px"), left: "0px", top: "0px" }, a = { rotate: { left: (i - o.width) * e.scaleX / 2, top: (n - o.height) * e.scaleY / 2 }, scale: { left: (1 - e.scaleX) * i / 2, top: (1 - e.scaleY) * n / 2 } };
-    return s.transform = `translate(
-				`.concat(-this.coordinates.left / t - a.rotate.left - a.scale.left, "px,").concat(-this.coordinates.top / t - a.rotate.top - a.scale.top, "px) ") + wt(e), this.transitions && this.transitions.enabled && (s.transition = "".concat(this.transitions.time, "ms ").concat(this.transitions.timingFunction)), s;
+    var t = this.coordinates.width / this.size.width, e = v(v({ rotate: 0, flip: { horizontal: !1, vertical: !1 } }, this.image.transforms), {}, { scaleX: 1 / t, scaleY: 1 / t }), i = this.imageSize.width, n = this.imageSize.height, s = bt({ width: i, height: n }, e.rotate), o = { width: "".concat(i, "px"), height: "".concat(n, "px"), left: "0px", top: "0px" }, a = { rotate: { left: (i - s.width) * e.scaleX / 2, top: (n - s.height) * e.scaleY / 2 }, scale: { left: (1 - e.scaleX) * i / 2, top: (1 - e.scaleY) * n / 2 } };
+    return o.transform = `translate(
+				`.concat(-this.coordinates.left / t - a.rotate.left - a.scale.left, "px,").concat(-this.coordinates.top / t - a.rotate.top - a.scale.top, "px) ") + wt(e), this.transitions && this.transitions.enabled && (o.transition = "".concat(this.transitions.time, "ms ").concat(this.transitions.timingFunction)), o;
   }
   return {};
 }, size: function() {
@@ -913,10 +894,10 @@ var Re = A({ render: function() {
 }, onChangeImage: function() {
   var t = this.$refs.image;
   t && t.complete && this.refreshImage(), this.refresh();
-} } }, void 0, !1, void 0, !1, void 0, void 0, void 0), Bt = A({ render: function() {
+} } }, void 0, !1), Bt = A({ render: function() {
   var t = this, e = t.$createElement;
   return (t._self._c || e)("preview", t._b({ attrs: { fill: !0 } }, "preview", t.$attrs, !1));
-}, staticRenderFns: [] }, void 0, { components: { Preview: Ae }, inheritAttrs: !1 }, void 0, !1, void 0, !1, void 0, void 0, void 0), dt = M("vue-rectangle-stencil"), Ut = A({ render: function() {
+}, staticRenderFns: [] }, void 0, { components: { Preview: Ae }, inheritAttrs: !1 }, void 0, !1), ut = M("vue-rectangle-stencil"), Ut = A({ render: function() {
   var t = this, e = t.$createElement, i = t._self._c || e;
   return i("div", { class: t.classes.stencil, style: t.style }, [i("bounding-box", { class: t.classes.boundingBox, attrs: { width: t.stencilCoordinates.width, height: t.stencilCoordinates.height, transitions: t.transitions, handlers: t.handlers, "handlers-component": t.handlersComponent, "handlers-classes": t.handlersClasses, "handlers-wrappers-classes": t.handlersWrappersClasses, lines: t.lines, "lines-component": t.linesComponent, "lines-classes": t.linesClasses, "lines-wrappers-classes": t.linesWrappersClasses, resizable: t.resizable }, on: { resize: t.onResize, "resize-end": t.onResizeEnd } }, [i("draggable-area", { attrs: { movable: t.movable }, on: { move: t.onMove, "move-end": t.onMoveEnd } }, [i("stencil-preview", { class: t.classes.preview, attrs: { image: t.image, coordinates: t.coordinates, width: t.stencilCoordinates.width, height: t.stencilCoordinates.height, transitions: t.transitions } })], 1)], 1)], 1);
 }, staticRenderFns: [] }, void 0, { name: "RectangleStencil", components: { StencilPreview: Bt, BoundingBox: Lt, DraggableArea: Ft }, props: { image: { type: Object }, coordinates: { type: Object }, stencilCoordinates: { type: Object }, handlers: { type: Object }, handlersComponent: { type: [Object, String], default: function() {
@@ -934,10 +915,10 @@ var Re = A({ render: function() {
 } } }, data: function() {
   return { moving: !1, resizing: !1 };
 }, computed: { classes: function() {
-  return { stencil: w(dt({ movable: this.movable, moving: this.moving, resizing: this.resizing }), this.moving && this.movingClass, this.resizing && this.resizingClass), preview: w(dt("preview"), this.previewClass), boundingBox: w(dt("bounding-box"), this.boundingBoxClass) };
+  return { stencil: w(ut({ movable: this.movable, moving: this.moving, resizing: this.resizing }), this.moving && this.movingClass, this.resizing && this.resizingClass), preview: w(ut("preview"), this.previewClass), boundingBox: w(ut("bounding-box"), this.boundingBoxClass) };
 }, style: function() {
-  var t = this.stencilCoordinates, e = t.height, i = t.width, n = t.left, o = t.top, s = { width: "".concat(i, "px"), height: "".concat(e, "px"), transform: "translate(".concat(n, "px, ").concat(o, "px)") };
-  return this.transitions && this.transitions.enabled && (s.transition = "".concat(this.transitions.time, "ms ").concat(this.transitions.timingFunction)), s;
+  var t = this.stencilCoordinates, e = t.height, i = t.width, n = t.left, s = t.top, o = { width: "".concat(i, "px"), height: "".concat(e, "px"), transform: "translate(".concat(n, "px, ").concat(s, "px)") };
+  return this.transitions && this.transitions.enabled && (o.transition = "".concat(this.transitions.time, "ms ").concat(this.transitions.timingFunction)), o;
 } }, methods: { onMove: function(t) {
   this.$emit("move", t), this.moving = !0;
 }, onMoveEnd: function() {
@@ -948,7 +929,7 @@ var Re = A({ render: function() {
   this.$emit("resize-end"), this.resizing = !1;
 }, aspectRatios: function() {
   return { minimum: this.aspectRatio || this.minAspectRatio, maximum: this.aspectRatio || this.maxAspectRatio };
-} } }, void 0, !1, void 0, !1, void 0, void 0, void 0), ut = M("vue-circle-stencil"), xe = A({ render: function() {
+} } }, void 0, !1), dt = M("vue-circle-stencil"), xe = A({ render: function() {
   var t = this, e = t.$createElement, i = t._self._c || e;
   return i("div", { class: t.classes.stencil, style: t.style }, [i("bounding-box", { class: t.classes.boundingBox, attrs: { width: t.stencilCoordinates.width, height: t.stencilCoordinates.height, transitions: t.transitions, handlers: t.handlers, "handlers-component": t.handlersComponent, "handlers-classes": t.handlersClasses, "handlers-wrappers-classes": t.handlersWrappersClasses, lines: t.lines, "lines-component": t.linesComponent, "lines-classes": t.linesClasses, "lines-wrappers-classes": t.linesWrappersClasses, resizable: t.resizable }, on: { resize: t.onResize, "resize-end": t.onResizeEnd } }, [i("draggable-area", { attrs: { movable: t.movable }, on: { move: t.onMove, "move-end": t.onMoveEnd } }, [i("stencil-preview", { class: t.classes.preview, attrs: { image: t.image, coordinates: t.coordinates, width: t.stencilCoordinates.width, height: t.stencilCoordinates.height, transitions: t.transitions } })], 1)], 1)], 1);
 }, staticRenderFns: [] }, void 0, { components: { StencilPreview: Bt, BoundingBox: Lt, DraggableArea: Ft }, props: { image: { type: Object }, coordinates: { type: Object }, stencilCoordinates: { type: Object }, handlers: { type: Object, default: function() {
@@ -968,10 +949,10 @@ var Re = A({ render: function() {
 } }, movable: { type: Boolean, default: !0 }, resizable: { type: Boolean, default: !0 }, transitions: { type: Object }, movingClass: { type: String }, resizingClass: { type: String }, previewClass: { type: String }, boundingBoxClass: { type: String } }, data: function() {
   return { moving: !1, resizing: !1 };
 }, computed: { classes: function() {
-  return { stencil: w(ut({ movable: this.movable, moving: this.moving, resizing: this.resizing }), this.moving && this.movingClass, this.resizing && this.resizingClass), preview: w(ut("preview"), this.previewClass), boundingBox: w(ut("bounding-box"), this.boundingBoxClass) };
+  return { stencil: w(dt({ movable: this.movable, moving: this.moving, resizing: this.resizing }), this.moving && this.movingClass, this.resizing && this.resizingClass), preview: w(dt("preview"), this.previewClass), boundingBox: w(dt("bounding-box"), this.boundingBoxClass) };
 }, style: function() {
-  var t = this.stencilCoordinates, e = t.height, i = t.width, n = t.left, o = t.top, s = { width: "".concat(i, "px"), height: "".concat(e, "px"), transform: "translate(".concat(n, "px, ").concat(o, "px)") };
-  return this.transitions && this.transitions.enabled && (s.transition = "".concat(this.transitions.time, "ms ").concat(this.transitions.timingFunction)), s;
+  var t = this.stencilCoordinates, e = t.height, i = t.width, n = t.left, s = t.top, o = { width: "".concat(i, "px"), height: "".concat(e, "px"), transform: "translate(".concat(n, "px, ").concat(s, "px)") };
+  return this.transitions && this.transitions.enabled && (o.transition = "".concat(this.transitions.time, "ms ").concat(this.transitions.timingFunction)), o;
 } }, methods: { onMove: function(t) {
   this.$emit("move", t), this.moving = !0;
 }, onMoveEnd: function() {
@@ -982,7 +963,7 @@ var Re = A({ render: function() {
   this.$emit("resize-end"), this.resizing = !1;
 }, aspectRatios: function() {
   return { minimum: 1, maximum: 1 };
-} } }, void 0, !1, void 0, !1, void 0, void 0, void 0), Se = ["transitions"], $ = M("vue-advanced-cropper"), Me = { name: "Cropper", components: { BackgroundWrapper: Tt }, props: { src: { type: String, default: null }, stencilComponent: { type: [Object, String], default: function() {
+} } }, void 0, !1), Se = ["transitions"], j = M("vue-advanced-cropper"), Me = { name: "Cropper", components: { BackgroundWrapper: Tt }, props: { src: { type: String, default: null }, stencilComponent: { type: [Object, String], default: function() {
   return Ut;
 } }, backgroundWrapperComponent: { type: [Object, String], default: function() {
   return Tt;
@@ -991,60 +972,60 @@ var Re = A({ render: function() {
 } }, autoZoom: { type: Boolean, default: !1 }, imageClass: { type: String }, boundariesClass: { type: String }, backgroundClass: { type: String }, foregroundClass: { type: String }, minWidth: { type: [Number, String] }, minHeight: { type: [Number, String] }, maxWidth: { type: [Number, String] }, maxHeight: { type: [Number, String] }, debounce: { type: [Boolean, Number], default: 500 }, transitions: { type: Boolean, default: !0 }, checkOrientation: { type: Boolean, default: !0 }, canvas: { type: [Object, Boolean], default: !0 }, crossOrigin: { type: [Boolean, String], default: void 0 }, transitionTime: { type: Number, default: 300 }, imageRestriction: { type: String, default: "fit-area", validator: function(t) {
   return ie.indexOf(t) !== -1;
 } }, roundResult: { type: Boolean, default: !0 }, defaultSize: { type: [Function, Object] }, defaultPosition: { type: [Function, Object], default: function(t) {
-  var e = t.imageSize, i = t.visibleArea, n = t.coordinates, o = i || e;
-  return { left: (i ? i.left : 0) + o.width / 2 - n.width / 2, top: (i ? i.top : 0) + o.height / 2 - n.height / 2 };
+  var e = t.imageSize, i = t.visibleArea, n = t.coordinates, s = i || e;
+  return { left: (i ? i.left : 0) + s.width / 2 - n.width / 2, top: (i ? i.top : 0) + s.height / 2 - n.height / 2 };
 } }, defaultVisibleArea: { type: [Function, Object], default: function(t) {
-  var e = t.getAreaRestrictions, i = t.coordinates, n = t.imageSize, o = b(t.boundaries);
+  var e = t.getAreaRestrictions, i = t.coordinates, n = t.imageSize, s = b(t.boundaries);
   if (i) {
-    var s = { height: Math.max(i.height, n.height), width: Math.max(i.width, n.width) }, a = Mt({ width: b(s) > o ? s.width : s.height * o, height: b(s) > o ? s.width / o : s.height }, ht(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 = Y(i, T(p({ left: 0, top: 0 }, n))), c = {};
+    var o = { height: Math.max(i.height, n.height), width: Math.max(i.width, n.width) }, a = Mt({ width: b(o) > s ? o.width : o.height * s, height: b(o) > s ? o.width / s : o.height }, ht(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 = Y(i, T(p({ left: 0, top: 0 }, n))), c = {};
     return !r.left && !r.right && h.width <= n.width && (c.left = 0, c.right = n.width), !r.top && !r.bottom && h.height <= n.height && (c.top = 0, c.bottom = n.height), z(h, c);
   }
   var l = b(n);
-  return a = { height: l > o ? n.height : n.width / o, width: l > o ? n.height * o : n.width }, { left: n.width / 2 - a.width / 2, top: n.height / 2 - a.height / 2, width: a.width, height: a.height };
+  return a = { height: l > s ? n.height : n.width / s, width: l > s ? n.height * s : n.width }, { left: n.width / 2 - a.width / 2, top: n.height / 2 - a.height / 2, width: a.width, height: a.height };
 } }, 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, n = t.aspectRatio, o = t.positionRestrictions, s = t.sizeRestrictions, a = p(p({}, i), { right: i.left + i.width, bottom: i.top + i.height }), h = e.params || {}, r = p({}, e.directions), c = h.allowedDirections || { left: !0, right: !0, bottom: !0, top: !0 };
-  s.widthFrozen && (r.left = 0, r.right = 0), s.heightFrozen && (r.top = 0, r.bottom = 0), W.forEach(function(U) {
+  var e = t.event, i = t.coordinates, n = t.aspectRatio, s = t.positionRestrictions, o = t.sizeRestrictions, a = p(p({}, i), { right: i.left + i.width, bottom: i.top + i.height }), h = e.params || {}, r = p({}, e.directions), c = h.allowedDirections || { left: !0, right: !0, bottom: !0, top: !0 };
+  o.widthFrozen && (r.left = 0, r.right = 0), o.heightFrozen && (r.top = 0, r.bottom = 0), W.forEach(function(U) {
     c[U] || (r[U] = 0);
   });
-  var l = O(a, r = Ot({ coordinates: a, directions: r, sizeRestrictions: s, positionRestrictions: o })).width, d = O(a, r).height, u = h.preserveRatio ? b(a) : at(l / d, n);
-  if (u) {
+  var l = O(a, r = Ot({ coordinates: a, directions: r, sizeRestrictions: o, positionRestrictions: s })).width, u = O(a, r).height, d = h.preserveRatio ? b(a) : at(l / u, n);
+  if (d) {
     var m = h.respectDirection;
-    if (m || (m = a.width >= a.height || u === 1 ? "width" : "height"), m === "width") {
-      var f = l / u - a.height;
+    if (m || (m = a.width >= a.height || d === 1 ? "width" : "height"), m === "width") {
+      var g = l / d - a.height;
       if (c.top && c.bottom) {
-        var g = r.top, S = r.bottom;
-        r.bottom = G(f, S, g), r.top = G(f, g, S);
+        var f = r.top, S = r.bottom;
+        r.bottom = G(g, S, f), r.top = G(g, f, S);
       } else
-        c.bottom ? r.bottom = f : c.top ? r.top = f : c.right ? r.right = 0 : c.left && (r.left = 0);
+        c.bottom ? r.bottom = g : c.top ? r.top = g : c.right ? r.right = 0 : c.left && (r.left = 0);
     } else if (m === "height") {
-      var _ = a.width - d * u;
+      var $ = a.width - u * d;
       if (c.left && c.right) {
         var B = r.left, N = r.right;
-        r.left = -G(_, B, N), r.right = -G(_, N, B);
+        r.left = -G($, B, N), r.right = -G($, N, B);
       } else
-        c.left ? r.left = -_ : c.right ? r.right = -_ : c.top ? r.top = 0 : c.bottom && (r.bottom = 0);
+        c.left ? r.left = -$ : c.right ? r.right = -$ : c.top ? r.top = 0 : c.bottom && (r.bottom = 0);
     }
-    r = Ot({ directions: r, coordinates: a, sizeRestrictions: s, positionRestrictions: o, preserveRatio: !0, compensate: h.compensate });
+    r = Ot({ directions: r, coordinates: a, sizeRestrictions: o, positionRestrictions: s, preserveRatio: !0, compensate: h.compensate });
   }
-  return l = O(a, r).width, d = O(a, r).height, (u = h.preserveRatio ? b(a) : at(l / d, n)) && Math.abs(u - l / d) > 1e-3 && W.forEach(function(U) {
+  return l = O(a, r).width, u = O(a, r).height, (d = h.preserveRatio ? b(a) : at(l / u, n)) && Math.abs(d - l / u) > 1e-3 && W.forEach(function(U) {
     c[U] || (r[U] = 0);
-  }), gt({ event: new vt({ left: -r.left, top: -r.top }), coordinates: { width: i.width + r.right + r.left, height: i.height + r.top + r.bottom, left: i.left, top: i.top }, positionRestrictions: o });
-} }, moveAlgorithm: { type: Function, default: gt }, initStretcher: { type: Function, default: function(t) {
+  }), ft({ event: new vt({ left: -r.left, top: -r.top }), coordinates: { width: i.width + r.right + r.left, height: i.height + r.top + r.bottom, left: i.left, top: i.top }, positionRestrictions: s });
+} }, moveAlgorithm: { type: Function, default: ft }, initStretcher: { type: Function, default: function(t) {
   var e = t.stretcher, i = t.imageSize, n = b(i);
   e.style.width = i.width + "px", e.style.height = e.clientWidth / n + "px", e.style.width = e.clientWidth + "px";
 } }, fitCoordinates: { type: Function, default: function(t) {
-  var e = t.visibleArea, i = t.coordinates, n = t.aspectRatio, o = t.sizeRestrictions, s = t.positionRestrictions, a = p(p({}, i), j({ width: i.width, height: i.height, aspectRatio: n, sizeRestrictions: { maxWidth: e.width, maxHeight: e.height, minHeight: Math.min(e.height, o.minHeight), minWidth: Math.min(e.width, o.minWidth) } }));
-  return a = z(a = x(a, P(R(i), R(a))), it(T(e), s));
+  var e = t.visibleArea, i = t.coordinates, n = t.aspectRatio, s = t.sizeRestrictions, o = t.positionRestrictions, a = p(p({}, i), I({ width: i.width, height: i.height, aspectRatio: n, sizeRestrictions: { maxWidth: e.width, maxHeight: e.height, minHeight: Math.min(e.height, s.minHeight), minWidth: Math.min(e.width, s.minWidth) } }));
+  return a = z(a = x(a, P(R(i), R(a))), it(T(e), o));
 } }, fitVisibleArea: { type: Function, default: function(t) {
-  var e = t.visibleArea, i = t.boundaries, n = t.getAreaRestrictions, o = t.coordinates, s = p({}, e);
-  s.height = s.width / b(i), s.top += (e.height - s.height) / 2, (o.height - s.height > 0 || o.width - s.width > 0) && (s = E(s, Math.max(o.height / s.height, o.width / s.width)));
-  var a = tt(F(o, T(s = E(s, et(s, n({ visibleArea: s, type: "resize" }))))));
-  return s.width < o.width && (a.left = 0), s.height < o.height && (a.top = 0), s = z(s = x(s, a), n({ visibleArea: s, type: "move" }));
+  var e = t.visibleArea, i = t.boundaries, n = t.getAreaRestrictions, s = t.coordinates, o = p({}, e);
+  o.height = o.width / b(i), o.top += (e.height - o.height) / 2, (s.height - o.height > 0 || s.width - o.width > 0) && (o = E(o, Math.max(s.height / o.height, s.width / o.width)));
+  var a = tt(F(s, T(o = E(o, et(o, n({ visibleArea: o, type: "resize" }))))));
+  return o.width < s.width && (a.left = 0), o.height < s.height && (a.top = 0), o = z(o = x(o, a), n({ visibleArea: o, type: "move" }));
 } }, areaRestrictionsAlgorithm: { type: Function, default: function(t) {
-  var e = t.visibleArea, i = t.boundaries, n = t.imageSize, o = t.imageRestriction, s = t.type, a = {};
-  return o === "fill-area" ? a = { left: 0, top: 0, right: n.width, bottom: n.height } : o === "fit-area" && (b(i) > b(n) ? (a = { top: 0, bottom: n.height }, e && s === "move" && (e.width > n.width ? (a.left = -(e.width - n.width) / 2, a.right = n.width - a.left) : (a.left = 0, a.right = n.width))) : (a = { left: 0, right: n.width }, e && s === "move" && (e.height > n.height ? (a.top = -(e.height - n.height) / 2, a.bottom = n.height - a.top) : (a.top = 0, a.bottom = n.height)))), a;
+  var e = t.visibleArea, i = t.boundaries, n = t.imageSize, s = t.imageRestriction, o = t.type, a = {};
+  return s === "fill-area" ? a = { left: 0, top: 0, right: n.width, bottom: n.height } : s === "fit-area" && (b(i) > b(n) ? (a = { top: 0, bottom: n.height }, e && o === "move" && (e.width > n.width ? (a.left = -(e.width - n.width) / 2, a.right = n.width - a.left) : (a.left = 0, a.right = n.width))) : (a = { left: 0, right: n.width }, e && o === "move" && (e.height > n.height ? (a.top = -(e.height - n.height) / 2, a.bottom = n.height - a.top) : (a.top = 0, a.bottom = n.height)))), a;
 } }, sizeRestrictionsAlgorithm: { type: Function, default: function(t) {
   return { minWidth: t.minWidth, minHeight: t.minHeight, maxWidth: t.maxWidth, maxHeight: t.maxHeight };
 } }, positionRestrictionsAlgorithm: { type: Function, default: function(t) {
@@ -1064,8 +1045,8 @@ var Re = A({ render: function() {
 }, initialized: function() {
   return !!(this.visibleArea && this.imageLoaded);
 }, settings: function() {
-  var t = ft(this.resizeImage, { touch: !0, wheel: { ratio: 0.1 }, adjustStencil: !0 }, { touch: !1, wheel: !1, adjustStencil: !1 });
-  return { moveImage: ft(this.moveImage, { touch: !0, mouse: !0 }, { touch: !1, mouse: !1 }), resizeImage: t };
+  var t = gt(this.resizeImage, { touch: !0, wheel: { ratio: 0.1 }, adjustStencil: !0 }, { touch: !1, wheel: !1, adjustStencil: !1 });
+  return { moveImage: gt(this.moveImage, { touch: !0, mouse: !0 }, { touch: !1, mouse: !1 }), resizeImage: t };
 }, coefficient: function() {
   return this.visibleArea ? this.visibleArea.width / this.boundaries.width : 0;
 }, areaRestrictions: function() {
@@ -1076,13 +1057,9 @@ var Re = A({ render: function() {
   if (this.boundaries.width && this.boundaries.height && this.imageSize.width && this.imageSize.height) {
     var t = this.sizeRestrictionsAlgorithm({ imageSize: this.imageSize, minWidth: y(this.minWidth) ? 0 : q(this.minWidth), minHeight: y(this.minHeight) ? 0 : q(this.minHeight), maxWidth: y(this.maxWidth) ? 1 / 0 : q(this.maxWidth), maxHeight: y(this.maxHeight) ? 1 / 0 : q(this.maxHeight) });
     if (t = function(n) {
-      var o = n.areaRestrictions, s = n.sizeRestrictions;
-      n.imageSize;
-      var a = n.boundaries, h = n.positionRestrictions;
-      n.imageRestriction;
-      var r = p(p({}, s), { minWidth: s.minWidth !== void 0 ? s.minWidth : 0, minHeight: s.minHeight !== void 0 ? s.minHeight : 0, maxWidth: s.maxWidth !== void 0 ? s.maxWidth : 1 / 0, maxHeight: s.maxHeight !== void 0 ? s.maxHeight : 1 / 0 });
+      var s = n.areaRestrictions, o = n.sizeRestrictions, a = n.boundaries, h = n.positionRestrictions, r = p(p({}, o), { minWidth: o.minWidth !== void 0 ? o.minWidth : 0, minHeight: o.minHeight !== void 0 ? o.minHeight : 0, maxWidth: o.maxWidth !== void 0 ? o.maxWidth : 1 / 0, maxHeight: o.maxHeight !== void 0 ? o.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 = ht(o), l = Mt(a, c);
+      var c = ht(s), l = Mt(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;
     }({ sizeRestrictions: t, areaRestrictions: this.getAreaRestrictions({ visibleArea: this.visibleArea, type: "resize" }), imageSize: this.imageSize, boundaries: this.boundaries, positionRestrictions: this.positionRestrictions, imageRestriction: this.imageRestriction, visibleArea: this.visibleArea, stencilSize: this.getStencilSize() }), this.visibleArea && this.stencilSize) {
       var e = this.getStencilSize(), i = ht(this.getAreaRestrictions({ visibleArea: this.visibleArea, type: "resize" }));
@@ -1094,19 +1071,19 @@ var Re = A({ render: function() {
 }, positionRestrictions: function() {
   return this.positionRestrictionsAlgorithm({ imageSize: this.imageSize, imageRestriction: this.imageRestriction });
 }, classes: function() {
-  return { cropper: $(), image: w($("image"), this.imageClass), stencil: $("stencil"), boundaries: w($("boundaries"), this.boundariesClass), stretcher: w($("stretcher")), background: w($("background"), this.backgroundClass), foreground: w($("foreground"), this.foregroundClass), imageWrapper: w($("image-wrapper")), cropperWrapper: w($("cropper-wrapper")) };
+  return { cropper: j(), image: w(j("image"), this.imageClass), stencil: j("stencil"), boundaries: w(j("boundaries"), this.boundariesClass), stretcher: w(j("stretcher")), background: w(j("background"), this.backgroundClass), foreground: w(j("foreground"), this.foregroundClass), imageWrapper: w(j("image-wrapper")), cropperWrapper: w(j("cropper-wrapper")) };
 }, stencilCoordinates: function() {
   if (this.initialized) {
-    var t = this.coordinates, e = t.width, i = t.height, n = t.left, o = t.top;
-    return { width: e / this.coefficient, height: i / this.coefficient, left: (n - this.visibleArea.left) / this.coefficient, top: (o - this.visibleArea.top) / this.coefficient };
+    var t = this.coordinates, e = t.width, i = t.height, n = t.left, s = t.top;
+    return { width: e / this.coefficient, height: i / this.coefficient, left: (n - this.visibleArea.left) / this.coefficient, top: (s - this.visibleArea.top) / this.coefficient };
   }
   return this.defaultCoordinates();
 }, boundariesStyle: function() {
   var t = { width: this.boundaries.width ? "".concat(Math.round(this.boundaries.width), "px") : "auto", height: this.boundaries.height ? "".concat(Math.round(this.boundaries.height), "px") : "auto", transition: "opacity ".concat(this.transitionTime, "ms"), pointerEvents: this.imageLoaded ? "all" : "none" };
   return this.imageLoaded || (t.opacity = "0"), t;
 }, imageStyle: function() {
-  var t = this.imageAttributes.width > this.imageAttributes.height ? { width: Math.min(1024, this.imageAttributes.width), height: Math.min(1024, this.imageAttributes.width) / (this.imageAttributes.width / this.imageAttributes.height) } : { height: Math.min(1024, this.imageAttributes.height), width: Math.min(1024, this.imageAttributes.height) * (this.imageAttributes.width / this.imageAttributes.height) }, e = { left: (t.width - this.imageSize.width) / (2 * this.coefficient), top: (t.height - this.imageSize.height) / (2 * this.coefficient) }, i = { left: (1 - 1 / this.coefficient) * t.width / 2, top: (1 - 1 / this.coefficient) * t.height / 2 }, n = v(v({}, this.imageTransforms), {}, { scaleX: this.imageTransforms.scaleX * (this.imageAttributes.width / t.width), scaleY: this.imageTransforms.scaleY * (this.imageAttributes.height / t.height) }), o = { width: "".concat(t.width, "px"), height: "".concat(t.height, "px"), left: "0px", top: "0px", transform: "translate(".concat(-e.left - i.left - this.imageTransforms.translateX, "px, ").concat(-e.top - i.top - this.imageTransforms.translateY, "px)") + wt(n) };
-  return this.transitionsOptions.enabled && (o.transition = "".concat(this.transitionsOptions.time, "ms ").concat(this.transitionsOptions.timingFunction)), o;
+  var t = this.imageAttributes.width > this.imageAttributes.height ? { width: Math.min(1024, this.imageAttributes.width), height: Math.min(1024, this.imageAttributes.width) / (this.imageAttributes.width / this.imageAttributes.height) } : { height: Math.min(1024, this.imageAttributes.height), width: Math.min(1024, this.imageAttributes.height) * (this.imageAttributes.width / this.imageAttributes.height) }, e = { left: (t.width - this.imageSize.width) / (2 * this.coefficient), top: (t.height - this.imageSize.height) / (2 * this.coefficient) }, i = { left: (1 - 1 / this.coefficient) * t.width / 2, top: (1 - 1 / this.coefficient) * t.height / 2 }, n = v(v({}, this.imageTransforms), {}, { scaleX: this.imageTransforms.scaleX * (this.imageAttributes.width / t.width), scaleY: this.imageTransforms.scaleY * (this.imageAttributes.height / t.height) }), s = { width: "".concat(t.width, "px"), height: "".concat(t.height, "px"), left: "0px", top: "0px", transform: "translate(".concat(-e.left - i.left - this.imageTransforms.translateX, "px, ").concat(-e.top - i.top - this.imageTransforms.translateY, "px)") + wt(n) };
+  return this.transitionsOptions.enabled && (s.transition = "".concat(this.transitionsOptions.time, "ms ").concat(this.transitionsOptions.timingFunction)), s;
 } }, watch: { src: function() {
   this.onChangeImage();
 }, stencilComponent: function() {
@@ -1144,15 +1121,15 @@ var Re = A({ render: function() {
   }
   return { image: this.image, coordinates: t, visibleArea: this.visibleArea ? v({}, this.visibleArea) : null, canvas: void 0, imageTransforms: e };
 }, zoom: function(t, e) {
-  var i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n = i.transitions, o = n === void 0 || n;
-  this.onManipulateImage(new X({}, { factor: 1 / t, center: e }), { normalize: !1, transitions: o });
+  var i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n = i.transitions, s = n === void 0 || n;
+  this.onManipulateImage(new X({}, { factor: 1 / t, center: e }), { normalize: !1, transitions: s });
 }, move: function(t, e) {
-  var i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n = i.transitions, o = n === void 0 || n;
-  this.onManipulateImage(new X({ left: t || 0, top: e || 0 }), { normalize: !1, transitions: o });
+  var i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n = i.transitions, s = n === void 0 || n;
+  this.onManipulateImage(new X({ left: t || 0, top: e || 0 }), { normalize: !1, transitions: s });
 }, setCoordinates: function(t) {
-  var e = this, i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = i.autoZoom, o = n === void 0 || n, s = i.transitions, a = s === void 0 || s;
+  var e = this, i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = i.autoZoom, s = n === void 0 || n, o = i.transitions, a = o === void 0 || o;
   this.$nextTick(function() {
-    e.imageLoaded ? (e.transitionsActive || (a && e.enableTransitions(), e.coordinates = e.applyTransform(t), o && e.runAutoZoom("setCoordinates"), a && e.debouncedDisableTransitions()), e.onChange()) : e.delayedTransforms = t;
+    e.imageLoaded ? (e.transitionsActive || (a && e.enableTransitions(), e.coordinates = e.applyTransform(t), s && e.runAutoZoom("setCoordinates"), a && e.debouncedDisableTransitions()), e.onChange()) : e.delayedTransforms = t;
   });
 }, refresh: function() {
   var t = this, e = this.$refs.image;
@@ -1174,32 +1151,32 @@ var Re = A({ render: function() {
   }));
 }, prepareResult: function(t) {
   return this.roundResult ? function(e) {
-    var i = e.coordinates, n = e.sizeRestrictions, o = e.positionRestrictions, s = { width: Math.round(i.width), height: Math.round(i.height), left: Math.round(i.left), top: Math.round(i.top) };
-    return s.width > n.maxWidth ? s.width = Math.floor(i.width) : s.width < n.minWidth && (s.width = Math.ceil(i.width)), s.height > n.maxHeight ? s.height = Math.floor(i.height) : s.height < n.minHeight && (s.height = Math.ceil(i.height)), z(s, o);
+    var i = e.coordinates, n = e.sizeRestrictions, s = e.positionRestrictions, o = { width: Math.round(i.width), height: Math.round(i.height), left: Math.round(i.left), top: Math.round(i.top) };
+    return o.width > n.maxWidth ? o.width = Math.floor(i.width) : o.width < n.minWidth && (o.width = Math.ceil(i.width)), o.height > n.maxHeight ? o.height = Math.floor(i.height) : o.height < n.minHeight && (o.height = Math.ceil(i.height)), z(o, s);
   }(v(v({}, this.getPublicProperties()), {}, { positionRestrictions: Z(this.positionRestrictions, this.visibleArea), coordinates: t })) : t;
 }, processAutoZoom: function(t, e, i, n) {
-  var o = this.autoZoomAlgorithm;
-  o || (o = this.stencilSize ? oe : this.autoZoom ? re : ae);
-  var s = o({ event: { type: t, params: n }, visibleArea: e, coordinates: i, boundaries: this.boundaries, aspectRatio: this.getAspectRatio(), positionRestrictions: this.positionRestrictions, getAreaRestrictions: this.getAreaRestrictions, sizeRestrictions: this.sizeRestrictions, stencilSize: this.getStencilSize() });
-  return v(v({}, s), {}, { changed: !St(s.visibleArea, e) || !St(s.coordinates, i) });
+  var s = this.autoZoomAlgorithm;
+  s || (s = this.stencilSize ? oe : this.autoZoom ? re : ae);
+  var o = s({ event: { type: t, params: n }, visibleArea: e, coordinates: i, boundaries: this.boundaries, aspectRatio: this.getAspectRatio(), positionRestrictions: this.positionRestrictions, getAreaRestrictions: this.getAreaRestrictions, sizeRestrictions: this.sizeRestrictions, stencilSize: this.getStencilSize() });
+  return v(v({}, o), {}, { changed: !St(o.visibleArea, e) || !St(o.coordinates, i) });
 }, runAutoZoom: function(t) {
-  var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, i = e.transitions, n = i !== void 0 && i, o = Nt(e, Se), s = this.processAutoZoom(t, this.visibleArea, this.coordinates, o), a = s.visibleArea, h = s.coordinates, r = s.changed;
+  var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, i = e.transitions, n = i !== void 0 && i, s = Nt(e, Se), o = this.processAutoZoom(t, this.visibleArea, this.coordinates, s), a = o.visibleArea, h = o.coordinates, r = o.changed;
   n && r && this.enableTransitions(), this.visibleArea = a, this.coordinates = h, n && r && this.debouncedDisableTransitions();
 }, normalizeEvent: function(t) {
   return function(e) {
-    var i = e.event, n = e.visibleArea, o = e.coefficient;
+    var i = e.event, n = e.visibleArea, s = e.coefficient;
     if (i.type === "manipulateImage")
-      return p(p({}, 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 + n.left, top: i.scale.center.top * o + n.top } : null } });
+      return p(p({}, i), { move: { left: i.move && i.move.left ? s * i.move.left : 0, top: i.move && i.move.top ? s * 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 * s + n.left, top: i.scale.center.top * s + n.top } : null } });
     if (i.type === "resize") {
-      var s = p(p({}, i), { directions: p({}, i.directions) });
+      var o = p(p({}, i), { directions: p({}, i.directions) });
       return W.forEach(function(h) {
-        s.directions[h] *= o;
-      }), s;
+        o.directions[h] *= s;
+      }), o;
     }
     if (i.type === "move") {
       var a = p(p({}, i), { directions: p({}, i.directions) });
       return ee.forEach(function(h) {
-        a.directions[h] *= o;
+        a.directions[h] *= s;
       }), a;
     }
     return i;
@@ -1207,27 +1184,27 @@ var Re = A({ render: function() {
 }, 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, d = c.flip, u = { width: r.naturalWidth, height: r.naturalHeight }, m = bt(u, l), f = h.getContext("2d");
-      h.height = m.height, h.width = m.width, f.save();
-      var g = I(R(p({ left: 0, top: 0 }, u)), l);
-      return f.translate(-(g.left - m.width / 2), -(g.top - m.height / 2)), f.rotate(l * Math.PI / 180), f.translate(d.horizontal ? u.width : 0, d.vertical ? u.height : 0), f.scale(d.horizontal ? -1 : 1, d.vertical ? -1 : 1), f.drawImage(r, 0, 0, u.width, u.height), f.restore(), h;
-    }(this.$refs.sourceCanvas, e, this.imageTransforms) : e, n = 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) {
+      var l = c.rotate, u = c.flip, d = { width: r.naturalWidth, height: r.naturalHeight }, m = bt(d, l), g = h.getContext("2d");
+      h.height = m.height, h.width = m.width, g.save();
+      var f = H(R(p({ left: 0, top: 0 }, d)), l);
+      return g.translate(-(f.left - m.width / 2), -(f.top - m.height / 2)), g.rotate(l * Math.PI / 180), g.translate(u.horizontal ? d.width : 0, u.vertical ? d.height : 0), g.scale(u.horizontal ? -1 : 1, u.vertical ? -1 : 1), g.drawImage(r, 0, 0, d.width, d.height), g.restore(), h;
+    }(this.$refs.sourceCanvas, e, this.imageTransforms) : e, n = v({ minWidth: 0, minHeight: 0, maxWidth: 1 / 0, maxHeight: 1 / 0, maxArea: this.maxCanvasSize, imageSmoothingEnabled: !0, imageSmoothingQuality: "high", fillColor: "transparent" }, this.canvas), s = function(h) {
       return h.find(function(r) {
         return c = r, !Number.isNaN(parseFloat(c)) && isFinite(c);
         var c;
       });
-    }, s = j({ sizeRestrictions: { minWidth: o([n.width, n.minWidth]) || 0, minHeight: o([n.height, n.minHeight]) || 0, maxWidth: o([n.width, n.maxWidth]) || 1 / 0, maxHeight: o([n.height, n.maxHeight]) || 1 / 0 }, width: this.coordinates.width, height: this.coordinates.height, aspectRatio: { minimum: this.coordinates.width / this.coordinates.height, maximum: this.coordinates.width / this.coordinates.height } });
-    if (n.maxArea && s.width * s.height > n.maxArea) {
-      var a = Math.sqrt(n.maxArea / (s.width * s.height));
-      s = { width: Math.round(a * s.width), height: Math.round(a * s.height) };
+    }, o = I({ sizeRestrictions: { minWidth: s([n.width, n.minWidth]) || 0, minHeight: s([n.height, n.minHeight]) || 0, maxWidth: s([n.width, n.maxWidth]) || 1 / 0, maxHeight: s([n.height, n.maxHeight]) || 1 / 0 }, width: this.coordinates.width, height: this.coordinates.height, aspectRatio: { minimum: this.coordinates.width / this.coordinates.height, maximum: this.coordinates.width / this.coordinates.height } });
+    if (n.maxArea && o.width * o.height > n.maxArea) {
+      var a = Math.sqrt(n.maxArea / (o.width * o.height));
+      o = { width: Math.round(a * o.width), height: Math.round(a * o.height) };
     }
-    return function(h, r, c, l, d) {
+    return function(h, r, c, l, u) {
       h.width = l ? l.width : c.width, h.height = l ? l.height : c.height;
-      var u = h.getContext("2d");
-      u.clearRect(0, 0, h.width, h.height), d && (d.imageSmoothingEnabled && (u.imageSmoothingEnabled = d.imageSmoothingEnabled), d.imageSmoothingQuality && (u.imageSmoothingQuality = d.imageSmoothingQuality), d.fillColor && (u.fillStyle = d.fillColor, u.fillRect(0, 0, h.width, h.height), u.save()));
-      var m = c.left < 0 ? -c.left : 0, f = c.top < 0 ? -c.top : 0;
-      u.drawImage(r, c.left + m, c.top + f, c.width, c.height, m, f, h.width, h.height);
-    }(t, i, this.coordinates, s, n), t;
+      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 m = c.left < 0 ? -c.left : 0, g = c.top < 0 ? -c.top : 0;
+      d.drawImage(r, c.left + m, c.top + g, c.width, c.height, m, g, h.width, h.height);
+    }(t, i, this.coordinates, o, n), t;
   }
 }, update: function() {
   this.$emit("change", this.getResult());
@@ -1242,11 +1219,11 @@ var Re = A({ render: function() {
     e || (e = this.stencilSize ? ce : he);
     var i = this.sizeRestrictions;
     i.minWidth, i.minHeight, i.maxWidth, i.maxHeight;
-    var n = [D(e) ? e({ boundaries: this.boundaries, imageSize: this.imageSize, aspectRatio: this.getAspectRatio(), sizeRestrictions: this.sizeRestrictions, stencilSize: this.getStencilSize(), visibleArea: this.visibleArea }) : e, function(o) {
-      var s = o.coordinates;
-      return v({}, D(t.defaultPosition) ? t.defaultPosition({ coordinates: s, imageSize: t.imageSize, visibleArea: t.visibleArea }) : t.defaultPosition);
+    var n = [D(e) ? e({ boundaries: this.boundaries, imageSize: this.imageSize, aspectRatio: this.getAspectRatio(), sizeRestrictions: this.sizeRestrictions, stencilSize: this.getStencilSize(), visibleArea: this.visibleArea }) : e, function(s) {
+      var o = s.coordinates;
+      return v({}, D(t.defaultPosition) ? t.defaultPosition({ coordinates: o, imageSize: t.imageSize, visibleArea: t.visibleArea }) : t.defaultPosition);
     }];
-    this.delayedTransforms && n.push.apply(n, H(Array.isArray(this.delayedTransforms) ? this.delayedTransforms : [this.delayedTransforms])), this.coordinates = this.applyTransform(n, !0), this.delayedTransforms = null;
+    this.delayedTransforms && n.push.apply(n, _(Array.isArray(this.delayedTransforms) ? this.delayedTransforms : [this.delayedTransforms])), this.coordinates = this.applyTransform(n, !0), this.delayedTransforms = null;
   }
 }, clearImage: function() {
   var t = this;
@@ -1262,20 +1239,20 @@ var Re = A({ render: function() {
   var t = this, e = this.$refs.stretcher, i = this.$refs.cropper;
   return this.initStretcher({ cropper: i, stretcher: e, imageSize: this.imageSize }), this.$nextTick().then(function() {
     var n = { cropper: i, imageSize: t.imageSize };
-    if (D(t.defaultBoundaries) ? t.boundaries = t.defaultBoundaries(n) : t.defaultBoundaries === "fit" ? t.boundaries = function(o) {
-      var s = o.cropper, a = o.imageSize, h = s.clientHeight, r = s.clientWidth, c = h, l = a.width * h / a.height;
+    if (D(t.defaultBoundaries) ? t.boundaries = t.defaultBoundaries(n) : t.defaultBoundaries === "fit" ? t.boundaries = function(s) {
+      var o = s.cropper, a = s.imageSize, h = o.clientHeight, r = o.clientWidth, c = h, l = a.width * h / a.height;
       return l > r && (l = r, c = a.height * r / a.width), { width: l, height: c };
-    }(n) : t.boundaries = function(o) {
-      var s = o.cropper;
-      return { width: s.clientWidth, height: s.clientHeight };
+    }(n) : t.boundaries = function(s) {
+      var o = s.cropper;
+      return { width: o.clientWidth, height: o.clientHeight };
     }(n), !t.boundaries.width || !t.boundaries.height)
       throw new Error("It's impossible to fit the cropper in the current container");
   });
 }, resetVisibleArea: function() {
   var t = this;
   return this.appliedImageTransforms = v(v({}, this.defaultImageTransforms), {}, { flip: v({}, this.defaultImageTransforms.flip) }), this.updateBoundaries().then(function() {
-    var e, i, n, o, s, a;
-    t.priority !== "visible-area" && (t.visibleArea = null, t.resetCoordinates()), t.visibleArea = D(t.defaultVisibleArea) ? t.defaultVisibleArea({ 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, n = e.boundaries, o = e.getAreaRestrictions, s = p({}, i), a = b(n), s.width / s.height !== a && (s.height = s.width / a), z(s, o({ visibleArea: s, 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");
+    var e, i, n, s, o, a;
+    t.priority !== "visible-area" && (t.visibleArea = null, t.resetCoordinates()), t.visibleArea = D(t.defaultVisibleArea) ? t.defaultVisibleArea({ 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, n = e.boundaries, s = e.getAreaRestrictions, o = p({}, i), a = b(n), o.width / o.height !== a && (o.height = o.width / a), z(o, s({ visibleArea: o, 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;
   });
@@ -1292,24 +1269,24 @@ var Re = A({ render: function() {
 }, onChangeImage: function() {
   var t, e = this;
   if (this.imageLoaded = !1, this.delayedTransforms = null, this.src) {
-    if (function(o) {
-      if (Rt(o))
+    if (function(s) {
+      if (Rt(s))
         return !1;
-      var s = window.location, a = /(\w+:)?(?:\/\/)([\w.-]+)?(?::(\d+))?\/?/.exec(o) || [], h = { protocol: a[1] || "", host: a[2] || "", port: a[3] || "" }, r = function(c) {
-        return c.port || ((c.protocol || s.protocol) === "http" ? 80 : 433);
+      var o = window.location, a = /(\w+:)?(?:\/\/)([\w.-]+)?(?::(\d+))?\/?/.exec(s) || [], h = { protocol: a[1] || "", host: a[2] || "", port: a[3] || "" }, r = function(c) {
+        return c.port || ((c.protocol || o.protocol) === "http" ? 80 : 433);
       };
-      return !(!h.protocol && !h.host && !h.port || h.protocol && h.protocol == s.protocol && h.host && h.host == s.host && h.host && r(h) == r(s));
+      return !(!h.protocol && !h.host && !h.port || h.protocol && h.protocol == o.protocol && h.host && h.host == o.host && h.host && r(h) == r(o));
     }(this.src)) {
       var i = y(this.crossOrigin) ? this.canvas : this.crossOrigin;
       i === !0 && (i = "anonymous"), this.imageAttributes.crossOrigin = i;
     }
     if (this.checkOrientation) {
-      var n = (t = this.src, new Promise(function(o) {
-        ye(t).then(function(s) {
-          var a = ze(s);
-          o(s ? { source: t, arrayBuffer: s, orientation: a } : { source: t, arrayBuffer: null, orientation: null });
-        }).catch(function(s) {
-          console.warn(s), o({ source: t, arrayBuffer: null, orientation: null });
+      var n = (t = this.src, new Promise(function(s) {
+        ye(t).then(function(o) {
+          var a = ze(o);
+          s(o ? { source: t, arrayBuffer: o, orientation: a } : { source: t, arrayBuffer: null, orientation: null });
+        }).catch(function(o) {
+          console.warn(o), s({ source: t, arrayBuffer: null, orientation: null });
         });
       }));
       setTimeout(function() {
@@ -1329,17 +1306,17 @@ var Re = A({ render: function() {
     t.$emit("ready"), t.onChange(!1);
   }));
 }, onParseImage: function(t) {
-  var e = this, i = t.source, n = t.arrayBuffer, o = t.orientation;
-  this.imageAttributes.revoke && this.imageAttributes.src && URL.revokeObjectURL(this.imageAttributes.src), this.imageAttributes.revoke = !1, n && o && o > 1 ? jt(i) || !Rt(i) ? (this.imageAttributes.src = URL.createObjectURL(new Blob([n])), this.imageAttributes.revoke = !0) : this.imageAttributes.src = function(s) {
-    for (var a = [], h = new Uint8Array(s); h.length > 0; ) {
+  var e = this, i = t.source, n = t.arrayBuffer, s = t.orientation;
+  this.imageAttributes.revoke && this.imageAttributes.src && URL.revokeObjectURL(this.imageAttributes.src), this.imageAttributes.revoke = !1, n && s && s > 1 ? It(i) || !Rt(i) ? (this.imageAttributes.src = URL.createObjectURL(new Blob([n])), this.imageAttributes.revoke = !0) : this.imageAttributes.src = function(o) {
+    for (var a = [], h = new Uint8Array(o); h.length > 0; ) {
       var r = h.subarray(0, 8192);
       a.push(String.fromCharCode.apply(null, Array.from ? Array.from(r) : r.slice())), h = h.subarray(8192);
     }
     return "data:image/jpeg;base64," + btoa(a.join(""));
-  }(n) : this.imageAttributes.src = i, D(this.defaultTransforms) ? this.appliedImageTransforms = lt(this.defaultTransforms()) : J(this.defaultTransforms) ? this.appliedImageTransforms = lt(this.defaultTransforms) : this.appliedImageTransforms = function(s) {
+  }(n) : this.imageAttributes.src = i, D(this.defaultTransforms) ? this.appliedImageTransforms = lt(this.defaultTransforms()) : J(this.defaultTransforms) ? this.appliedImageTransforms = lt(this.defaultTransforms) : this.appliedImageTransforms = function(o) {
     var a = lt({});
-    if (s)
-      switch (s) {
+    if (o)
+      switch (o) {
         case 2:
           a.flip.horizontal = !0;
           break;
@@ -1362,11 +1339,11 @@ var Re = A({ render: function() {
           a.rotate = -90;
       }
     return a;
-  }(o), this.defaultImageTransforms = v(v({}, this.appliedImageTransforms), {}, { flip: v({}, this.appliedImageTransforms.flip) }), this.$nextTick(function() {
-    var s = e.$refs.image;
-    s && s.complete && (function(a) {
+  }(s), this.defaultImageTransforms = v(v({}, this.appliedImageTransforms), {}, { flip: v({}, this.appliedImageTransforms.flip) }), this.$nextTick(function() {
+    var o = e.$refs.image;
+    o && o.complete && (function(a) {
       return !!a.naturalWidth;
-    }(s) ? e.onSuccessLoadImage() : e.onFailLoadImage());
+    }(o) ? e.onSuccessLoadImage() : e.onFailLoadImage());
   });
 }, onResizeEnd: function() {
   this.runAutoZoom("resize", { transitions: !0 });
@@ -1386,9 +1363,9 @@ var Re = A({ render: function() {
 }, onManipulateImage: function(t) {
   var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   if (!this.transitionsOptions.enabled) {
-    var i = e.transitions, n = i !== void 0 && i, o = e.normalize, s = o === void 0 || o;
+    var i = e.transitions, n = i !== void 0 && i, s = e.normalize, o = s === void 0 || s;
     n && this.enableTransitions();
-    var a = le(v(v({}, this.getPublicProperties()), {}, { event: s ? this.normalizeEvent(t) : t, getAreaRestrictions: this.getAreaRestrictions, imageRestriction: this.imageRestriction, adjustStencil: !this.stencilSize && this.settings.resizeImage.adjustStencil })), h = a.visibleArea, r = a.coordinates;
+    var a = le(v(v({}, this.getPublicProperties()), {}, { event: o ? this.normalizeEvent(t) : t, getAreaRestrictions: this.getAreaRestrictions, imageRestriction: this.imageRestriction, adjustStencil: !this.stencilSize && this.settings.resizeImage.adjustStencil })), h = a.visibleArea, r = a.coordinates;
     this.visibleArea = h, this.coordinates = r, this.runAutoZoom("manipulateImage"), this.onChange(), n && this.debouncedDisableTransitions();
   }
 }, onPropsChange: function() {
@@ -1397,38 +1374,38 @@ var Re = A({ render: function() {
   var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, e = t.visibleArea, i = t.type, n = i === void 0 ? "move" : i;
   return this.areaRestrictionsAlgorithm({ boundaries: this.boundaries, imageSize: this.imageSize, imageRestriction: this.imageRestriction, visibleArea: e, type: n });
 }, getAspectRatio: function(t) {
-  var e, i, n = this.stencilProps, o = n.aspectRatio, s = n.minAspectRatio, a = n.maxAspectRatio;
+  var e, i, n = this.stencilProps, s = n.aspectRatio, o = n.minAspectRatio, a = n.maxAspectRatio;
   if (this.$refs.stencil && this.$refs.stencil.aspectRatios) {
     var h = this.$refs.stencil.aspectRatios();
     e = h.minimum, i = h.maximum;
   }
-  if (y(e) && (e = y(o) ? s : o), y(i) && (i = y(o) ? a : o), !t && (y(e) || y(i))) {
+  if (y(e) && (e = y(s) ? o : s), y(i) && (i = y(s) ? a : s), !t && (y(e) || y(i))) {
     var r = this.getStencilSize(), c = r ? b(r) : null;
     y(e) && (e = At(c) ? c : void 0), y(i) && (i = At(c) ? c : void 0);
   }
   return { minimum: e, maximum: i };
 }, getStencilSize: function() {
   if (this.stencilSize)
-    return t = { currentStencilSize: { width: this.stencilCoordinates.width, height: this.stencilCoordinates.height }, stencilSize: this.stencilSize, boundaries: this.boundaries, coefficient: this.coefficient, coordinates: this.coordinates, aspectRatio: this.getAspectRatio(!0) }, e = t.boundaries, i = t.stencilSize, n = t.aspectRatio, at(b(o = D(i) ? i({ boundaries: e, aspectRatio: n }) : i), n) && (o = j({ sizeRestrictions: { maxWidth: e.width, maxHeight: e.height, minWidth: 0, minHeight: 0 }, width: o.width, height: o.height, aspectRatio: { minimum: n.minimum, maximum: n.maximum } })), (o.width > e.width || o.height > e.height) && (o = j({ sizeRestrictions: { maxWidth: e.width, maxHeight: e.height, minWidth: 0, minHeight: 0 }, width: o.width, height: o.height, aspectRatio: { minimum: b(o), maximum: b(o) } })), o;
-  var t, e, i, n, o;
+    return t = { currentStencilSize: { width: this.stencilCoordinates.width, height: this.stencilCoordinates.height }, stencilSize: this.stencilSize, boundaries: this.boundaries, coefficient: this.coefficient, coordinates: this.coordinates, aspectRatio: this.getAspectRatio(!0) }, e = t.boundaries, i = t.stencilSize, n = t.aspectRatio, at(b(s = D(i) ? i({ boundaries: e, aspectRatio: n }) : i), n) && (s = I({ sizeRestrictions: { maxWidth: e.width, maxHeight: e.height, minWidth: 0, minHeight: 0 }, width: s.width, height: s.height, aspectRatio: { minimum: n.minimum, maximum: n.maximum } })), (s.width > e.width || s.height > e.height) && (s = I({ sizeRestrictions: { maxWidth: e.width, maxHeight: e.height, minWidth: 0, minHeight: 0 }, width: s.width, height: s.height, aspectRatio: { minimum: b(s), maximum: b(s) } })), s;
+  var t, e, i, n, s;
 }, getPublicProperties: function() {
   return { coefficient: this.coefficient, visibleArea: this.visibleArea, coordinates: this.coordinates, boundaries: this.boundaries, sizeRestrictions: this.sizeRestrictions, positionRestrictions: this.positionRestrictions, aspectRatio: this.getAspectRatio(), imageRestriction: this.imageRestriction };
 }, defaultCoordinates: function() {
   return v({}, xt);
 }, flip: function(t, e) {
-  var i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n = i.transitions, o = n === void 0 || n;
+  var i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n = i.transitions, s = n === void 0 || n;
   if (!this.transitionsActive) {
-    o && this.enableTransitions();
-    var s = v({}, this.imageTransforms.flip), a = ue({ flip: { horizontal: t ? !s.horizontal : s.horizontal, vertical: e ? !s.vertical : s.vertical }, previousFlip: s, rotate: this.imageTransforms.rotate, visibleArea: this.visibleArea, coordinates: this.coordinates, imageSize: this.imageSize, positionRestrictions: this.positionRestrictions, sizeRestrictions: this.sizeRestrictions, getAreaRestrictions: this.getAreaRestrictions, aspectRatio: this.getAspectRatio() }), h = a.visibleArea, r = a.coordinates;
-    t && (this.appliedImageTransforms.flip.horizontal = !this.appliedImageTransforms.flip.horizontal), e && (this.appliedImageTransforms.flip.vertical = !this.appliedImageTransforms.flip.vertical), this.visibleArea = h, this.coordinates = r, this.onChange(), o && this.debouncedDisableTransitions();
+    s && this.enableTransitions();
+    var o = v({}, this.imageTransforms.flip), a = de({ flip: { horizontal: t ? !o.horizontal : o.horizontal, vertical: e ? !o.vertical : o.vertical }, previousFlip: o, rotate: this.imageTransforms.rotate, visibleArea: this.visibleArea, coordinates: this.coordinates, imageSize: this.imageSize, positionRestrictions: this.positionRestrictions, sizeRestrictions: this.sizeRestrictions, getAreaRestrictions: this.getAreaRestrictions, aspectRatio: this.getAspectRatio() }), h = a.visibleArea, r = a.coordinates;
+    t && (this.appliedImageTransforms.flip.horizontal = !this.appliedImageTransforms.flip.horizontal), e && (this.appliedImageTransforms.flip.vertical = !this.appliedImageTransforms.flip.vertical), this.visibleArea = h, this.coordinates = r, this.onChange(), s && this.debouncedDisableTransitions();
   }
 }, rotate: function(t) {
   var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, i = e.transitions, n = i === void 0 || i;
   if (!this.transitionsActive) {
     n && this.enableTransitions();
-    var o = v({}, this.imageSize);
+    var s = v({}, this.imageSize);
     this.appliedImageTransforms.rotate += t;
-    var s = de({ visibleArea: this.visibleArea, coordinates: this.coordinates, previousImageSize: o, imageSize: this.imageSize, angle: t, positionRestrictions: this.positionRestrictions, sizeRestrictions: this.sizeRestrictions, getAreaRestrictions: this.getAreaRestrictions, aspectRatio: this.getAspectRatio() }), a = s.visibleArea, h = s.coordinates, r = this.processAutoZoom("rotateImage", a, h);
+    var o = ue({ visibleArea: this.visibleArea, coordinates: this.coordinates, previousImageSize: s, imageSize: this.imageSize, angle: t, positionRestrictions: this.positionRestrictions, sizeRestrictions: this.sizeRestrictions, getAreaRestrictions: this.getAreaRestrictions, aspectRatio: this.getAspectRatio() }), a = o.visibleArea, h = o.coordinates, r = this.processAutoZoom("rotateImage", a, h);
     a = r.visibleArea, h = r.coordinates, this.visibleArea = a, this.coordinates = h, this.onChange(), n && this.debouncedDisableTransitions();
   }
 } } }, kt = A({ render: function() {
@@ -1436,15 +1413,10 @@ var Re = A({ render: function() {
   return i("div", { ref: "cropper", class: t.classes.cropper }, [i("div", { ref: "stretcher", class: t.classes.stretcher }), t._v(" "), i("div", { class: t.classes.boundaries, style: t.boundariesStyle }, [i(t.backgroundWrapperComponent, { tag: "component", class: t.classes.cropperWrapper, attrs: { "wheel-resize": t.settings.resizeImage.wheel, "touch-resize": t.settings.resizeImage.touch, "touch-move": t.settings.moveImage.touch, "mouse-move": t.settings.moveImage.mouse }, on: { move: t.onManipulateImage, resize: t.onManipulateImage } }, [i("div", { class: t.classes.background, style: t.boundariesStyle }), t._v(" "), i("div", { class: t.classes.imageWrapper }, [i("img", { ref: "image", class: t.classes.image, style: t.imageStyle, attrs: { crossorigin: t.imageAttributes.crossOrigin, src: t.imageAttributes.src }, on: { mousedown: function(n) {
     n.preventDefault();
   } } })]), t._v(" "), i("div", { class: t.classes.foreground, style: t.boundariesStyle }), t._v(" "), i(t.stencilComponent, t._b({ directives: [{ name: "show", rawName: "v-show", value: t.imageLoaded, expression: "imageLoaded" }], ref: "stencil", tag: "component", attrs: { image: t.image, coordinates: t.coordinates, "stencil-coordinates": t.stencilCoordinates, transitions: t.transitionsOptions }, on: { resize: t.onResize, "resize-end": t.onResizeEnd, move: t.onMove, "move-end": t.onMoveEnd } }, "component", t.stencilProps, !1)), t._v(" "), t.canvas ? i("canvas", { ref: "canvas", style: { display: "none" } }) : t._e(), t._v(" "), t.canvas ? i("canvas", { ref: "sourceCanvas", style: { display: "none" } }) : t._e()], 1)], 1)]);
-}, staticRenderFns: [] }, void 0, Me, void 0, !1, void 0, !1, void 0, void 0, void 0);
+}, staticRenderFns: [] }, void 0, Me, void 0, !1);
 k.component("cropper", kt), k.component("rectangle-stencil", Ut), k.component("circle-stencil", xe), k.component("simple-handler", nt), k.component("simple-line", st);
 const Ce = {
   name: "ImageUploadModal",
-  data() {
-    return {
-      currentTarget: null
-    };
-  },
   components: {
     Cropper: kt
   },
@@ -1466,6 +1438,11 @@ const Ce = {
       default: () => ({})
     }
   },
+  data() {
+    return {
+      currentTarget: null
+    };
+  },
   methods: {
     onSave() {
       const { canvas: t } = this.$refs.cropper.getResult();
@@ -1489,18 +1466,15 @@ var Ee = function() {
   } } }, [i("CButton", { staticClass: "absolute right-2 top-2 z-50 border-transparent bg-black/50 text-white/90", attrs: { circle: "", icon: "x", type: "text" }, on: { click: function(n) {
     return e.$emit("close");
   } } }), i("div", { staticClass: "flex min-h-0 max-w-[calc(100%_-_4_*_var(--rem))] flex-auto items-center justify-center pt-8" }, [i("Cropper", e._b({ ref: "cropper", staticClass: "h-full w-full", attrs: { src: e.imageData } }, "Cropper", e.cropperOptions, !1))], 1), i("div", { staticClass: "shrink-0 flex-grow py-8" }, [i("CButton", { staticClass: "w-36", attrs: { type: "secondary" }, on: { click: e.onSave } }, [e._v(" " + e._s(e.$t("_common:save")) + " ")])], 1)], 1);
-}, Oe = [], We = /* @__PURE__ */ _t(
+}, Oe = [], We = /* @__PURE__ */ $t(
   Ce,
   Ee,
   Oe,
   !1,
   null,
-  null,
-  null,
   null
 );
-const Te = We.exports;
-const _e = {
+const Te = We.exports, $e = {
   i18nOptions: {
     namespaces: "imageUploadWrapper",
     messages: {
@@ -1568,8 +1542,8 @@ const _e = {
       }
       const i = new FileReader();
       i.onload = (n) => {
-        let o;
-        typeof n.target.result == "object" ? o = window.URL.createObjectURL(new Blob([n.target.result])) : o = n.target.result, this.show(o, e.name);
+        let s;
+        typeof n.target.result == "object" ? s = window.URL.createObjectURL(new Blob([n.target.result])) : s = n.target.result, this.show(s, e.name);
       }, i.readAsArrayBuffer(e);
     },
     show(t, e) {
@@ -1597,15 +1571,15 @@ const _e = {
       this.$emit("upload"), this.isUpdatingImage = !0;
       const e = this.$refs.upload.$refs.upload.files, i = e[e.length - 1], n = i;
       n.file = t;
-      const o = await this.$refs.upload.compressFile(n.file);
+      const s = await this.$refs.upload.compressFile(n.file);
       await this.$refs.upload.$refs.upload.update(i, {
-        ...o,
+        ...s,
         active: !0
       });
     }
   }
 };
-var $e = function() {
+var je = function() {
   var e = this, i = e._self._c;
   return i("div", [i("BaseUpload", e._b({ ref: "upload", on: { input: function(n) {
     e.isUpdatingImage || e.uploadImg(n);
@@ -1616,17 +1590,15 @@ var $e = function() {
   }, expression: "newFiles" } }, "BaseUpload", e.mergedUploadOptions, !1), [e.$slots.image ? e._t("image") : e._e()], 2), i("div", { staticStyle: { cursor: "pointer" }, on: { click: function(n) {
     return n.stopPropagation(), n.preventDefault(), e.onClick.apply(null, arguments);
   } } }, [e._t("default", null, { progress: e.progress })], 2)], 1);
-}, je = [], Ie = /* @__PURE__ */ _t(
-  _e,
+}, Ie = [], He = /* @__PURE__ */ $t(
   $e,
   je,
+  Ie,
   !1,
   null,
-  "c25ea148",
-  null,
-  null
+  "66b0d147"
 );
-const Pe = Ie.exports;
+const Pe = He.exports;
 export {
   Pe as default
 };