diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3146e4c6e..ef12742fb 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,6 @@
 # Changelog
 
-## next
+## 2.0.0-alpha.2 (Dec 25, 2021)
 
 - Fix the cropper responsive when only the height was changed (#835).
 - Fix TypeScript declarations compatibility (#799).
diff --git a/dist/cropper.common.js b/dist/cropper.common.js
index 0aca59d53..0e5697ad5 100644
--- a/dist/cropper.common.js
+++ b/dist/cropper.common.js
@@ -1,27 +1,49 @@
 /*!
- * Cropper.js v2.0.0-alpha.1
+ * Cropper.js v2.0.0-alpha.2
  * https://fengyuanchen.github.io/cropperjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2019-11-09T12:02:24.890Z
+ * Date: 2021-12-25T08:31:12.767Z
  */
 
 'use strict';
 
-function _typeof(obj) {
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function (obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function (obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
   }
 
-  return _typeof(obj);
+  return keys;
+}
+
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+
+  return target;
+}
+
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 
 function _classCallCheck(instance, Constructor) {
@@ -43,6 +65,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -61,63 +86,42 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    if (enumerableOnly) symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    });
-    keys.push.apply(keys, symbols);
-  }
-
-  return keys;
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
 
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys(source, true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(source).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
-  }
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
 
-  return target;
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) {
-    for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
 
-    return arr2;
-  }
-}
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
 
-function _iterableToArray(iter) {
-  if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
+  return arr2;
 }
 
 function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance");
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
 var IS_BROWSER = typeof window !== 'undefined' && typeof window.document !== 'undefined';
 var WINDOW = IS_BROWSER ? window : {};
-var IS_TOUCH_DEVICE = IS_BROWSER ? 'ontouchstart' in WINDOW.document.documentElement : false;
+var IS_TOUCH_DEVICE = IS_BROWSER && WINDOW.document.documentElement ? 'ontouchstart' in WINDOW.document.documentElement : false;
 var HAS_POINTER_EVENT = IS_BROWSER ? 'PointerEvent' in WINDOW : false;
 var NAMESPACE = 'cropper'; // Actions
 
@@ -348,10 +352,10 @@ function forEach(data, callback) {
     if (Array.isArray(data) || isNumber(data.length)
     /* array-like */
     ) {
-        toArray(data).forEach(function (value, key) {
-          callback.call(data, value, key, data);
-        });
-      } else if (isObject(data)) {
+      toArray(data).forEach(function (value, key) {
+        callback.call(data, value, key, data);
+      });
+    } else if (isObject(data)) {
       Object.keys(data).forEach(function (key) {
         callback.call(data, data[key], key, data);
       });
@@ -387,7 +391,7 @@ var assign = Object.assign || function assign(target) {
 var REGEXP_DECIMALS = /\.\d*(?:0|9){12}\d*$/;
 /**
  * Normalize decimal number.
- * Check out {@link http://0.30000000000000004.com/}
+ * Check out {@link https://0.30000000000000004.com/}
  * @param {number} value - The value to normalize.
  * @param {number} [times=100000000000] - The times for normalizing.
  * @returns {number} Returns the normalized number.
@@ -792,7 +796,7 @@ function getTransforms(_ref) {
 function getMaxZoomRatio(pointers) {
   var pointers2 = _objectSpread2({}, pointers);
 
-  var ratios = [];
+  var maxRatio = 0;
   forEach(pointers, function (pointer, pointerId) {
     delete pointers2[pointerId];
     forEach(pointers2, function (pointer2) {
@@ -803,13 +807,13 @@ function getMaxZoomRatio(pointers) {
       var z1 = Math.sqrt(x1 * x1 + y1 * y1);
       var z2 = Math.sqrt(x2 * x2 + y2 * y2);
       var ratio = (z2 - z1) / z1;
-      ratios.push(ratio);
+
+      if (Math.abs(ratio) > Math.abs(maxRatio)) {
+        maxRatio = ratio;
+      }
     });
   });
-  ratios.sort(function (a, b) {
-    return Math.abs(a) < Math.abs(b);
-  });
-  return ratios[0];
+  return maxRatio;
 }
 /**
  * Get a pointer from an event object.
@@ -861,8 +865,7 @@ function getPointersCenter(pointers) {
  * @returns {Object} The result sizes.
  */
 
-function getAdjustedSizes(_ref4) // or 'cover'
-{
+function getAdjustedSizes(_ref4) {
   var aspectRatio = _ref4.aspectRatio,
       height = _ref4.height,
       width = _ref4.width;
@@ -1100,14 +1103,14 @@ function resetAndGetOrientation(arrayBuffer) {
         if (littleEndian || endianness === 0x4D4D
         /* bigEndian */
         ) {
-            if (dataView.getUint16(tiffOffset + 2, littleEndian) === 0x002A) {
-              var firstIFDOffset = dataView.getUint32(tiffOffset + 4, littleEndian);
+          if (dataView.getUint16(tiffOffset + 2, littleEndian) === 0x002A) {
+            var firstIFDOffset = dataView.getUint32(tiffOffset + 4, littleEndian);
 
-              if (firstIFDOffset >= 0x00000008) {
-                ifdStart = tiffOffset + firstIFDOffset;
-              }
+            if (firstIFDOffset >= 0x00000008) {
+              ifdStart = tiffOffset + firstIFDOffset;
             }
           }
+        }
       }
     }
 
@@ -1124,14 +1127,14 @@ function resetAndGetOrientation(arrayBuffer) {
         if (dataView.getUint16(_offset, littleEndian) === 0x0112
         /* Orientation */
         ) {
-            // 8 is the offset of the current tag's value
-            _offset += 8; // Get the original orientation value
+          // 8 is the offset of the current tag's value
+          _offset += 8; // Get the original orientation value
 
-            orientation = dataView.getUint16(_offset, littleEndian); // Override the orientation with its default value
+          orientation = dataView.getUint16(_offset, littleEndian); // Override the orientation with its default value
 
-            dataView.setUint16(_offset, 1, littleEndian);
-            break;
-          }
+          dataView.setUint16(_offset, 1, littleEndian);
+          break;
+        }
       }
     }
   } catch (error) {
@@ -1201,9 +1204,10 @@ var render = {
   render: function render() {
     this.initContainer();
     this.initCanvas();
-    this.initCropBox();
-    this.initialImageData = assign({}, this.imageData);
     this.initialCanvasData = assign({}, this.canvasData);
+    this.initCropBox(); // Store the `initialCropBoxData` outside of the `initCropBox` method,
+    // just because the `initCropBox` method will be called more then once.
+
     this.initialCropBoxData = assign({}, this.cropBoxData);
     this.renderCanvas();
 
@@ -1216,11 +1220,13 @@ var render = {
         options = this.options,
         container = this.container,
         cropper = this.cropper;
+    var minWidth = Number(options.minContainerWidth);
+    var minHeight = Number(options.minContainerHeight);
     addClass(cropper, CLASS_HIDDEN);
     removeClass(element, CLASS_HIDDEN);
     var containerData = {
-      width: Math.max(container.offsetWidth, Number(options.minContainerWidth) || MIN_CONTAINER_WIDTH),
-      height: Math.max(container.offsetHeight, Number(options.minContainerHeight) || MIN_CONTAINER_HEIGHT)
+      width: Math.max(container.offsetWidth, minWidth >= 0 ? minWidth : MIN_CONTAINER_WIDTH),
+      height: Math.max(container.offsetHeight, minHeight >= 0 ? minHeight : MIN_CONTAINER_HEIGHT)
     };
     setStyle(cropper, containerData);
     addClass(element, CLASS_HIDDEN);
@@ -1812,19 +1818,18 @@ var events = {
 
 var handlers = {
   resize: function resize() {
-    var options = this.options,
-        container = this.container,
-        containerData = this.containerData;
-    var minContainerWidth = Number(options.minContainerWidth) || MIN_CONTAINER_WIDTH;
-    var minContainerHeight = Number(options.minContainerHeight) || MIN_CONTAINER_HEIGHT;
-
-    if (this.disabled || containerData.width <= minContainerWidth || containerData.height <= minContainerHeight) {
+    if (this.disabled) {
       return;
     }
 
-    var ratio = container.offsetWidth / containerData.width; // Resize when width changed or height changed
+    var options = this.options,
+        container = this.container,
+        containerData = this.containerData;
+    var ratioX = container.offsetWidth / containerData.width;
+    var ratioY = container.offsetHeight / containerData.height;
+    var ratio = Math.abs(ratioX - 1) > Math.abs(ratioY - 1) ? ratioX : ratioY; // Resize when width changed or height changed
 
-    if (ratio !== 1 || container.offsetHeight !== containerData.height) {
+    if (ratio !== 1) {
       var canvasData;
       var cropBoxData;
 
@@ -3265,9 +3270,7 @@ var methods = {
 
 var AnotherCropper = WINDOW.Cropper;
 
-var Cropper =
-/*#__PURE__*/
-function () {
+var Cropper = /*#__PURE__*/function () {
   /**
    * Create a new Cropper.
    * @param {Element} element - The target element for cropping.
@@ -3316,7 +3319,7 @@ function () {
 
         if (!url) {
           return;
-        } // e.g.: "http://example.com/img/picture.jpg"
+        } // e.g.: "https://example.com/img/picture.jpg"
 
 
         url = element.src;
@@ -3397,9 +3400,10 @@ function () {
 
       if (options.checkCrossOrigin && isCrossOriginURL(url) && element.crossOrigin) {
         url = addTimestamp(url);
-      }
+      } // The third parameter is required for avoiding side-effect (#682)
+
 
-      xhr.open('GET', url);
+      xhr.open('GET', url, true);
       xhr.responseType = 'arraybuffer';
       xhr.withCredentials = element.crossOrigin === 'use-credentials';
       xhr.send();
@@ -3489,7 +3493,9 @@ function () {
           naturalWidth: naturalWidth,
           naturalHeight: naturalHeight,
           aspectRatio: naturalWidth / naturalHeight
-        });
+        }); // Store the `initialImageData` here for avoiding side effect (jquery-cropper#19)
+
+        _this2.initialImageData = assign({}, _this2.imageData);
         _this2.sizing = false;
         _this2.sized = true;
 
diff --git a/dist/cropper.css b/dist/cropper.css
index bcd00455c..5ef363931 100644
--- a/dist/cropper.css
+++ b/dist/cropper.css
@@ -1,11 +1,11 @@
 /*!
- * Cropper.js v2.0.0-alpha.1
+ * Cropper.js v2.0.0-alpha.2
  * https://fengyuanchen.github.io/cropperjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2019-11-09T12:02:20.544Z
+ * Date: 2021-12-25T08:31:10.935Z
  */
 
 .cropper-container {
@@ -14,23 +14,22 @@
   line-height: 0;
   overflow: hidden;
   position: relative;
-  -ms-touch-action: none;
   touch-action: none;
   -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none
 }
 
 .cropper-container img {
-  display: block;
-  height: 100%;
-  max-height: none !important;
-  max-width: none !important;
-  min-height: 0 !important;
-  min-width: 0 !important;
-  width: 100%;
-}
+    display: block;
+    height: 100%;
+    max-height: none !important;
+    max-width: none !important;
+    min-height: 0 !important;
+    min-width: 0 !important;
+    width: 100%;
+  }
 
 .cropper-canvas,
 .cropper-drag-box,
@@ -55,7 +54,7 @@
 .cropper-view-box {
   height: 100%;
   outline: 1px solid #39f;
-  outline-color: rgba(51, 153, 255, 0.75);
+  outline-color: rgb(51 153 255 / 75%);
   overflow: hidden;
   width: 100%;
 }
@@ -63,26 +62,26 @@
 .cropper-dashed {
   border: 0 dashed #eee;
   opacity: 0.5;
-  position: absolute;
+  position: absolute
 }
 
 .cropper-dashed.dashed-h {
-  border-bottom-width: 1px;
-  border-top-width: 1px;
-  height: calc(100% / 3);
-  left: 0;
-  top: calc(100% / 3);
-  width: 100%;
-}
+    border-bottom-width: 1px;
+    border-top-width: 1px;
+    height: calc(100% / 3);
+    left: 0;
+    top: calc(100% / 3);
+    width: 100%;
+  }
 
 .cropper-dashed.dashed-v {
-  border-left-width: 1px;
-  border-right-width: 1px;
-  height: 100%;
-  left: calc(100% / 3);
-  top: 0;
-  width: calc(100% / 3);
-}
+    border-left-width: 1px;
+    border-right-width: 1px;
+    height: 100%;
+    left: calc(100% / 3);
+    top: 0;
+    width: calc(100% / 3);
+  }
 
 .cropper-center {
   height: 0;
@@ -90,30 +89,30 @@
   opacity: 0.75;
   position: absolute;
   top: 50%;
-  width: 0;
+  width: 0
 }
 
 .cropper-center::before,
-.cropper-center::after {
-  background-color: #eee;
-  content: "";
-  display: block;
-  position: absolute;
-}
+  .cropper-center::after {
+    background-color: #eee;
+    content: " ";
+    display: block;
+    position: absolute;
+  }
 
 .cropper-center::before {
-  height: 1px;
-  left: -3px;
-  top: 0;
-  width: 7px;
-}
+    height: 1px;
+    left: -3px;
+    top: 0;
+    width: 7px;
+  }
 
 .cropper-center::after {
-  height: 7px;
-  left: 0;
-  top: -3px;
-  width: 1px;
-}
+    height: 7px;
+    left: 0;
+    top: -3px;
+    width: 1px;
+  }
 
 .cropper-face,
 .cropper-line,
@@ -131,139 +130,142 @@
 }
 
 .cropper-line {
-  background-color: #39f;
+  background-color: #39f
 }
 
 .cropper-line.line-e {
-  cursor: ew-resize;
-  right: -3px;
-  top: 0;
-  width: 5px;
-}
+    cursor: ew-resize;
+    right: -3px;
+    top: 0;
+    width: 5px;
+  }
 
 .cropper-line.line-n {
-  cursor: ns-resize;
-  height: 5px;
-  left: 0;
-  top: -3px;
-}
+    cursor: ns-resize;
+    height: 5px;
+    left: 0;
+    top: -3px;
+  }
 
 .cropper-line.line-w {
-  cursor: ew-resize;
-  left: -3px;
-  top: 0;
-  width: 5px;
-}
+    cursor: ew-resize;
+    left: -3px;
+    top: 0;
+    width: 5px;
+  }
 
 .cropper-line.line-s {
-  bottom: -3px;
-  cursor: ns-resize;
-  height: 5px;
-  left: 0;
-}
+    bottom: -3px;
+    cursor: ns-resize;
+    height: 5px;
+    left: 0;
+  }
 
 .cropper-point {
   background-color: #39f;
   height: 5px;
   opacity: 0.75;
-  width: 5px;
+  width: 5px
 }
 
 .cropper-point.point-e {
-  cursor: ew-resize;
-  margin-top: -3px;
-  right: -3px;
-  top: 50%;
-}
+    cursor: ew-resize;
+    margin-top: -3px;
+    right: -3px;
+    top: 50%;
+  }
 
 .cropper-point.point-n {
-  cursor: ns-resize;
-  left: 50%;
-  margin-left: -3px;
-  top: -3px;
-}
+    cursor: ns-resize;
+    left: 50%;
+    margin-left: -3px;
+    top: -3px;
+  }
 
 .cropper-point.point-w {
-  cursor: ew-resize;
-  left: -3px;
-  margin-top: -3px;
-  top: 50%;
-}
+    cursor: ew-resize;
+    left: -3px;
+    margin-top: -3px;
+    top: 50%;
+  }
 
 .cropper-point.point-s {
-  bottom: -3px;
-  cursor: s-resize;
-  left: 50%;
-  margin-left: -3px;
-}
+    bottom: -3px;
+    cursor: s-resize;
+    left: 50%;
+    margin-left: -3px;
+  }
 
 .cropper-point.point-ne {
-  cursor: nesw-resize;
-  right: -3px;
-  top: -3px;
-}
+    cursor: nesw-resize;
+    right: -3px;
+    top: -3px;
+  }
 
 .cropper-point.point-nw {
-  cursor: nwse-resize;
-  left: -3px;
-  top: -3px;
-}
+    cursor: nwse-resize;
+    left: -3px;
+    top: -3px;
+  }
 
 .cropper-point.point-sw {
-  bottom: -3px;
-  cursor: nesw-resize;
-  left: -3px;
-}
+    bottom: -3px;
+    cursor: nesw-resize;
+    left: -3px;
+  }
 
 .cropper-point.point-se {
-  bottom: -3px;
-  cursor: nwse-resize;
-  height: 20px;
-  opacity: 1;
-  right: -3px;
-  width: 20px;
-}
+    bottom: -3px;
+    cursor: nwse-resize;
+    height: 20px;
+    opacity: 1;
+    right: -3px;
+    width: 20px
+  }
 
 @media (min-width: 768px) {
-  .cropper-point.point-se {
-    height: 15px;
-    width: 15px;
+
+.cropper-point.point-se {
+      height: 15px;
+      width: 15px
   }
-}
+    }
 
 @media (min-width: 992px) {
-  .cropper-point.point-se {
-    height: 10px;
-    width: 10px;
+
+.cropper-point.point-se {
+      height: 10px;
+      width: 10px
   }
-}
+    }
 
 @media (min-width: 1200px) {
-  .cropper-point.point-se {
-    height: 5px;
-    opacity: 0.75;
-    width: 5px;
+
+.cropper-point.point-se {
+      height: 5px;
+      opacity: 0.75;
+      width: 5px
   }
-}
+    }
 
 .cropper-point.point-se::before {
-  background-color: #39f;
-  bottom: -50%;
-  content: "";
-  display: block;
-  height: 200%;
-  opacity: 0;
-  position: absolute;
-  right: -50%;
-  width: 200%;
-}
+    background-color: #39f;
+    bottom: -50%;
+    content: " ";
+    display: block;
+    height: 200%;
+    opacity: 0;
+    position: absolute;
+    right: -50%;
+    width: 200%;
+  }
 
 .cropper-invisible {
   opacity: 0;
 }
 
 .cropper-bg {
-  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
 }
 
 .cropper-hide {
@@ -286,8 +288,8 @@
 }
 
 .cropper-disabled .cropper-drag-box,
-.cropper-disabled .cropper-face,
-.cropper-disabled .cropper-line,
-.cropper-disabled .cropper-point {
-  cursor: not-allowed;
-}
+  .cropper-disabled .cropper-face,
+  .cropper-disabled .cropper-line,
+  .cropper-disabled .cropper-point {
+    cursor: not-allowed;
+  }
diff --git a/dist/cropper.esm.js b/dist/cropper.esm.js
index 856f36aa5..8b4c39314 100644
--- a/dist/cropper.esm.js
+++ b/dist/cropper.esm.js
@@ -1,25 +1,47 @@
 /*!
- * Cropper.js v2.0.0-alpha.1
+ * Cropper.js v2.0.0-alpha.2
  * https://fengyuanchen.github.io/cropperjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2019-11-09T12:02:24.890Z
+ * Date: 2021-12-25T08:31:12.767Z
  */
 
-function _typeof(obj) {
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function (obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function (obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
   }
 
-  return _typeof(obj);
+  return keys;
+}
+
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+
+  return target;
+}
+
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 
 function _classCallCheck(instance, Constructor) {
@@ -41,6 +63,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -59,63 +84,42 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    if (enumerableOnly) symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    });
-    keys.push.apply(keys, symbols);
-  }
-
-  return keys;
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
 
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys(source, true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(source).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
-  }
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
 
-  return target;
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) {
-    for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
 
-    return arr2;
-  }
-}
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
 
-function _iterableToArray(iter) {
-  if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
+  return arr2;
 }
 
 function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance");
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
 var IS_BROWSER = typeof window !== 'undefined' && typeof window.document !== 'undefined';
 var WINDOW = IS_BROWSER ? window : {};
-var IS_TOUCH_DEVICE = IS_BROWSER ? 'ontouchstart' in WINDOW.document.documentElement : false;
+var IS_TOUCH_DEVICE = IS_BROWSER && WINDOW.document.documentElement ? 'ontouchstart' in WINDOW.document.documentElement : false;
 var HAS_POINTER_EVENT = IS_BROWSER ? 'PointerEvent' in WINDOW : false;
 var NAMESPACE = 'cropper'; // Actions
 
