diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2d57d734..a80cc626 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Changelog
 
+## 4.0.0-beta (Mar 3, 2018)
+
+- Upgrade Cropper.js from 1.3.1 to 1.3.2.
+
 ## 4.0.0-alpha (Mar 1, 2018)
 
 - The core code of Cropper is replaced with [Cropper.js](https://github.com/fengyuanchen/cropperjs) now.
diff --git a/README.md b/README.md
index 530b4b9f..c8f9a2ff 100644
--- a/README.md
+++ b/README.md
@@ -57,10 +57,11 @@ img {
 ```
 
 ```js
-$('#image').cropper({
+var $image = $('#image');
+
+$image.cropper({
   aspectRatio: 16 / 9,
   crop: function(event) {
-    // Output the result data for cropping image.
     console.log(event.detail.x);
     console.log(event.detail.y);
     console.log(event.detail.width);
@@ -70,12 +71,9 @@ $('#image').cropper({
     console.log(event.detail.scaleY);
   }
 });
-```
 
-After initialize can get `Cropper` instance:
-
-```js
-$('#image').data('cropper');
+// Get the Cropper.js instance after initialized
+var cropper = $image.data('cropper');
 ```
 
 ## Options
diff --git a/dist/cropper.common.js b/dist/cropper.common.js
index 63a36e69..21c100ff 100644
--- a/dist/cropper.common.js
+++ b/dist/cropper.common.js
@@ -1,11 +1,11 @@
 /*!
- * Cropper v4.0.0-alpha
+ * Cropper v4.0.0-beta
  * https://github.com/fengyuanchen/cropper
  *
  * Copyright (c) 2014-2018 Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2018-03-01T14:21:13.980Z
+ * Date: 2018-03-03T03:59:36.917Z
  */
 
 'use strict';
@@ -841,7 +841,9 @@ function getRotatedSizes(_ref5) {
  * @returns {HTMLCanvasElement} The result canvas.
  */
 function getSourceCanvas(image, _ref6, _ref7, _ref8) {
-  var _ref6$rotate = _ref6.rotate,
+  var imageNaturalWidth = _ref6.naturalWidth,
+      imageNaturalHeight = _ref6.naturalHeight,
+      _ref6$rotate = _ref6.rotate,
       rotate = _ref6$rotate === undefined ? 0 : _ref6$rotate,
       _ref6$scaleX = _ref6.scaleX,
       scaleX = _ref6$scaleX === undefined ? 1 : _ref6$scaleX,
@@ -879,7 +881,12 @@ function getSourceCanvas(image, _ref6, _ref7, _ref8) {
   }, 'cover');
   var width = Math.min(maxSizes.width, Math.max(minSizes.width, naturalWidth));
   var height = Math.min(maxSizes.height, Math.max(minSizes.height, naturalHeight));
-  var params = [-width / 2, -height / 2, width, height];
+
+  // Note: should always use image's natural sizes for drawing as
+  // imageData.naturalWidth === canvasData.naturalHeight when rotate % 180 === 90
+  var destWidth = Math.min(maxSizes.width, Math.max(minSizes.width, imageNaturalWidth));
+  var destHeight = Math.min(maxSizes.height, Math.max(minSizes.height, imageNaturalHeight));
+  var params = [-destWidth / 2, -destHeight / 2, destWidth, destHeight];
 
   canvas.width = normalizeDecimalNumber(width);
   canvas.height = normalizeDecimalNumber(height);
diff --git a/dist/cropper.css b/dist/cropper.css
index 29a7a56a..6e298fa5 100644
--- a/dist/cropper.css
+++ b/dist/cropper.css
@@ -1,11 +1,11 @@
 /*!
- * Cropper v4.0.0-alpha
+ * Cropper v4.0.0-beta
  * https://github.com/fengyuanchen/cropper
  *
  * Copyright (c) 2014-2018 Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2018-03-01T14:21:03.491Z
+ * Date: 2018-03-03T03:58:44.059Z
  */
 
 .cropper-container {
diff --git a/dist/cropper.esm.js b/dist/cropper.esm.js
index 9e9af4c2..f2bd880d 100644
--- a/dist/cropper.esm.js
+++ b/dist/cropper.esm.js
@@ -1,11 +1,11 @@
 /*!
- * Cropper v4.0.0-alpha
+ * Cropper v4.0.0-beta
  * https://github.com/fengyuanchen/cropper
  *
  * Copyright (c) 2014-2018 Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2018-03-01T14:21:13.980Z
+ * Date: 2018-03-03T03:59:36.917Z
  */
 
 import $ from 'jquery';
@@ -837,7 +837,9 @@ function getRotatedSizes(_ref5) {
  * @returns {HTMLCanvasElement} The result canvas.
  */
 function getSourceCanvas(image, _ref6, _ref7, _ref8) {
-  var _ref6$rotate = _ref6.rotate,
+  var imageNaturalWidth = _ref6.naturalWidth,
+      imageNaturalHeight = _ref6.naturalHeight,
+      _ref6$rotate = _ref6.rotate,
       rotate = _ref6$rotate === undefined ? 0 : _ref6$rotate,
       _ref6$scaleX = _ref6.scaleX,
       scaleX = _ref6$scaleX === undefined ? 1 : _ref6$scaleX,
@@ -875,7 +877,12 @@ function getSourceCanvas(image, _ref6, _ref7, _ref8) {
   }, 'cover');
   var width = Math.min(maxSizes.width, Math.max(minSizes.width, naturalWidth));
   var height = Math.min(maxSizes.height, Math.max(minSizes.height, naturalHeight));
-  var params = [-width / 2, -height / 2, width, height];
+
+  // Note: should always use image's natural sizes for drawing as
+  // imageData.naturalWidth === canvasData.naturalHeight when rotate % 180 === 90
+  var destWidth = Math.min(maxSizes.width, Math.max(minSizes.width, imageNaturalWidth));
+  var destHeight = Math.min(maxSizes.height, Math.max(minSizes.height, imageNaturalHeight));
+  var params = [-destWidth / 2, -destHeight / 2, destWidth, destHeight];
 
   canvas.width = normalizeDecimalNumber(width);
   canvas.height = normalizeDecimalNumber(height);
diff --git a/dist/cropper.js b/dist/cropper.js
index c82e8516..aa4e5845 100644
--- a/dist/cropper.js
+++ b/dist/cropper.js
@@ -1,11 +1,11 @@
 /*!
- * Cropper v4.0.0-alpha
+ * Cropper v4.0.0-beta
  * https://github.com/fengyuanchen/cropper
  *
  * Copyright (c) 2014-2018 Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2018-03-01T14:21:13.980Z
+ * Date: 2018-03-03T03:59:36.917Z
  */
 
 (function (global, factory) {
@@ -843,7 +843,9 @@ function getRotatedSizes(_ref5) {
  * @returns {HTMLCanvasElement} The result canvas.
  */
 function getSourceCanvas(image, _ref6, _ref7, _ref8) {
-  var _ref6$rotate = _ref6.rotate,
+  var imageNaturalWidth = _ref6.naturalWidth,
+      imageNaturalHeight = _ref6.naturalHeight,
+      _ref6$rotate = _ref6.rotate,
       rotate = _ref6$rotate === undefined ? 0 : _ref6$rotate,
       _ref6$scaleX = _ref6.scaleX,
       scaleX = _ref6$scaleX === undefined ? 1 : _ref6$scaleX,
@@ -881,7 +883,12 @@ function getSourceCanvas(image, _ref6, _ref7, _ref8) {
   }, 'cover');
   var width = Math.min(maxSizes.width, Math.max(minSizes.width, naturalWidth));
   var height = Math.min(maxSizes.height, Math.max(minSizes.height, naturalHeight));
-  var params = [-width / 2, -height / 2, width, height];
+
+  // Note: should always use image's natural sizes for drawing as
+  // imageData.naturalWidth === canvasData.naturalHeight when rotate % 180 === 90
+  var destWidth = Math.min(maxSizes.width, Math.max(minSizes.width, imageNaturalWidth));
+  var destHeight = Math.min(maxSizes.height, Math.max(minSizes.height, imageNaturalHeight));
+  var params = [-destWidth / 2, -destHeight / 2, destWidth, destHeight];
 
   canvas.width = normalizeDecimalNumber(width);
   canvas.height = normalizeDecimalNumber(height);
diff --git a/dist/cropper.min.css b/dist/cropper.min.css
index 16c98962..7901ee23 100644
--- a/dist/cropper.min.css
+++ b/dist/cropper.min.css
@@ -1,9 +1,9 @@
 /*!
- * Cropper v4.0.0-alpha
+ * Cropper v4.0.0-beta
  * https://github.com/fengyuanchen/cropper
  *
  * Copyright (c) 2014-2018 Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2018-03-01T14:21:03.491Z
+ * Date: 2018-03-03T03:58:44.059Z
  */.cropper-container{direction:ltr;font-size:0;line-height:0;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%;image-orientation:0deg;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,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline-color:rgba(51,153,255,.75);outline:1px solid #39f;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;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{display:block;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{display:block;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 13b78377..dc944b93 100644
--- a/dist/cropper.min.js
+++ b/dist/cropper.min.js
@@ -1,10 +1,10 @@
 /*!
- * Cropper v4.0.0-alpha
+ * Cropper v4.0.0-beta
  * https://github.com/fengyuanchen/cropper
  *
  * Copyright (c) 2014-2018 Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2018-03-01T14:21:13.980Z
+ * Date: 2018-03-03T03:59:36.917Z
  */
-!function(t,i){"object"==typeof exports&&"undefined"!=typeof module?i(require("jquery")):"function"==typeof define&&define.amd?define(["jquery"],i):i(t.jQuery)}(this,function(t){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var i="undefined"!=typeof window?window:{},e="cropper",a="all",n="crop",o="move",h="zoom",r="e",s="w",c="s",d="n",l="ne",p="nw",m="se",u="sw",g=e+"-crop",f=e+"-disabled",v=e+"-hidden",w=e+"-hide",b=e+"-modal",x=e+"-move",y="action",M="preview",C="crop",D="move",B="none",k="crop",T="cropend",W="cropmove",N="cropstart",H="dblclick",E="load",z=i.PointerEvent?"pointerdown":"touchstart mousedown",L=i.PointerEvent?"pointermove":"touchmove mousemove",Y=i.PointerEvent?"pointerup pointercancel":"touchend touchcancel mouseup",O="ready",X="resize",R="wheel mousewheel DOMMouseScroll",S="zoom",A=/^(?:e|w|s|n|se|sw|ne|nw|all|crop|move|zoom)$/,I=/^data:/,U=/^data:image\/jpeg;base64,/,j=/^(?:img|canvas)$/i,P={viewMode:0,dragMode:C,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,minCropBoxWidth:0,minCropBoxHeight:0,minContainerWidth:200,minContainerHeight:100,ready:null,cropstart:null,cropmove:null,cropend:null,crop:null,zoom:null},q="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},$=function(t,i){if(!(t instanceof i))throw new TypeError("Cannot call a class as a function")},Q=function(){function t(t,i){for(var e=0;e<i.length;e++){var a=i[e];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}return function(i,e,a){return e&&t(i.prototype,e),a&&t(i,a),i}}(),F=function(t){if(Array.isArray(t)){for(var i=0,e=Array(t.length);i<t.length;i++)e[i]=t[i];return e}return Array.from(t)},Z=Number.isNaN||i.isNaN;function K(t){return"number"==typeof t&&!Z(t)}function V(t){return void 0===t}function G(t){return"object"===(void 0===t?"undefined":q(t))&&null!==t}var J=Object.prototype.hasOwnProperty;function _(t){if(!G(t))return!1;try{var i=t.constructor,e=i.prototype;return i&&e&&J.call(e,"isPrototypeOf")}catch(t){return!1}}function tt(t){return"function"==typeof t}function it(t,i){if(t&&tt(i))if(Array.isArray(t)||K(t.length)){var e=t.length,a=void 0;for(a=0;a<e&&!1!==i.call(t,t[a],a,t);a+=1);}else G(t)&&Object.keys(t).forEach(function(e){i.call(t,t[e],e,t)});return t}var et=Object.assign||function(t){for(var i=arguments.length,e=Array(i>1?i-1:0),a=1;a<i;a++)e[a-1]=arguments[a];return G(t)&&e.length>0&&e.forEach(function(i){G(i)&&Object.keys(i).forEach(function(e){t[e]=i[e]})}),t},at=/\.\d*(?:0|9){12}\d*$/i;function nt(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1e11;return at.test(t)?Math.round(t*i)/i:t}var ot=/^(?:width|height|left|top|marginLeft|marginTop)$/;function ht(t,i){var e=t.style;it(i,function(t,i){ot.test(i)&&K(t)&&(t+="px"),e[i]=t})}function rt(t,i){if(i)if(K(t.length))it(t,function(t){rt(t,i)});else if(t.classList)t.classList.add(i);else{var e=t.className.trim();e?e.indexOf(i)<0&&(t.className=e+" "+i):t.className=i}}function st(t,i){i&&(K(t.length)?it(t,function(t){st(t,i)}):t.classList?t.classList.remove(i):t.className.indexOf(i)>=0&&(t.className=t.className.replace(i,"")))}function ct(t,i,e){i&&(K(t.length)?it(t,function(t){ct(t,i,e)}):e?rt(t,i):st(t,i))}var dt=/([a-z\d])([A-Z])/g;function lt(t){return t.replace(dt,"$1-$2").toLowerCase()}function pt(t,i){return G(t[i])?t[i]:t.dataset?t.dataset[i]:t.getAttribute("data-"+lt(i))}function mt(t,i,e){G(e)?t[i]=e:t.dataset?t.dataset[i]=e:t.setAttribute("data-"+lt(i),e)}function ut(t,i){if(G(t[i]))try{delete t[i]}catch(e){t[i]=void 0}else if(t.dataset)try{delete t.dataset[i]}catch(e){t.dataset[i]=void 0}else t.removeAttribute("data-"+lt(i))}var gt=/\s\s*/;function ft(t,i,e){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};it(i.trim().split(gt),function(i){t.removeEventListener(i,e,a)})}function vt(t,i,e){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};if(a.once){var n=e;e=function(){for(var o=arguments.length,h=Array(o),r=0;r<o;r++)h[r]=arguments[r];return ft(t,i,e,a),n.apply(t,h)}}it(i.trim().split(gt),function(i){t.addEventListener(i,e,a)})}function wt(t,i,e){var a=void 0;return tt(Event)&&tt(CustomEvent)?a=new CustomEvent(i,{detail:e,bubbles:!0,cancelable:!0}):(a=document.createEvent("CustomEvent")).initCustomEvent(i,!0,!0,e),t.dispatchEvent(a)}function bt(t){var i=t.getBoundingClientRect();return{left:i.left+(window.pageXOffset-document.documentElement.clientLeft),top:i.top+(window.pageYOffset-document.documentElement.clientTop)}}var xt=i.location,yt=/^(https?:)\/\/([^:/?#]+):?(\d*)/i;function Mt(t){var i=t.match(yt);return i&&(i[1]!==xt.protocol||i[2]!==xt.hostname||i[3]!==xt.port)}function Ct(t){var i="timestamp="+(new Date).getTime();return t+(-1===t.indexOf("?")?"?":"&")+i}function Dt(t){var i=t.rotate,e=t.scaleX,a=t.scaleY,n=t.translateX,o=t.translateY,h=[];K(n)&&0!==n&&h.push("translateX("+n+"px)"),K(o)&&0!==o&&h.push("translateY("+o+"px)"),K(i)&&0!==i&&h.push("rotate("+i+"deg)"),K(e)&&1!==e&&h.push("scaleX("+e+")"),K(a)&&1!==a&&h.push("scaleY("+a+")");var r=h.length?h.join(" "):"none";return{WebkitTransform:r,msTransform:r,transform:r}}function Bt(t,i){var e=t.pageX,a=t.pageY,n={endX:e,endY:a};return i?n:et({startX:e,startY:a},n)}var kt=Number.isFinite||i.isFinite;function Tt(t){var i=t.aspectRatio,e=t.height,a=t.width,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"contain",o=function(t){return kt(t)&&t>0};if(o(a)&&o(e)){var h=e*i;"contain"===n&&h>a||"cover"===n&&h<a?e=a/i:a=e*i}else o(a)?e=a/i:o(e)&&(a=e*i);return{width:a,height:e}}var Wt=String.fromCharCode;var Nt=/^data:.*,/;function Ht(t){var i=new DataView(t),e=void 0,a=void 0,n=void 0,o=void 0;if(255===i.getUint8(0)&&216===i.getUint8(1))for(var h=i.byteLength,r=2;r<h;){if(255===i.getUint8(r)&&225===i.getUint8(r+1)){n=r;break}r+=1}if(n){var s=n+10;if("Exif"===function(t,i,e){var a="",n=void 0;for(e+=i,n=i;n<e;n+=1)a+=Wt(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);d>=8&&(o=s+d)}}}if(o){var l=i.getUint16(o,a),p=void 0,m=void 0;for(m=0;m<l;m+=1)if(p=o+12*m+2,274===i.getUint16(p,a)){p+=8,e=i.getUint16(p,a),i.setUint16(p,1,a);break}}return e}var Et={render:function(){this.initContainer(),this.initCanvas(),this.initCropBox(),this.renderCanvas(),this.cropped&&this.renderCropBox()},initContainer:function(){var t=this.element,i=this.options,e=this.container,a=this.cropper;rt(a,v),st(t,v);var n={width:Math.max(e.offsetWidth,Number(i.minContainerWidth)||200),height:Math.max(e.offsetHeight,Number(i.minContainerHeight)||100)};this.containerData=n,ht(a,{width:n.width,height:n.height}),rt(t,v),st(a,v)},initCanvas:function(){var t=this.containerData,i=this.imageData,e=this.options.viewMode,a=Math.abs(i.rotate)%180==90,n=a?i.naturalHeight:i.naturalWidth,o=a?i.naturalWidth:i.naturalHeight,h=n/o,r=t.width,s=t.height;t.height*h>t.width?3===e?r=t.height*h:s=t.width/h:3===e?s=t.width/h:r=t.height*h;var c={aspectRatio:h,naturalWidth:n,naturalHeight:o,width:r,height:s};c.left=(t.width-r)/2,c.top=(t.height-s)/2,c.oldLeft=c.left,c.oldTop=c.top,this.canvasData=c,this.limited=1===e||2===e,this.limitCanvas(!0,!0),this.initialImageData=et({},i),this.initialCanvasData=et({},c)},limitCanvas:function(t,i){var e=this.options,a=this.containerData,n=this.canvasData,o=this.cropBoxData,h=e.viewMode,r=n.aspectRatio,s=this.cropped&&o;if(t){var c=Number(e.minCanvasWidth)||0,d=Number(e.minCanvasHeight)||0;h>1?(c=Math.max(c,a.width),d=Math.max(d,a.height),3===h&&(d*r>c?c=d*r:d=c/r)):h>0&&(c?c=Math.max(c,s?o.width:0):d?d=Math.max(d,s?o.height:0):s&&(c=o.width,(d=o.height)*r>c?c=d*r:d=c/r));var l=Tt({aspectRatio:r,width:c,height:d});c=l.width,d=l.height,n.minWidth=c,n.minHeight=d,n.maxWidth=1/0,n.maxHeight=1/0}if(i)if(h){var p=a.width-n.width,m=a.height-n.height;n.minLeft=Math.min(0,p),n.minTop=Math.min(0,m),n.maxLeft=Math.max(0,p),n.maxTop=Math.max(0,m),s&&this.limited&&(n.minLeft=Math.min(o.left,o.left+(o.width-n.width)),n.minTop=Math.min(o.top,o.top+(o.height-n.height)),n.maxLeft=o.left,n.maxTop=o.top,2===h&&(n.width>=a.width&&(n.minLeft=Math.min(0,p),n.maxLeft=Math.max(0,p)),n.height>=a.height&&(n.minTop=Math.min(0,m),n.maxTop=Math.max(0,m))))}else n.minLeft=-n.width,n.minTop=-n.height,n.maxLeft=a.width,n.maxTop=a.height},renderCanvas:function(t,i){var e=this.canvasData,a=this.imageData;if(i){var n=function(t){var i=t.width,e=t.height,a=t.degree;if(90==(a=Math.abs(a)%180))return{width:e,height:i};var n=a%90*Math.PI/180,o=Math.sin(n),h=Math.cos(n),r=i*h+e*o,s=i*o+e*h;return a>90?{width:s,height:r}:{width:r,height:s}}({width:a.naturalWidth*Math.abs(a.scaleX||1),height:a.naturalHeight*Math.abs(a.scaleY||1),degree:a.rotate||0}),o=n.width,h=n.height,r=e.width*(o/e.naturalWidth),s=e.height*(h/e.naturalHeight);e.left-=(r-e.width)/2,e.top-=(s-e.height)/2,e.width=r,e.height=s,e.aspectRatio=o/h,e.naturalWidth=o,e.naturalHeight=h,this.limitCanvas(!0,!1)}(e.width>e.maxWidth||e.width<e.minWidth)&&(e.left=e.oldLeft),(e.height>e.maxHeight||e.height<e.minHeight)&&(e.top=e.oldTop),e.width=Math.min(Math.max(e.width,e.minWidth),e.maxWidth),e.height=Math.min(Math.max(e.height,e.minHeight),e.maxHeight),this.limitCanvas(!1,!0),e.left=Math.min(Math.max(e.left,e.minLeft),e.maxLeft),e.top=Math.min(Math.max(e.top,e.minTop),e.maxTop),e.oldLeft=e.left,e.oldTop=e.top,ht(this.canvas,et({width:e.width,height:e.height},Dt({translateX:e.left,translateY:e.top}))),this.renderImage(t),this.cropped&&this.limited&&this.limitCropBox(!0,!0)},renderImage:function(t){var i=this.canvasData,e=this.imageData,a=e.naturalWidth*(i.width/i.naturalWidth),n=e.naturalHeight*(i.height/i.naturalHeight);et(e,{width:a,height:n,left:(i.width-a)/2,top:(i.height-n)/2}),ht(this.image,et({width:e.width,height:e.height},Dt(et({translateX:e.left,translateY:e.top},e)))),t&&this.output()},initCropBox:function(){var t=this.options,i=this.canvasData,e=t.aspectRatio,a=Number(t.autoCropArea)||.8,n={width:i.width,height:i.height};e&&(i.height*e>i.width?n.height=n.width/e:n.width=n.height*e),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),n.width=Math.max(n.minWidth,n.width*a),n.height=Math.max(n.minHeight,n.height*a),n.left=i.left+(i.width-n.width)/2,n.top=i.top+(i.height-n.height)/2,n.oldLeft=n.left,n.oldTop=n.top,this.initialCropBoxData=et({},n)},limitCropBox:function(t,i){var e=this.options,a=this.containerData,n=this.canvasData,o=this.cropBoxData,h=this.limited,r=e.aspectRatio;if(t){var s=Number(e.minCropBoxWidth)||0,c=Number(e.minCropBoxHeight)||0,d=Math.min(a.width,h?n.width:a.width),l=Math.min(a.height,h?n.height:a.height);s=Math.min(s,a.width),c=Math.min(c,a.height),r&&(s&&c?c*r>s?c=s/r:s=c*r:s?c=s/r:c&&(s=c*r),l*r>d?l=d/r:d=l*r),o.minWidth=Math.min(s,d),o.minHeight=Math.min(c,l),o.maxWidth=d,o.maxHeight=l}i&&(h?(o.minLeft=Math.max(0,n.left),o.minTop=Math.max(0,n.top),o.maxLeft=Math.min(a.width,n.left+n.width)-o.width,o.maxTop=Math.min(a.height,n.top+n.height)-o.height):(o.minLeft=0,o.minTop=0,o.maxLeft=a.width-o.width,o.maxTop=a.height-o.height))},renderCropBox:function(){var t=this.options,i=this.containerData,e=this.cropBoxData;(e.width>e.maxWidth||e.width<e.minWidth)&&(e.left=e.oldLeft),(e.height>e.maxHeight||e.height<e.minHeight)&&(e.top=e.oldTop),e.width=Math.min(Math.max(e.width,e.minWidth),e.maxWidth),e.height=Math.min(Math.max(e.height,e.minHeight),e.maxHeight),this.limitCropBox(!1,!0),e.left=Math.min(Math.max(e.left,e.minLeft),e.maxLeft),e.top=Math.min(Math.max(e.top,e.minTop),e.maxTop),e.oldLeft=e.left,e.oldTop=e.top,t.movable&&t.cropBoxMovable&&mt(this.face,y,e.width>=i.width&&e.height>=i.height?o:a),ht(this.cropBox,et({width:e.width,height:e.height},Dt({translateX:e.left,translateY:e.top}))),this.cropped&&this.limited&&this.limitCanvas(!0,!0),this.disabled||this.output()},output:function(){this.preview(),wt(this.element,k,this.getData())}},zt={initPreview:function(){var t=this.crossOrigin,i=this.options.preview,e=t?this.crossOriginUrl:this.url,a=document.createElement("img");if(t&&(a.crossOrigin=t),a.src=e,this.viewBox.appendChild(a),this.viewBoxImage=a,i){var n=i;"string"==typeof i?n=this.element.ownerDocument.querySelectorAll(i):i.querySelector&&(n=[i]),this.previews=n,it(n,function(i){var a=document.createElement("img");mt(i,M,{width:i.offsetWidth,height:i.offsetHeight,html:i.innerHTML}),t&&(a.crossOrigin=t),a.src=e,a.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;"',i.innerHTML="",i.appendChild(a)})}},resetPreview:function(){it(this.previews,function(t){var i=pt(t,M);ht(t,{width:i.width,height:i.height}),t.innerHTML=i.html,ut(t,M)})},preview:function(){var t=this.imageData,i=this.canvasData,e=this.cropBoxData,a=e.width,n=e.height,o=t.width,h=t.height,r=e.left-i.left-t.left,s=e.top-i.top-t.top;this.cropped&&!this.disabled&&(ht(this.viewBoxImage,et({width:o,height:h},Dt(et({translateX:-r,translateY:-s},t)))),it(this.previews,function(i){var e=pt(i,M),c=e.width,d=e.height,l=c,p=d,m=1;a&&(p=n*(m=c/a)),n&&p>d&&(l=a*(m=d/n),p=d),ht(i,{width:l,height:p}),ht(i.getElementsByTagName("img")[0],et({width:o*m,height:h*m},Dt(et({translateX:-r*m,translateY:-s*m},t))))}))}},Lt={bind:function(){var t=this.element,i=this.options,e=this.cropper;tt(i.cropstart)&&vt(t,N,i.cropstart),tt(i.cropmove)&&vt(t,W,i.cropmove),tt(i.cropend)&&vt(t,T,i.cropend),tt(i.crop)&&vt(t,k,i.crop),tt(i.zoom)&&vt(t,S,i.zoom),vt(e,z,this.onCropStart=this.cropStart.bind(this)),i.zoomable&&i.zoomOnWheel&&vt(e,R,this.onWheel=this.wheel.bind(this)),i.toggleDragModeOnDblclick&&vt(e,H,this.onDblclick=this.dblclick.bind(this)),vt(t.ownerDocument,L,this.onCropMove=this.cropMove.bind(this)),vt(t.ownerDocument,Y,this.onCropEnd=this.cropEnd.bind(this)),i.responsive&&vt(window,X,this.onResize=this.resize.bind(this))},unbind:function(){var t=this.element,i=this.options,e=this.cropper;tt(i.cropstart)&&ft(t,N,i.cropstart),tt(i.cropmove)&&ft(t,W,i.cropmove),tt(i.cropend)&&ft(t,T,i.cropend),tt(i.crop)&&ft(t,k,i.crop),tt(i.zoom)&&ft(t,S,i.zoom),ft(e,z,this.onCropStart),i.zoomable&&i.zoomOnWheel&&ft(e,R,this.onWheel),i.toggleDragModeOnDblclick&&ft(e,H,this.onDblclick),ft(t.ownerDocument,L,this.onCropMove),ft(t.ownerDocument,Y,this.onCropEnd),i.responsive&&ft(window,X,this.onResize)}},Yt={resize:function(){var t=this.options,i=this.container,e=this.containerData,a=Number(t.minContainerWidth)||200,n=Number(t.minContainerHeight)||100;if(!(this.disabled||e.width<=a||e.height<=n)){var o=i.offsetWidth/e.width;if(1!==o||i.offsetHeight!==e.height){var h=void 0,r=void 0;t.restore&&(h=this.getCanvasData(),r=this.getCropBoxData()),this.render(),t.restore&&(this.setCanvasData(it(h,function(t,i){h[i]=t*o})),this.setCropBoxData(it(r,function(t,i){r[i]=t*o})))}}},dblclick:function(){var t,i;this.disabled||this.options.dragMode===B||this.setDragMode((t=this.dragBox,i=g,(t.classList?t.classList.contains(i):t.className.indexOf(i)>-1)?D:C))},wheel:function(t){var i=this,e=Number(this.options.wheelZoomRatio)||.1,a=1;this.disabled||(t.preventDefault(),this.wheeling||(this.wheeling=!0,setTimeout(function(){i.wheeling=!1},50),t.deltaY?a=t.deltaY>0?1:-1:t.wheelDelta?a=-t.wheelDelta/120:t.detail&&(a=t.detail>0?1:-1),this.zoom(-a*e,t)))},cropStart:function(t){if(!this.disabled){var i=this.options,e=this.pointers,a=void 0;t.changedTouches?it(t.changedTouches,function(t){e[t.identifier]=Bt(t)}):e[t.pointerId||0]=Bt(t),a=Object.keys(e).length>1&&i.zoomable&&i.zoomOnTouch?h:pt(t.target,y),A.test(a)&&!1!==wt(this.element,N,{originalEvent:t,action:a})&&(t.preventDefault(),this.action=a,this.cropping=!1,a===n&&(this.cropping=!0,rt(this.dragBox,b)))}},cropMove:function(t){var i=this.action;if(!this.disabled&&i){var e=this.pointers;t.preventDefault(),!1!==wt(this.element,W,{originalEvent:t,action:i})&&(t.changedTouches?it(t.changedTouches,function(t){et(e[t.identifier],Bt(t,!0))}):et(e[t.pointerId||0],Bt(t,!0)),this.change(t))}},cropEnd:function(t){if(!this.disabled){var i=this.action,e=this.pointers;t.changedTouches?it(t.changedTouches,function(t){delete e[t.identifier]}):delete e[t.pointerId||0],i&&(t.preventDefault(),Object.keys(e).length||(this.action=""),this.cropping&&(this.cropping=!1,ct(this.dragBox,b,this.cropped&&this.options.modal)),wt(this.element,T,{originalEvent:t,action:i}))}}},Ot={change:function(t){var i=this.options,e=this.canvasData,g=this.containerData,f=this.cropBoxData,w=this.pointers,b=this.action,x=i.aspectRatio,y=f.left,M=f.top,C=f.width,D=f.height,B=y+C,k=M+D,T=0,W=0,N=g.width,H=g.height,E=!0,z=void 0;!x&&t.shiftKey&&(x=C&&D?C/D:1),this.limited&&(T=f.minLeft,W=f.minTop,N=T+Math.min(g.width,e.width,e.left+e.width),H=W+Math.min(g.height,e.height,e.top+e.height));var L,Y,O,X=w[Object.keys(w)[0]],R={x:X.endX-X.startX,y:X.endY-X.startY},S=function(t){switch(t){case r:B+R.x>N&&(R.x=N-B);break;case s:y+R.x<T&&(R.x=T-y);break;case d:M+R.y<W&&(R.y=W-M);break;case c:k+R.y>H&&(R.y=H-k)}};switch(b){case a:y+=R.x,M+=R.y;break;case r:if(R.x>=0&&(B>=N||x&&(M<=W||k>=H))){E=!1;break}S(r),C+=R.x,x&&(D=C/x,M-=R.x/x/2),C<0&&(b=s,C=0);break;case d:if(R.y<=0&&(M<=W||x&&(y<=T||B>=N))){E=!1;break}S(d),D-=R.y,M+=R.y,x&&(C=D*x,y+=R.y*x/2),D<0&&(b=c,D=0);break;case s:if(R.x<=0&&(y<=T||x&&(M<=W||k>=H))){E=!1;break}S(s),C-=R.x,y+=R.x,x&&(D=C/x,M+=R.x/x/2),C<0&&(b=r,C=0);break;case c:if(R.y>=0&&(k>=H||x&&(y<=T||B>=N))){E=!1;break}S(c),D+=R.y,x&&(C=D*x,y-=R.y*x/2),D<0&&(b=d,D=0);break;case l:if(x){if(R.y<=0&&(M<=W||B>=N)){E=!1;break}S(d),D-=R.y,M+=R.y,C=D*x}else S(d),S(r),R.x>=0?B<N?C+=R.x:R.y<=0&&M<=W&&(E=!1):C+=R.x,R.y<=0?M>W&&(D-=R.y,M+=R.y):(D-=R.y,M+=R.y);C<0&&D<0?(b=u,D=0,C=0):C<0?(b=p,C=0):D<0&&(b=m,D=0);break;case p:if(x){if(R.y<=0&&(M<=W||y<=T)){E=!1;break}S(d),D-=R.y,M+=R.y,C=D*x,y+=R.y*x}else S(d),S(s),R.x<=0?y>T?(C-=R.x,y+=R.x):R.y<=0&&M<=W&&(E=!1):(C-=R.x,y+=R.x),R.y<=0?M>W&&(D-=R.y,M+=R.y):(D-=R.y,M+=R.y);C<0&&D<0?(b=m,D=0,C=0):C<0?(b=l,C=0):D<0&&(b=u,D=0);break;case u:if(x){if(R.x<=0&&(y<=T||k>=H)){E=!1;break}S(s),C-=R.x,y+=R.x,D=C/x}else S(c),S(s),R.x<=0?y>T?(C-=R.x,y+=R.x):R.y>=0&&k>=H&&(E=!1):(C-=R.x,y+=R.x),R.y>=0?k<H&&(D+=R.y):D+=R.y;C<0&&D<0?(b=l,D=0,C=0):C<0?(b=m,C=0):D<0&&(b=p,D=0);break;case m:if(x){if(R.x>=0&&(B>=N||k>=H)){E=!1;break}S(r),D=(C+=R.x)/x}else S(c),S(r),R.x>=0?B<N?C+=R.x:R.y>=0&&k>=H&&(E=!1):C+=R.x,R.y>=0?k<H&&(D+=R.y):D+=R.y;C<0&&D<0?(b=p,D=0,C=0):C<0?(b=u,C=0):D<0&&(b=l,D=0);break;case o:this.move(R.x,R.y),E=!1;break;case h:this.zoom((Y=et({},L=w),O=[],it(L,function(t,i){delete Y[i],it(Y,function(i){var e=Math.abs(t.startX-i.startX),a=Math.abs(t.startY-i.startY),n=Math.abs(t.endX-i.endX),o=Math.abs(t.endY-i.endY),h=Math.sqrt(e*e+a*a),r=(Math.sqrt(n*n+o*o)-h)/h;O.push(r)})}),O.sort(function(t,i){return Math.abs(t)<Math.abs(i)}),O[0]),t),E=!1;break;case n:if(!R.x||!R.y){E=!1;break}z=bt(this.cropper),y=X.startX-z.left,M=X.startY-z.top,C=f.minWidth,D=f.minHeight,R.x>0?b=R.y>0?m:l:R.x<0&&(y-=C,b=R.y>0?u:p),R.y<0&&(M-=D),this.cropped||(st(this.cropBox,v),this.cropped=!0,this.limited&&this.limitCropBox(!0,!0))}E&&(f.width=C,f.height=D,f.left=y,f.top=M,this.action=b,this.renderCropBox()),it(w,function(t){t.startX=t.endX,t.startY=t.endY})}},Xt={crop:function(){return!this.ready||this.cropped||this.disabled||(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&rt(this.dragBox,b),st(this.cropBox,v),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&&!this.disabled&&(this.imageData=et({},this.initialImageData),this.canvasData=et({},this.initialCanvasData),this.cropBoxData=et({},this.initialCropBoxData),this.renderCanvas(),this.cropped&&this.renderCropBox()),this},clear:function(){return this.cropped&&!this.disabled&&(et(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),st(this.dragBox,b),rt(this.cropBox,v)),this},replace:function(t){var i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return!this.disabled&&t&&(this.isImg&&(this.element.src=t),i?(this.url=t,this.image.src=t,this.ready&&(this.viewBoxImage.src=t,it(this.previews,function(i){i.getElementsByTagName("img")[0].src=t}))):(this.isImg&&(this.replaced=!0),this.options.data=null,this.uncreate(),this.load(t))),this},enable:function(){return this.ready&&this.disabled&&(this.disabled=!1,st(this.cropper,f)),this},disable:function(){return this.ready&&!this.disabled&&(this.disabled=!0,rt(this.cropper,f)),this},destroy:function(){var t=this.element;return pt(t,e)?(this.isImg&&this.replaced&&(t.src=this.originalUrl),this.uncreate(),ut(t,e),this):this},move:function(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t,e=this.canvasData,a=e.left,n=e.top;return this.moveTo(V(t)?t:a+Number(t),V(i)?i:n+Number(i))},moveTo:function(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t,e=this.canvasData,a=!1;return t=Number(t),i=Number(i),this.ready&&!this.disabled&&this.options.movable&&(K(t)&&(e.left=t,a=!0),K(i)&&(e.top=i,a=!0),a&&this.renderCanvas(!0)),this},zoom:function(t,i){var e=this.canvasData;return t=(t=Number(t))<0?1/(1-t):1+t,this.zoomTo(e.width*t/e.naturalWidth,null,i)},zoomTo:function(t,i,e){var a,n,o,h=this.options,r=this.canvasData,s=r.width,c=r.height,d=r.naturalWidth,l=r.naturalHeight;if((t=Number(t))>=0&&this.ready&&!this.disabled&&h.zoomable){var p=d*t,m=l*t;if(!1===wt(this.element,S,{originalEvent:e,oldRatio:s/d,ratio:p/d}))return this;if(e){var u=this.pointers,g=bt(this.cropper),f=u&&Object.keys(u).length?(a=0,n=0,o=0,it(u,function(t){var i=t.startX,e=t.startY;a+=i,n+=e,o+=1}),{pageX:a/=o,pageY:n/=o}):{pageX:e.pageX,pageY:e.pageY};r.left-=(p-s)*((f.pageX-g.left-r.left)/s),r.top-=(m-c)*((f.pageY-g.top-r.top)/c)}else _(i)&&K(i.x)&&K(i.y)?(r.left-=(p-s)*((i.x-r.left)/s),r.top-=(m-c)*((i.y-r.top)/c)):(r.left-=(p-s)/2,r.top-=(m-c)/2);r.width=p,r.height=m,this.renderCanvas(!0)}return this},rotate:function(t){return this.rotateTo((this.imageData.rotate||0)+Number(t))},rotateTo:function(t){return K(t=Number(t))&&this.ready&&!this.disabled&&this.options.rotatable&&(this.imageData.rotate=t%360,this.renderCanvas(!0,!0)),this},scaleX:function(t){var i=this.imageData.scaleY;return this.scale(t,K(i)?i:1)},scaleY:function(t){var i=this.imageData.scaleX;return this.scale(K(i)?i:1,t)},scale:function(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t,e=this.imageData,a=!1;return t=Number(t),i=Number(i),this.ready&&!this.disabled&&this.options.scalable&&(K(t)&&(e.scaleX=t,a=!0),K(i)&&(e.scaleY=i,a=!0),a&&this.renderCanvas(!0,!0)),this},getData:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=this.options,e=this.imageData,a=this.canvasData,n=this.cropBoxData,o=void 0;if(this.ready&&this.cropped){o={x:n.left-a.left,y:n.top-a.top,width:n.width,height:n.height};var h=e.width/e.naturalWidth;it(o,function(i,e){i/=h,o[e]=t?Math.round(i):i})}else o={x:0,y:0,width:0,height:0};return i.rotatable&&(o.rotate=e.rotate||0),i.scalable&&(o.scaleX=e.scaleX||1,o.scaleY=e.scaleY||1),o},setData:function(t){var i=this.options,e=this.imageData,a=this.canvasData,n={};if(this.ready&&!this.disabled&&_(t)){var o=!1;i.rotatable&&K(t.rotate)&&t.rotate!==e.rotate&&(e.rotate=t.rotate,o=!0),i.scalable&&(K(t.scaleX)&&t.scaleX!==e.scaleX&&(e.scaleX=t.scaleX,o=!0),K(t.scaleY)&&t.scaleY!==e.scaleY&&(e.scaleY=t.scaleY,o=!0)),o&&this.renderCanvas(!0,!0);var h=e.width/e.naturalWidth;K(t.x)&&(n.left=t.x*h+a.left),K(t.y)&&(n.top=t.y*h+a.top),K(t.width)&&(n.width=t.width*h),K(t.height)&&(n.height=t.height*h),this.setCropBoxData(n)}return this},getContainerData:function(){return this.ready?et({},this.containerData):{}},getImageData:function(){return this.sized?et({},this.imageData):{}},getCanvasData:function(){var t=this.canvasData,i={};return this.ready&&it(["left","top","width","height","naturalWidth","naturalHeight"],function(e){i[e]=t[e]}),i},setCanvasData:function(t){var i=this.canvasData,e=i.aspectRatio;return this.ready&&!this.disabled&&_(t)&&(K(t.left)&&(i.left=t.left),K(t.top)&&(i.top=t.top),K(t.width)?(i.width=t.width,i.height=t.width/e):K(t.height)&&(i.height=t.height,i.width=t.height*e),this.renderCanvas(!0)),this},getCropBoxData:function(){var t=this.cropBoxData,i=void 0;return this.ready&&this.cropped&&(i={left:t.left,top:t.top,width:t.width,height:t.height}),i||{}},setCropBoxData:function(t){var i=this.cropBoxData,e=this.options.aspectRatio,a=void 0,n=void 0;return this.ready&&this.cropped&&!this.disabled&&_(t)&&(K(t.left)&&(i.left=t.left),K(t.top)&&(i.top=t.top),K(t.width)&&t.width!==i.width&&(a=!0,i.width=t.width),K(t.height)&&t.height!==i.height&&(n=!0,i.height=t.height),e&&(a?i.height=i.width/e:n&&(i.width=i.height*e)),this.renderCropBox()),this},getCroppedCanvas:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!this.ready||!window.HTMLCanvasElement)return null;var i,e,a,n,o,h,r,s,c,d,l,p,m,u,g,f,v,w,b,x,y,M,C,D,B,k,T,W,N,H,E,z,L,Y,O=this.canvasData,X=(i=this.image,e=this.imageData,a=O,n=t,o=e.rotate,h=void 0===o?0:o,r=e.scaleX,s=void 0===r?1:r,c=e.scaleY,d=void 0===c?1:c,l=a.aspectRatio,p=a.naturalWidth,m=a.naturalHeight,u=n.fillColor,g=void 0===u?"transparent":u,f=n.imageSmoothingEnabled,v=void 0===f||f,w=n.imageSmoothingQuality,b=void 0===w?"low":w,x=n.maxWidth,y=void 0===x?1/0:x,M=n.maxHeight,C=void 0===M?1/0:M,D=n.minWidth,B=void 0===D?0:D,k=n.minHeight,T=void 0===k?0:k,W=document.createElement("canvas"),N=W.getContext("2d"),H=Tt({aspectRatio:l,width:y,height:C}),E=Tt({aspectRatio:l,width:B,height:T},"cover"),z=Math.min(H.width,Math.max(E.width,p)),L=Math.min(H.height,Math.max(E.height,m)),Y=[-z/2,-L/2,z,L],W.width=nt(z),W.height=nt(L),N.fillStyle=g,N.fillRect(0,0,z,L),N.save(),N.translate(z/2,L/2),N.rotate(h*Math.PI/180),N.scale(s,d),N.imageSmoothingEnabled=v,N.imageSmoothingQuality=b,N.drawImage.apply(N,[i].concat(F(Y.map(function(t){return Math.floor(nt(t))})))),N.restore(),W);if(!this.cropped)return X;var R=this.getData(),S=R.x,A=R.y,I=R.width,U=R.height,j=X.width/Math.floor(O.naturalWidth);1!==j&&(S*=j,A*=j,I*=j,U*=j);var P=I/U,q=Tt({aspectRatio:P,width:t.maxWidth||1/0,height:t.maxHeight||1/0}),$=Tt({aspectRatio:P,width:t.minWidth||0,height:t.minHeight||0},"cover"),Q=Tt({aspectRatio:P,width:t.width||(1!==j?X.width:I),height:t.height||(1!==j?X.height:U)}),Z=Q.width,K=Q.height;Z=Math.min(q.width,Math.max($.width,Z)),K=Math.min(q.height,Math.max($.height,K));var V=document.createElement("canvas"),G=V.getContext("2d");V.width=nt(Z),V.height=nt(K),G.fillStyle=t.fillColor||"transparent",G.fillRect(0,0,Z,K);var J=t.imageSmoothingEnabled,_=void 0===J||J,tt=t.imageSmoothingQuality;G.imageSmoothingEnabled=_,tt&&(G.imageSmoothingQuality=tt);var it=X.width,et=X.height,at=S,ot=A,ht=void 0,rt=void 0,st=void 0,ct=void 0,dt=void 0,lt=void 0;at<=-I||at>it?(at=0,ht=0,st=0,dt=0):at<=0?(st=-at,at=0,dt=ht=Math.min(it,I+at)):at<=it&&(st=0,dt=ht=Math.min(I,it-at)),ht<=0||ot<=-U||ot>et?(ot=0,rt=0,ct=0,lt=0):ot<=0?(ct=-ot,ot=0,lt=rt=Math.min(et,U+ot)):ot<=et&&(ct=0,lt=rt=Math.min(U,et-ot));var pt=[at,ot,ht,rt];if(dt>0&&lt>0){var mt=Z/I;pt.push(st*mt,ct*mt,dt*mt,lt*mt)}return G.drawImage.apply(G,[X].concat(F(pt.map(function(t){return Math.floor(nt(t))})))),V},setAspectRatio:function(t){var i=this.options;return this.disabled||V(t)||(i.aspectRatio=Math.max(0,t)||NaN,this.ready&&(this.initCropBox(),this.cropped&&this.renderCropBox())),this},setDragMode:function(t){var i=this.options,e=this.dragBox,a=this.face;if(this.ready&&!this.disabled){var n=t===C,o=i.movable&&t===D;t=n||o?t:B,i.dragMode=t,mt(e,y,t),ct(e,g,n),ct(e,x,o),i.cropBoxMovable||(mt(a,y,t),ct(a,g,n),ct(a,x,o))}return this}},Rt=i.Cropper,St=function(){function t(i){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if($(this,t),!i||!j.test(i.tagName))throw new Error("The first argument is required and must be an <img> or <canvas> element.");this.element=i,this.options=et({},P,_(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 Q(t,[{key:"init",value:function(){var t=this.element,i=t.tagName.toLowerCase(),a=void 0;if(!pt(t,e)){if(mt(t,e,this),"img"===i){if(this.isImg=!0,a=t.getAttribute("src")||"",this.originalUrl=a,!a)return;a=t.src}else"canvas"===i&&window.HTMLCanvasElement&&(a=t.toDataURL());this.load(a)}}},{key:"load",value:function(t){var i=this;if(t){this.url=t,this.imageData={};var e=this.element,a=this.options;if(a.checkOrientation&&window.ArrayBuffer)if(I.test(t))U.test(t)?this.read((n=t.replace(Nt,""),o=atob(n),h=new ArrayBuffer(o.length),it(r=new Uint8Array(h),function(t,i){r[i]=o.charCodeAt(i)}),h)):this.clone();else{var n,o,h,r,s=new XMLHttpRequest;this.reloading=!0,this.xhr=s;var c=function(){i.reloading=!1,i.xhr=null};s.ontimeout=c,s.onabort=c,s.onerror=function(){c(),i.clone()},s.onload=function(){c(),i.read(s.response)},a.checkCrossOrigin&&Mt(t)&&e.crossOrigin&&(t=Ct(t)),s.open("get",t),s.responseType="arraybuffer",s.withCredentials="use-credentials"===e.crossOrigin,s.send()}else this.clone()}}},{key:"read",value:function(t){var i,e,a,n=this.options,o=this.imageData,h=Ht(t),r=0,s=1,c=1;if(h>1){this.url=(i="image/jpeg",e=new Uint8Array(t),a="",it(e,function(t){a+=Wt(t)}),"data:"+i+";base64,"+btoa(a));var d=function(t){var i=0,e=1,a=1;switch(t){case 2:e=-1;break;case 3:i=-180;break;case 4:a=-1;break;case 5:i=90,a=-1;break;case 6:i=90;break;case 7:i=90,e=-1;break;case 8:i=-90}return{rotate:i,scaleX:e,scaleY:a}}(h);r=d.rotate,s=d.scaleX,c=d.scaleY}n.rotatable&&(o.rotate=r),n.scalable&&(o.scaleX=s,o.scaleY=c),this.clone()}},{key:"clone",value:function(){var t=this.element,i=this.url,e=void 0,a=void 0;this.options.checkCrossOrigin&&Mt(i)&&((e=t.crossOrigin)?a=i:(e="anonymous",a=Ct(i))),this.crossOrigin=e,this.crossOriginUrl=a;var n=document.createElement("img");e&&(n.crossOrigin=e),n.src=a||i;var o=this.start.bind(this),h=this.stop.bind(this);this.image=n,this.onStart=o,this.onStop=h,this.isImg?t.complete?this.timeout=setTimeout(o,0):vt(t,E,o,{once:!0}):(n.onload=o,n.onerror=h,rt(n,w),t.parentNode.insertBefore(n,t.nextSibling))}},{key:"start",value:function(t){var e=this,a=this.isImg?this.element:this.image;t&&(a.onload=null,a.onerror=null),this.sizing=!0;var n=i.navigator&&/(Macintosh|iPhone|iPod|iPad).*AppleWebKit/i.test(i.navigator.userAgent),o=function(t,i){et(e.imageData,{naturalWidth:t,naturalHeight:i,aspectRatio:t/i}),e.sizing=!1,e.sized=!0,e.build()};if(!a.naturalWidth||n){var h=document.createElement("img"),r=document.body||document.documentElement;this.sizingImage=h,h.onload=function(){o(h.width,h.height),n||r.removeChild(h)},h.src=a.src,n||(h.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;",r.appendChild(h))}else o(a.naturalWidth,a.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,i=this.options,n=this.image,o=t.parentNode,h=document.createElement("div");h.innerHTML='<div class="cropper-container" touch-action="none"><div class="cropper-wrap-box"><div class="cropper-canvas"></div></div><div class="cropper-drag-box"></div><div class="cropper-crop-box"><span class="cropper-view-box"></span><span class="cropper-dashed dashed-h"></span><span class="cropper-dashed dashed-v"></span><span class="cropper-center"></span><span class="cropper-face"></span><span class="cropper-line line-e" data-action="e"></span><span class="cropper-line line-n" data-action="n"></span><span class="cropper-line line-w" data-action="w"></span><span class="cropper-line line-s" data-action="s"></span><span class="cropper-point point-e" data-action="e"></span><span class="cropper-point point-n" data-action="n"></span><span class="cropper-point point-w" data-action="w"></span><span class="cropper-point point-s" data-action="s"></span><span class="cropper-point point-ne" data-action="ne"></span><span class="cropper-point point-nw" data-action="nw"></span><span class="cropper-point point-sw" data-action="sw"></span><span class="cropper-point point-se" data-action="se"></span></div></div>';var r=h.querySelector("."+e+"-container"),s=r.querySelector("."+e+"-canvas"),c=r.querySelector("."+e+"-drag-box"),d=r.querySelector("."+e+"-crop-box"),l=d.querySelector("."+e+"-face");this.container=o,this.cropper=r,this.canvas=s,this.dragBox=c,this.cropBox=d,this.viewBox=r.querySelector("."+e+"-view-box"),this.face=l,s.appendChild(n),rt(t,v),o.insertBefore(r,t.nextSibling),this.isImg||st(n,w),this.initPreview(),this.bind(),i.aspectRatio=Math.max(0,i.aspectRatio)||NaN,i.viewMode=Math.max(0,Math.min(3,Math.round(i.viewMode)))||0,rt(d,v),i.guides||rt(d.getElementsByClassName(e+"-dashed"),v),i.center||rt(d.getElementsByClassName(e+"-center"),v),i.background&&rt(r,e+"-bg"),i.highlight||rt(l,"cropper-invisible"),i.cropBoxMovable&&(rt(l,x),mt(l,y,a)),i.cropBoxResizable||(rt(d.getElementsByClassName(e+"-line"),v),rt(d.getElementsByClassName(e+"-point"),v)),this.render(),this.ready=!0,this.setDragMode(i.dragMode),i.autoCrop&&this.crop(),this.setData(i.data),tt(i.ready)&&vt(t,O,i.ready,{once:!0}),wt(t,O)}}},{key:"unbuild",value:function(){this.ready&&(this.ready=!1,this.unbind(),this.resetPreview(),this.cropper.parentNode.removeChild(this.cropper),st(this.element,v))}},{key:"uncreate",value:function(){var t=this.element;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.abort():this.isImg?t.complete?clearTimeout(this.timeout):ft(t,E,this.onStart):this.image&&this.stop()}}],[{key:"noConflict",value:function(){return window.Cropper=Rt,t}},{key:"setDefaults",value:function(t){et(P,_(t)&&t)}}]),t}();if(et(St.prototype,Et,zt,Lt,Yt,Ot,Xt),t.fn){var At=t.fn.cropper,It="cropper";t.fn.cropper=function(i){for(var e=arguments.length,a=Array(e>1?e-1:0),n=1;n<e;n++)a[n-1]=arguments[n];var o=void 0;return this.each(function(e,n){var h=t(n),r="destroy"===i,s=h.data(It);if(!s){if(r)return;var c=t.extend({},h.data(),t.isPlainObject(i)&&i);s=new St(n,c),h.data(It,s)}if("string"==typeof i){var d=s[i];t.isFunction(d)&&((o=d.apply(s,a))===s&&(o=void 0),r&&h.removeData(It))}}),void 0===o?this:o},t.fn.cropper.Constructor=St,t.fn.cropper.setDefaults=St.setDefaults,t.fn.cropper.noConflict=function(){return t.fn.cropper=At,this}}});
\ No newline at end of file
+!function(t,i){"object"==typeof exports&&"undefined"!=typeof module?i(require("jquery")):"function"==typeof define&&define.amd?define(["jquery"],i):i(t.jQuery)}(this,function(t){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var i="undefined"!=typeof window?window:{},e="cropper",a="all",n="crop",o="move",h="zoom",r="e",s="w",d="s",c="n",l="ne",p="nw",m="se",u="sw",g=e+"-crop",f=e+"-disabled",v=e+"-hidden",w=e+"-hide",x=e+"-modal",b=e+"-move",y="action",M="preview",C="crop",D="move",B="none",k="crop",T="cropend",W="cropmove",H="cropstart",N="dblclick",E="load",z=i.PointerEvent?"pointerdown":"touchstart mousedown",L=i.PointerEvent?"pointermove":"touchmove mousemove",Y=i.PointerEvent?"pointerup pointercancel":"touchend touchcancel mouseup",O="ready",X="resize",R="wheel mousewheel DOMMouseScroll",S="zoom",A=/^(?:e|w|s|n|se|sw|ne|nw|all|crop|move|zoom)$/,I=/^data:/,U=/^data:image\/jpeg;base64,/,j=/^(?:img|canvas)$/i,P={viewMode:0,dragMode:C,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,minCropBoxWidth:0,minCropBoxHeight:0,minContainerWidth:200,minContainerHeight:100,ready:null,cropstart:null,cropmove:null,cropend:null,crop:null,zoom:null},q="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},$=function(t,i){if(!(t instanceof i))throw new TypeError("Cannot call a class as a function")},Q=function(){function t(t,i){for(var e=0;e<i.length;e++){var a=i[e];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}return function(i,e,a){return e&&t(i.prototype,e),a&&t(i,a),i}}(),F=function(t){if(Array.isArray(t)){for(var i=0,e=Array(t.length);i<t.length;i++)e[i]=t[i];return e}return Array.from(t)},Z=Number.isNaN||i.isNaN;function K(t){return"number"==typeof t&&!Z(t)}function V(t){return void 0===t}function G(t){return"object"===(void 0===t?"undefined":q(t))&&null!==t}var J=Object.prototype.hasOwnProperty;function _(t){if(!G(t))return!1;try{var i=t.constructor,e=i.prototype;return i&&e&&J.call(e,"isPrototypeOf")}catch(t){return!1}}function tt(t){return"function"==typeof t}function it(t,i){if(t&&tt(i))if(Array.isArray(t)||K(t.length)){var e=t.length,a=void 0;for(a=0;a<e&&!1!==i.call(t,t[a],a,t);a+=1);}else G(t)&&Object.keys(t).forEach(function(e){i.call(t,t[e],e,t)});return t}var et=Object.assign||function(t){for(var i=arguments.length,e=Array(i>1?i-1:0),a=1;a<i;a++)e[a-1]=arguments[a];return G(t)&&e.length>0&&e.forEach(function(i){G(i)&&Object.keys(i).forEach(function(e){t[e]=i[e]})}),t},at=/\.\d*(?:0|9){12}\d*$/i;function nt(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1e11;return at.test(t)?Math.round(t*i)/i:t}var ot=/^(?:width|height|left|top|marginLeft|marginTop)$/;function ht(t,i){var e=t.style;it(i,function(t,i){ot.test(i)&&K(t)&&(t+="px"),e[i]=t})}function rt(t,i){if(i)if(K(t.length))it(t,function(t){rt(t,i)});else if(t.classList)t.classList.add(i);else{var e=t.className.trim();e?e.indexOf(i)<0&&(t.className=e+" "+i):t.className=i}}function st(t,i){i&&(K(t.length)?it(t,function(t){st(t,i)}):t.classList?t.classList.remove(i):t.className.indexOf(i)>=0&&(t.className=t.className.replace(i,"")))}function dt(t,i,e){i&&(K(t.length)?it(t,function(t){dt(t,i,e)}):e?rt(t,i):st(t,i))}var ct=/([a-z\d])([A-Z])/g;function lt(t){return t.replace(ct,"$1-$2").toLowerCase()}function pt(t,i){return G(t[i])?t[i]:t.dataset?t.dataset[i]:t.getAttribute("data-"+lt(i))}function mt(t,i,e){G(e)?t[i]=e:t.dataset?t.dataset[i]=e:t.setAttribute("data-"+lt(i),e)}function ut(t,i){if(G(t[i]))try{delete t[i]}catch(e){t[i]=void 0}else if(t.dataset)try{delete t.dataset[i]}catch(e){t.dataset[i]=void 0}else t.removeAttribute("data-"+lt(i))}var gt=/\s\s*/;function ft(t,i,e){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};it(i.trim().split(gt),function(i){t.removeEventListener(i,e,a)})}function vt(t,i,e){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};if(a.once){var n=e;e=function(){for(var o=arguments.length,h=Array(o),r=0;r<o;r++)h[r]=arguments[r];return ft(t,i,e,a),n.apply(t,h)}}it(i.trim().split(gt),function(i){t.addEventListener(i,e,a)})}function wt(t,i,e){var a=void 0;return tt(Event)&&tt(CustomEvent)?a=new CustomEvent(i,{detail:e,bubbles:!0,cancelable:!0}):(a=document.createEvent("CustomEvent")).initCustomEvent(i,!0,!0,e),t.dispatchEvent(a)}function xt(t){var i=t.getBoundingClientRect();return{left:i.left+(window.pageXOffset-document.documentElement.clientLeft),top:i.top+(window.pageYOffset-document.documentElement.clientTop)}}var bt=i.location,yt=/^(https?:)\/\/([^:/?#]+):?(\d*)/i;function Mt(t){var i=t.match(yt);return i&&(i[1]!==bt.protocol||i[2]!==bt.hostname||i[3]!==bt.port)}function Ct(t){var i="timestamp="+(new Date).getTime();return t+(-1===t.indexOf("?")?"?":"&")+i}function Dt(t){var i=t.rotate,e=t.scaleX,a=t.scaleY,n=t.translateX,o=t.translateY,h=[];K(n)&&0!==n&&h.push("translateX("+n+"px)"),K(o)&&0!==o&&h.push("translateY("+o+"px)"),K(i)&&0!==i&&h.push("rotate("+i+"deg)"),K(e)&&1!==e&&h.push("scaleX("+e+")"),K(a)&&1!==a&&h.push("scaleY("+a+")");var r=h.length?h.join(" "):"none";return{WebkitTransform:r,msTransform:r,transform:r}}function Bt(t,i){var e=t.pageX,a=t.pageY,n={endX:e,endY:a};return i?n:et({startX:e,startY:a},n)}var kt=Number.isFinite||i.isFinite;function Tt(t){var i=t.aspectRatio,e=t.height,a=t.width,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"contain",o=function(t){return kt(t)&&t>0};if(o(a)&&o(e)){var h=e*i;"contain"===n&&h>a||"cover"===n&&h<a?e=a/i:a=e*i}else o(a)?e=a/i:o(e)&&(a=e*i);return{width:a,height:e}}var Wt=String.fromCharCode;var Ht=/^data:.*,/;function Nt(t){var i=new DataView(t),e=void 0,a=void 0,n=void 0,o=void 0;if(255===i.getUint8(0)&&216===i.getUint8(1))for(var h=i.byteLength,r=2;r<h;){if(255===i.getUint8(r)&&225===i.getUint8(r+1)){n=r;break}r+=1}if(n){var s=n+10;if("Exif"===function(t,i,e){var a="",n=void 0;for(e+=i,n=i;n<e;n+=1)a+=Wt(t.getUint8(n));return a}(i,n+4,4)){var d=i.getUint16(s);if(((a=18761===d)||19789===d)&&42===i.getUint16(s+2,a)){var c=i.getUint32(s+4,a);c>=8&&(o=s+c)}}}if(o){var l=i.getUint16(o,a),p=void 0,m=void 0;for(m=0;m<l;m+=1)if(p=o+12*m+2,274===i.getUint16(p,a)){p+=8,e=i.getUint16(p,a),i.setUint16(p,1,a);break}}return e}var Et={render:function(){this.initContainer(),this.initCanvas(),this.initCropBox(),this.renderCanvas(),this.cropped&&this.renderCropBox()},initContainer:function(){var t=this.element,i=this.options,e=this.container,a=this.cropper;rt(a,v),st(t,v);var n={width:Math.max(e.offsetWidth,Number(i.minContainerWidth)||200),height:Math.max(e.offsetHeight,Number(i.minContainerHeight)||100)};this.containerData=n,ht(a,{width:n.width,height:n.height}),rt(t,v),st(a,v)},initCanvas:function(){var t=this.containerData,i=this.imageData,e=this.options.viewMode,a=Math.abs(i.rotate)%180==90,n=a?i.naturalHeight:i.naturalWidth,o=a?i.naturalWidth:i.naturalHeight,h=n/o,r=t.width,s=t.height;t.height*h>t.width?3===e?r=t.height*h:s=t.width/h:3===e?s=t.width/h:r=t.height*h;var d={aspectRatio:h,naturalWidth:n,naturalHeight:o,width:r,height:s};d.left=(t.width-r)/2,d.top=(t.height-s)/2,d.oldLeft=d.left,d.oldTop=d.top,this.canvasData=d,this.limited=1===e||2===e,this.limitCanvas(!0,!0),this.initialImageData=et({},i),this.initialCanvasData=et({},d)},limitCanvas:function(t,i){var e=this.options,a=this.containerData,n=this.canvasData,o=this.cropBoxData,h=e.viewMode,r=n.aspectRatio,s=this.cropped&&o;if(t){var d=Number(e.minCanvasWidth)||0,c=Number(e.minCanvasHeight)||0;h>1?(d=Math.max(d,a.width),c=Math.max(c,a.height),3===h&&(c*r>d?d=c*r:c=d/r)):h>0&&(d?d=Math.max(d,s?o.width:0):c?c=Math.max(c,s?o.height:0):s&&(d=o.width,(c=o.height)*r>d?d=c*r:c=d/r));var l=Tt({aspectRatio:r,width:d,height:c});d=l.width,c=l.height,n.minWidth=d,n.minHeight=c,n.maxWidth=1/0,n.maxHeight=1/0}if(i)if(h){var p=a.width-n.width,m=a.height-n.height;n.minLeft=Math.min(0,p),n.minTop=Math.min(0,m),n.maxLeft=Math.max(0,p),n.maxTop=Math.max(0,m),s&&this.limited&&(n.minLeft=Math.min(o.left,o.left+(o.width-n.width)),n.minTop=Math.min(o.top,o.top+(o.height-n.height)),n.maxLeft=o.left,n.maxTop=o.top,2===h&&(n.width>=a.width&&(n.minLeft=Math.min(0,p),n.maxLeft=Math.max(0,p)),n.height>=a.height&&(n.minTop=Math.min(0,m),n.maxTop=Math.max(0,m))))}else n.minLeft=-n.width,n.minTop=-n.height,n.maxLeft=a.width,n.maxTop=a.height},renderCanvas:function(t,i){var e=this.canvasData,a=this.imageData;if(i){var n=function(t){var i=t.width,e=t.height,a=t.degree;if(90==(a=Math.abs(a)%180))return{width:e,height:i};var n=a%90*Math.PI/180,o=Math.sin(n),h=Math.cos(n),r=i*h+e*o,s=i*o+e*h;return a>90?{width:s,height:r}:{width:r,height:s}}({width:a.naturalWidth*Math.abs(a.scaleX||1),height:a.naturalHeight*Math.abs(a.scaleY||1),degree:a.rotate||0}),o=n.width,h=n.height,r=e.width*(o/e.naturalWidth),s=e.height*(h/e.naturalHeight);e.left-=(r-e.width)/2,e.top-=(s-e.height)/2,e.width=r,e.height=s,e.aspectRatio=o/h,e.naturalWidth=o,e.naturalHeight=h,this.limitCanvas(!0,!1)}(e.width>e.maxWidth||e.width<e.minWidth)&&(e.left=e.oldLeft),(e.height>e.maxHeight||e.height<e.minHeight)&&(e.top=e.oldTop),e.width=Math.min(Math.max(e.width,e.minWidth),e.maxWidth),e.height=Math.min(Math.max(e.height,e.minHeight),e.maxHeight),this.limitCanvas(!1,!0),e.left=Math.min(Math.max(e.left,e.minLeft),e.maxLeft),e.top=Math.min(Math.max(e.top,e.minTop),e.maxTop),e.oldLeft=e.left,e.oldTop=e.top,ht(this.canvas,et({width:e.width,height:e.height},Dt({translateX:e.left,translateY:e.top}))),this.renderImage(t),this.cropped&&this.limited&&this.limitCropBox(!0,!0)},renderImage:function(t){var i=this.canvasData,e=this.imageData,a=e.naturalWidth*(i.width/i.naturalWidth),n=e.naturalHeight*(i.height/i.naturalHeight);et(e,{width:a,height:n,left:(i.width-a)/2,top:(i.height-n)/2}),ht(this.image,et({width:e.width,height:e.height},Dt(et({translateX:e.left,translateY:e.top},e)))),t&&this.output()},initCropBox:function(){var t=this.options,i=this.canvasData,e=t.aspectRatio,a=Number(t.autoCropArea)||.8,n={width:i.width,height:i.height};e&&(i.height*e>i.width?n.height=n.width/e:n.width=n.height*e),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),n.width=Math.max(n.minWidth,n.width*a),n.height=Math.max(n.minHeight,n.height*a),n.left=i.left+(i.width-n.width)/2,n.top=i.top+(i.height-n.height)/2,n.oldLeft=n.left,n.oldTop=n.top,this.initialCropBoxData=et({},n)},limitCropBox:function(t,i){var e=this.options,a=this.containerData,n=this.canvasData,o=this.cropBoxData,h=this.limited,r=e.aspectRatio;if(t){var s=Number(e.minCropBoxWidth)||0,d=Number(e.minCropBoxHeight)||0,c=Math.min(a.width,h?n.width:a.width),l=Math.min(a.height,h?n.height:a.height);s=Math.min(s,a.width),d=Math.min(d,a.height),r&&(s&&d?d*r>s?d=s/r:s=d*r:s?d=s/r:d&&(s=d*r),l*r>c?l=c/r:c=l*r),o.minWidth=Math.min(s,c),o.minHeight=Math.min(d,l),o.maxWidth=c,o.maxHeight=l}i&&(h?(o.minLeft=Math.max(0,n.left),o.minTop=Math.max(0,n.top),o.maxLeft=Math.min(a.width,n.left+n.width)-o.width,o.maxTop=Math.min(a.height,n.top+n.height)-o.height):(o.minLeft=0,o.minTop=0,o.maxLeft=a.width-o.width,o.maxTop=a.height-o.height))},renderCropBox:function(){var t=this.options,i=this.containerData,e=this.cropBoxData;(e.width>e.maxWidth||e.width<e.minWidth)&&(e.left=e.oldLeft),(e.height>e.maxHeight||e.height<e.minHeight)&&(e.top=e.oldTop),e.width=Math.min(Math.max(e.width,e.minWidth),e.maxWidth),e.height=Math.min(Math.max(e.height,e.minHeight),e.maxHeight),this.limitCropBox(!1,!0),e.left=Math.min(Math.max(e.left,e.minLeft),e.maxLeft),e.top=Math.min(Math.max(e.top,e.minTop),e.maxTop),e.oldLeft=e.left,e.oldTop=e.top,t.movable&&t.cropBoxMovable&&mt(this.face,y,e.width>=i.width&&e.height>=i.height?o:a),ht(this.cropBox,et({width:e.width,height:e.height},Dt({translateX:e.left,translateY:e.top}))),this.cropped&&this.limited&&this.limitCanvas(!0,!0),this.disabled||this.output()},output:function(){this.preview(),wt(this.element,k,this.getData())}},zt={initPreview:function(){var t=this.crossOrigin,i=this.options.preview,e=t?this.crossOriginUrl:this.url,a=document.createElement("img");if(t&&(a.crossOrigin=t),a.src=e,this.viewBox.appendChild(a),this.viewBoxImage=a,i){var n=i;"string"==typeof i?n=this.element.ownerDocument.querySelectorAll(i):i.querySelector&&(n=[i]),this.previews=n,it(n,function(i){var a=document.createElement("img");mt(i,M,{width:i.offsetWidth,height:i.offsetHeight,html:i.innerHTML}),t&&(a.crossOrigin=t),a.src=e,a.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;"',i.innerHTML="",i.appendChild(a)})}},resetPreview:function(){it(this.previews,function(t){var i=pt(t,M);ht(t,{width:i.width,height:i.height}),t.innerHTML=i.html,ut(t,M)})},preview:function(){var t=this.imageData,i=this.canvasData,e=this.cropBoxData,a=e.width,n=e.height,o=t.width,h=t.height,r=e.left-i.left-t.left,s=e.top-i.top-t.top;this.cropped&&!this.disabled&&(ht(this.viewBoxImage,et({width:o,height:h},Dt(et({translateX:-r,translateY:-s},t)))),it(this.previews,function(i){var e=pt(i,M),d=e.width,c=e.height,l=d,p=c,m=1;a&&(p=n*(m=d/a)),n&&p>c&&(l=a*(m=c/n),p=c),ht(i,{width:l,height:p}),ht(i.getElementsByTagName("img")[0],et({width:o*m,height:h*m},Dt(et({translateX:-r*m,translateY:-s*m},t))))}))}},Lt={bind:function(){var t=this.element,i=this.options,e=this.cropper;tt(i.cropstart)&&vt(t,H,i.cropstart),tt(i.cropmove)&&vt(t,W,i.cropmove),tt(i.cropend)&&vt(t,T,i.cropend),tt(i.crop)&&vt(t,k,i.crop),tt(i.zoom)&&vt(t,S,i.zoom),vt(e,z,this.onCropStart=this.cropStart.bind(this)),i.zoomable&&i.zoomOnWheel&&vt(e,R,this.onWheel=this.wheel.bind(this)),i.toggleDragModeOnDblclick&&vt(e,N,this.onDblclick=this.dblclick.bind(this)),vt(t.ownerDocument,L,this.onCropMove=this.cropMove.bind(this)),vt(t.ownerDocument,Y,this.onCropEnd=this.cropEnd.bind(this)),i.responsive&&vt(window,X,this.onResize=this.resize.bind(this))},unbind:function(){var t=this.element,i=this.options,e=this.cropper;tt(i.cropstart)&&ft(t,H,i.cropstart),tt(i.cropmove)&&ft(t,W,i.cropmove),tt(i.cropend)&&ft(t,T,i.cropend),tt(i.crop)&&ft(t,k,i.crop),tt(i.zoom)&&ft(t,S,i.zoom),ft(e,z,this.onCropStart),i.zoomable&&i.zoomOnWheel&&ft(e,R,this.onWheel),i.toggleDragModeOnDblclick&&ft(e,N,this.onDblclick),ft(t.ownerDocument,L,this.onCropMove),ft(t.ownerDocument,Y,this.onCropEnd),i.responsive&&ft(window,X,this.onResize)}},Yt={resize:function(){var t=this.options,i=this.container,e=this.containerData,a=Number(t.minContainerWidth)||200,n=Number(t.minContainerHeight)||100;if(!(this.disabled||e.width<=a||e.height<=n)){var o=i.offsetWidth/e.width;if(1!==o||i.offsetHeight!==e.height){var h=void 0,r=void 0;t.restore&&(h=this.getCanvasData(),r=this.getCropBoxData()),this.render(),t.restore&&(this.setCanvasData(it(h,function(t,i){h[i]=t*o})),this.setCropBoxData(it(r,function(t,i){r[i]=t*o})))}}},dblclick:function(){var t,i;this.disabled||this.options.dragMode===B||this.setDragMode((t=this.dragBox,i=g,(t.classList?t.classList.contains(i):t.className.indexOf(i)>-1)?D:C))},wheel:function(t){var i=this,e=Number(this.options.wheelZoomRatio)||.1,a=1;this.disabled||(t.preventDefault(),this.wheeling||(this.wheeling=!0,setTimeout(function(){i.wheeling=!1},50),t.deltaY?a=t.deltaY>0?1:-1:t.wheelDelta?a=-t.wheelDelta/120:t.detail&&(a=t.detail>0?1:-1),this.zoom(-a*e,t)))},cropStart:function(t){if(!this.disabled){var i=this.options,e=this.pointers,a=void 0;t.changedTouches?it(t.changedTouches,function(t){e[t.identifier]=Bt(t)}):e[t.pointerId||0]=Bt(t),a=Object.keys(e).length>1&&i.zoomable&&i.zoomOnTouch?h:pt(t.target,y),A.test(a)&&!1!==wt(this.element,H,{originalEvent:t,action:a})&&(t.preventDefault(),this.action=a,this.cropping=!1,a===n&&(this.cropping=!0,rt(this.dragBox,x)))}},cropMove:function(t){var i=this.action;if(!this.disabled&&i){var e=this.pointers;t.preventDefault(),!1!==wt(this.element,W,{originalEvent:t,action:i})&&(t.changedTouches?it(t.changedTouches,function(t){et(e[t.identifier],Bt(t,!0))}):et(e[t.pointerId||0],Bt(t,!0)),this.change(t))}},cropEnd:function(t){if(!this.disabled){var i=this.action,e=this.pointers;t.changedTouches?it(t.changedTouches,function(t){delete e[t.identifier]}):delete e[t.pointerId||0],i&&(t.preventDefault(),Object.keys(e).length||(this.action=""),this.cropping&&(this.cropping=!1,dt(this.dragBox,x,this.cropped&&this.options.modal)),wt(this.element,T,{originalEvent:t,action:i}))}}},Ot={change:function(t){var i=this.options,e=this.canvasData,g=this.containerData,f=this.cropBoxData,w=this.pointers,x=this.action,b=i.aspectRatio,y=f.left,M=f.top,C=f.width,D=f.height,B=y+C,k=M+D,T=0,W=0,H=g.width,N=g.height,E=!0,z=void 0;!b&&t.shiftKey&&(b=C&&D?C/D:1),this.limited&&(T=f.minLeft,W=f.minTop,H=T+Math.min(g.width,e.width,e.left+e.width),N=W+Math.min(g.height,e.height,e.top+e.height));var L,Y,O,X=w[Object.keys(w)[0]],R={x:X.endX-X.startX,y:X.endY-X.startY},S=function(t){switch(t){case r:B+R.x>H&&(R.x=H-B);break;case s:y+R.x<T&&(R.x=T-y);break;case c:M+R.y<W&&(R.y=W-M);break;case d:k+R.y>N&&(R.y=N-k)}};switch(x){case a:y+=R.x,M+=R.y;break;case r:if(R.x>=0&&(B>=H||b&&(M<=W||k>=N))){E=!1;break}S(r),C+=R.x,b&&(D=C/b,M-=R.x/b/2),C<0&&(x=s,C=0);break;case c:if(R.y<=0&&(M<=W||b&&(y<=T||B>=H))){E=!1;break}S(c),D-=R.y,M+=R.y,b&&(C=D*b,y+=R.y*b/2),D<0&&(x=d,D=0);break;case s:if(R.x<=0&&(y<=T||b&&(M<=W||k>=N))){E=!1;break}S(s),C-=R.x,y+=R.x,b&&(D=C/b,M+=R.x/b/2),C<0&&(x=r,C=0);break;case d:if(R.y>=0&&(k>=N||b&&(y<=T||B>=H))){E=!1;break}S(d),D+=R.y,b&&(C=D*b,y-=R.y*b/2),D<0&&(x=c,D=0);break;case l:if(b){if(R.y<=0&&(M<=W||B>=H)){E=!1;break}S(c),D-=R.y,M+=R.y,C=D*b}else S(c),S(r),R.x>=0?B<H?C+=R.x:R.y<=0&&M<=W&&(E=!1):C+=R.x,R.y<=0?M>W&&(D-=R.y,M+=R.y):(D-=R.y,M+=R.y);C<0&&D<0?(x=u,D=0,C=0):C<0?(x=p,C=0):D<0&&(x=m,D=0);break;case p:if(b){if(R.y<=0&&(M<=W||y<=T)){E=!1;break}S(c),D-=R.y,M+=R.y,C=D*b,y+=R.y*b}else S(c),S(s),R.x<=0?y>T?(C-=R.x,y+=R.x):R.y<=0&&M<=W&&(E=!1):(C-=R.x,y+=R.x),R.y<=0?M>W&&(D-=R.y,M+=R.y):(D-=R.y,M+=R.y);C<0&&D<0?(x=m,D=0,C=0):C<0?(x=l,C=0):D<0&&(x=u,D=0);break;case u:if(b){if(R.x<=0&&(y<=T||k>=N)){E=!1;break}S(s),C-=R.x,y+=R.x,D=C/b}else S(d),S(s),R.x<=0?y>T?(C-=R.x,y+=R.x):R.y>=0&&k>=N&&(E=!1):(C-=R.x,y+=R.x),R.y>=0?k<N&&(D+=R.y):D+=R.y;C<0&&D<0?(x=l,D=0,C=0):C<0?(x=m,C=0):D<0&&(x=p,D=0);break;case m:if(b){if(R.x>=0&&(B>=H||k>=N)){E=!1;break}S(r),D=(C+=R.x)/b}else S(d),S(r),R.x>=0?B<H?C+=R.x:R.y>=0&&k>=N&&(E=!1):C+=R.x,R.y>=0?k<N&&(D+=R.y):D+=R.y;C<0&&D<0?(x=p,D=0,C=0):C<0?(x=u,C=0):D<0&&(x=l,D=0);break;case o:this.move(R.x,R.y),E=!1;break;case h:this.zoom((Y=et({},L=w),O=[],it(L,function(t,i){delete Y[i],it(Y,function(i){var e=Math.abs(t.startX-i.startX),a=Math.abs(t.startY-i.startY),n=Math.abs(t.endX-i.endX),o=Math.abs(t.endY-i.endY),h=Math.sqrt(e*e+a*a),r=(Math.sqrt(n*n+o*o)-h)/h;O.push(r)})}),O.sort(function(t,i){return Math.abs(t)<Math.abs(i)}),O[0]),t),E=!1;break;case n:if(!R.x||!R.y){E=!1;break}z=xt(this.cropper),y=X.startX-z.left,M=X.startY-z.top,C=f.minWidth,D=f.minHeight,R.x>0?x=R.y>0?m:l:R.x<0&&(y-=C,x=R.y>0?u:p),R.y<0&&(M-=D),this.cropped||(st(this.cropBox,v),this.cropped=!0,this.limited&&this.limitCropBox(!0,!0))}E&&(f.width=C,f.height=D,f.left=y,f.top=M,this.action=x,this.renderCropBox()),it(w,function(t){t.startX=t.endX,t.startY=t.endY})}},Xt={crop:function(){return!this.ready||this.cropped||this.disabled||(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&rt(this.dragBox,x),st(this.cropBox,v),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&&!this.disabled&&(this.imageData=et({},this.initialImageData),this.canvasData=et({},this.initialCanvasData),this.cropBoxData=et({},this.initialCropBoxData),this.renderCanvas(),this.cropped&&this.renderCropBox()),this},clear:function(){return this.cropped&&!this.disabled&&(et(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),st(this.dragBox,x),rt(this.cropBox,v)),this},replace:function(t){var i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return!this.disabled&&t&&(this.isImg&&(this.element.src=t),i?(this.url=t,this.image.src=t,this.ready&&(this.viewBoxImage.src=t,it(this.previews,function(i){i.getElementsByTagName("img")[0].src=t}))):(this.isImg&&(this.replaced=!0),this.options.data=null,this.uncreate(),this.load(t))),this},enable:function(){return this.ready&&this.disabled&&(this.disabled=!1,st(this.cropper,f)),this},disable:function(){return this.ready&&!this.disabled&&(this.disabled=!0,rt(this.cropper,f)),this},destroy:function(){var t=this.element;return pt(t,e)?(this.isImg&&this.replaced&&(t.src=this.originalUrl),this.uncreate(),ut(t,e),this):this},move:function(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t,e=this.canvasData,a=e.left,n=e.top;return this.moveTo(V(t)?t:a+Number(t),V(i)?i:n+Number(i))},moveTo:function(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t,e=this.canvasData,a=!1;return t=Number(t),i=Number(i),this.ready&&!this.disabled&&this.options.movable&&(K(t)&&(e.left=t,a=!0),K(i)&&(e.top=i,a=!0),a&&this.renderCanvas(!0)),this},zoom:function(t,i){var e=this.canvasData;return t=(t=Number(t))<0?1/(1-t):1+t,this.zoomTo(e.width*t/e.naturalWidth,null,i)},zoomTo:function(t,i,e){var a,n,o,h=this.options,r=this.canvasData,s=r.width,d=r.height,c=r.naturalWidth,l=r.naturalHeight;if((t=Number(t))>=0&&this.ready&&!this.disabled&&h.zoomable){var p=c*t,m=l*t;if(!1===wt(this.element,S,{originalEvent:e,oldRatio:s/c,ratio:p/c}))return this;if(e){var u=this.pointers,g=xt(this.cropper),f=u&&Object.keys(u).length?(a=0,n=0,o=0,it(u,function(t){var i=t.startX,e=t.startY;a+=i,n+=e,o+=1}),{pageX:a/=o,pageY:n/=o}):{pageX:e.pageX,pageY:e.pageY};r.left-=(p-s)*((f.pageX-g.left-r.left)/s),r.top-=(m-d)*((f.pageY-g.top-r.top)/d)}else _(i)&&K(i.x)&&K(i.y)?(r.left-=(p-s)*((i.x-r.left)/s),r.top-=(m-d)*((i.y-r.top)/d)):(r.left-=(p-s)/2,r.top-=(m-d)/2);r.width=p,r.height=m,this.renderCanvas(!0)}return this},rotate:function(t){return this.rotateTo((this.imageData.rotate||0)+Number(t))},rotateTo:function(t){return K(t=Number(t))&&this.ready&&!this.disabled&&this.options.rotatable&&(this.imageData.rotate=t%360,this.renderCanvas(!0,!0)),this},scaleX:function(t){var i=this.imageData.scaleY;return this.scale(t,K(i)?i:1)},scaleY:function(t){var i=this.imageData.scaleX;return this.scale(K(i)?i:1,t)},scale:function(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t,e=this.imageData,a=!1;return t=Number(t),i=Number(i),this.ready&&!this.disabled&&this.options.scalable&&(K(t)&&(e.scaleX=t,a=!0),K(i)&&(e.scaleY=i,a=!0),a&&this.renderCanvas(!0,!0)),this},getData:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],i=this.options,e=this.imageData,a=this.canvasData,n=this.cropBoxData,o=void 0;if(this.ready&&this.cropped){o={x:n.left-a.left,y:n.top-a.top,width:n.width,height:n.height};var h=e.width/e.naturalWidth;it(o,function(i,e){i/=h,o[e]=t?Math.round(i):i})}else o={x:0,y:0,width:0,height:0};return i.rotatable&&(o.rotate=e.rotate||0),i.scalable&&(o.scaleX=e.scaleX||1,o.scaleY=e.scaleY||1),o},setData:function(t){var i=this.options,e=this.imageData,a=this.canvasData,n={};if(this.ready&&!this.disabled&&_(t)){var o=!1;i.rotatable&&K(t.rotate)&&t.rotate!==e.rotate&&(e.rotate=t.rotate,o=!0),i.scalable&&(K(t.scaleX)&&t.scaleX!==e.scaleX&&(e.scaleX=t.scaleX,o=!0),K(t.scaleY)&&t.scaleY!==e.scaleY&&(e.scaleY=t.scaleY,o=!0)),o&&this.renderCanvas(!0,!0);var h=e.width/e.naturalWidth;K(t.x)&&(n.left=t.x*h+a.left),K(t.y)&&(n.top=t.y*h+a.top),K(t.width)&&(n.width=t.width*h),K(t.height)&&(n.height=t.height*h),this.setCropBoxData(n)}return this},getContainerData:function(){return this.ready?et({},this.containerData):{}},getImageData:function(){return this.sized?et({},this.imageData):{}},getCanvasData:function(){var t=this.canvasData,i={};return this.ready&&it(["left","top","width","height","naturalWidth","naturalHeight"],function(e){i[e]=t[e]}),i},setCanvasData:function(t){var i=this.canvasData,e=i.aspectRatio;return this.ready&&!this.disabled&&_(t)&&(K(t.left)&&(i.left=t.left),K(t.top)&&(i.top=t.top),K(t.width)?(i.width=t.width,i.height=t.width/e):K(t.height)&&(i.height=t.height,i.width=t.height*e),this.renderCanvas(!0)),this},getCropBoxData:function(){var t=this.cropBoxData,i=void 0;return this.ready&&this.cropped&&(i={left:t.left,top:t.top,width:t.width,height:t.height}),i||{}},setCropBoxData:function(t){var i=this.cropBoxData,e=this.options.aspectRatio,a=void 0,n=void 0;return this.ready&&this.cropped&&!this.disabled&&_(t)&&(K(t.left)&&(i.left=t.left),K(t.top)&&(i.top=t.top),K(t.width)&&t.width!==i.width&&(a=!0,i.width=t.width),K(t.height)&&t.height!==i.height&&(n=!0,i.height=t.height),e&&(a?i.height=i.width/e:n&&(i.width=i.height*e)),this.renderCropBox()),this},getCroppedCanvas:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!this.ready||!window.HTMLCanvasElement)return null;var i,e,a,n,o,h,r,s,d,c,l,p,m,u,g,f,v,w,x,b,y,M,C,D,B,k,T,W,H,N,E,z,L,Y,O,X,R,S,A=this.canvasData,I=(i=this.image,e=this.imageData,a=A,n=t,o=e.naturalWidth,h=e.naturalHeight,r=e.rotate,s=void 0===r?0:r,d=e.scaleX,c=void 0===d?1:d,l=e.scaleY,p=void 0===l?1:l,m=a.aspectRatio,u=a.naturalWidth,g=a.naturalHeight,f=n.fillColor,v=void 0===f?"transparent":f,w=n.imageSmoothingEnabled,x=void 0===w||w,b=n.imageSmoothingQuality,y=void 0===b?"low":b,M=n.maxWidth,C=void 0===M?1/0:M,D=n.maxHeight,B=void 0===D?1/0:D,k=n.minWidth,T=void 0===k?0:k,W=n.minHeight,H=void 0===W?0:W,N=document.createElement("canvas"),E=N.getContext("2d"),z=Tt({aspectRatio:m,width:C,height:B}),L=Tt({aspectRatio:m,width:T,height:H},"cover"),Y=Math.min(z.width,Math.max(L.width,u)),O=Math.min(z.height,Math.max(L.height,g)),X=Math.min(z.width,Math.max(L.width,o)),R=Math.min(z.height,Math.max(L.height,h)),S=[-X/2,-R/2,X,R],N.width=nt(Y),N.height=nt(O),E.fillStyle=v,E.fillRect(0,0,Y,O),E.save(),E.translate(Y/2,O/2),E.rotate(s*Math.PI/180),E.scale(c,p),E.imageSmoothingEnabled=x,E.imageSmoothingQuality=y,E.drawImage.apply(E,[i].concat(F(S.map(function(t){return Math.floor(nt(t))})))),E.restore(),N);if(!this.cropped)return I;var U=this.getData(),j=U.x,P=U.y,q=U.width,$=U.height,Q=I.width/Math.floor(A.naturalWidth);1!==Q&&(j*=Q,P*=Q,q*=Q,$*=Q);var Z=q/$,K=Tt({aspectRatio:Z,width:t.maxWidth||1/0,height:t.maxHeight||1/0}),V=Tt({aspectRatio:Z,width:t.minWidth||0,height:t.minHeight||0},"cover"),G=Tt({aspectRatio:Z,width:t.width||(1!==Q?I.width:q),height:t.height||(1!==Q?I.height:$)}),J=G.width,_=G.height;J=Math.min(K.width,Math.max(V.width,J)),_=Math.min(K.height,Math.max(V.height,_));var tt=document.createElement("canvas"),it=tt.getContext("2d");tt.width=nt(J),tt.height=nt(_),it.fillStyle=t.fillColor||"transparent",it.fillRect(0,0,J,_);var et=t.imageSmoothingEnabled,at=void 0===et||et,ot=t.imageSmoothingQuality;it.imageSmoothingEnabled=at,ot&&(it.imageSmoothingQuality=ot);var ht=I.width,rt=I.height,st=j,dt=P,ct=void 0,lt=void 0,pt=void 0,mt=void 0,ut=void 0,gt=void 0;st<=-q||st>ht?(st=0,ct=0,pt=0,ut=0):st<=0?(pt=-st,st=0,ut=ct=Math.min(ht,q+st)):st<=ht&&(pt=0,ut=ct=Math.min(q,ht-st)),ct<=0||dt<=-$||dt>rt?(dt=0,lt=0,mt=0,gt=0):dt<=0?(mt=-dt,dt=0,gt=lt=Math.min(rt,$+dt)):dt<=rt&&(mt=0,gt=lt=Math.min($,rt-dt));var ft=[st,dt,ct,lt];if(ut>0&&gt>0){var vt=J/q;ft.push(pt*vt,mt*vt,ut*vt,gt*vt)}return it.drawImage.apply(it,[I].concat(F(ft.map(function(t){return Math.floor(nt(t))})))),tt},setAspectRatio:function(t){var i=this.options;return this.disabled||V(t)||(i.aspectRatio=Math.max(0,t)||NaN,this.ready&&(this.initCropBox(),this.cropped&&this.renderCropBox())),this},setDragMode:function(t){var i=this.options,e=this.dragBox,a=this.face;if(this.ready&&!this.disabled){var n=t===C,o=i.movable&&t===D;t=n||o?t:B,i.dragMode=t,mt(e,y,t),dt(e,g,n),dt(e,b,o),i.cropBoxMovable||(mt(a,y,t),dt(a,g,n),dt(a,b,o))}return this}},Rt=i.Cropper,St=function(){function t(i){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if($(this,t),!i||!j.test(i.tagName))throw new Error("The first argument is required and must be an <img> or <canvas> element.");this.element=i,this.options=et({},P,_(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 Q(t,[{key:"init",value:function(){var t=this.element,i=t.tagName.toLowerCase(),a=void 0;if(!pt(t,e)){if(mt(t,e,this),"img"===i){if(this.isImg=!0,a=t.getAttribute("src")||"",this.originalUrl=a,!a)return;a=t.src}else"canvas"===i&&window.HTMLCanvasElement&&(a=t.toDataURL());this.load(a)}}},{key:"load",value:function(t){var i=this;if(t){this.url=t,this.imageData={};var e=this.element,a=this.options;if(a.checkOrientation&&window.ArrayBuffer)if(I.test(t))U.test(t)?this.read((n=t.replace(Ht,""),o=atob(n),h=new ArrayBuffer(o.length),it(r=new Uint8Array(h),function(t,i){r[i]=o.charCodeAt(i)}),h)):this.clone();else{var n,o,h,r,s=new XMLHttpRequest;this.reloading=!0,this.xhr=s;var d=function(){i.reloading=!1,i.xhr=null};s.ontimeout=d,s.onabort=d,s.onerror=function(){d(),i.clone()},s.onload=function(){d(),i.read(s.response)},a.checkCrossOrigin&&Mt(t)&&e.crossOrigin&&(t=Ct(t)),s.open("get",t),s.responseType="arraybuffer",s.withCredentials="use-credentials"===e.crossOrigin,s.send()}else this.clone()}}},{key:"read",value:function(t){var i,e,a,n=this.options,o=this.imageData,h=Nt(t),r=0,s=1,d=1;if(h>1){this.url=(i="image/jpeg",e=new Uint8Array(t),a="",it(e,function(t){a+=Wt(t)}),"data:"+i+";base64,"+btoa(a));var c=function(t){var i=0,e=1,a=1;switch(t){case 2:e=-1;break;case 3:i=-180;break;case 4:a=-1;break;case 5:i=90,a=-1;break;case 6:i=90;break;case 7:i=90,e=-1;break;case 8:i=-90}return{rotate:i,scaleX:e,scaleY:a}}(h);r=c.rotate,s=c.scaleX,d=c.scaleY}n.rotatable&&(o.rotate=r),n.scalable&&(o.scaleX=s,o.scaleY=d),this.clone()}},{key:"clone",value:function(){var t=this.element,i=this.url,e=void 0,a=void 0;this.options.checkCrossOrigin&&Mt(i)&&((e=t.crossOrigin)?a=i:(e="anonymous",a=Ct(i))),this.crossOrigin=e,this.crossOriginUrl=a;var n=document.createElement("img");e&&(n.crossOrigin=e),n.src=a||i;var o=this.start.bind(this),h=this.stop.bind(this);this.image=n,this.onStart=o,this.onStop=h,this.isImg?t.complete?this.timeout=setTimeout(o,0):vt(t,E,o,{once:!0}):(n.onload=o,n.onerror=h,rt(n,w),t.parentNode.insertBefore(n,t.nextSibling))}},{key:"start",value:function(t){var e=this,a=this.isImg?this.element:this.image;t&&(a.onload=null,a.onerror=null),this.sizing=!0;var n=i.navigator&&/(Macintosh|iPhone|iPod|iPad).*AppleWebKit/i.test(i.navigator.userAgent),o=function(t,i){et(e.imageData,{naturalWidth:t,naturalHeight:i,aspectRatio:t/i}),e.sizing=!1,e.sized=!0,e.build()};if(!a.naturalWidth||n){var h=document.createElement("img"),r=document.body||document.documentElement;this.sizingImage=h,h.onload=function(){o(h.width,h.height),n||r.removeChild(h)},h.src=a.src,n||(h.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;",r.appendChild(h))}else o(a.naturalWidth,a.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,i=this.options,n=this.image,o=t.parentNode,h=document.createElement("div");h.innerHTML='<div class="cropper-container" touch-action="none"><div class="cropper-wrap-box"><div class="cropper-canvas"></div></div><div class="cropper-drag-box"></div><div class="cropper-crop-box"><span class="cropper-view-box"></span><span class="cropper-dashed dashed-h"></span><span class="cropper-dashed dashed-v"></span><span class="cropper-center"></span><span class="cropper-face"></span><span class="cropper-line line-e" data-action="e"></span><span class="cropper-line line-n" data-action="n"></span><span class="cropper-line line-w" data-action="w"></span><span class="cropper-line line-s" data-action="s"></span><span class="cropper-point point-e" data-action="e"></span><span class="cropper-point point-n" data-action="n"></span><span class="cropper-point point-w" data-action="w"></span><span class="cropper-point point-s" data-action="s"></span><span class="cropper-point point-ne" data-action="ne"></span><span class="cropper-point point-nw" data-action="nw"></span><span class="cropper-point point-sw" data-action="sw"></span><span class="cropper-point point-se" data-action="se"></span></div></div>';var r=h.querySelector("."+e+"-container"),s=r.querySelector("."+e+"-canvas"),d=r.querySelector("."+e+"-drag-box"),c=r.querySelector("."+e+"-crop-box"),l=c.querySelector("."+e+"-face");this.container=o,this.cropper=r,this.canvas=s,this.dragBox=d,this.cropBox=c,this.viewBox=r.querySelector("."+e+"-view-box"),this.face=l,s.appendChild(n),rt(t,v),o.insertBefore(r,t.nextSibling),this.isImg||st(n,w),this.initPreview(),this.bind(),i.aspectRatio=Math.max(0,i.aspectRatio)||NaN,i.viewMode=Math.max(0,Math.min(3,Math.round(i.viewMode)))||0,rt(c,v),i.guides||rt(c.getElementsByClassName(e+"-dashed"),v),i.center||rt(c.getElementsByClassName(e+"-center"),v),i.background&&rt(r,e+"-bg"),i.highlight||rt(l,"cropper-invisible"),i.cropBoxMovable&&(rt(l,b),mt(l,y,a)),i.cropBoxResizable||(rt(c.getElementsByClassName(e+"-line"),v),rt(c.getElementsByClassName(e+"-point"),v)),this.render(),this.ready=!0,this.setDragMode(i.dragMode),i.autoCrop&&this.crop(),this.setData(i.data),tt(i.ready)&&vt(t,O,i.ready,{once:!0}),wt(t,O)}}},{key:"unbuild",value:function(){this.ready&&(this.ready=!1,this.unbind(),this.resetPreview(),this.cropper.parentNode.removeChild(this.cropper),st(this.element,v))}},{key:"uncreate",value:function(){var t=this.element;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.abort():this.isImg?t.complete?clearTimeout(this.timeout):ft(t,E,this.onStart):this.image&&this.stop()}}],[{key:"noConflict",value:function(){return window.Cropper=Rt,t}},{key:"setDefaults",value:function(t){et(P,_(t)&&t)}}]),t}();if(et(St.prototype,Et,zt,Lt,Yt,Ot,Xt),t.fn){var At=t.fn.cropper,It="cropper";t.fn.cropper=function(i){for(var e=arguments.length,a=Array(e>1?e-1:0),n=1;n<e;n++)a[n-1]=arguments[n];var o=void 0;return this.each(function(e,n){var h=t(n),r="destroy"===i,s=h.data(It);if(!s){if(r)return;var d=t.extend({},h.data(),t.isPlainObject(i)&&i);s=new St(n,d),h.data(It,s)}if("string"==typeof i){var c=s[i];t.isFunction(c)&&((o=c.apply(s,a))===s&&(o=void 0),r&&h.removeData(It))}}),void 0===o?this:o},t.fn.cropper.Constructor=St,t.fn.cropper.setDefaults=St.setDefaults,t.fn.cropper.noConflict=function(){return t.fn.cropper=At,this}}});
\ No newline at end of file
diff --git a/docs/css/cropper.css b/docs/css/cropper.css
index 29a7a56a..6e298fa5 100644
--- a/docs/css/cropper.css
+++ b/docs/css/cropper.css
@@ -1,11 +1,11 @@
 /*!
- * Cropper v4.0.0-alpha
+ * Cropper v4.0.0-beta
  * https://github.com/fengyuanchen/cropper
  *
  * Copyright (c) 2014-2018 Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2018-03-01T14:21:03.491Z
+ * Date: 2018-03-03T03:58:44.059Z
  */
 
 .cropper-container {
diff --git a/docs/index.html b/docs/index.html
index 80ff087c..aef8507e 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -49,7 +49,7 @@
     <div class="container">
       <div class="row">
         <div class="col-md">
-          <h1>Cropper <small class="h6">v4.0.0-alpha</small></h1>
+          <h1>Cropper <small class="h6">v4.0.0-beta</small></h1>
           <p class="lead">A simple jQuery image cropping plugin.</p>
         </div>
         <div class="col-md">
diff --git a/docs/js/cropper.js b/docs/js/cropper.js
index c82e8516..aa4e5845 100644
--- a/docs/js/cropper.js
+++ b/docs/js/cropper.js
@@ -1,11 +1,11 @@
 /*!
- * Cropper v4.0.0-alpha
+ * Cropper v4.0.0-beta
  * https://github.com/fengyuanchen/cropper
  *
  * Copyright (c) 2014-2018 Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2018-03-01T14:21:13.980Z
+ * Date: 2018-03-03T03:59:36.917Z
  */
 
 (function (global, factory) {
@@ -843,7 +843,9 @@ function getRotatedSizes(_ref5) {
  * @returns {HTMLCanvasElement} The result canvas.
  */
 function getSourceCanvas(image, _ref6, _ref7, _ref8) {
-  var _ref6$rotate = _ref6.rotate,
+  var imageNaturalWidth = _ref6.naturalWidth,
+      imageNaturalHeight = _ref6.naturalHeight,
+      _ref6$rotate = _ref6.rotate,
       rotate = _ref6$rotate === undefined ? 0 : _ref6$rotate,
       _ref6$scaleX = _ref6.scaleX,
       scaleX = _ref6$scaleX === undefined ? 1 : _ref6$scaleX,
@@ -881,7 +883,12 @@ function getSourceCanvas(image, _ref6, _ref7, _ref8) {
   }, 'cover');
   var width = Math.min(maxSizes.width, Math.max(minSizes.width, naturalWidth));
   var height = Math.min(maxSizes.height, Math.max(minSizes.height, naturalHeight));
-  var params = [-width / 2, -height / 2, width, height];
+
+  // Note: should always use image's natural sizes for drawing as
+  // imageData.naturalWidth === canvasData.naturalHeight when rotate % 180 === 90
+  var destWidth = Math.min(maxSizes.width, Math.max(minSizes.width, imageNaturalWidth));
+  var destHeight = Math.min(maxSizes.height, Math.max(minSizes.height, imageNaturalHeight));
+  var params = [-destWidth / 2, -destHeight / 2, destWidth, destHeight];
 
   canvas.width = normalizeDecimalNumber(width);
   canvas.height = normalizeDecimalNumber(height);
diff --git a/package-lock.json b/package-lock.json
index 6462ebf2..b38239f9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,19 +1,19 @@
 {
   "name": "cropper",
-  "version": "4.0.0-alpha",
+  "version": "4.0.0-beta",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
     "@commitlint/cli": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/cli/-/cli-6.1.2.tgz",
-      "integrity": "sha1-3Ex1B6st7pKoIel1NVbxrB4mGIM=",
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/@commitlint/cli/-/cli-6.1.3.tgz",
+      "integrity": "sha1-RgbhOLBbQwNNyErxXaGOITkFhTc=",
       "dev": true,
       "requires": {
-        "@commitlint/format": "6.1.2",
-        "@commitlint/lint": "6.1.2",
-        "@commitlint/load": "6.1.2",
-        "@commitlint/read": "6.1.2",
+        "@commitlint/format": "6.1.3",
+        "@commitlint/lint": "6.1.3",
+        "@commitlint/load": "6.1.3",
+        "@commitlint/read": "6.1.3",
         "babel-polyfill": "6.26.0",
         "chalk": "2.3.1",
         "get-stdin": "5.0.1",
@@ -23,24 +23,24 @@
       }
     },
     "@commitlint/config-angular": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/config-angular/-/config-angular-6.1.2.tgz",
-      "integrity": "sha1-k0Xo43shSQCqj+DQq8yRy4rgKJQ=",
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/@commitlint/config-angular/-/config-angular-6.1.3.tgz",
+      "integrity": "sha1-aPRnhv08PveAjEztQuBXIerY9gQ=",
       "dev": true,
       "requires": {
-        "@commitlint/config-angular-type-enum": "6.1.2"
+        "@commitlint/config-angular-type-enum": "6.1.3"
       }
     },
     "@commitlint/config-angular-type-enum": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/config-angular-type-enum/-/config-angular-type-enum-6.1.2.tgz",
-      "integrity": "sha1-z0K9qwwEbIDNM5DM5jPeked9MBw=",
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/@commitlint/config-angular-type-enum/-/config-angular-type-enum-6.1.3.tgz",
+      "integrity": "sha1-8xDcHCTIvp7TIMJikajRjPoRpF8=",
       "dev": true
     },
     "@commitlint/ensure": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/ensure/-/ensure-6.1.2.tgz",
-      "integrity": "sha1-wnpp4hPPvkcCMmH0FpVZwVQ3jFE=",
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/@commitlint/ensure/-/ensure-6.1.3.tgz",
+      "integrity": "sha1-gTtYyf364VNRty/mRqFi69tx6io=",
       "dev": true,
       "requires": {
         "lodash.camelcase": "4.3.0",
@@ -51,18 +51,18 @@
       }
     },
     "@commitlint/execute-rule": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/execute-rule/-/execute-rule-6.1.2.tgz",
-      "integrity": "sha1-74x+4Qcm+GMhHUlL6OTq8AGg4lg=",
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/@commitlint/execute-rule/-/execute-rule-6.1.3.tgz",
+      "integrity": "sha1-SJKOc27xXocQ0zKhXHyJlVXk4Qs=",
       "dev": true,
       "requires": {
         "babel-runtime": "6.26.0"
       }
     },
     "@commitlint/format": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/format/-/format-6.1.2.tgz",
-      "integrity": "sha1-9G+pb4dDacFmtCDj7Vn3RcO7PUk=",
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/@commitlint/format/-/format-6.1.3.tgz",
+      "integrity": "sha1-QUuQSKmvVFh9qWIicXujMjR6veM=",
       "dev": true,
       "requires": {
         "babel-runtime": "6.26.0",
@@ -70,35 +70,35 @@
       }
     },
     "@commitlint/is-ignored": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/is-ignored/-/is-ignored-6.1.2.tgz",
-      "integrity": "sha1-JU1bq0gII63PT6lFyuHqjVMyYuE=",
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/@commitlint/is-ignored/-/is-ignored-6.1.3.tgz",
+      "integrity": "sha1-icm5ZKTWIoh1pXnCv1UtADc0t+g=",
       "dev": true,
       "requires": {
         "semver": "5.5.0"
       }
     },
     "@commitlint/lint": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/lint/-/lint-6.1.2.tgz",
-      "integrity": "sha1-p8W8BR6wU51Bkk+wwRrxO/4YbLI=",
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/@commitlint/lint/-/lint-6.1.3.tgz",
+      "integrity": "sha1-aneI6uOBrahz90IeMVWecgPKrfM=",
       "dev": true,
       "requires": {
-        "@commitlint/is-ignored": "6.1.2",
-        "@commitlint/parse": "6.1.2",
-        "@commitlint/rules": "6.1.2",
+        "@commitlint/is-ignored": "6.1.3",
+        "@commitlint/parse": "6.1.3",
+        "@commitlint/rules": "6.1.3",
         "babel-runtime": "6.26.0",
         "lodash.topairs": "4.3.0"
       }
     },
     "@commitlint/load": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/load/-/load-6.1.2.tgz",
-      "integrity": "sha1-INFtL9cr09HtaiK3I0sf1VyV+9w=",
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/@commitlint/load/-/load-6.1.3.tgz",
+      "integrity": "sha1-G+QHETl5WPMWz0BXepyHmhbwClQ=",
       "dev": true,
       "requires": {
-        "@commitlint/execute-rule": "6.1.2",
-        "@commitlint/resolve-extends": "6.1.2",
+        "@commitlint/execute-rule": "6.1.3",
+        "@commitlint/resolve-extends": "6.1.3",
         "babel-runtime": "6.26.0",
         "cosmiconfig": "4.0.0",
         "lodash.merge": "4.6.1",
@@ -109,15 +109,15 @@
       }
     },
     "@commitlint/message": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/message/-/message-6.1.2.tgz",
-      "integrity": "sha1-fw9xhYuuIxCrRYhq7/P4rkhIPCE=",
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/@commitlint/message/-/message-6.1.3.tgz",
+      "integrity": "sha1-XgRzMwyIcBYBDExWJwcjuAARRdI=",
       "dev": true
     },
     "@commitlint/parse": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/parse/-/parse-6.1.2.tgz",
-      "integrity": "sha1-kgyCpBrCiwFp8aXUrUEVzv2pYgU=",
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/@commitlint/parse/-/parse-6.1.3.tgz",
+      "integrity": "sha1-/x5NksJ81naBK7a512zYhTwNlAc=",
       "dev": true,
       "requires": {
         "conventional-changelog-angular": "1.6.6",
@@ -125,21 +125,21 @@
       }
     },
     "@commitlint/read": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/read/-/read-6.1.2.tgz",
-      "integrity": "sha1-bznWLMEgwTnQdewgXtHb/GgfFz8=",
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/@commitlint/read/-/read-6.1.3.tgz",
+      "integrity": "sha1-n52NtQ+/Z/MACSFlftbvrbjPnxo=",
       "dev": true,
       "requires": {
-        "@commitlint/top-level": "6.1.2",
+        "@commitlint/top-level": "6.1.3",
         "@marionebl/sander": "0.6.1",
         "babel-runtime": "6.26.0",
         "git-raw-commits": "1.3.4"
       }
     },
     "@commitlint/resolve-extends": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/resolve-extends/-/resolve-extends-6.1.2.tgz",
-      "integrity": "sha1-tItxlSQ9yTgbzzQcL8trHoA9qLQ=",
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/@commitlint/resolve-extends/-/resolve-extends-6.1.3.tgz",
+      "integrity": "sha1-9F/P5Dhg4F4489lNVMrtfdqkHiU=",
       "dev": true,
       "requires": {
         "babel-runtime": "6.26.0",
@@ -151,27 +151,27 @@
       }
     },
     "@commitlint/rules": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/rules/-/rules-6.1.2.tgz",
-      "integrity": "sha1-LO/6e/adH+MnvLF496cb1OCU41U=",
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/@commitlint/rules/-/rules-6.1.3.tgz",
+      "integrity": "sha1-NOvSYsA3DUgwnlFnmUJNMsM/mEs=",
       "dev": true,
       "requires": {
-        "@commitlint/ensure": "6.1.2",
-        "@commitlint/message": "6.1.2",
-        "@commitlint/to-lines": "6.1.2",
+        "@commitlint/ensure": "6.1.3",
+        "@commitlint/message": "6.1.3",
+        "@commitlint/to-lines": "6.1.3",
         "babel-runtime": "6.26.0"
       }
     },
     "@commitlint/to-lines": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/to-lines/-/to-lines-6.1.2.tgz",
-      "integrity": "sha1-AdAnL+mKUw5lOO+TT5cK6uP6SYw=",
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/@commitlint/to-lines/-/to-lines-6.1.3.tgz",
+      "integrity": "sha1-erFqAsrtjapH6Vkmm5YWRhCinQw=",
       "dev": true
     },
     "@commitlint/top-level": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/top-level/-/top-level-6.1.2.tgz",
-      "integrity": "sha1-KAwXmvxRfSpYwceapQGe3/pdRD0=",
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/@commitlint/top-level/-/top-level-6.1.3.tgz",
+      "integrity": "sha1-Em3LbeFnY0LGnNQiYUg/RHhUcpk=",
       "dev": true,
       "requires": {
         "find-up": "2.1.0"
@@ -2698,10 +2698,9 @@
       }
     },
     "cropperjs": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/cropperjs/-/cropperjs-1.3.1.tgz",
-      "integrity": "sha512-ohkKN8W5Bpdu9dedydEoXGkGByBKASQ8FxYN6Iu/7BiWi1YGkaLc51/R0Bfr2KXzeVP8bh6e3SkZLBAAYHuxvw==",
-      "dev": true
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/cropperjs/-/cropperjs-1.3.2.tgz",
+      "integrity": "sha512-r5SE9E+pz3JnTEApavBzLuH9ZOkL45YSCafgxeXztxq6hhUMupTz4Vr/d8YLL5HwTTjKlF/NdLDaFv5KIoriyA=="
     },
     "cross-spawn": {
       "version": "5.1.0",
@@ -3746,9 +3745,9 @@
       }
     },
     "eslint": {
-      "version": "4.18.1",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-4.18.1.tgz",
-      "integrity": "sha512-gPSfpSRCHre1GLxGmO68tZNxOlL2y7xBd95VcLD+Eo4S2js31YoMum3CAQIOaxY24hqYOMksMvW38xuuWKQTgw==",
+      "version": "4.18.2",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-4.18.2.tgz",
+      "integrity": "sha512-qy4i3wODqKMYfz9LUI8N2qYDkHkoieTbiHpMrYUI/WbjhXJQr7lI4VngixTgaG+yHX+NBCv7nW4hA0ShbvaNKw==",
       "dev": true,
       "requires": {
         "ajv": "5.5.2",
@@ -3786,10 +3785,16 @@
         "semver": "5.5.0",
         "strip-ansi": "4.0.0",
         "strip-json-comments": "2.0.1",
-        "table": "4.0.3",
+        "table": "4.0.2",
         "text-table": "0.2.0"
       },
       "dependencies": {
+        "ajv-keywords": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-2.1.1.tgz",
+          "integrity": "sha1-YXmX/F9gV2iUxDX5QNgZ4TW4B2I=",
+          "dev": true
+        },
         "ansi-regex": {
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
@@ -3819,6 +3824,20 @@
           "requires": {
             "ansi-regex": "3.0.0"
           }
+        },
+        "table": {
+          "version": "4.0.2",
+          "resolved": "https://registry.npmjs.org/table/-/table-4.0.2.tgz",
+          "integrity": "sha512-UUkEAPdSGxtRpiV9ozJ5cMTtYiqz7Ni1OGqLXRCynrvzdtR1p+cfOWe2RJLwvUG8hNanaSRjecIqwOjqeatDsA==",
+          "dev": true,
+          "requires": {
+            "ajv": "5.5.2",
+            "ajv-keywords": "2.1.1",
+            "chalk": "2.3.1",
+            "lodash": "4.17.5",
+            "slice-ansi": "1.0.0",
+            "string-width": "2.1.1"
+          }
         }
       }
     },
diff --git a/package.json b/package.json
index 8985ffe4..744522ae 100644
--- a/package.json
+++ b/package.json
@@ -1,10 +1,11 @@
 {
   "name": "cropper",
   "description": "A simple jQuery image cropping plugin.",
-  "version": "4.0.0-alpha",
+  "version": "4.0.0-beta",
   "main": "dist/cropper.common.js",
   "module": "dist/cropper.esm.js",
   "unpkg": "dist/cropper.js",
+  "style": "dist/cropper.css",
   "repository": "fengyuanchen/cropper",
   "homepage": "https://fengyuanchen.github.io/cropper",
   "license": "MIT",
@@ -55,11 +56,11 @@
     "watch:js": "rollup -c -m -w"
   },
   "dependencies": {
-    "cropperjs": "^1.3.1"
+    "cropperjs": "^1.3.2"
   },
   "devDependencies": {
-    "@commitlint/cli": "^6.1.2",
-    "@commitlint/config-angular": "^6.1.2",
+    "@commitlint/cli": "^6.1.3",
+    "@commitlint/config-angular": "^6.1.3",
     "babel-core": "^6.26.0",
     "babel-plugin-external-helpers": "^6.22.0",
     "babel-preset-env": "^1.6.1",
@@ -67,7 +68,7 @@
     "cpy-cli": "^1.0.1",
     "cssnano": "^3.10.0",
     "del-cli": "^1.1.0",
-    "eslint": "^4.18.1",
+    "eslint": "^4.18.2",
     "eslint-config-airbnb-base": "^12.1.0",
     "eslint-plugin-import": "^2.9.0",
     "husky": "^0.14.3",