@@ -346,10 +350,10 @@ function forEach(data, callback) {
     if (Array.isArray(data) || isNumber(data.length)
     /* array-like */
     ) {
-        toArray(data).forEach(function (value, key) {
-          callback.call(data, value, key, data);
-        });
-      } else if (isObject(data)) {
+      toArray(data).forEach(function (value, key) {
+        callback.call(data, value, key, data);
+      });
+    } else if (isObject(data)) {
       Object.keys(data).forEach(function (key) {
         callback.call(data, data[key], key, data);
       });
@@ -385,7 +389,7 @@ var assign = Object.assign || function assign(target) {
 var REGEXP_DECIMALS = /\.\d*(?:0|9){12}\d*$/;
 /**
  * Normalize decimal number.
- * Check out {@link http://0.30000000000000004.com/}
+ * Check out {@link https://0.30000000000000004.com/}
  * @param {number} value - The value to normalize.
  * @param {number} [times=100000000000] - The times for normalizing.
  * @returns {number} Returns the normalized number.
@@ -790,7 +794,7 @@ function getTransforms(_ref) {
 function getMaxZoomRatio(pointers) {
   var pointers2 = _objectSpread2({}, pointers);
 
-  var ratios = [];
+  var maxRatio = 0;
   forEach(pointers, function (pointer, pointerId) {
     delete pointers2[pointerId];
     forEach(pointers2, function (pointer2) {
@@ -801,13 +805,13 @@ function getMaxZoomRatio(pointers) {
       var z1 = Math.sqrt(x1 * x1 + y1 * y1);
       var z2 = Math.sqrt(x2 * x2 + y2 * y2);
       var ratio = (z2 - z1) / z1;
-      ratios.push(ratio);
+
+      if (Math.abs(ratio) > Math.abs(maxRatio)) {
+        maxRatio = ratio;
+      }
     });
   });
-  ratios.sort(function (a, b) {
-    return Math.abs(a) < Math.abs(b);
-  });
-  return ratios[0];
+  return maxRatio;
 }
 /**
  * Get a pointer from an event object.
@@ -859,8 +863,7 @@ function getPointersCenter(pointers) {
  * @returns {Object} The result sizes.
  */
 
-function getAdjustedSizes(_ref4) // or 'cover'
-{
+function getAdjustedSizes(_ref4) {
   var aspectRatio = _ref4.aspectRatio,
       height = _ref4.height,
       width = _ref4.width;
@@ -1098,14 +1101,14 @@ function resetAndGetOrientation(arrayBuffer) {
         if (littleEndian || endianness === 0x4D4D
         /* bigEndian */
         ) {
-            if (dataView.getUint16(tiffOffset + 2, littleEndian) === 0x002A) {
-              var firstIFDOffset = dataView.getUint32(tiffOffset + 4, littleEndian);
+          if (dataView.getUint16(tiffOffset + 2, littleEndian) === 0x002A) {
+            var firstIFDOffset = dataView.getUint32(tiffOffset + 4, littleEndian);
 
-              if (firstIFDOffset >= 0x00000008) {
-                ifdStart = tiffOffset + firstIFDOffset;
-              }
+            if (firstIFDOffset >= 0x00000008) {
+              ifdStart = tiffOffset + firstIFDOffset;
             }
           }
+        }
       }
     }
 
@@ -1122,14 +1125,14 @@ function resetAndGetOrientation(arrayBuffer) {
         if (dataView.getUint16(_offset, littleEndian) === 0x0112
         /* Orientation */
         ) {
-            // 8 is the offset of the current tag's value
-            _offset += 8; // Get the original orientation value
+          // 8 is the offset of the current tag's value
+          _offset += 8; // Get the original orientation value
 
-            orientation = dataView.getUint16(_offset, littleEndian); // Override the orientation with its default value
+          orientation = dataView.getUint16(_offset, littleEndian); // Override the orientation with its default value
 
-            dataView.setUint16(_offset, 1, littleEndian);
-            break;
-          }
+          dataView.setUint16(_offset, 1, littleEndian);
+          break;
+        }
       }
     }
   } catch (error) {
@@ -1199,9 +1202,10 @@ var render = {
   render: function render() {
     this.initContainer();
     this.initCanvas();
-    this.initCropBox();
-    this.initialImageData = assign({}, this.imageData);
     this.initialCanvasData = assign({}, this.canvasData);
+    this.initCropBox(); // Store the `initialCropBoxData` outside of the `initCropBox` method,
+    // just because the `initCropBox` method will be called more then once.
+
     this.initialCropBoxData = assign({}, this.cropBoxData);
     this.renderCanvas();
 
@@ -1214,11 +1218,13 @@ var render = {
         options = this.options,
         container = this.container,
         cropper = this.cropper;
+    var minWidth = Number(options.minContainerWidth);
+    var minHeight = Number(options.minContainerHeight);
     addClass(cropper, CLASS_HIDDEN);
     removeClass(element, CLASS_HIDDEN);
     var containerData = {
-      width: Math.max(container.offsetWidth, Number(options.minContainerWidth) || MIN_CONTAINER_WIDTH),
-      height: Math.max(container.offsetHeight, Number(options.minContainerHeight) || MIN_CONTAINER_HEIGHT)
+      width: Math.max(container.offsetWidth, minWidth >= 0 ? minWidth : MIN_CONTAINER_WIDTH),
+      height: Math.max(container.offsetHeight, minHeight >= 0 ? minHeight : MIN_CONTAINER_HEIGHT)
     };
     setStyle(cropper, containerData);
     addClass(element, CLASS_HIDDEN);
@@ -1810,19 +1816,18 @@ var events = {
 
 var handlers = {
   resize: function resize() {
-    var options = this.options,
-        container = this.container,
-        containerData = this.containerData;
-    var minContainerWidth = Number(options.minContainerWidth) || MIN_CONTAINER_WIDTH;
-    var minContainerHeight = Number(options.minContainerHeight) || MIN_CONTAINER_HEIGHT;
-
-    if (this.disabled || containerData.width <= minContainerWidth || containerData.height <= minContainerHeight) {
+    if (this.disabled) {
       return;
     }
 
-    var ratio = container.offsetWidth / containerData.width; // Resize when width changed or height changed
+    var options = this.options,
+        container = this.container,
+        containerData = this.containerData;
+    var ratioX = container.offsetWidth / containerData.width;
+    var ratioY = container.offsetHeight / containerData.height;
+    var ratio = Math.abs(ratioX - 1) > Math.abs(ratioY - 1) ? ratioX : ratioY; // Resize when width changed or height changed
 
-    if (ratio !== 1 || container.offsetHeight !== containerData.height) {
+    if (ratio !== 1) {
       var canvasData;
       var cropBoxData;
 
@@ -3263,9 +3268,7 @@ var methods = {
 
 var AnotherCropper = WINDOW.Cropper;
 
-var Cropper =
-/*#__PURE__*/
-function () {
+var Cropper = /*#__PURE__*/function () {
   /**
    * Create a new Cropper.
    * @param {Element} element - The target element for cropping.
@@ -3314,7 +3317,7 @@ function () {
 
         if (!url) {
           return;
-        } // e.g.: "http://example.com/img/picture.jpg"
+        } // e.g.: "https://example.com/img/picture.jpg"
 
 
         url = element.src;
@@ -3395,9 +3398,10 @@ function () {
 
       if (options.checkCrossOrigin && isCrossOriginURL(url) && element.crossOrigin) {
         url = addTimestamp(url);
-      }
+      } // The third parameter is required for avoiding side-effect (#682)
+
 
-      xhr.open('GET', url);
+      xhr.open('GET', url, true);
       xhr.responseType = 'arraybuffer';
       xhr.withCredentials = element.crossOrigin === 'use-credentials';
       xhr.send();
@@ -3487,7 +3491,9 @@ function () {
           naturalWidth: naturalWidth,
           naturalHeight: naturalHeight,
           aspectRatio: naturalWidth / naturalHeight
-        });
+        }); // Store the `initialImageData` here for avoiding side effect (jquery-cropper#19)
+
+        _this2.initialImageData = assign({}, _this2.imageData);
         _this2.sizing = false;
         _this2.sized = true;
 
@@ -3675,4 +3681,4 @@ function () {
 
 assign(Cropper.prototype, render, preview, events, handlers, change, methods);
 
-export default Cropper;
+export { Cropper as default };
diff --git a/dist/cropper.js b/dist/cropper.js
index 5a912267d..fb892d9d9 100644
--- a/dist/cropper.js
+++ b/dist/cropper.js
@@ -1,31 +1,53 @@
 /*!
- * Cropper.js v2.0.0-alpha.1
+ * Cropper.js v2.0.0-alpha.2
  * https://fengyuanchen.github.io/cropperjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2019-11-09T12:02:24.890Z
+ * Date: 2021-12-25T08:31:12.767Z
  */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
-  (global = global || self, global.Cropper = factory());
-}(this, (function () { 'use strict';
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Cropper = factory());
+})(this, (function () { 'use strict';
 
-  function _typeof(obj) {
-    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof = function (obj) {
-        return typeof obj;
-      };
-    } else {
-      _typeof = function (obj) {
-        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-      };
+  function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+      enumerableOnly && (symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      })), keys.push.apply(keys, symbols);
     }
 
-    return _typeof(obj);
+    return keys;
+  }
+
+  function _objectSpread2(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = null != arguments[i] ? arguments[i] : {};
+      i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+        _defineProperty(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+
+    return target;
+  }
+
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
   }
 
   function _classCallCheck(instance, Constructor) {
@@ -47,6 +69,9 @@
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
     return Constructor;
   }
 
@@ -65,63 +90,42 @@
     return obj;
   }
 
-  function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-
-    if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      if (enumerableOnly) symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-      keys.push.apply(keys, symbols);
-    }
-
-    return keys;
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
   }
 
-  function _objectSpread2(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i] != null ? arguments[i] : {};
-
-      if (i % 2) {
-        ownKeys(source, true).forEach(function (key) {
-          _defineProperty(target, key, source[key]);
-        });
-      } else if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-      } else {
-        ownKeys(source).forEach(function (key) {
-          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-      }
-    }
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  }
 
-    return target;
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
   }
 
-  function _toConsumableArray(arr) {
-    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
   }
 
-  function _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr)) {
-      for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
 
-      return arr2;
-    }
-  }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
 
-  function _iterableToArray(iter) {
-    if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
+    return arr2;
   }
 
   function _nonIterableSpread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance");
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
 
   var IS_BROWSER = typeof window !== 'undefined' && typeof window.document !== 'undefined';
   var WINDOW = IS_BROWSER ? window : {};
-  var IS_TOUCH_DEVICE = IS_BROWSER ? 'ontouchstart' in WINDOW.document.documentElement : false;
+  var IS_TOUCH_DEVICE = IS_BROWSER && WINDOW.document.documentElement ? 'ontouchstart' in WINDOW.document.documentElement : false;
   var HAS_POINTER_EVENT = IS_BROWSER ? 'PointerEvent' in WINDOW : false;
   var NAMESPACE = 'cropper'; // Actions
 
@@ -352,10 +356,10 @@
       if (Array.isArray(data) || isNumber(data.length)
       /* array-like */
       ) {
-          toArray(data).forEach(function (value, key) {
-            callback.call(data, value, key, data);
-          });
-        } else if (isObject(data)) {
+        toArray(data).forEach(function (value, key) {
+          callback.call(data, value, key, data);
+        });
+      } else if (isObject(data)) {
         Object.keys(data).forEach(function (key) {
           callback.call(data, data[key], key, data);
         });
@@ -391,7 +395,7 @@
   var REGEXP_DECIMALS = /\.\d*(?:0|9){12}\d*$/;
   /**
    * Normalize decimal number.
-   * Check out {@link http://0.30000000000000004.com/}
+   * Check out {@link https://0.30000000000000004.com/}
    * @param {number} value - The value to normalize.
    * @param {number} [times=100000000000] - The times for normalizing.
    * @returns {number} Returns the normalized number.
@@ -796,7 +800,7 @@
   function getMaxZoomRatio(pointers) {
     var pointers2 = _objectSpread2({}, pointers);
 
-    var ratios = [];
+    var maxRatio = 0;
     forEach(pointers, function (pointer, pointerId) {
       delete pointers2[pointerId];
       forEach(pointers2, function (pointer2) {
@@ -807,13 +811,13 @@
         var z1 = Math.sqrt(x1 * x1 + y1 * y1);
         var z2 = Math.sqrt(x2 * x2 + y2 * y2);
         var ratio = (z2 - z1) / z1;
-        ratios.push(ratio);
+
+        if (Math.abs(ratio) > Math.abs(maxRatio)) {
+          maxRatio = ratio;
+        }
       });
     });
-    ratios.sort(function (a, b) {
-      return Math.abs(a) < Math.abs(b);
-    });
-    return ratios[0];
+    return maxRatio;
   }
   /**
    * Get a pointer from an event object.
@@ -865,8 +869,7 @@
    * @returns {Object} The result sizes.
    */
 
-  function getAdjustedSizes(_ref4) // or 'cover'
-  {
+  function getAdjustedSizes(_ref4) {
     var aspectRatio = _ref4.aspectRatio,
         height = _ref4.height,
         width = _ref4.width;
@@ -1104,14 +1107,14 @@
           if (littleEndian || endianness === 0x4D4D
           /* bigEndian */
           ) {
-              if (dataView.getUint16(tiffOffset + 2, littleEndian) === 0x002A) {
-                var firstIFDOffset = dataView.getUint32(tiffOffset + 4, littleEndian);
+            if (dataView.getUint16(tiffOffset + 2, littleEndian) === 0x002A) {
+              var firstIFDOffset = dataView.getUint32(tiffOffset + 4, littleEndian);
 
-                if (firstIFDOffset >= 0x00000008) {
-                  ifdStart = tiffOffset + firstIFDOffset;
-                }
+              if (firstIFDOffset >= 0x00000008) {
+                ifdStart = tiffOffset + firstIFDOffset;
               }
             }
+          }
         }
       }
 
@@ -1128,14 +1131,14 @@
           if (dataView.getUint16(_offset, littleEndian) === 0x0112
           /* Orientation */
           ) {
-              // 8 is the offset of the current tag's value
-              _offset += 8; // Get the original orientation value
+            // 8 is the offset of the current tag's value
+            _offset += 8; // Get the original orientation value
 
-              orientation = dataView.getUint16(_offset, littleEndian); // Override the orientation with its default value
+            orientation = dataView.getUint16(_offset, littleEndian); // Override the orientation with its default value
 
-              dataView.setUint16(_offset, 1, littleEndian);
-              break;
-            }
+            dataView.setUint16(_offset, 1, littleEndian);
+            break;
+          }
         }
       }
     } catch (error) {
@@ -1205,9 +1208,10 @@
     render: function render() {
       this.initContainer();
       this.initCanvas();
-      this.initCropBox();
-      this.initialImageData = assign({}, this.imageData);
       this.initialCanvasData = assign({}, this.canvasData);
+      this.initCropBox(); // Store the `initialCropBoxData` outside of the `initCropBox` method,
+      // just because the `initCropBox` method will be called more then once.
+
       this.initialCropBoxData = assign({}, this.cropBoxData);
       this.renderCanvas();
 
@@ -1220,11 +1224,13 @@
           options = this.options,
           container = this.container,
           cropper = this.cropper;
+      var minWidth = Number(options.minContainerWidth);
+      var minHeight = Number(options.minContainerHeight);
       addClass(cropper, CLASS_HIDDEN);
       removeClass(element, CLASS_HIDDEN);
       var containerData = {
-        width: Math.max(container.offsetWidth, Number(options.minContainerWidth) || MIN_CONTAINER_WIDTH),
-        height: Math.max(container.offsetHeight, Number(options.minContainerHeight) || MIN_CONTAINER_HEIGHT)
+        width: Math.max(container.offsetWidth, minWidth >= 0 ? minWidth : MIN_CONTAINER_WIDTH),
+        height: Math.max(container.offsetHeight, minHeight >= 0 ? minHeight : MIN_CONTAINER_HEIGHT)
       };
       setStyle(cropper, containerData);
       addClass(element, CLASS_HIDDEN);
@@ -1816,19 +1822,18 @@
 
   var handlers = {
     resize: function resize() {
-      var options = this.options,
-          container = this.container,
-          containerData = this.containerData;
-      var minContainerWidth = Number(options.minContainerWidth) || MIN_CONTAINER_WIDTH;
-      var minContainerHeight = Number(options.minContainerHeight) || MIN_CONTAINER_HEIGHT;
-
-      if (this.disabled || containerData.width <= minContainerWidth || containerData.height <= minContainerHeight) {
+      if (this.disabled) {
         return;
       }
 
-      var ratio = container.offsetWidth / containerData.width; // Resize when width changed or height changed
+      var options = this.options,
+          container = this.container,
+          containerData = this.containerData;
+      var ratioX = container.offsetWidth / containerData.width;
+      var ratioY = container.offsetHeight / containerData.height;
+      var ratio = Math.abs(ratioX - 1) > Math.abs(ratioY - 1) ? ratioX : ratioY; // Resize when width changed or height changed
 
-      if (ratio !== 1 || container.offsetHeight !== containerData.height) {
+      if (ratio !== 1) {
         var canvasData;
         var cropBoxData;
 
@@ -3269,9 +3274,7 @@
 
   var AnotherCropper = WINDOW.Cropper;
 
-  var Cropper =
-  /*#__PURE__*/
-  function () {
+  var Cropper = /*#__PURE__*/function () {
     /**
      * Create a new Cropper.
      * @param {Element} element - The target element for cropping.
@@ -3320,7 +3323,7 @@
 
           if (!url) {
             return;
-          } // e.g.: "http://example.com/img/picture.jpg"
+          } // e.g.: "https://example.com/img/picture.jpg"
 
 
           url = element.src;
@@ -3401,9 +3404,10 @@
 
         if (options.checkCrossOrigin && isCrossOriginURL(url) && element.crossOrigin) {
           url = addTimestamp(url);
-        }
+        } // The third parameter is required for avoiding side-effect (#682)
+
 
-        xhr.open('GET', url);
+        xhr.open('GET', url, true);
         xhr.responseType = 'arraybuffer';
         xhr.withCredentials = element.crossOrigin === 'use-credentials';
         xhr.send();
@@ -3493,7 +3497,9 @@
             naturalWidth: naturalWidth,
             naturalHeight: naturalHeight,
             aspectRatio: naturalWidth / naturalHeight
-          });
+          }); // Store the `initialImageData` here for avoiding side effect (jquery-cropper#19)
+
+          _this2.initialImageData = assign({}, _this2.imageData);
           _this2.sizing = false;
           _this2.sized = true;
 
@@ -3683,4 +3689,4 @@
 
   return Cropper;
 
-})));
+}));
diff --git a/dist/cropper.min.css b/dist/cropper.min.css
index 62c88cc01..a34d5fc6c 100644
--- a/dist/cropper.min.css
+++ b/dist/cropper.min.css
@@ -1,9 +1,9 @@
 /*!
- * Cropper.js v2.0.0-alpha.1
+ * Cropper.js v2.0.0-alpha.2
  * https://fengyuanchen.github.io/cropperjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2019-11-09T12:02:20.544Z
- */.cropper-container{direction:ltr;font-size:0;line-height:0;overflow:hidden;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{display:block;height:100%;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box{left:0;position:absolute;top:0}.cropper-drag-box{background-color:#fff;bottom:0;opacity:0;right:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:"";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:"";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
\ No newline at end of file
+ * Date: 2021-12-25T08:31:10.935Z
+ */.cropper-container{direction:ltr;font-size:0;line-height:0;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{display:block;height:100%;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box{left:0;position:absolute;top:0}.cropper-drag-box{background-color:#fff;bottom:0;opacity:0;right:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
\ No newline at end of file
diff --git a/dist/cropper.min.js b/dist/cropper.min.js
index a22cffd45..4d3776658 100644
--- a/dist/cropper.min.js
+++ b/dist/cropper.min.js
@@ -1,10 +1,10 @@
 /*!
- * Cropper.js v2.0.0-alpha.1
+ * Cropper.js v2.0.0-alpha.2
  * https://fengyuanchen.github.io/cropperjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2019-11-09T12:02:24.890Z
+ * Date: 2021-12-25T08:31:12.767Z
  */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).Cropper=e()}(this,function(){"use strict";function e(t){return(e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function a(t,e){for(var i=0;i<e.length;i++){var a=e[i];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}function i(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),i.push.apply(i,a)}return i}function D(n){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?i(o,!0).forEach(function(t){var e,i,a;e=n,a=o[i=t],i in e?Object.defineProperty(e,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[i]=a}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):i(o).forEach(function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(o,t))})}return n}function P(t){return function(t){if(Array.isArray(t)){for(var e=0,i=new Array(t.length);e<t.length;e++)i[e]=t[e];return i}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}var n="undefined"!=typeof window&&void 0!==window.document,r=n?window:{},t=n&&"ontouchstart"in r.document.documentElement,o=n&&"PointerEvent"in r,d="cropper",B="all",k="crop",W="move",O="zoom",H="e",E="w",T="s",N="n",z="ne",Y="nw",R="se",X="sw",h="".concat(d,"-crop"),s="".concat(d,"-disabled"),L="".concat(d,"-hidden"),l="".concat(d,"-hide"),p="".concat(d,"-invisible"),c="".concat(d,"-modal"),u="".concat(d,"-move"),g="".concat(d,"Action"),m="".concat(d,"Preview"),f="crop",v="move",w="none",b="crop",x="cropend",y="cropmove",M="cropstart",C="dblclick",S=o?"pointerdown":t?"touchstart":"mousedown",A=o?"pointermove":t?"touchmove":"mousemove",j=o?"pointerup pointercancel":t?"touchend touchcancel":"mouseup",I="ready",U="zoom",q="image/jpeg",$=/^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/,Q=/^data:/,K=/^data:image\/jpeg;base64,/,Z=/^img|canvas$/i,G=["left","top","width","height","naturalWidth","naturalHeight"],V={viewMode:0,dragMode:f,initialAspectRatio:NaN,aspectRatio:NaN,data:null,preview:"",responsive:!0,restore:!0,checkCrossOrigin:!0,checkOrientation:!0,modal:!0,guides:!0,center:!0,highlight:!0,background:!0,autoCrop:!0,autoCropArea:.8,movable:!0,rotatable:!0,scalable:!0,zoomable:!0,zoomOnTouch:!0,zoomOnWheel:!0,wheelZoomRatio:.1,cropBoxMovable:!0,cropBoxResizable:!0,toggleDragModeOnDblclick:!0,minCanvasWidth:0,minCanvasHeight:0,maxCanvasWidth:1/0,maxCanvasHeight:1/0,minCropBoxWidth:0,minCropBoxHeight:0,maxCropBoxWidth:1/0,maxCropBoxHeight:1/0,minContainerWidth:200,minContainerHeight:100,ready:null,cropstart:null,cropmove:null,cropend:null,crop:null,zoom:null},F=Number.isNaN||r.isNaN;function J(t){return"number"==typeof t&&!F(t)}var _=function(t){return 0<t&&t<1/0};function tt(t){return void 0===t}function et(t){return"object"===e(t)&&null!==t}var it=Object.prototype.hasOwnProperty;function at(t){if(!et(t))return!1;try{var e=t.constructor,i=e.prototype;return e&&i&&it.call(i,"isPrototypeOf")}catch(t){return!1}}function nt(t){return"function"==typeof t}var ot=Array.prototype.slice;function rt(t){return Array.from?Array.from(t):ot.call(t)}function ht(i,a){return i&&nt(a)&&(Array.isArray(i)||J(i.length)?rt(i).forEach(function(t,e){a.call(i,t,e,i)}):et(i)&&Object.keys(i).forEach(function(t){a.call(i,i[t],t,i)})),i}var st=Object.assign||function(i){for(var t=arguments.length,e=new Array(1<t?t-1:0),a=1;a<t;a++)e[a-1]=arguments[a];return et(i)&&0<e.length&&e.forEach(function(e){et(e)&&Object.keys(e).forEach(function(t){i[t]=e[t]})}),i},ct=/\.\d*(?:0|9){12}\d*$/;function dt(t,e){var i=1<arguments.length&&void 0!==e?e:1e11;return ct.test(t)?Math.round(t*i)/i:t}var lt=/^width|height|left|top|marginLeft|marginTop$/;function pt(t,e){var i=t.style;ht(e,function(t,e){lt.test(e)&&J(t)&&(t="".concat(t,"px")),i[e]=t})}function ut(t,e){if(e)if(J(t.length))ht(t,function(t){ut(t,e)});else if(t.classList)t.classList.add(e);else{var i=t.className.trim();i?i.indexOf(e)<0&&(t.className="".concat(i," ").concat(e)):t.className=e}}function gt(t,e){e&&(J(t.length)?ht(t,function(t){gt(t,e)}):t.classList?t.classList.remove(e):0<=t.className.indexOf(e)&&(t.className=t.className.replace(e,"")))}function mt(t,e,i){e&&(J(t.length)?ht(t,function(t){mt(t,e,i)}):i?ut(t,e):gt(t,e))}var ft=/([a-z\d])([A-Z])/g;function vt(t){return t.replace(ft,"$1-$2").toLowerCase()}function wt(t,e){return et(t[e])?t[e]:t.dataset?t.dataset[e]:t.getAttribute("data-".concat(vt(e)))}function bt(t,e,i){et(i)?t[e]=i:t.dataset?t.dataset[e]=i:t.setAttribute("data-".concat(vt(e)),i)}var xt=/\s\s*/,yt=function(){var t=!1;if(n){var e=!1,i=function(){},a=Object.defineProperty({},"once",{get:function(){return t=!0,e},set:function(t){e=t}});r.addEventListener("test",i,a),r.removeEventListener("test",i,a)}return t}();function Mt(i,t,a,e){var n=3<arguments.length&&void 0!==e?e:{},o=a;t.trim().split(xt).forEach(function(t){if(!yt){var e=i.listeners;e&&e[t]&&e[t][a]&&(o=e[t][a],delete e[t][a],0===Object.keys(e[t]).length&&delete e[t],0===Object.keys(e).length&&delete i.listeners)}i.removeEventListener(t,o,n)})}function Ct(o,t,r,e){var h=3<arguments.length&&void 0!==e?e:{},s=r;t.trim().split(xt).forEach(function(a){if(h.once&&!yt){var t=o.listeners,n=void 0===t?{}:t;s=function(){delete n[a][r],o.removeEventListener(a,s,h);for(var t=arguments.length,e=new Array(t),i=0;i<t;i++)e[i]=arguments[i];r.apply(o,e)},n[a]||(n[a]={}),n[a][r]&&o.removeEventListener(a,n[a][r],h),n[a][r]=s,o.listeners=n}o.addEventListener(a,s,h)})}function Dt(t,e,i){var a;return nt(Event)&&nt(CustomEvent)?a=new CustomEvent(e,{detail:i,bubbles:!0,cancelable:!0}):(a=document.createEvent("CustomEvent")).initCustomEvent(e,!0,!0,i),t.dispatchEvent(a)}function Bt(t){var e=t.getBoundingClientRect();return{left:e.left+(window.pageXOffset-document.documentElement.clientLeft),top:e.top+(window.pageYOffset-document.documentElement.clientTop)}}var kt=r.location,Wt=/^(\w+:)\/\/([^:/?#]*):?(\d*)/i;function Ot(t){var e=t.match(Wt);return null!==e&&(e[1]!==kt.protocol||e[2]!==kt.hostname||e[3]!==kt.port)}function Ht(t){var e="timestamp=".concat((new Date).getTime());return t+(-1===t.indexOf("?")?"?":"&")+e}function Et(t){var e=t.rotate,i=t.scaleX,a=t.scaleY,n=t.translateX,o=t.translateY,r=[];J(n)&&0!==n&&r.push("translateX(".concat(n,"px)")),J(o)&&0!==o&&r.push("translateY(".concat(o,"px)")),J(e)&&0!==e&&r.push("rotate(".concat(e,"deg)")),J(i)&&1!==i&&r.push("scaleX(".concat(i,")")),J(a)&&1!==a&&r.push("scaleY(".concat(a,")"));var h=r.length?r.join(" "):"none";return{WebkitTransform:h,msTransform:h,transform:h}}function Tt(t,e){var i=t.pageX,a=t.pageY,n={endX:i,endY:a};return e?n:D({startX:i,startY:a},n)}function Nt(t,e){var i=t.aspectRatio,a=t.height,n=t.width,o=1<arguments.length&&void 0!==e?e:"contain",r=_(n),h=_(a);if(r&&h){var s=a*i;"contain"===o&&n<s||"cover"===o&&s<n?a=n/i:n=a*i}else r?a=n/i:h&&(n=a*i);return{width:n,height:a}}var zt=String.fromCharCode;var Yt=/^data:.*,/;function Rt(t){var e,i=new DataView(t);try{var a,n,o;if(255===i.getUint8(0)&&216===i.getUint8(1))for(var r=i.byteLength,h=2;h+1<r;){if(255===i.getUint8(h)&&225===i.getUint8(h+1)){n=h;break}h+=1}if(n){var s=n+10;if("Exif"===function(t,e,i){var a="";i+=e;for(var n=e;n<i;n+=1)a+=zt(t.getUint8(n));return a}(i,n+4,4)){var c=i.getUint16(s);if(((a=18761===c)||19789===c)&&42===i.getUint16(s+2,a)){var d=i.getUint32(s+4,a);8<=d&&(o=s+d)}}}if(o){var l,p,u=i.getUint16(o,a);for(p=0;p<u;p+=1)if(l=o+12*p+2,274===i.getUint16(l,a)){l+=8,e=i.getUint16(l,a),i.setUint16(l,1,a);break}}}catch(t){e=1}return e}var Xt={render:function(){this.initContainer(),this.initCanvas(),this.initCropBox(),this.initialImageData=st({},this.imageData),this.initialCanvasData=st({},this.canvasData),this.initialCropBoxData=st({},this.cropBoxData),this.renderCanvas(),this.cropped&&this.renderCropBox()},initContainer:function(){var t=this.element,e=this.options,i=this.container,a=this.cropper;ut(a,L),gt(t,L);var n={width:Math.max(i.offsetWidth,Number(e.minContainerWidth)||200),height:Math.max(i.offsetHeight,Number(e.minContainerHeight)||100)};pt(a,n),ut(t,L),gt(a,L),this.containerData=n},initCanvas:function(){var t=this.options,e=this.containerData,i=this.imageData,a=t.viewMode,n=Math.abs(i.rotate)%180==90,o=n?i.naturalHeight:i.naturalWidth,r=n?i.naturalWidth:i.naturalHeight,h=o/r,s=e.width,c=e.height;s<c*h?3===a?s=c*h:c=s/h:3===a?c=s/h:s=c*h;var d={aspectRatio:h,naturalWidth:o,naturalHeight:r,width:s,height:c,left:(e.width-s)/2,top:(e.height-c)/2,scale:s/o};d.oldLeft=d.left,d.oldTop=d.top,this.canvasData=d,this.limitCanvas(!0,!0)},limitCanvas:function(t,e){var i=0<arguments.length&&void 0!==t&&t,a=1<arguments.length&&void 0!==e&&e,n=this.options,o=this.containerData,r=this.canvasData,h=n.viewMode,s=o.width,c=o.height,d=r.aspectRatio,l=r.width,p=r.height;if(i){var u=Math.max(n.minCanvasWidth,0)||0,g=Math.max(n.minCanvasHeight,0)||0,m=Math.max(n.maxCanvasWidth,u)||1/0,f=Math.max(n.maxCanvasHeight,g)||1/0;1<h&&(u=Math.max(u,s),g=Math.max(g,c),3===h&&(u<g*d?u=g*d:g=u/d));var v=Nt({aspectRatio:d,width:u,height:g});u=v.width,g=v.height;var w=Nt({aspectRatio:d,width:m,height:f});m=w.width,f=w.height,r.minWidth=u,r.minHeight=g,r.maxWidth=m,r.maxHeight=f}if(a){var b=-l,x=-p,y=s,M=c;if(1<h){var C=s-l,D=c-p;b=Math.min(0,C),x=Math.min(0,D),y=Math.max(0,C),M=Math.max(0,D)}r.minLeft=b,r.minTop=x,r.maxLeft=y,r.maxTop=M}},renderCanvas:function(t,e){var i=0<arguments.length&&void 0!==t&&t,a=1<arguments.length&&void 0!==e&&e,n=this.imageData,o=this.canvasData,r=this.cropBoxData;if(a){var h=function(t){var e=t.width,i=t.height,a=t.degree;if(90===(a=Math.abs(a)%180))return{width:i,height:e};var n=a%90*Math.PI/180,o=Math.sin(n),r=Math.cos(n),h=e*r+i*o,s=e*o+i*r;return 90<a?{width:s,height:h}:{width:h,height:s}}({width:n.naturalWidth*Math.abs(n.scaleX||1),height:n.naturalHeight*Math.abs(n.scaleY||1),degree:n.rotate||0}),s=h.width,c=h.height,d=o.width*(s/o.naturalWidth),l=o.height*(c/o.naturalHeight);o.left-=(d-o.width)/2,o.top-=(l-o.height)/2,o.width=d,o.height=l,o.aspectRatio=s/c,o.naturalWidth=s,o.naturalHeight=c,this.limitCanvas(!0,!1)}(o.width>o.maxWidth||o.width<o.minWidth)&&(o.left=o.oldLeft),(o.height>o.maxHeight||o.height<o.minHeight)&&(o.top=o.oldTop),o.width=Math.min(Math.max(o.width,o.minWidth),o.maxWidth),o.height=Math.min(Math.max(o.height,o.minHeight),o.maxHeight),o.scale=o.width/o.naturalWidth,this.limitCanvas(!1,!0),o.left=Math.min(Math.max(o.left,o.minLeft),o.maxLeft),o.top=Math.min(Math.max(o.top,o.minTop),o.maxTop),o.left===o.oldLeft&&(r.left=r.oldLeft),o.top===o.oldTop&&(r.top=r.oldTop),o.oldLeft=o.left,o.oldTop=o.top,pt(this.canvas,st({width:o.width,height:o.height},Et({translateX:o.left,translateY:o.top}))),this.renderImage(),i&&(this.cropped?(a?this.initCropBox():this.limitCropBox(!0,!0),this.renderCropBox()):this.output())},renderImage:function(){var t=this.imageData,e=this.canvasData,i=t.naturalWidth*(e.width/e.naturalWidth),a=t.naturalHeight*(e.height/e.naturalHeight);st(t,{width:i,height:a,left:(e.width-i)/2,top:(e.height-a)/2}),pt(this.image,st({width:t.width,height:t.height},Et(st({translateX:t.left,translateY:t.top},t))))},initCropBox:function(){var t=this.options,e=this.canvasData,i=t.aspectRatio||t.initialAspectRatio,a=e.width,n=e.height;i&&(a<n*i?n=a/i:a=n*i);var o={width:a,height:n};this.cropBoxData=o,this.limitCropBox(!0,!0),o.width=Math.min(Math.max(o.width,o.minWidth),o.maxWidth),o.height=Math.min(Math.max(o.height,o.minHeight),o.maxHeight);var r=Number(t.autoCropArea)||.8;o.width=Math.max(o.minWidth,o.width*r),o.height=Math.max(o.minHeight,o.height*r),o.left=e.left+(e.width-o.width)/2,o.top=e.top+(e.height-o.height)/2,o.oldLeft=o.left,o.oldTop=o.top,o.naturalWidth=o.width/e.scale,o.naturalHeight=o.height/e.scale},limitCropBox:function(t,e){var i=0<arguments.length&&void 0!==t&&t,a=1<arguments.length&&void 0!==e&&e,n=this.options,o=this.canvasData,r=this.cropBoxData,h=n.aspectRatio,s=n.viewMode,c=o.width,d=o.height,l=o.left,p=o.top;if(i){var u=Math.max(n.minCropBoxWidth,0)||0,g=Math.max(n.minCropBoxHeight,0)||0,m=Math.max(n.maxCropBoxWidth,u)||1/0,f=Math.max(n.maxCropBoxHeight,g)||1/0;if(0<s&&(u=Math.min(c,u),g=Math.min(d,g),m=Math.min(c,m),f=Math.min(d,f)),0<h){var v=Nt({aspectRatio:h,width:u,height:g});u=v.width,g=v.height;var w=Nt({aspectRatio:h,width:m,height:f});m=w.width,f=w.height}r.minWidth=u,r.minHeight=g,r.maxWidth=m,r.maxHeight=f}if(a){var b=-1/0,x=-1/0,y=1/0,M=1/0;0<s&&(x=p,y=(b=l)+c-r.width,M=p+d-r.height),r.minLeft=b,r.minTop=x,r.maxLeft=y,r.maxTop=M}},renderCropBox:function(){var t=this.options,e=this.containerData,i=this.canvasData,a=this.cropBoxData;(a.width>a.maxWidth||a.width<a.minWidth)&&(a.left=a.oldLeft),(a.height>a.maxHeight||a.height<a.minHeight)&&(a.top=a.oldTop),a.width=Math.min(Math.max(a.width,a.minWidth),a.maxWidth),a.height=Math.min(Math.max(a.height,a.minHeight),a.maxHeight),this.limitCropBox(!1,!0),a.left=Math.min(Math.max(a.left,a.minLeft),a.maxLeft),a.top=Math.min(Math.max(a.top,a.minTop),a.maxTop),a.oldLeft=a.left,a.oldTop=a.top,a.naturalWidth=a.width/i.scale,a.naturalHeight=a.height/i.scale,t.movable&&t.cropBoxMovable&&bt(this.face,g,a.width>=e.width&&a.height>=e.height?W:B),pt(this.cropBox,st({width:a.width,height:a.height},Et({translateX:a.left,translateY:a.top}))),this.disabled||this.output()},output:function(){this.preview(),Dt(this.element,b,this.getData())}},Lt={initPreview:function(){var t=this.element,i=this.crossOrigin,e=this.options.preview,a=i?this.crossOriginUrl:this.url,n=t.alt||"The image to preview",o=document.createElement("img");if(i&&(o.crossOrigin=i),o.src=a,o.alt=n,this.viewBox.appendChild(o),this.viewBoxImage=o,e){var r=e;"string"==typeof e?r=t.ownerDocument.querySelectorAll(e):e.querySelector&&(r=[e]),ht(this.previews=r,function(t){var e=document.createElement("img");bt(t,m,{width:t.offsetWidth,height:t.offsetHeight,html:t.innerHTML}),i&&(e.crossOrigin=i),e.src=a,e.alt=n,e.style.cssText='display:block;width:100%;height:auto;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;image-orientation:0deg!important;"',t.innerHTML="",t.appendChild(e)})}},resetPreview:function(){ht(this.previews,function(t){var e=wt(t,m);pt(t,{width:e.width,height:e.height}),t.innerHTML=e.html,function(e,i){if(et(e[i]))try{delete e[i]}catch(t){e[i]=void 0}else if(e.dataset)try{delete e.dataset[i]}catch(t){e.dataset[i]=void 0}else e.removeAttribute("data-".concat(vt(i)))}(t,m)})},preview:function(){var h=this.imageData,t=this.canvasData,e=this.cropBoxData,s=e.width,c=e.height,d=h.width,l=h.height,p=e.left-t.left-h.left,u=e.top-t.top-h.top;this.cropped&&!this.disabled&&(pt(this.viewBoxImage,st({width:d,height:l},Et(st({translateX:-p,translateY:-u},h)))),ht(this.previews,function(t){var e=wt(t,m),i=e.width,a=e.height,n=i,o=a,r=1;s&&(o=c*(r=i/s)),c&&a<o&&(n=s*(r=a/c),o=a),pt(t,{width:n,height:o}),pt(t.getElementsByTagName("img")[0],st({width:d*r,height:l*r},Et(st({translateX:-p*r,translateY:-u*r},h))))}))}},St={bind:function(){var t=this.element,e=this.options,i=this.cropper;nt(e.cropstart)&&Ct(t,M,e.cropstart),nt(e.cropmove)&&Ct(t,y,e.cropmove),nt(e.cropend)&&Ct(t,x,e.cropend),nt(e.crop)&&Ct(t,b,e.crop),nt(e.zoom)&&Ct(t,U,e.zoom),Ct(i,S,this.onCropStart=this.cropStart.bind(this)),e.zoomable&&e.zoomOnWheel&&Ct(i,"wheel",this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),e.toggleDragModeOnDblclick&&Ct(i,C,this.onDblclick=this.dblclick.bind(this)),Ct(t.ownerDocument,A,this.onCropMove=this.cropMove.bind(this)),Ct(t.ownerDocument,j,this.onCropEnd=this.cropEnd.bind(this)),e.responsive&&Ct(window,"resize",this.onResize=this.resize.bind(this))},unbind:function(){var t=this.element,e=this.options,i=this.cropper;nt(e.cropstart)&&Mt(t,M,e.cropstart),nt(e.cropmove)&&Mt(t,y,e.cropmove),nt(e.cropend)&&Mt(t,x,e.cropend),nt(e.crop)&&Mt(t,b,e.crop),nt(e.zoom)&&Mt(t,U,e.zoom),Mt(i,S,this.onCropStart),e.zoomable&&e.zoomOnWheel&&Mt(i,"wheel",this.onWheel,{passive:!1,capture:!0}),e.toggleDragModeOnDblclick&&Mt(i,C,this.onDblclick),Mt(t.ownerDocument,A,this.onCropMove),Mt(t.ownerDocument,j,this.onCropEnd),e.responsive&&Mt(window,"resize",this.onResize)}},At={resize:function(){var t=this.options,e=this.container,i=this.containerData,a=Number(t.minContainerWidth)||200,n=Number(t.minContainerHeight)||100;if(!(this.disabled||i.width<=a||i.height<=n)){var o,r,h=e.offsetWidth/i.width;if(1!=h||e.offsetHeight!==i.height)t.restore&&(o=this.getCanvasData(),r=this.getCropBoxData()),this.render(),t.restore&&(this.setCanvasData(ht(o,function(t,e){o[e]=t*h})),this.setCropBoxData(ht(r,function(t,e){r[e]=t*h})))}},dblclick:function(){this.disabled||this.options.dragMode===w||this.setDragMode(function(t,e){return t.classList?t.classList.contains(e):-1<t.className.indexOf(e)}(this.dragBox,h)?v:f)},wheel:function(t){var e=this,i=Number(this.options.wheelZoomRatio)||.1,a=1;this.disabled||(t.preventDefault(),this.wheeling||(this.wheeling=!0,setTimeout(function(){e.wheeling=!1},50),t.deltaY?a=0<t.deltaY?1:-1:t.wheelDelta?a=-t.wheelDelta/120:t.detail&&(a=0<t.detail?1:-1),this.zoom(-a*i,t)))},cropStart:function(t){var e=t.buttons,i=t.button;if(!(this.disabled||("mousedown"===t.type||"pointerdown"===t.type&&"mouse"===t.pointerType)&&(J(e)&&1!==e||J(i)&&0!==i||t.ctrlKey))){var a,n=this.options,o=this.pointers;t.changedTouches?ht(t.changedTouches,function(t){o[t.identifier]=Tt(t)}):o[t.pointerId||0]=Tt(t),a=1<Object.keys(o).length&&n.zoomable&&n.zoomOnTouch?O:wt(t.target,g),$.test(a)&&!1!==Dt(this.element,M,{originalEvent:t,action:a})&&(t.preventDefault(),this.action=a,this.cropping=!1,a===k&&(this.cropping=!0,ut(this.dragBox,c)))}},cropMove:function(t){var e=this.action;if(!this.disabled&&e){var i=this.pointers;t.preventDefault(),!1!==Dt(this.element,y,{originalEvent:t,action:e})&&(t.changedTouches?ht(t.changedTouches,function(t){st(i[t.identifier]||{},Tt(t,!0))}):st(i[t.pointerId||0]||{},Tt(t,!0)),this.change(t))}},cropEnd:function(t){if(!this.disabled){var e=this.action,i=this.pointers;t.changedTouches?ht(t.changedTouches,function(t){delete i[t.identifier]}):delete i[t.pointerId||0],e&&(t.preventDefault(),Object.keys(i).length||(this.action=""),this.cropping&&(this.cropping=!1,mt(this.dragBox,c,this.cropped&&this.options.modal)),Dt(this.element,x,{originalEvent:t,action:e}))}}},jt={change:function(t){var e=this.options,i=this.canvasData,a=this.containerData,n=this.cropBoxData,o=this.pointers,r=this.action,h=e.aspectRatio,s=n.left,c=n.top,d=n.width,l=n.height,p=s+d,u=c+l,g=0,m=0,f=a.width,v=a.height,w=!0;!h&&t.shiftKey&&(h=d&&l?d/l:1),0<e.viewMode&&(g=n.minLeft,m=n.minTop,f=g+Math.min(a.width,i.width,i.left+i.width),v=m+Math.min(a.height,i.height,i.top+i.height));function b(t){switch(t){case H:p+y.x>f&&(y.x=f-p);break;case E:s+y.x<g&&(y.x=g-s);break;case N:c+y.y<m&&(y.y=m-c);break;case T:u+y.y>v&&(y.y=v-u)}}var x=o[Object.keys(o)[0]],y={x:x.endX-x.startX,y:x.endY-x.startY};switch(r){case B:s+=y.x,c+=y.y;break;case H:if(0<=y.x&&(f<=p||h&&(c<=m||v<=u))){w=!1;break}b(H),(d+=y.x)<0&&(r=E,s-=d=-d),h&&(l=d/h,c+=(n.height-l)/2);break;case N:if(y.y<=0&&(c<=m||h&&(s<=g||f<=p))){w=!1;break}b(N),l-=y.y,c+=y.y,l<0&&(r=T,c-=l=-l),h&&(d=l*h,s+=(n.width-d)/2);break;case E:if(y.x<=0&&(s<=g||h&&(c<=m||v<=u))){w=!1;break}b(E),d-=y.x,s+=y.x,d<0&&(r=H,s-=d=-d),h&&(l=d/h,c+=(n.height-l)/2);break;case T:if(0<=y.y&&(v<=u||h&&(s<=g||f<=p))){w=!1;break}b(T),(l+=y.y)<0&&(r=N,c-=l=-l),h&&(d=l*h,s+=(n.width-d)/2);break;case z:if(h){if(y.y<=0&&(c<=m||f<=p)){w=!1;break}b(N),l-=y.y,c+=y.y,d=l*h}else b(N),b(H),0<=y.x?p<f?d+=y.x:y.y<=0&&c<=m&&(w=!1):d+=y.x,y.y<=0?m<c&&(l-=y.y,c+=y.y):(l-=y.y,c+=y.y);d<0&&l<0?(r=X,c-=l=-l,s-=d=-d):d<0?(r=Y,s-=d=-d):l<0&&(r=R,c-=l=-l);break;case Y:if(h){if(y.y<=0&&(c<=m||s<=g)){w=!1;break}b(N),l-=y.y,c+=y.y,d=l*h,s+=n.width-d}else b(N),b(E),y.x<=0?g<s?(d-=y.x,s+=y.x):y.y<=0&&c<=m&&(w=!1):(d-=y.x,s+=y.x),y.y<=0?m<c&&(l-=y.y,c+=y.y):(l-=y.y,c+=y.y);d<0&&l<0?(r=R,c-=l=-l,s-=d=-d):d<0?(r=z,s-=d=-d):l<0&&(r=X,c-=l=-l);break;case X:if(h){if(y.x<=0&&(s<=g||v<=u)){w=!1;break}b(E),d-=y.x,s+=y.x,l=d/h}else b(T),b(E),y.x<=0?g<s?(d-=y.x,s+=y.x):0<=y.y&&v<=u&&(w=!1):(d-=y.x,s+=y.x),0<=y.y?u<v&&(l+=y.y):l+=y.y;d<0&&l<0?(r=z,c-=l=-l,s-=d=-d):d<0?(r=R,s-=d=-d):l<0&&(r=Y,c-=l=-l);break;case R:if(h){if(0<=y.x&&(f<=p||v<=u)){w=!1;break}b(H),l=(d+=y.x)/h}else b(T),b(H),0<=y.x?p<f?d+=y.x:0<=y.y&&v<=u&&(w=!1):d+=y.x,0<=y.y?u<v&&(l+=y.y):l+=y.y;d<0&&l<0?(r=Y,c-=l=-l,s-=d=-d):d<0?(r=X,s-=d=-d):l<0&&(r=z,c-=l=-l);break;case W:this.move(y.x,y.y),w=!1;break;case O:this.zoom(function(t){var e=D({},t),s=[];return ht(t,function(h,t){delete e[t],ht(e,function(t){var e=Math.abs(h.startX-t.startX),i=Math.abs(h.startY-t.startY),a=Math.abs(h.endX-t.endX),n=Math.abs(h.endY-t.endY),o=Math.sqrt(e*e+i*i),r=(Math.sqrt(a*a+n*n)-o)/o;s.push(r)})}),s.sort(function(t,e){return Math.abs(t)<Math.abs(e)}),s[0]}(o),t),w=!1;break;case k:if(r="",y.x&&y.y){var M=180*Math.atan(Math.abs(y.x)/Math.abs(y.y))/Math.PI;M<5?h&&(r=0<y.y?T:N):85<M?h&&(r=0<y.y?H:E):r=0<y.x?0<y.y?R:z:0<y.y?X:Y}else h&&(1<Math.abs(y.x)?r=0<y.x?H:E:1<Math.abs(y.y)&&(r=0<y.y?T:N));if(!r){w=!1;break}var C=Bt(this.cropper);s=x.startX-C.left,c=x.startY-C.top,d=n.minWidth,l=n.minHeight,y.x<0&&(s-=d),y.y<0&&(c-=l),this.cropped||(gt(this.cropBox,L),this.cropped=!0,0<e.viewMode&&this.limitCropBox(!0,!0))}w&&(n.width=d,n.height=l,n.left=s,n.top=c,this.action=r,this.renderCropBox()),ht(o,function(t){t.startX=t.endX,t.startY=t.endY})}},Pt={crop:function(){return!this.ready||this.cropped||this.disabled||(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&ut(this.dragBox,c),gt(this.cropBox,L),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&&!this.disabled&&(this.imageData=st({},this.initialImageData),this.canvasData=st({},this.initialCanvasData),this.cropBoxData=st({},this.initialCropBoxData),this.renderCanvas(),this.cropped&&this.renderCropBox()),this},clear:function(){return this.cropped&&!this.disabled&&(st(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),gt(this.dragBox,c),ut(this.cropBox,L)),this},replace:function(e,t){var i=1<arguments.length&&void 0!==t&&t;return!this.disabled&&e&&(this.isImg&&(this.element.src=e),i?(this.url=e,this.image.src=e,this.ready&&(this.viewBoxImage.src=e,ht(this.previews,function(t){t.getElementsByTagName("img")[0].src=e}))):(this.isImg&&(this.replaced=!0),this.options.data=null,this.uncreate(),this.load(e))),this},enable:function(){return this.ready&&this.disabled&&(this.disabled=!1,gt(this.cropper,s)),this},disable:function(){return this.ready&&!this.disabled&&(this.disabled=!0,ut(this.cropper,s)),this},destroy:function(){var t=this.element;return t[d]&&(t[d]=void 0,this.isImg&&this.replaced&&(t.src=this.originalUrl),this.uncreate()),this},move:function(t,e){var i=1<arguments.length&&void 0!==e?e:t,a=this.canvasData,n=a.left,o=a.top;return this.moveTo(tt(t)?t:n+Number(t),tt(i)?i:o+Number(i))},moveTo:function(t,e){var i=1<arguments.length&&void 0!==e?e:t,a=this.canvasData,n=this.cropBoxData,o=!1;return t=Number(t),i=Number(i),this.ready&&!this.disabled&&this.options.movable&&(J(t)&&(n.left-=a.left-t,a.left=t,o=!0),J(i)&&(n.top-=a.top-i,a.top=i,o=!0),o&&this.renderCanvas(!0)),this},zoom:function(t,e){var i=1<arguments.length&&void 0!==e?e:null,a=this.canvasData;return t=(t=Number(t))<0?1/(1-t):1+t,this.zoomTo(a.width*t/a.naturalWidth,null,i)},zoomTo:function(t,e,i){var a=1<arguments.length&&void 0!==e?e:null,n=2<arguments.length&&void 0!==i?i:null,o=this.options,r=this.canvasData,h=this.cropBoxData,s=r.width,c=r.height,d=h.width,l=h.height;if(0<=(t=Number(t))&&this.ready&&!this.disabled&&o.zoomable){var p=r.naturalWidth*t,u=r.naturalHeight*t;if(1<o.viewMode&&(p<r.minWidth||p>r.maxWidth||u<r.minHeight||u<r.minHeight))return this;var g=p-s,m=u-c,f=h.naturalWidth*t,v=h.naturalHeight*t,w=f-d,b=v-l;if(!1===Dt(this.element,U,{scale:t,oldScale:r.scale,originalEvent:n}))return this;if(n){var x=this.pointers,y=Bt(this.cropper);a=x&&Object.keys(x).length?function(t){var a=0,n=0,o=0;return ht(t,function(t){var e=t.startX,i=t.startY;a+=e,n+=i,o+=1}),{pageX:a/=o,pageY:n/=o}}(x):{pageX:n.pageX,pageY:n.pageY},r.left-=g*((a.pageX-y.left-r.left)/s),r.top-=m*((a.pageY-y.top-r.top)/c),h.left-=w*((a.pageX-y.left-h.left)/d),h.top-=b*((a.pageY-y.top-h.top)/l)}else at(a)&&J(a.x)&&J(a.y)?(r.left-=g*((a.x-r.left)/s),r.top-=m*((a.y-r.top)/c),h.left-=w*((a.x-h.left)/d),h.top-=b*((a.y-h.top)/l)):(r.left-=g/2,r.top-=m/2,h.left-=w/2,h.top-=b/2);r.width=p,r.height=u,h.width=f,h.height=v,this.renderCanvas(!0)}return this},rotate:function(t){return this.rotateTo((this.imageData.rotate||0)+Number(t))},rotateTo:function(t){return J(t=Number(t))&&this.ready&&!this.disabled&&this.options.rotatable&&(this.imageData.rotate=t%360,this.renderCanvas(!0,!0)),this},scaleX:function(t){var e=this.imageData.scaleY;return this.scale(t,J(e)?e:1)},scaleY:function(t){var e=this.imageData.scaleX;return this.scale(J(e)?e:1,t)},scale:function(t,e){var i=1<arguments.length&&void 0!==e?e:t,a=this.imageData,n=!1;return t=Number(t),i=Number(i),this.ready&&!this.disabled&&this.options.scalable&&(J(t)&&(a.scaleX=t,n=!0),J(i)&&(a.scaleY=i,n=!0),n&&this.renderCanvas(!0,!0)),this},getData:function(t){var i,e=0<arguments.length&&void 0!==t&&t,a=this.options,n=this.imageData,o=this.canvasData,r=this.cropBoxData;if(this.ready&&this.cropped){i={x:r.left-o.left,y:r.top-o.top,width:r.width,height:r.height};var h=n.width/n.naturalWidth;if(ht(i,function(t,e){i[e]=t/h}),e){var s=Math.round(i.y+i.height),c=Math.round(i.x+i.width);i.x=Math.round(i.x),i.y=Math.round(i.y),i.width=c-i.x,i.height=s-i.y}}else i={x:0,y:0,width:0,height:0};return a.rotatable&&(i.rotate=n.rotate||0),a.scalable&&(i.scaleX=n.scaleX||1,i.scaleY=n.scaleY||1),i},setData:function(t){var e=this.options,i=this.imageData,a=this.canvasData,n={};if(this.ready&&!this.disabled&&at(t)){var o=!1;e.rotatable&&J(t.rotate)&&t.rotate!==i.rotate&&(i.rotate=t.rotate,o=!0),e.scalable&&(J(t.scaleX)&&t.scaleX!==i.scaleX&&(i.scaleX=t.scaleX,o=!0),J(t.scaleY)&&t.scaleY!==i.scaleY&&(i.scaleY=t.scaleY,o=!0)),o&&this.renderCanvas(!0,!0);var r=i.width/i.naturalWidth;J(t.x)&&(n.left=t.x*r+a.left),J(t.y)&&(n.top=t.y*r+a.top),J(t.width)&&(n.width=t.width*r),J(t.height)&&(n.height=t.height*r),this.setCropBoxData(n)}return this},getContainerData:function(){return this.ready?st({},this.containerData):{}},getImageData:function(){return this.sized?st({},this.imageData):{}},getCanvasData:function(){var e=this.canvasData,i={};return this.ready&&ht(G,function(t){i[t]=e[t]}),i},setCanvasData:function(t){var e=this.canvasData,i=e.aspectRatio;return this.ready&&!this.disabled&&at(t)&&(J(t.left)&&(e.left=t.left),J(t.top)&&(e.top=t.top),J(t.width)?(e.width=t.width,e.height=t.width/i):J(t.height)&&(e.height=t.height,e.width=t.height*i),this.renderCanvas(!0)),this},getCropBoxData:function(){var e=this.cropBoxData,i={};return this.ready&&this.cropped&&ht(G,function(t){i[t]=e[t]}),i},setCropBoxData:function(t){var e,i,a=this.cropBoxData,n=this.options.aspectRatio;return this.ready&&this.cropped&&!this.disabled&&at(t)&&(J(t.left)&&(a.left=t.left),J(t.top)&&(a.top=t.top),J(t.width)&&t.width!==a.width&&(e=!0,a.width=t.width),J(t.height)&&t.height!==a.height&&(i=!0,a.height=t.height),n&&(e?a.height=a.width/n:i&&(a.width=a.height*n)),this.renderCropBox()),this},getCroppedCanvas:function(t){var e=0<arguments.length&&void 0!==t?t:{};if(!this.ready||!window.HTMLCanvasElement)return null;var i=this.canvasData,a=function(t,e,i,a){var n=e.aspectRatio,o=e.naturalWidth,r=e.naturalHeight,h=e.rotate,s=void 0===h?0:h,c=e.scaleX,d=void 0===c?1:c,l=e.scaleY,p=void 0===l?1:l,u=i.aspectRatio,g=i.naturalWidth,m=i.naturalHeight,f=a.fillColor,v=void 0===f?"transparent":f,w=a.imageSmoothingEnabled,b=void 0===w||w,x=a.imageSmoothingQuality,y=void 0===x?"low":x,M=a.maxWidth,C=void 0===M?1/0:M,D=a.maxHeight,B=void 0===D?1/0:D,k=a.minWidth,W=void 0===k?0:k,O=a.minHeight,H=void 0===O?0:O,E=document.createElement("canvas"),T=E.getContext("2d"),N=Nt({aspectRatio:u,width:C,height:B}),z=Nt({aspectRatio:u,width:W,height:H},"cover"),Y=Math.min(N.width,Math.max(z.width,g)),R=Math.min(N.height,Math.max(z.height,m)),X=Nt({aspectRatio:n,width:C,height:B}),L=Nt({aspectRatio:n,width:W,height:H},"cover"),S=Math.min(X.width,Math.max(L.width,o)),A=Math.min(X.height,Math.max(L.height,r)),j=[-S/2,-A/2,S,A];return E.width=dt(Y),E.height=dt(R),T.fillStyle=v,T.fillRect(0,0,Y,R),T.save(),T.translate(Y/2,R/2),T.rotate(s*Math.PI/180),T.scale(d,p),T.imageSmoothingEnabled=b,T.imageSmoothingQuality=y,T.drawImage.apply(T,[t].concat(P(j.map(function(t){return Math.floor(dt(t))})))),T.restore(),E}(this.image,this.imageData,i,e);if(!this.cropped)return a;var n=this.getData(),o=n.x,r=n.y,h=n.width,s=n.height,c=a.width/Math.floor(i.naturalWidth);1!=c&&(o*=c,r*=c,h*=c,s*=c);var d=h/s,l=Nt({aspectRatio:d,width:e.maxWidth||1/0,height:e.maxHeight||1/0}),p=Nt({aspectRatio:d,width:e.minWidth||0,height:e.minHeight||0},"cover"),u=Nt({aspectRatio:d,width:e.width||(1!=c?a.width:h),height:e.height||(1!=c?a.height:s)}),g=u.width,m=u.height;g=Math.min(l.width,Math.max(p.width,g)),m=Math.min(l.height,Math.max(p.height,m));var f=document.createElement("canvas"),v=f.getContext("2d");f.width=dt(g),f.height=dt(m),v.fillStyle=e.fillColor||"transparent",v.fillRect(0,0,g,m);var w=e.imageSmoothingEnabled,b=void 0===w||w,x=e.imageSmoothingQuality;v.imageSmoothingEnabled=b,x&&(v.imageSmoothingQuality=x);var y,M,C,D,B,k,W=a.width,O=a.height,H=o,E=r;H<=-h||W<H?B=C=y=H=0:H<=0?(C=-H,H=0,B=y=Math.min(W,h+H)):H<=W&&(C=0,B=y=Math.min(h,W-H)),y<=0||E<=-s||O<E?k=D=M=E=0:E<=0?(D=-E,E=0,k=M=Math.min(O,s+E)):E<=O&&(D=0,k=M=Math.min(s,O-E));var T=[H,E,y,M];if(0<B&&0<k){var N=g/h;T.push(C*N,D*N,B*N,k*N)}return v.drawImage.apply(v,[a].concat(P(T.map(function(t){return Math.floor(dt(t))})))),f},setAspectRatio:function(t){var e=this.options;return this.disabled||tt(t)||(e.aspectRatio=Math.max(0,t)||NaN,this.ready&&(this.initCropBox(),this.cropped&&this.renderCropBox())),this},setDragMode:function(t){var e=this.options,i=this.dragBox,a=this.face;if(this.ready&&!this.disabled){var n=t===f,o=e.movable&&t===v;t=n||o?t:w,e.dragMode=t,bt(i,g,t),mt(i,h,n),mt(i,u,o),e.cropBoxMovable||(bt(a,g,t),mt(a,h,n),mt(a,u,o))}return this}},It=r.Cropper,Ut=function(){function i(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{};if(!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,i),!t||!Z.test(t.tagName))throw new Error("The first argument is required and must be an <img> or <canvas> element.");this.element=t,this.options=st({},V,at(e)&&e),this.cropped=!1,this.disabled=!1,this.pointers={},this.ready=!1,this.reloading=!1,this.replaced=!1,this.sized=!1,this.sizing=!1,this.init()}return function(t,e,i){e&&a(t.prototype,e),i&&a(t,i)}(i,[{key:"init",value:function(){var t,e=this.element,i=e.tagName.toLowerCase();if(!e[d]){if(e[d]=this,"img"===i){if(this.isImg=!0,t=e.getAttribute("src")||"",!(this.originalUrl=t))return;t=e.src}else"canvas"===i&&window.HTMLCanvasElement&&(t=e.toDataURL());this.load(t)}}},{key:"load",value:function(t){var e=this;if(t){this.url=t,this.imageData={};var i=this.element,a=this.options;if(a.rotatable||a.scalable||(a.checkOrientation=!1),a.checkOrientation&&window.ArrayBuffer)if(Q.test(t))K.test(t)?this.read(function(t){var e=t.replace(Yt,""),i=atob(e),a=new ArrayBuffer(i.length),n=new Uint8Array(a);return ht(n,function(t,e){n[e]=i.charCodeAt(e)}),a}(t)):this.clone();else{var n=new XMLHttpRequest,o=this.clone.bind(this);this.reloading=!0,(this.xhr=n).onabort=o,n.onerror=o,n.ontimeout=o,n.onprogress=function(){n.getResponseHeader("content-type")!==q&&n.abort()},n.onload=function(){e.read(n.response)},n.onloadend=function(){e.reloading=!1,e.xhr=null},a.checkCrossOrigin&&Ot(t)&&i.crossOrigin&&(t=Ht(t)),n.open("GET",t),n.responseType="arraybuffer",n.withCredentials="use-credentials"===i.crossOrigin,n.send()}else this.clone()}}},{key:"read",value:function(t){var e=this.options,i=this.imageData,a=Rt(t),n=0,o=1,r=1;if(1<a){this.url=function(t,e){for(var i=[],a=new Uint8Array(t);0<a.length;)i.push(zt.apply(null,rt(a.subarray(0,8192)))),a=a.subarray(8192);return"data:".concat(e,";base64,").concat(btoa(i.join("")))}(t,q);var h=function(t){var e=0,i=1,a=1;switch(t){case 2:i=-1;break;case 3:e=-180;break;case 4:a=-1;break;case 5:e=90,a=-1;break;case 6:e=90;break;case 7:e=90,i=-1;break;case 8:e=-90}return{rotate:e,scaleX:i,scaleY:a}}(a);n=h.rotate,o=h.scaleX,r=h.scaleY}e.rotatable&&(i.rotate=n),e.scalable&&(i.scaleX=o,i.scaleY=r),this.clone()}},{key:"clone",value:function(){var t=this.element,e=this.url,i=t.crossOrigin,a=e;this.options.checkCrossOrigin&&Ot(e)&&(i=i||"anonymous",a=Ht(e)),this.crossOrigin=i,this.crossOriginUrl=a;var n=document.createElement("img");i&&(n.crossOrigin=i),n.src=a||e,n.alt=t.alt||"The image to crop",(this.image=n).onload=this.start.bind(this),n.onerror=this.stop.bind(this),ut(n,l),t.parentNode.insertBefore(n,t.nextSibling)}},{key:"start",value:function(){var i=this,t=this.image;t.onload=null,t.onerror=null,this.sizing=!0;function e(t,e){st(i.imageData,{naturalWidth:t,naturalHeight:e,aspectRatio:t/e}),i.sizing=!1,i.sized=!0,i.build()}var a=r.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(r.navigator.userAgent);if(!t.naturalWidth||a){var n=document.createElement("img"),o=document.body||document.documentElement;(this.sizingImage=n).onload=function(){e(n.width,n.height),a||o.removeChild(n)},n.src=t.src,a||(n.style.cssText="left:0;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:0;position:absolute;top:0;z-index:-1;",o.appendChild(n))}else e(t.naturalWidth,t.naturalHeight)}},{key:"stop",value:function(){var t=this.image;t.onload=null,t.onerror=null,t.parentNode.removeChild(t),this.image=null}},{key:"build",value:function(){if(this.sized&&!this.ready){var t=this.element,e=this.options,i=this.image,a=t.parentNode,n=document.createElement("div");n.innerHTML='<div class="cropper-container" touch-action="none"><div class="cropper-canvas"></div><div class="cropper-drag-box"></div><div class="cropper-crop-box"><div class="cropper-view-box"></div><div class="cropper-dashed dashed-h"></div><div class="cropper-dashed dashed-v"></div><div class="cropper-center"></div><div class="cropper-face"></div><div class="cropper-line line-e" data-cropper-action="e"></div><div class="cropper-line line-n" data-cropper-action="n"></div><div class="cropper-line line-w" data-cropper-action="w"></div><div class="cropper-line line-s" data-cropper-action="s"></div><div class="cropper-point point-e" data-cropper-action="e"></div><div class="cropper-point point-n" data-cropper-action="n"></div><div class="cropper-point point-w" data-cropper-action="w"></div><div class="cropper-point point-s" data-cropper-action="s"></div><div class="cropper-point point-ne" data-cropper-action="ne"></div><div class="cropper-point point-nw" data-cropper-action="nw"></div><div class="cropper-point point-sw" data-cropper-action="sw"></div><div class="cropper-point point-se" data-cropper-action="se"></div></div></div>';var o=n.querySelector(".".concat(d,"-container")),r=o.querySelector(".".concat(d,"-canvas")),h=o.querySelector(".".concat(d,"-drag-box")),s=o.querySelector(".".concat(d,"-crop-box")),c=s.querySelector(".".concat(d,"-face"));this.container=a,this.cropper=o,this.canvas=r,this.dragBox=h,this.cropBox=s,this.viewBox=o.querySelector(".".concat(d,"-view-box")),this.face=c,r.appendChild(i),ut(t,L),a.insertBefore(o,t.nextSibling),this.isImg||gt(i,l),this.initPreview(),this.bind(),e.initialAspectRatio=Math.max(0,e.initialAspectRatio)||NaN,e.aspectRatio=Math.max(0,e.aspectRatio)||NaN,e.viewMode=Math.max(0,Math.min(3,Math.round(e.viewMode)))||0,ut(s,L),e.guides||ut(s.getElementsByClassName("".concat(d,"-dashed")),L),e.center||ut(s.getElementsByClassName("".concat(d,"-center")),L),e.background&&ut(o,"".concat(d,"-bg")),e.highlight||ut(c,p),e.cropBoxMovable&&(ut(c,u),bt(c,g,B)),e.cropBoxResizable||(ut(s.getElementsByClassName("".concat(d,"-line")),L),ut(s.getElementsByClassName("".concat(d,"-point")),L)),this.render(),this.ready=!0,this.setDragMode(e.dragMode),e.autoCrop&&this.crop(),this.setData(e.data),nt(e.ready)&&Ct(t,I,e.ready,{once:!0}),Dt(t,I)}}},{key:"unbuild",value:function(){this.ready&&(this.ready=!1,this.unbind(),this.resetPreview(),this.cropper.parentNode.removeChild(this.cropper),gt(this.element,L))}},{key:"uncreate",value:function(){this.ready?(this.unbuild(),this.ready=!1,this.cropped=!1):this.sizing?(this.sizingImage.onload=null,this.sizing=!1,this.sized=!1):this.reloading?(this.xhr.onabort=null,this.xhr.abort()):this.image&&this.stop()}}],[{key:"noConflict",value:function(){return window.Cropper=It,i}},{key:"setDefaults",value:function(t){st(V,at(t)&&t)}}]),i}();return st(Ut.prototype,Xt,Lt,St,At,jt,Pt),Ut});
\ No newline at end of file
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).Cropper=e()}(this,function(){"use strict";function e(e,t){var i,a=Object.keys(e);return Object.getOwnPropertySymbols&&(i=Object.getOwnPropertySymbols(e),t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),a.push.apply(a,i)),a}function k(a){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?e(Object(n),!0).forEach(function(t){var e,i;e=a,t=n[i=t],i in e?Object.defineProperty(e,i,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[i]=t}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(n)):e(Object(n)).forEach(function(t){Object.defineProperty(a,t,Object.getOwnPropertyDescriptor(n,t))})}return a}function i(t){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function n(t,e){for(var i=0;i<e.length;i++){var a=e[i];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}function W(t){return function(t){if(Array.isArray(t))return a(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return a(t,e);var i=Object.prototype.toString.call(t).slice(8,-1);return"Map"===(i="Object"===i&&t.constructor?t.constructor.name:i)||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?a(t,e):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function a(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,a=new Array(e);i<e;i++)a[i]=t[i];return a}var t="undefined"!=typeof window&&void 0!==window.document,r=t?window:{},o=!(!t||!r.document.documentElement)&&"ontouchstart"in r.document.documentElement,h=t&&"PointerEvent"in r,c="cropper",O="all",H="crop",E="move",T="zoom",N="e",z="w",Y="s",R="n",X="ne",L="nw",S="se",A="sw",s="".concat(c,"-crop"),d="".concat(c,"-disabled"),j="".concat(c,"-hidden"),l="".concat(c,"-hide"),p="".concat(c,"-invisible"),u="".concat(c,"-modal"),m="".concat(c,"-move"),g="".concat(c,"Action"),f="".concat(c,"Preview"),v="crop",w="move",b="none",y="crop",x="cropend",M="cropmove",C="cropstart",D="dblclick",B=h?"pointerdown":o?"touchstart":"mousedown",I=h?"pointermove":o?"touchmove":"mousemove",P=h?"pointerup pointercancel":o?"touchend touchcancel":"mouseup",U="zoom",q="image/jpeg",$=/^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/,Q=/^data:/,K=/^data:image\/jpeg;base64,/,Z=/^img|canvas$/i,G=["left","top","width","height","naturalWidth","naturalHeight"],V={viewMode:0,dragMode:v,initialAspectRatio:NaN,aspectRatio:NaN,data:null,preview:"",responsive:!0,restore:!0,checkCrossOrigin:!0,checkOrientation:!0,modal:!0,guides:!0,center:!0,highlight:!0,background:!0,autoCrop:!0,autoCropArea:.8,movable:!0,rotatable:!0,scalable:!0,zoomable:!0,zoomOnTouch:!0,zoomOnWheel:!0,wheelZoomRatio:.1,cropBoxMovable:!0,cropBoxResizable:!0,toggleDragModeOnDblclick:!0,minCanvasWidth:0,minCanvasHeight:0,maxCanvasWidth:1/0,maxCanvasHeight:1/0,minCropBoxWidth:0,minCropBoxHeight:0,maxCropBoxWidth:1/0,maxCropBoxHeight:1/0,minContainerWidth:200,minContainerHeight:100,ready:null,cropstart:null,cropmove:null,cropend:null,crop:null,zoom:null},F=Number.isNaN||r.isNaN;function J(t){return"number"==typeof t&&!F(t)}function _(t){return 0<t&&t<1/0}function tt(t){return void 0===t}function et(t){return"object"===i(t)&&null!==t}var it=Object.prototype.hasOwnProperty;function at(t){if(!et(t))return!1;try{var e=t.constructor,i=e.prototype;return e&&i&&it.call(i,"isPrototypeOf")}catch(t){return!1}}function nt(t){return"function"==typeof t}var ot=Array.prototype.slice;function rt(t){return Array.from?Array.from(t):ot.call(t)}function ht(i,a){return i&&nt(a)&&(Array.isArray(i)||J(i.length)?rt(i).forEach(function(t,e){a.call(i,t,e,i)}):et(i)&&Object.keys(i).forEach(function(t){a.call(i,i[t],t,i)})),i}var st=Object.assign||function(i){for(var t=arguments.length,e=new Array(1<t?t-1:0),a=1;a<t;a++)e[a-1]=arguments[a];return et(i)&&0<e.length&&e.forEach(function(e){et(e)&&Object.keys(e).forEach(function(t){i[t]=e[t]})}),i},ct=/\.\d*(?:0|9){12}\d*$/;function dt(t,e){e=1<arguments.length&&void 0!==e?e:1e11;return ct.test(t)?Math.round(t*e)/e:t}var lt=/^width|height|left|top|marginLeft|marginTop$/;function pt(t,e){var i=t.style;ht(e,function(t,e){lt.test(e)&&J(t)&&(t="".concat(t,"px")),i[e]=t})}function ut(t,e){var i;e&&(J(t.length)?ht(t,function(t){ut(t,e)}):t.classList?t.classList.add(e):(i=t.className.trim())?i.indexOf(e)<0&&(t.className="".concat(i," ").concat(e)):t.className=e)}function mt(t,e){e&&(J(t.length)?ht(t,function(t){mt(t,e)}):t.classList?t.classList.remove(e):0<=t.className.indexOf(e)&&(t.className=t.className.replace(e,"")))}function gt(t,e,i){e&&(J(t.length)?ht(t,function(t){gt(t,e,i)}):(i?ut:mt)(t,e))}var ft=/([a-z\d])([A-Z])/g;function vt(t){return t.replace(ft,"$1-$2").toLowerCase()}function wt(t,e){return et(t[e])?t[e]:t.dataset?t.dataset[e]:t.getAttribute("data-".concat(vt(e)))}function bt(t,e,i){et(i)?t[e]=i:t.dataset?t.dataset[e]=i:t.setAttribute("data-".concat(vt(e)),i)}var yt,xt,Mt=/\s\s*/,Ct=(xt=!1,t&&(yt=!1,jt=function(){},Pt=Object.defineProperty({},"once",{get:function(){return xt=!0,yt},set:function(t){yt=t}}),r.addEventListener("test",jt,Pt),r.removeEventListener("test",jt,Pt)),xt);function Dt(i,t,a,e){var n=3<arguments.length&&void 0!==e?e:{},o=a;t.trim().split(Mt).forEach(function(t){var e;Ct||(e=i.listeners)&&e[t]&&e[t][a]&&(o=e[t][a],delete e[t][a],0===Object.keys(e[t]).length&&delete e[t],0===Object.keys(e).length&&delete i.listeners),i.removeEventListener(t,o,n)})}function Bt(o,t,r,e){var h=3<arguments.length&&void 0!==e?e:{},s=r;t.trim().split(Mt).forEach(function(a){var t,n;h.once&&!Ct&&(t=o.listeners,s=function(){delete n[a][r],o.removeEventListener(a,s,h);for(var t=arguments.length,e=new Array(t),i=0;i<t;i++)e[i]=arguments[i];r.apply(o,e)},(n=void 0===t?{}:t)[a]||(n[a]={}),n[a][r]&&o.removeEventListener(a,n[a][r],h),n[a][r]=s,o.listeners=n),o.addEventListener(a,s,h)})}function kt(t,e,i){var a;return nt(Event)&&nt(CustomEvent)?a=new CustomEvent(e,{detail:i,bubbles:!0,cancelable:!0}):(a=document.createEvent("CustomEvent")).initCustomEvent(e,!0,!0,i),t.dispatchEvent(a)}function Ot(t){t=t.getBoundingClientRect();return{left:t.left+(window.pageXOffset-document.documentElement.clientLeft),top:t.top+(window.pageYOffset-document.documentElement.clientTop)}}var Wt=r.location,Ht=/^(\w+:)\/\/([^:/?#]*):?(\d*)/i;function Et(t){t=t.match(Ht);return null!==t&&(t[1]!==Wt.protocol||t[2]!==Wt.hostname||t[3]!==Wt.port)}function Tt(t){var e="timestamp=".concat((new Date).getTime());return t+(-1===t.indexOf("?")?"?":"&")+e}function Nt(t){var e=t.rotate,i=t.scaleX,a=t.scaleY,n=t.translateX,o=t.translateY,t=[];J(n)&&0!==n&&t.push("translateX(".concat(n,"px)")),J(o)&&0!==o&&t.push("translateY(".concat(o,"px)")),J(e)&&0!==e&&t.push("rotate(".concat(e,"deg)")),J(i)&&1!==i&&t.push("scaleX(".concat(i,")")),J(a)&&1!==a&&t.push("scaleY(".concat(a,")"));t=t.length?t.join(" "):"none";return{WebkitTransform:t,msTransform:t,transform:t}}function zt(t,e){var i=t.pageX,a=t.pageY,t={endX:i,endY:a};return e?t:k({startX:i,startY:a},t)}function Yt(t,e){var i=t.aspectRatio,a=t.height,n=t.width,o=1<arguments.length&&void 0!==e?e:"contain",r=_(n),t=_(a);return r&&t?(e=a*i,"contain"===o&&n<e||"cover"===o&&e<n?a=n/i:n=a*i):r?a=n/i:t&&(n=a*i),{width:n,height:a}}var Rt=String.fromCharCode;var Xt=/^data:.*,/;function Lt(t){var e,i,a,n,o,r,h,s=new DataView(t);try{if(255===s.getUint8(0)&&216===s.getUint8(1))for(var c=s.byteLength,d=2;d+1<c;){if(255===s.getUint8(d)&&225===s.getUint8(d+1)){i=d;break}d+=1}if(i&&(n=i+10,"Exif"===function(t,e,i){var a="";i+=e;for(var n=e;n<i;n+=1)a+=Rt(t.getUint8(n));return a}(s,i+4,4)&&(!(h=18761===(o=s.getUint16(n)))&&19789!==o||42!==s.getUint16(n+2,h)||8<=(r=s.getUint32(n+4,h))&&(a=n+r))),a)for(var l,p=s.getUint16(a,h),u=0;u<p;u+=1)if(l=a+12*u+2,274===s.getUint16(l,h)){l+=8,e=s.getUint16(l,h),s.setUint16(l,1,h);break}}catch(t){e=1}return e}var St={render:function(){this.initContainer(),this.initCanvas(),this.initialCanvasData=st({},this.canvasData),this.initCropBox(),this.initialCropBoxData=st({},this.cropBoxData),this.renderCanvas(),this.cropped&&this.renderCropBox()},initContainer:function(){var t=this.element,e=this.options,i=this.container,a=this.cropper,n=Number(e.minContainerWidth),e=Number(e.minContainerHeight);ut(a,j),mt(t,j);e={width:Math.max(i.offsetWidth,0<=n?n:200),height:Math.max(i.offsetHeight,0<=e?e:100)};pt(a,e),ut(t,j),mt(a,j),this.containerData=e},initCanvas:function(){var t=this.options,e=this.containerData,i=this.imageData,a=t.viewMode,n=Math.abs(i.rotate)%180==90,o=n?i.naturalHeight:i.naturalWidth,r=n?i.naturalWidth:i.naturalHeight,t=o/r,n=e.width,i=e.height;n<i*t?3===a?n=i*t:i=n/t:3===a?i=n/t:n=i*t;o={aspectRatio:t,naturalWidth:o,naturalHeight:r,width:n,height:i,left:(e.width-n)/2,top:(e.height-i)/2,scale:n/o};o.oldLeft=o.left,o.oldTop=o.top,this.canvasData=o,this.limitCanvas(!0,!0)},limitCanvas:function(){var t,e,i,a=0<arguments.length&&void 0!==arguments[0]&&arguments[0],n=1<arguments.length&&void 0!==arguments[1]&&arguments[1],o=this.options,r=this.containerData,h=this.canvasData,s=o.viewMode,c=r.width,d=r.height,l=h.aspectRatio,p=h.width,r=h.height;a&&(a=Math.max(o.minCanvasWidth,0)||0,t=Math.max(o.minCanvasHeight,0)||0,e=Math.max(o.maxCanvasWidth,a)||1/0,i=Math.max(o.maxCanvasHeight,t)||1/0,1<s&&(a=Math.max(a,c),t=Math.max(t,d),3===s&&(a<t*l?a=t*l:t=a/l)),a=(o=Yt({aspectRatio:l,width:a,height:t})).width,t=o.height,e=(l=Yt({aspectRatio:l,width:e,height:i})).width,i=l.height,h.minWidth=a,h.minHeight=t,h.maxWidth=e,h.maxHeight=i),n&&(t=-p,e=-r,i=c,n=d,1<s&&(p=c-p,r=d-r,t=Math.min(0,p),e=Math.min(0,r),i=Math.max(0,p),n=Math.max(0,r)),h.minLeft=t,h.minTop=e,h.maxLeft=i,h.maxTop=n)},renderCanvas:function(){var t,e,i,a=0<arguments.length&&void 0!==arguments[0]&&arguments[0],n=1<arguments.length&&void 0!==arguments[1]&&arguments[1],o=this.imageData,r=this.canvasData,h=this.cropBoxData;n&&(t=(i=function(t){var e=t.width,i=t.height,a=t.degree;if(90==(a=Math.abs(a)%180))return{width:i,height:e};var n=a%90*Math.PI/180,o=Math.sin(n),t=Math.cos(n),n=e*t+i*o,t=e*o+i*t;return 90<a?{width:t,height:n}:{width:n,height:t}}({width:o.naturalWidth*Math.abs(o.scaleX||1),height:o.naturalHeight*Math.abs(o.scaleY||1),degree:o.rotate||0})).width,e=i.height,o=r.width*(t/r.naturalWidth),i=r.height*(e/r.naturalHeight),r.left-=(o-r.width)/2,r.top-=(i-r.height)/2,r.width=o,r.height=i,r.aspectRatio=t/e,r.naturalWidth=t,r.naturalHeight=e,this.limitCanvas(!0,!1)),(r.width>r.maxWidth||r.width<r.minWidth)&&(r.left=r.oldLeft),(r.height>r.maxHeight||r.height<r.minHeight)&&(r.top=r.oldTop),r.width=Math.min(Math.max(r.width,r.minWidth),r.maxWidth),r.height=Math.min(Math.max(r.height,r.minHeight),r.maxHeight),r.scale=r.width/r.naturalWidth,this.limitCanvas(!1,!0),r.left=Math.min(Math.max(r.left,r.minLeft),r.maxLeft),r.top=Math.min(Math.max(r.top,r.minTop),r.maxTop),r.left===r.oldLeft&&(h.left=h.oldLeft),r.top===r.oldTop&&(h.top=h.oldTop),r.oldLeft=r.left,r.oldTop=r.top,pt(this.canvas,st({width:r.width,height:r.height},Nt({translateX:r.left,translateY:r.top}))),this.renderImage(),a&&(this.cropped?(n?this.initCropBox():this.limitCropBox(!0,!0),this.renderCropBox()):this.output())},renderImage:function(){var t=this.imageData,e=this.canvasData,i=t.naturalWidth*(e.width/e.naturalWidth),a=t.naturalHeight*(e.height/e.naturalHeight);st(t,{width:i,height:a,left:(e.width-i)/2,top:(e.height-a)/2}),pt(this.image,st({width:t.width,height:t.height},Nt(st({translateX:t.left,translateY:t.top},t))))},initCropBox:function(){var t=this.options,e=this.canvasData,i=t.aspectRatio||t.initialAspectRatio,a=e.width,n=e.height;i&&(a<n*i?n=a/i:a=n*i);n={width:a,height:n};this.cropBoxData=n,this.limitCropBox(!0,!0),n.width=Math.min(Math.max(n.width,n.minWidth),n.maxWidth),n.height=Math.min(Math.max(n.height,n.minHeight),n.maxHeight);t=Number(t.autoCropArea)||.8;n.width=Math.max(n.minWidth,n.width*t),n.height=Math.max(n.minHeight,n.height*t),n.left=e.left+(e.width-n.width)/2,n.top=e.top+(e.height-n.height)/2,n.oldLeft=n.left,n.oldTop=n.top,n.naturalWidth=n.width/e.scale,n.naturalHeight=n.height/e.scale},limitCropBox:function(){var t,e,i,a=0<arguments.length&&void 0!==arguments[0]&&arguments[0],n=1<arguments.length&&void 0!==arguments[1]&&arguments[1],o=this.options,r=this.canvasData,h=this.cropBoxData,s=o.aspectRatio,c=o.viewMode,d=r.width,l=r.height,p=r.left,r=r.top;a&&(a=Math.max(o.minCropBoxWidth,0)||0,t=Math.max(o.minCropBoxHeight,0)||0,e=Math.max(o.maxCropBoxWidth,a)||1/0,i=Math.max(o.maxCropBoxHeight,t)||1/0,0<c&&(a=Math.min(d,a),t=Math.min(l,t),e=Math.min(d,e),i=Math.min(l,i)),0<s&&(a=(o=Yt({aspectRatio:s,width:a,height:t})).width,t=o.height,e=(s=Yt({aspectRatio:s,width:e,height:i})).width,i=s.height),h.minWidth=a,h.minHeight=t,h.maxWidth=e,h.maxHeight=i),n&&(e=t=-1/0,n=i=1/0,0<c&&(i=(t=p)+d-h.width,n=(e=r)+l-h.height),h.minLeft=t,h.minTop=e,h.maxLeft=i,h.maxTop=n)},renderCropBox:function(){var t=this.options,e=this.containerData,i=this.canvasData,a=this.cropBoxData;(a.width>a.maxWidth||a.width<a.minWidth)&&(a.left=a.oldLeft),(a.height>a.maxHeight||a.height<a.minHeight)&&(a.top=a.oldTop),a.width=Math.min(Math.max(a.width,a.minWidth),a.maxWidth),a.height=Math.min(Math.max(a.height,a.minHeight),a.maxHeight),this.limitCropBox(!1,!0),a.left=Math.min(Math.max(a.left,a.minLeft),a.maxLeft),a.top=Math.min(Math.max(a.top,a.minTop),a.maxTop),a.oldLeft=a.left,a.oldTop=a.top,a.naturalWidth=a.width/i.scale,a.naturalHeight=a.height/i.scale,t.movable&&t.cropBoxMovable&&bt(this.face,g,a.width>=e.width&&a.height>=e.height?E:O),pt(this.cropBox,st({width:a.width,height:a.height},Nt({translateX:a.left,translateY:a.top}))),this.disabled||this.output()},output:function(){this.preview(),kt(this.element,y,this.getData())}},At={initPreview:function(){var t=this.element,i=this.crossOrigin,e=this.options.preview,a=i?this.crossOriginUrl:this.url,n=t.alt||"The image to preview",o=document.createElement("img");i&&(o.crossOrigin=i),o.src=a,o.alt=n,this.viewBox.appendChild(o),this.viewBoxImage=o,e&&("string"==typeof(o=e)?o=t.ownerDocument.querySelectorAll(e):e.querySelector&&(o=[e]),ht(this.previews=o,function(t){var e=document.createElement("img");bt(t,f,{width:t.offsetWidth,height:t.offsetHeight,html:t.innerHTML}),i&&(e.crossOrigin=i),e.src=a,e.alt=n,e.style.cssText='display:block;width:100%;height:auto;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;image-orientation:0deg!important;"',t.innerHTML="",t.appendChild(e)}))},resetPreview:function(){ht(this.previews,function(t){var e=wt(t,f);pt(t,{width:e.width,height:e.height}),t.innerHTML=e.html,function(e,i){if(et(e[i]))try{delete e[i]}catch(t){e[i]=void 0}else if(e.dataset)try{delete e.dataset[i]}catch(t){e.dataset[i]=void 0}else e.removeAttribute("data-".concat(vt(i)))}(t,f)})},preview:function(){var r=this.imageData,t=this.canvasData,e=this.cropBoxData,h=e.width,s=e.height,c=r.width,d=r.height,l=e.left-t.left-r.left,p=e.top-t.top-r.top;this.cropped&&!this.disabled&&(pt(this.viewBoxImage,st({width:c,height:d},Nt(st({translateX:-l,translateY:-p},r)))),ht(this.previews,function(t){var e=wt(t,f),i=e.width,a=e.height,n=i,o=a,e=1;h&&(o=s*(e=i/h)),s&&a<o&&(n=h*(e=a/s),o=a),pt(t,{width:n,height:o}),pt(t.getElementsByTagName("img")[0],st({width:c*e,height:d*e},Nt(st({translateX:-l*e,translateY:-p*e},r))))}))}},h={bind:function(){var t=this.element,e=this.options,i=this.cropper;nt(e.cropstart)&&Bt(t,C,e.cropstart),nt(e.cropmove)&&Bt(t,M,e.cropmove),nt(e.cropend)&&Bt(t,x,e.cropend),nt(e.crop)&&Bt(t,y,e.crop),nt(e.zoom)&&Bt(t,U,e.zoom),Bt(i,B,this.onCropStart=this.cropStart.bind(this)),e.zoomable&&e.zoomOnWheel&&Bt(i,"wheel",this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),e.toggleDragModeOnDblclick&&Bt(i,D,this.onDblclick=this.dblclick.bind(this)),Bt(t.ownerDocument,I,this.onCropMove=this.cropMove.bind(this)),Bt(t.ownerDocument,P,this.onCropEnd=this.cropEnd.bind(this)),e.responsive&&Bt(window,"resize",this.onResize=this.resize.bind(this))},unbind:function(){var t=this.element,e=this.options,i=this.cropper;nt(e.cropstart)&&Dt(t,C,e.cropstart),nt(e.cropmove)&&Dt(t,M,e.cropmove),nt(e.cropend)&&Dt(t,x,e.cropend),nt(e.crop)&&Dt(t,y,e.crop),nt(e.zoom)&&Dt(t,U,e.zoom),Dt(i,B,this.onCropStart),e.zoomable&&e.zoomOnWheel&&Dt(i,"wheel",this.onWheel,{passive:!1,capture:!0}),e.toggleDragModeOnDblclick&&Dt(i,D,this.onDblclick),Dt(t.ownerDocument,I,this.onCropMove),Dt(t.ownerDocument,P,this.onCropEnd),e.responsive&&Dt(window,"resize",this.onResize)}},o={resize:function(){var t,e,i,a,n,o,r;this.disabled||(t=this.options,e=this.container,a=this.containerData,i=e.offsetWidth/a.width,a=e.offsetHeight/a.height,1!=(n=Math.abs(i-1)>Math.abs(a-1)?i:a)&&(t.restore&&(o=this.getCanvasData(),r=this.getCropBoxData()),this.render(),t.restore&&(this.setCanvasData(ht(o,function(t,e){o[e]=t*n})),this.setCropBoxData(ht(r,function(t,e){r[e]=t*n})))))},dblclick:function(){var t,e;this.disabled||this.options.dragMode===b||this.setDragMode((t=this.dragBox,e=s,(t.classList?t.classList.contains(e):-1<t.className.indexOf(e))?w:v))},wheel:function(t){var e=this,i=Number(this.options.wheelZoomRatio)||.1,a=1;this.disabled||(t.preventDefault(),this.wheeling||(this.wheeling=!0,setTimeout(function(){e.wheeling=!1},50),t.deltaY?a=0<t.deltaY?1:-1:t.wheelDelta?a=-t.wheelDelta/120:t.detail&&(a=0<t.detail?1:-1),this.zoom(-a*i,t)))},cropStart:function(t){var e,i=t.buttons,a=t.button;this.disabled||("mousedown"===t.type||"pointerdown"===t.type&&"mouse"===t.pointerType)&&(J(i)&&1!==i||J(a)&&0!==a||t.ctrlKey)||(a=this.options,e=this.pointers,t.changedTouches?ht(t.changedTouches,function(t){e[t.identifier]=zt(t)}):e[t.pointerId||0]=zt(t),a=1<Object.keys(e).length&&a.zoomable&&a.zoomOnTouch?T:wt(t.target,g),$.test(a)&&!1!==kt(this.element,C,{originalEvent:t,action:a})&&(t.preventDefault(),this.action=a,this.cropping=!1,a===H&&(this.cropping=!0,ut(this.dragBox,u))))},cropMove:function(t){var e,i=this.action;!this.disabled&&i&&(e=this.pointers,t.preventDefault(),!1!==kt(this.element,M,{originalEvent:t,action:i})&&(t.changedTouches?ht(t.changedTouches,function(t){st(e[t.identifier]||{},zt(t,!0))}):st(e[t.pointerId||0]||{},zt(t,!0)),this.change(t)))},cropEnd:function(t){var e,i;this.disabled||(e=this.action,i=this.pointers,t.changedTouches?ht(t.changedTouches,function(t){delete i[t.identifier]}):delete i[t.pointerId||0],e&&(t.preventDefault(),Object.keys(i).length||(this.action=""),this.cropping&&(this.cropping=!1,gt(this.dragBox,u,this.cropped&&this.options.modal)),kt(this.element,x,{originalEvent:t,action:e})))}},t={change:function(t){var e=this.options,i=this.canvasData,a=this.containerData,n=this.cropBoxData,o=this.pointers,r=this.action,h=e.aspectRatio,s=n.left,c=n.top,d=n.width,l=n.height,p=s+d,u=c+l,m=0,g=0,f=a.width,v=a.height,w=!0;!h&&t.shiftKey&&(h=d&&l?d/l:1),0<e.viewMode&&(m=n.minLeft,g=n.minTop,f=m+Math.min(a.width,i.width,i.left+i.width),v=g+Math.min(a.height,i.height,i.top+i.height));function b(t){switch(t){case N:p+D.x>f&&(D.x=f-p);break;case z:s+D.x<m&&(D.x=m-s);break;case R:c+D.y<g&&(D.y=g-c);break;case Y:u+D.y>v&&(D.y=v-u)}}var y,x,M,C=o[Object.keys(o)[0]],D={x:C.endX-C.startX,y:C.endY-C.startY};switch(r){case O:s+=D.x,c+=D.y;break;case N:if(0<=D.x&&(f<=p||h&&(c<=g||v<=u))){w=!1;break}b(N),(d+=D.x)<0&&(r=z,s-=d=-d),h&&(c+=(n.height-(l=d/h))/2);break;case R:if(D.y<=0&&(c<=g||h&&(s<=m||f<=p))){w=!1;break}b(R),l-=D.y,c+=D.y,l<0&&(r=Y,c-=l=-l),h&&(s+=(n.width-(d=l*h))/2);break;case z:if(D.x<=0&&(s<=m||h&&(c<=g||v<=u))){w=!1;break}b(z),d-=D.x,s+=D.x,d<0&&(r=N,s-=d=-d),h&&(c+=(n.height-(l=d/h))/2);break;case Y:if(0<=D.y&&(v<=u||h&&(s<=m||f<=p))){w=!1;break}b(Y),(l+=D.y)<0&&(r=R,c-=l=-l),h&&(s+=(n.width-(d=l*h))/2);break;case X:if(h){if(D.y<=0&&(c<=g||f<=p)){w=!1;break}b(R),l-=D.y,c+=D.y,d=l*h}else b(R),b(N),!(0<=D.x)||p<f?d+=D.x:D.y<=0&&c<=g&&(w=!1),D.y<=0&&!(g<c)||(l-=D.y,c+=D.y);d<0&&l<0?(r=A,c-=l=-l,s-=d=-d):d<0?(r=L,s-=d=-d):l<0&&(r=S,c-=l=-l);break;case L:if(h){if(D.y<=0&&(c<=g||s<=m)){w=!1;break}b(R),l-=D.y,c+=D.y,s+=n.width-(d=l*h)}else b(R),b(z),!(D.x<=0)||m<s?(d-=D.x,s+=D.x):D.y<=0&&c<=g&&(w=!1),D.y<=0&&!(g<c)||(l-=D.y,c+=D.y);d<0&&l<0?(r=S,c-=l=-l,s-=d=-d):d<0?(r=X,s-=d=-d):l<0&&(r=A,c-=l=-l);break;case A:if(h){if(D.x<=0&&(s<=m||v<=u)){w=!1;break}b(z),d-=D.x,s+=D.x,l=d/h}else b(Y),b(z),!(D.x<=0)||m<s?(d-=D.x,s+=D.x):0<=D.y&&v<=u&&(w=!1),0<=D.y&&!(u<v)||(l+=D.y);d<0&&l<0?(r=X,c-=l=-l,s-=d=-d):d<0?(r=S,s-=d=-d):l<0&&(r=L,c-=l=-l);break;case S:if(h){if(0<=D.x&&(f<=p||v<=u)){w=!1;break}b(N),l=(d+=D.x)/h}else b(Y),b(N),!(0<=D.x)||p<f?d+=D.x:0<=D.y&&v<=u&&(w=!1),0<=D.y&&!(u<v)||(l+=D.y);d<0&&l<0?(r=L,c-=l=-l,s-=d=-d):d<0?(r=A,s-=d=-d):l<0&&(r=X,c-=l=-l);break;case E:this.move(D.x,D.y),w=!1;break;case T:this.zoom((x=k({},y=o),M=0,ht(y,function(n,t){delete x[t],ht(x,function(t){var e=Math.abs(n.startX-t.startX),i=Math.abs(n.startY-t.startY),a=Math.abs(n.endX-t.endX),t=Math.abs(n.endY-t.endY),i=Math.sqrt(e*e+i*i),i=(Math.sqrt(a*a+t*t)-i)/i;Math.abs(i)>Math.abs(M)&&(M=i)})}),M),t),w=!1;break;case H:r="";if(D.x&&D.y?(B=180*Math.atan(Math.abs(D.x)/Math.abs(D.y))/Math.PI)<5?h&&(r=0<D.y?Y:R):85<B?h&&(r=0<D.y?N:z):r=0<D.x?0<D.y?S:X:0<D.y?A:L:h&&(1<Math.abs(D.x)?r=0<D.x?N:z:1<Math.abs(D.y)&&(r=0<D.y?Y:R)),!r){w=!1;break}var B=Ot(this.cropper),s=C.startX-B.left,c=C.startY-B.top,d=n.minWidth,l=n.minHeight;D.x<0&&(s-=d),D.y<0&&(c-=l),this.cropped||(mt(this.cropBox,j),this.cropped=!0,0<e.viewMode&&this.limitCropBox(!0,!0))}w&&(n.width=d,n.height=l,n.left=s,n.top=c,this.action=r,this.renderCropBox()),ht(o,function(t){t.startX=t.endX,t.startY=t.endY})}},jt={crop:function(){return!this.ready||this.cropped||this.disabled||(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&ut(this.dragBox,u),mt(this.cropBox,j),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&&!this.disabled&&(this.imageData=st({},this.initialImageData),this.canvasData=st({},this.initialCanvasData),this.cropBoxData=st({},this.initialCropBoxData),this.renderCanvas(),this.cropped&&this.renderCropBox()),this},clear:function(){return this.cropped&&!this.disabled&&(st(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),mt(this.dragBox,u),ut(this.cropBox,j)),this},replace:function(e){var t=1<arguments.length&&void 0!==arguments[1]&&arguments[1];return!this.disabled&&e&&(this.isImg&&(this.element.src=e),t?(this.url=e,this.image.src=e,this.ready&&(this.viewBoxImage.src=e,ht(this.previews,function(t){t.getElementsByTagName("img")[0].src=e}))):(this.isImg&&(this.replaced=!0),this.options.data=null,this.uncreate(),this.load(e))),this},enable:function(){return this.ready&&this.disabled&&(this.disabled=!1,mt(this.cropper,d)),this},disable:function(){return this.ready&&!this.disabled&&(this.disabled=!0,ut(this.cropper,d)),this},destroy:function(){var t=this.element;return t[c]&&(t[c]=void 0,this.isImg&&this.replaced&&(t.src=this.originalUrl),this.uncreate()),this},move:function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:t,i=this.canvasData,a=i.left,i=i.top;return this.moveTo(tt(t)?t:a+Number(t),tt(e)?e:i+Number(e))},moveTo:function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:t,i=this.canvasData,a=this.cropBoxData,n=!1;return t=Number(t),e=Number(e),this.ready&&!this.disabled&&this.options.movable&&(J(t)&&(a.left-=i.left-t,i.left=t,n=!0),J(e)&&(a.top-=i.top-e,i.top=e,n=!0),n&&this.renderCanvas(!0)),this},zoom:function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:null,i=this.canvasData;return t=Number(t),this.zoomTo(i.width*(t=t<0?1/(1-t):1+t)/i.naturalWidth,null,e)},zoomTo:function(t){var i,a,n,e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:null,o=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null,r=this.options,h=this.canvasData,s=this.cropBoxData,c=h.width,d=h.height,l=s.width,p=s.height;if(0<=(t=Number(t))&&this.ready&&!this.disabled&&r.zoomable){var u=h.naturalWidth*t,m=h.naturalHeight*t;if(1<r.viewMode&&(u<h.minWidth||u>h.maxWidth||m<h.minHeight||m<h.minHeight))return this;var g=u-c,f=m-d,v=s.naturalWidth*t,w=s.naturalHeight*t,b=v-l,y=w-p;if(!1===kt(this.element,U,{scale:t,oldScale:h.scale,originalEvent:o}))return this;o?(r=this.pointers,t=Ot(this.cropper),e=r&&Object.keys(r).length?(n=a=i=0,ht(r,function(t){var e=t.startX,t=t.startY;i+=e,a+=t,n+=1}),{pageX:i/=n,pageY:a/=n}):{pageX:o.pageX,pageY:o.pageY},h.left-=g*((e.pageX-t.left-h.left)/c),h.top-=f*((e.pageY-t.top-h.top)/d),s.left-=b*((e.pageX-t.left-s.left)/l),s.top-=y*((e.pageY-t.top-s.top)/p)):at(e)&&J(e.x)&&J(e.y)?(h.left-=g*((e.x-h.left)/c),h.top-=f*((e.y-h.top)/d),s.left-=b*((e.x-s.left)/l),s.top-=y*((e.y-s.top)/p)):(h.left-=g/2,h.top-=f/2,s.left-=b/2,s.top-=y/2),h.width=u,h.height=m,s.width=v,s.height=w,this.renderCanvas(!0)}return this},rotate:function(t){return this.rotateTo((this.imageData.rotate||0)+Number(t))},rotateTo:function(t){return J(t=Number(t))&&this.ready&&!this.disabled&&this.options.rotatable&&(this.imageData.rotate=t%360,this.renderCanvas(!0,!0)),this},scaleX:function(t){var e=this.imageData.scaleY;return this.scale(t,J(e)?e:1)},scaleY:function(t){var e=this.imageData.scaleX;return this.scale(J(e)?e:1,t)},scale:function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:t,i=this.imageData,a=!1;return t=Number(t),e=Number(e),this.ready&&!this.disabled&&this.options.scalable&&(J(t)&&(i.scaleX=t,a=!0),J(e)&&(i.scaleY=e,a=!0),a&&this.renderCanvas(!0,!0)),this},getData:function(){var i,a,t=0<arguments.length&&void 0!==arguments[0]&&arguments[0],e=this.options,n=this.imageData,o=this.canvasData,r=this.cropBoxData;return this.ready&&this.cropped?(i={x:r.left-o.left,y:r.top-o.top,width:r.width,height:r.height},a=n.width/n.naturalWidth,ht(i,function(t,e){i[e]=t/a}),t&&(r=Math.round(i.y+i.height),t=Math.round(i.x+i.width),i.x=Math.round(i.x),i.y=Math.round(i.y),i.width=t-i.x,i.height=r-i.y)):i={x:0,y:0,width:0,height:0},e.rotatable&&(i.rotate=n.rotate||0),e.scalable&&(i.scaleX=n.scaleX||1,i.scaleY=n.scaleY||1),i},setData:function(t){var e,i=this.options,a=this.imageData,n=this.canvasData,o={};return this.ready&&!this.disabled&&at(t)&&(e=!1,i.rotatable&&J(t.rotate)&&t.rotate!==a.rotate&&(a.rotate=t.rotate,e=!0),i.scalable&&(J(t.scaleX)&&t.scaleX!==a.scaleX&&(a.scaleX=t.scaleX,e=!0),J(t.scaleY)&&t.scaleY!==a.scaleY&&(a.scaleY=t.scaleY,e=!0)),e&&this.renderCanvas(!0,!0),a=a.width/a.naturalWidth,J(t.x)&&(o.left=t.x*a+n.left),J(t.y)&&(o.top=t.y*a+n.top),J(t.width)&&(o.width=t.width*a),J(t.height)&&(o.height=t.height*a),this.setCropBoxData(o)),this},getContainerData:function(){return this.ready?st({},this.containerData):{}},getImageData:function(){return this.sized?st({},this.imageData):{}},getCanvasData:function(){var e=this.canvasData,i={};return this.ready&&ht(G,function(t){i[t]=e[t]}),i},setCanvasData:function(t){var e=this.canvasData,i=e.aspectRatio;return this.ready&&!this.disabled&&at(t)&&(J(t.left)&&(e.left=t.left),J(t.top)&&(e.top=t.top),J(t.width)?(e.width=t.width,e.height=t.width/i):J(t.height)&&(e.height=t.height,e.width=t.height*i),this.renderCanvas(!0)),this},getCropBoxData:function(){var e=this.cropBoxData,i={};return this.ready&&this.cropped&&ht(G,function(t){i[t]=e[t]}),i},setCropBoxData:function(t){var e,i,a=this.cropBoxData,n=this.options.aspectRatio;return this.ready&&this.cropped&&!this.disabled&&at(t)&&(J(t.left)&&(a.left=t.left),J(t.top)&&(a.top=t.top),J(t.width)&&t.width!==a.width&&(e=!0,a.width=t.width),J(t.height)&&t.height!==a.height&&(i=!0,a.height=t.height),n&&(e?a.height=a.width/n:i&&(a.width=a.height*n)),this.renderCropBox()),this},getCroppedCanvas:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};if(!this.ready||!window.HTMLCanvasElement)return null;var e,i,a,n,o,r,h,s,c,d,l,p,u=this.canvasData,m=(w=this.image,e=this.imageData,i=u,y=t,a=e.aspectRatio,n=e.naturalWidth,b=e.naturalHeight,o=void 0===(p=e.rotate)?0:p,m=void 0===(v=e.scaleX)?1:v,g=void 0===(d=e.scaleY)?1:d,r=i.aspectRatio,h=i.naturalWidth,s=i.naturalHeight,c=void 0===(l=y.fillColor)?"transparent":l,x=y.imageSmoothingEnabled,f=void 0===x||x,v=void 0===(p=y.imageSmoothingQuality)?"low":p,d=void 0===(e=y.maxWidth)?1/0:e,l=void 0===(i=y.maxHeight)?1/0:i,p=void 0===(x=y.minWidth)?0:x,i=void 0===(e=y.minHeight)?0:e,y=(x=document.createElement("canvas")).getContext("2d"),e=Yt({aspectRatio:r,width:d,height:l}),r=Yt({aspectRatio:r,width:p,height:i},"cover"),h=Math.min(e.width,Math.max(r.width,h)),s=Math.min(e.height,Math.max(r.height,s)),l=Yt({aspectRatio:a,width:d,height:l}),i=Yt({aspectRatio:a,width:p,height:i},"cover"),n=Math.min(l.width,Math.max(i.width,n)),b=Math.min(l.height,Math.max(i.height,b)),b=[-n/2,-b/2,n,b],x.width=dt(h),x.height=dt(s),y.fillStyle=c,y.fillRect(0,0,h,s),y.save(),y.translate(h/2,s/2),y.rotate(o*Math.PI/180),y.scale(m,g),y.imageSmoothingEnabled=f,y.imageSmoothingQuality=v,y.drawImage.apply(y,[w].concat(W(b.map(function(t){return Math.floor(dt(t))})))),y.restore(),x);if(!this.cropped)return m;var g=this.getData(),f=g.x,v=g.y,w=g.width,b=g.height,y=m.width/Math.floor(u.naturalWidth);1!=y&&(f*=y,v*=y,w*=y,b*=y);var x=w/b,g=Yt({aspectRatio:x,width:t.maxWidth||1/0,height:t.maxHeight||1/0}),u=Yt({aspectRatio:x,width:t.minWidth||0,height:t.minHeight||0},"cover"),x=Yt({aspectRatio:x,width:t.width||(1!=y?m.width:w),height:t.height||(1!=y?m.height:b)}),y=x.width,x=x.height,y=Math.min(g.width,Math.max(u.width,y)),x=Math.min(g.height,Math.max(u.height,x)),g=document.createElement("canvas"),u=g.getContext("2d");g.width=dt(y),g.height=dt(x),u.fillStyle=t.fillColor||"transparent",u.fillRect(0,0,y,x);x=t.imageSmoothingEnabled,t=t.imageSmoothingQuality;u.imageSmoothingEnabled=void 0===x||x,t&&(u.imageSmoothingQuality=t);var M,C,D,B,k,x=m.width,t=m.height,f=f,v=v;f<=-w||x<f?B=C=M=f=0:f<=0?(C=-f,f=0,B=M=Math.min(x,w+f)):f<=x&&(C=0,B=M=Math.min(w,x-f)),M<=0||v<=-b||t<v?k=D=O=v=0:v<=0?(D=-v,v=0,k=O=Math.min(t,b+v)):v<=t&&(D=0,k=O=Math.min(b,t-v));var O=[f,v,M,O];return 0<B&&0<k&&O.push(C*(w=y/w),D*w,B*w,k*w),u.drawImage.apply(u,[m].concat(W(O.map(function(t){return Math.floor(dt(t))})))),g},setAspectRatio:function(t){var e=this.options;return this.disabled||tt(t)||(e.aspectRatio=Math.max(0,t)||NaN,this.ready&&(this.initCropBox(),this.cropped&&this.renderCropBox())),this},setDragMode:function(t){var e,i,a=this.options,n=this.dragBox,o=this.face;return this.ready&&!this.disabled&&(i=a.movable&&t===w,a.dragMode=t=(e=t===v)||i?t:b,bt(n,g,t),gt(n,s,e),gt(n,m,i),a.cropBoxMovable||(bt(o,g,t),gt(o,s,e),gt(o,m,i))),this}},It=r.Cropper,Pt=function(){function i(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{};if(!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,i),!t||!Z.test(t.tagName))throw new Error("The first argument is required and must be an <img> or <canvas> element.");this.element=t,this.options=st({},V,at(e)&&e),this.cropped=!1,this.disabled=!1,this.pointers={},this.ready=!1,this.reloading=!1,this.replaced=!1,this.sized=!1,this.sizing=!1,this.init()}var t,e,a;return t=i,a=[{key:"noConflict",value:function(){return window.Cropper=It,i}},{key:"setDefaults",value:function(t){st(V,at(t)&&t)}}],(e=[{key:"init",value:function(){var t,e=this.element,i=e.tagName.toLowerCase();if(!e[c]){if(e[c]=this,"img"===i){if(this.isImg=!0,t=e.getAttribute("src")||"",!(this.originalUrl=t))return;t=e.src}else"canvas"===i&&window.HTMLCanvasElement&&(t=e.toDataURL());this.load(t)}}},{key:"load",value:function(t){var e,i,a,n,o,r,h=this;t&&(this.url=t,this.imageData={},e=this.element,(i=this.options).rotatable||i.scalable||(i.checkOrientation=!1),i.checkOrientation&&window.ArrayBuffer?Q.test(t)?K.test(t)?this.read((r=(r=t).replace(Xt,""),a=atob(r),r=new ArrayBuffer(a.length),ht(n=new Uint8Array(r),function(t,e){n[e]=a.charCodeAt(e)}),r)):this.clone():(o=new XMLHttpRequest,r=this.clone.bind(this),this.reloading=!0,(this.xhr=o).onabort=r,o.onerror=r,o.ontimeout=r,o.onprogress=function(){o.getResponseHeader("content-type")!==q&&o.abort()},o.onload=function(){h.read(o.response)},o.onloadend=function(){h.reloading=!1,h.xhr=null},i.checkCrossOrigin&&Et(t)&&e.crossOrigin&&(t=Tt(t)),o.open("GET",t,!0),o.responseType="arraybuffer",o.withCredentials="use-credentials"===e.crossOrigin,o.send()):this.clone())}},{key:"read",value:function(t){var e=this.options,i=this.imageData,a=Lt(t),n=0,o=1,r=1;1<a&&(this.url=function(t,e){for(var i=[],a=new Uint8Array(t);0<a.length;)i.push(Rt.apply(null,rt(a.subarray(0,8192)))),a=a.subarray(8192);return"data:".concat(e,";base64,").concat(btoa(i.join("")))}(t,q),n=(a=function(t){var e=0,i=1,a=1;switch(t){case 2:i=-1;break;case 3:e=-180;break;case 4:a=-1;break;case 5:e=90,a=-1;break;case 6:e=90;break;case 7:e=90,i=-1;break;case 8:e=-90}return{rotate:e,scaleX:i,scaleY:a}}(a)).rotate,o=a.scaleX,r=a.scaleY),e.rotatable&&(i.rotate=n),e.scalable&&(i.scaleX=o,i.scaleY=r),this.clone()}},{key:"clone",value:function(){var t=this.element,e=this.url,i=t.crossOrigin,a=e;this.options.checkCrossOrigin&&Et(e)&&(i=i||"anonymous",a=Tt(e)),this.crossOrigin=i,this.crossOriginUrl=a;var n=document.createElement("img");i&&(n.crossOrigin=i),n.src=a||e,n.alt=t.alt||"The image to crop",(this.image=n).onload=this.start.bind(this),n.onerror=this.stop.bind(this),ut(n,l),t.parentNode.insertBefore(n,t.nextSibling)}},{key:"start",value:function(){var i=this,t=this.image;t.onload=null,t.onerror=null,this.sizing=!0;function e(t,e){st(i.imageData,{naturalWidth:t,naturalHeight:e,aspectRatio:t/e}),i.initialImageData=st({},i.imageData),i.sizing=!1,i.sized=!0,i.build()}var a,n,o=r.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(r.navigator.userAgent);!t.naturalWidth||o?(a=document.createElement("img"),n=document.body||document.documentElement,(this.sizingImage=a).onload=function(){e(a.width,a.height),o||n.removeChild(a)},a.src=t.src,o||(a.style.cssText="left:0;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:0;position:absolute;top:0;z-index:-1;",n.appendChild(a))):e(t.naturalWidth,t.naturalHeight)}},{key:"stop",value:function(){var t=this.image;t.onload=null,t.onerror=null,t.parentNode.removeChild(t),this.image=null}},{key:"build",value:function(){var t,e,i,a,n,o,r,h,s;this.sized&&!this.ready&&(t=this.element,e=this.options,i=this.image,a=t.parentNode,(s=document.createElement("div")).innerHTML='<div class="cropper-container" touch-action="none"><div class="cropper-canvas"></div><div class="cropper-drag-box"></div><div class="cropper-crop-box"><div class="cropper-view-box"></div><div class="cropper-dashed dashed-h"></div><div class="cropper-dashed dashed-v"></div><div class="cropper-center"></div><div class="cropper-face"></div><div class="cropper-line line-e" data-cropper-action="e"></div><div class="cropper-line line-n" data-cropper-action="n"></div><div class="cropper-line line-w" data-cropper-action="w"></div><div class="cropper-line line-s" data-cropper-action="s"></div><div class="cropper-point point-e" data-cropper-action="e"></div><div class="cropper-point point-n" data-cropper-action="n"></div><div class="cropper-point point-w" data-cropper-action="w"></div><div class="cropper-point point-s" data-cropper-action="s"></div><div class="cropper-point point-ne" data-cropper-action="ne"></div><div class="cropper-point point-nw" data-cropper-action="nw"></div><div class="cropper-point point-sw" data-cropper-action="sw"></div><div class="cropper-point point-se" data-cropper-action="se"></div></div></div>',o=(n=s.querySelector(".".concat(c,"-container"))).querySelector(".".concat(c,"-canvas")),r=n.querySelector(".".concat(c,"-drag-box")),s=(h=n.querySelector(".".concat(c,"-crop-box"))).querySelector(".".concat(c,"-face")),this.container=a,this.cropper=n,this.canvas=o,this.dragBox=r,this.cropBox=h,this.viewBox=n.querySelector(".".concat(c,"-view-box")),this.face=s,o.appendChild(i),ut(t,j),a.insertBefore(n,t.nextSibling),this.isImg||mt(i,l),this.initPreview(),this.bind(),e.initialAspectRatio=Math.max(0,e.initialAspectRatio)||NaN,e.aspectRatio=Math.max(0,e.aspectRatio)||NaN,e.viewMode=Math.max(0,Math.min(3,Math.round(e.viewMode)))||0,ut(h,j),e.guides||ut(h.getElementsByClassName("".concat(c,"-dashed")),j),e.center||ut(h.getElementsByClassName("".concat(c,"-center")),j),e.background&&ut(n,"".concat(c,"-bg")),e.highlight||ut(s,p),e.cropBoxMovable&&(ut(s,m),bt(s,g,O)),e.cropBoxResizable||(ut(h.getElementsByClassName("".concat(c,"-line")),j),ut(h.getElementsByClassName("".concat(c,"-point")),j)),this.render(),this.ready=!0,this.setDragMode(e.dragMode),e.autoCrop&&this.crop(),this.setData(e.data),nt(e.ready)&&Bt(t,"ready",e.ready,{once:!0}),kt(t,"ready"))}},{key:"unbuild",value:function(){this.ready&&(this.ready=!1,this.unbind(),this.resetPreview(),this.cropper.parentNode.removeChild(this.cropper),mt(this.element,j))}},{key:"uncreate",value:function(){this.ready?(this.unbuild(),this.ready=!1,this.cropped=!1):this.sizing?(this.sizingImage.onload=null,this.sizing=!1,this.sized=!1):this.reloading?(this.xhr.onabort=null,this.xhr.abort()):this.image&&this.stop()}}])&&n(t.prototype,e),a&&n(t,a),Object.defineProperty(t,"prototype",{writable:!1}),i}();return st(Pt.prototype,St,At,h,o,t,jt),Pt});
\ No newline at end of file
diff --git a/docs/css/cropper.css b/docs/css/cropper.css
index bcd00455c..5ef363931 100644
--- a/docs/css/cropper.css
+++ b/docs/css/cropper.css
@@ -1,11 +1,11 @@
 /*!
- * Cropper.js v2.0.0-alpha.1
+ * Cropper.js v2.0.0-alpha.2
  * https://fengyuanchen.github.io/cropperjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2019-11-09T12:02:20.544Z
+ * Date: 2021-12-25T08:31:10.935Z
  */
 
 .cropper-container {
@@ -14,23 +14,22 @@
   line-height: 0;
   overflow: hidden;
   position: relative;
-  -ms-touch-action: none;
   touch-action: none;
   -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none
 }
 
 .cropper-container img {
-  display: block;
-  height: 100%;
-  max-height: none !important;
-  max-width: none !important;
-  min-height: 0 !important;
-  min-width: 0 !important;
-  width: 100%;
-}
+    display: block;
+    height: 100%;
+    max-height: none !important;
+    max-width: none !important;
+    min-height: 0 !important;
+    min-width: 0 !important;
+    width: 100%;
+  }
 
 .cropper-canvas,
 .cropper-drag-box,
@@ -55,7 +54,7 @@
 .cropper-view-box {
   height: 100%;
   outline: 1px solid #39f;
-  outline-color: rgba(51, 153, 255, 0.75);
+  outline-color: rgb(51 153 255 / 75%);
   overflow: hidden;
   width: 100%;
 }
@@ -63,26 +62,26 @@
 .cropper-dashed {
   border: 0 dashed #eee;
   opacity: 0.5;
-  position: absolute;
+  position: absolute
 }
 
 .cropper-dashed.dashed-h {
-  border-bottom-width: 1px;
-  border-top-width: 1px;
-  height: calc(100% / 3);
-  left: 0;
-  top: calc(100% / 3);
-  width: 100%;
-}
+    border-bottom-width: 1px;
+    border-top-width: 1px;
+    height: calc(100% / 3);
+    left: 0;
+    top: calc(100% / 3);
+    width: 100%;
+  }
 
 .cropper-dashed.dashed-v {
-  border-left-width: 1px;
-  border-right-width: 1px;
-  height: 100%;
-  left: calc(100% / 3);
-  top: 0;
-  width: calc(100% / 3);
-}
+    border-left-width: 1px;
+    border-right-width: 1px;
+    height: 100%;
+    left: calc(100% / 3);
+    top: 0;
+    width: calc(100% / 3);
+  }
 
 .cropper-center {
   height: 0;
@@ -90,30 +89,30 @@
   opacity: 0.75;
   position: absolute;
   top: 50%;
-  width: 0;
+  width: 0
 }
 
 .cropper-center::before,
-.cropper-center::after {
-  background-color: #eee;
-  content: "";
-  display: block;
-  position: absolute;
-}
+  .cropper-center::after {
+    background-color: #eee;
+    content: " ";
+    display: block;
+    position: absolute;
+  }
 
 .cropper-center::before {
-  height: 1px;
-  left: -3px;
-  top: 0;
-  width: 7px;
-}
+    height: 1px;
+    left: -3px;
+    top: 0;
+    width: 7px;
+  }
 
 .cropper-center::after {
-  height: 7px;
-  left: 0;
-  top: -3px;
-  width: 1px;
-}
+    height: 7px;
+    left: 0;
+    top: -3px;
+    width: 1px;
+  }
 
 .cropper-face,
 .cropper-line,
@@ -131,139 +130,142 @@
 }
 
 .cropper-line {
-  background-color: #39f;
+  background-color: #39f
 }
 
 .cropper-line.line-e {
-  cursor: ew-resize;
-  right: -3px;
-  top: 0;
-  width: 5px;
-}
+    cursor: ew-resize;
+    right: -3px;
+    top: 0;
+    width: 5px;
+  }
 
 .cropper-line.line-n {
-  cursor: ns-resize;
-  height: 5px;
-  left: 0;
-  top: -3px;
-}
+    cursor: ns-resize;
+    height: 5px;
+    left: 0;
+    top: -3px;
+  }
 
 .cropper-line.line-w {
-  cursor: ew-resize;
-  left: -3px;
-  top: 0;
-  width: 5px;
-}
+    cursor: ew-resize;
+    left: -3px;
+    top: 0;
+    width: 5px;
+  }
 
 .cropper-line.line-s {
-  bottom: -3px;
-  cursor: ns-resize;
-  height: 5px;
-  left: 0;
-}
+    bottom: -3px;
+    cursor: ns-resize;
+    height: 5px;
+    left: 0;
+  }
 
 .cropper-point {
   background-color: #39f;
   height: 5px;
   opacity: 0.75;
-  width: 5px;
+  width: 5px
 }
 
 .cropper-point.point-e {
-  cursor: ew-resize;
-  margin-top: -3px;
-  right: -3px;
-  top: 50%;
-}
+    cursor: ew-resize;
+    margin-top: -3px;
+    right: -3px;
+    top: 50%;
+  }
 
 .cropper-point.point-n {
-  cursor: ns-resize;
-  left: 50%;
-  margin-left: -3px;
-  top: -3px;
-}
+    cursor: ns-resize;
+    left: 50%;
+    margin-left: -3px;
+    top: -3px;
+  }
 
 .cropper-point.point-w {
-  cursor: ew-resize;
-  left: -3px;
-  margin-top: -3px;
-  top: 50%;
-}
+    cursor: ew-resize;
+    left: -3px;
+    margin-top: -3px;
+    top: 50%;
+  }
 
 .cropper-point.point-s {
-  bottom: -3px;
-  cursor: s-resize;
-  left: 50%;
-  margin-left: -3px;
-}
+    bottom: -3px;
+    cursor: s-resize;
+    left: 50%;
+    margin-left: -3px;
+  }
 
 .cropper-point.point-ne {
-  cursor: nesw-resize;
-  right: -3px;
-  top: -3px;
-}
+    cursor: nesw-resize;
+    right: -3px;
+    top: -3px;
+  }
 
 .cropper-point.point-nw {
-  cursor: nwse-resize;
-  left: -3px;
-  top: -3px;
-}
+    cursor: nwse-resize;
+    left: -3px;
+    top: -3px;
+  }
 
 .cropper-point.point-sw {
-  bottom: -3px;
-  cursor: nesw-resize;
-  left: -3px;
-}
+    bottom: -3px;
+    cursor: nesw-resize;
+    left: -3px;
+  }
 
 .cropper-point.point-se {
-  bottom: -3px;
-  cursor: nwse-resize;
-  height: 20px;
-  opacity: 1;
-  right: -3px;
-  width: 20px;
-}
+    bottom: -3px;
+    cursor: nwse-resize;
+    height: 20px;
+    opacity: 1;
+    right: -3px;
+    width: 20px
+  }
 
 @media (min-width: 768px) {
-  .cropper-point.point-se {
-    height: 15px;
-    width: 15px;
+
+.cropper-point.point-se {
+      height: 15px;
+      width: 15px
   }
-}
+    }
 
 @media (min-width: 992px) {
-  .cropper-point.point-se {
-    height: 10px;
-    width: 10px;
+
+.cropper-point.point-se {
+      height: 10px;
+      width: 10px
   }
-}
+    }
 
 @media (min-width: 1200px) {
-  .cropper-point.point-se {
-    height: 5px;
-    opacity: 0.75;
-    width: 5px;
+
+.cropper-point.point-se {
+      height: 5px;
+      opacity: 0.75;
+      width: 5px
   }
-}
+    }
 
 .cropper-point.point-se::before {
-  background-color: #39f;
-  bottom: -50%;
-  content: "";
-  display: block;
-  height: 200%;
-  opacity: 0;
-  position: absolute;
-  right: -50%;
-  width: 200%;
-}
+    background-color: #39f;
+    bottom: -50%;
+    content: " ";
+    display: block;
+    height: 200%;
+    opacity: 0;
+    position: absolute;
+    right: -50%;
+    width: 200%;
+  }
 
 .cropper-invisible {
   opacity: 0;
 }
 
 .cropper-bg {
-  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
 }
 
 .cropper-hide {
@@ -286,8 +288,8 @@
 }
 
 .cropper-disabled .cropper-drag-box,
-.cropper-disabled .cropper-face,
-.cropper-disabled .cropper-line,
-.cropper-disabled .cropper-point {
-  cursor: not-allowed;
-}
+  .cropper-disabled .cropper-face,
+  .cropper-disabled .cropper-line,
+  .cropper-disabled .cropper-point {
+    cursor: not-allowed;
+  }
diff --git a/docs/index.html b/docs/index.html
index 806ddd9c8..ada737313 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -76,7 +76,7 @@
     <div class="container">
       <div class="row">
         <div class="col-md">
-          <h1>Cropper.js <small class="h6">v2.0.0-alpha.1</small></h1>
+          <h1>Cropper.js <small class="h6">v2.0.0-alpha.2</small></h1>
           <p class="lead">JavaScript image cropper.</p>
         </div>
         <div class="col-md">
diff --git a/docs/js/cropper.js b/docs/js/cropper.js
index 5a912267d..fb892d9d9 100644
--- a/docs/js/cropper.js
+++ b/docs/js/cropper.js
@@ -1,31 +1,53 @@
 /*!
- * Cropper.js v2.0.0-alpha.1
+ * Cropper.js v2.0.0-alpha.2
  * https://fengyuanchen.github.io/cropperjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2019-11-09T12:02:24.890Z
+ * Date: 2021-12-25T08:31:12.767Z
  */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
-  (global = global || self, global.Cropper = factory());
-}(this, (function () { 'use strict';
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Cropper = factory());
+})(this, (function () { 'use strict';
 
-  function _typeof(obj) {
-    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof = function (obj) {
-        return typeof obj;
-      };
-    } else {
-      _typeof = function (obj) {
-        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-      };
+  function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+      enumerableOnly && (symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      })), keys.push.apply(keys, symbols);
     }
 
-    return _typeof(obj);
+    return keys;
+  }
+
+  function _objectSpread2(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = null != arguments[i] ? arguments[i] : {};
+      i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+        _defineProperty(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+
+    return target;
+  }
+
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
   }
 
   function _classCallCheck(instance, Constructor) {
@@ -47,6 +69,9 @@
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
     return Constructor;
   }
 
@@ -65,63 +90,42 @@
     return obj;
   }
 
-  function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-
-    if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      if (enumerableOnly) symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-      keys.push.apply(keys, symbols);
-    }
-
-    return keys;
+  function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
   }
 
-  function _objectSpread2(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i] != null ? arguments[i] : {};
-
-      if (i % 2) {
-        ownKeys(source, true).forEach(function (key) {
-          _defineProperty(target, key, source[key]);
-        });
-      } else if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-      } else {
-        ownKeys(source).forEach(function (key) {
-          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-      }
-    }
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  }
 
-    return target;
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
   }
 
-  function _toConsumableArray(arr) {
-    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
   }
 
-  function _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr)) {
-      for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
 
-      return arr2;
-    }
-  }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
 
-  function _iterableToArray(iter) {
-    if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
+    return arr2;
   }
 
   function _nonIterableSpread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance");
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
 
   var IS_BROWSER = typeof window !== 'undefined' && typeof window.document !== 'undefined';
   var WINDOW = IS_BROWSER ? window : {};
-  var IS_TOUCH_DEVICE = IS_BROWSER ? 'ontouchstart' in WINDOW.document.documentElement : false;
+  var IS_TOUCH_DEVICE = IS_BROWSER && WINDOW.document.documentElement ? 'ontouchstart' in WINDOW.document.documentElement : false;
   var HAS_POINTER_EVENT = IS_BROWSER ? 'PointerEvent' in WINDOW : false;
   var NAMESPACE = 'cropper'; // Actions
 
@@ -352,10 +356,10 @@
       if (Array.isArray(data) || isNumber(data.length)
       /* array-like */
       ) {
-          toArray(data).forEach(function (value, key) {
-            callback.call(data, value, key, data);
-          });
-        } else if (isObject(data)) {
+        toArray(data).forEach(function (value, key) {
+          callback.call(data, value, key, data);
+        });
+      } else if (isObject(data)) {
         Object.keys(data).forEach(function (key) {
           callback.call(data, data[key], key, data);
         });
@@ -391,7 +395,7 @@
   var REGEXP_DECIMALS = /\.\d*(?:0|9){12}\d*$/;
   /**
    * Normalize decimal number.
-   * Check out {@link http://0.30000000000000004.com/}
+   * Check out {@link https://0.30000000000000004.com/}
    * @param {number} value - The value to normalize.
    * @param {number} [times=100000000000] - The times for normalizing.
    * @returns {number} Returns the normalized number.
@@ -796,7 +800,7 @@
   function getMaxZoomRatio(pointers) {
     var pointers2 = _objectSpread2({}, pointers);
 
-    var ratios = [];
+    var maxRatio = 0;
     forEach(pointers, function (pointer, pointerId) {
       delete pointers2[pointerId];
       forEach(pointers2, function (pointer2) {
@@ -807,13 +811,13 @@
         var z1 = Math.sqrt(x1 * x1 + y1 * y1);
         var z2 = Math.sqrt(x2 * x2 + y2 * y2);
         var ratio = (z2 - z1) / z1;
-        ratios.push(ratio);
+
+        if (Math.abs(ratio) > Math.abs(maxRatio)) {
+          maxRatio = ratio;
+        }
       });
     });
-    ratios.sort(function (a, b) {
-      return Math.abs(a) < Math.abs(b);
-    });
-    return ratios[0];
+    return maxRatio;
   }
   /**
    * Get a pointer from an event object.
@@ -865,8 +869,7 @@
    * @returns {Object} The result sizes.
    */
 
-  function getAdjustedSizes(_ref4) // or 'cover'
-  {
+  function getAdjustedSizes(_ref4) {
     var aspectRatio = _ref4.aspectRatio,
         height = _ref4.height,
         width = _ref4.width;
@@ -1104,14 +1107,14 @@
           if (littleEndian || endianness === 0x4D4D
           /* bigEndian */
           ) {
-              if (dataView.getUint16(tiffOffset + 2, littleEndian) === 0x002A) {
-                var firstIFDOffset = dataView.getUint32(tiffOffset + 4, littleEndian);
+            if (dataView.getUint16(tiffOffset + 2, littleEndian) === 0x002A) {
+              var firstIFDOffset = dataView.getUint32(tiffOffset + 4, littleEndian);
 
-                if (firstIFDOffset >= 0x00000008) {
-                  ifdStart = tiffOffset + firstIFDOffset;
-                }
+              if (firstIFDOffset >= 0x00000008) {
+                ifdStart = tiffOffset + firstIFDOffset;
               }
             }
+          }
         }
       }
 
@@ -1128,14 +1131,14 @@
           if (dataView.getUint16(_offset, littleEndian) === 0x0112
           /* Orientation */
           ) {
-              // 8 is the offset of the current tag's value
-              _offset += 8; // Get the original orientation value
+            // 8 is the offset of the current tag's value
+            _offset += 8; // Get the original orientation value
 
-              orientation = dataView.getUint16(_offset, littleEndian); // Override the orientation with its default value
+            orientation = dataView.getUint16(_offset, littleEndian); // Override the orientation with its default value
 
-              dataView.setUint16(_offset, 1, littleEndian);
-              break;
-            }
+            dataView.setUint16(_offset, 1, littleEndian);
+            break;
+          }
         }
       }
     } catch (error) {
@@ -1205,9 +1208,10 @@
     render: function render() {
       this.initContainer();
       this.initCanvas();
-      this.initCropBox();
-      this.initialImageData = assign({}, this.imageData);
       this.initialCanvasData = assign({}, this.canvasData);
+      this.initCropBox(); // Store the `initialCropBoxData` outside of the `initCropBox` method,
+      // just because the `initCropBox` method will be called more then once.
+
       this.initialCropBoxData = assign({}, this.cropBoxData);
       this.renderCanvas();
 
@@ -1220,11 +1224,13 @@
           options = this.options,
           container = this.container,
           cropper = this.cropper;
+      var minWidth = Number(options.minContainerWidth);
+      var minHeight = Number(options.minContainerHeight);
       addClass(cropper, CLASS_HIDDEN);
       removeClass(element, CLASS_HIDDEN);
       var containerData = {
-        width: Math.max(container.offsetWidth, Number(options.minContainerWidth) || MIN_CONTAINER_WIDTH),
-        height: Math.max(container.offsetHeight, Number(options.minContainerHeight) || MIN_CONTAINER_HEIGHT)
+        width: Math.max(container.offsetWidth, minWidth >= 0 ? minWidth : MIN_CONTAINER_WIDTH),
+        height: Math.max(container.offsetHeight, minHeight >= 0 ? minHeight : MIN_CONTAINER_HEIGHT)
       };
       setStyle(cropper, containerData);
       addClass(element, CLASS_HIDDEN);
@@ -1816,19 +1822,18 @@
 
   var handlers = {
     resize: function resize() {
-      var options = this.options,
-          container = this.container,
-          containerData = this.containerData;
-      var minContainerWidth = Number(options.minContainerWidth) || MIN_CONTAINER_WIDTH;
-      var minContainerHeight = Number(options.minContainerHeight) || MIN_CONTAINER_HEIGHT;
-
-      if (this.disabled || containerData.width <= minContainerWidth || containerData.height <= minContainerHeight) {
+      if (this.disabled) {
         return;
       }
 
-      var ratio = container.offsetWidth / containerData.width; // Resize when width changed or height changed
+      var options = this.options,
+          container = this.container,
+          containerData = this.containerData;
+      var ratioX = container.offsetWidth / containerData.width;
+      var ratioY = container.offsetHeight / containerData.height;
+      var ratio = Math.abs(ratioX - 1) > Math.abs(ratioY - 1) ? ratioX : ratioY; // Resize when width changed or height changed
 
-      if (ratio !== 1 || container.offsetHeight !== containerData.height) {
+      if (ratio !== 1) {
         var canvasData;
         var cropBoxData;
 
@@ -3269,9 +3274,7 @@
 
   var AnotherCropper = WINDOW.Cropper;
 
-  var Cropper =
-  /*#__PURE__*/
-  function () {
+  var Cropper = /*#__PURE__*/function () {
     /**
      * Create a new Cropper.
      * @param {Element} element - The target element for cropping.
@@ -3320,7 +3323,7 @@
 
           if (!url) {
             return;
-          } // e.g.: "http://example.com/img/picture.jpg"
+          } // e.g.: "https://example.com/img/picture.jpg"
 
 
           url = element.src;
@@ -3401,9 +3404,10 @@
 
         if (options.checkCrossOrigin && isCrossOriginURL(url) && element.crossOrigin) {
           url = addTimestamp(url);
-        }
+        } // The third parameter is required for avoiding side-effect (#682)
+
 
-        xhr.open('GET', url);
+        xhr.open('GET', url, true);
         xhr.responseType = 'arraybuffer';
         xhr.withCredentials = element.crossOrigin === 'use-credentials';
         xhr.send();
@@ -3493,7 +3497,9 @@
             naturalWidth: naturalWidth,
             naturalHeight: naturalHeight,
             aspectRatio: naturalWidth / naturalHeight
-          });
+          }); // Store the `initialImageData` here for avoiding side effect (jquery-cropper#19)
+
+          _this2.initialImageData = assign({}, _this2.imageData);
           _this2.sizing = false;
           _this2.sized = true;
 
@@ -3683,4 +3689,4 @@
 
   return Cropper;
 
-})));
+}));
diff --git a/package-lock.json b/package-lock.json
index 8031b8370..587f7ca6f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "cropperjs",
-  "version": "2.0.0-alpha.1",
+  "version": "2.0.0-alpha.2",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "cropperjs",
-      "version": "2.0.0-alpha.1",
+      "version": "2.0.0-alpha.2",
       "license": "MIT",
       "devDependencies": {
         "@babel/core": "^7.16.5",
diff --git a/package.json b/package.json
index 1fdb4126b..ea728dcf2 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "cropperjs",
   "description": "JavaScript image cropper.",
-  "version": "2.0.0-alpha.1",
+  "version": "2.0.0-alpha.2",
   "main": "dist/cropper.common.js",
   "module": "dist/cropper.esm.js",
   "browser": "dist/cropper.js",
@@ -103,5 +103,8 @@
     "stylelint-config-standard-scss": "^3.0.0",
     "stylelint-order": "^5.0.0",
     "uglify-js": "^3.14.5"
+  },
+  "publishConfig": {
+    "tag": "next"
   }
 }