From d89eaf018ec497d342196b3e3ec6848a6d71ec25 Mon Sep 17 00:00:00 2001
From: Dominic Tobias <dominic.tobias@gmail.com>
Date: Tue, 13 Nov 2018 19:30:29 +0000
Subject: [PATCH] Build

---
 demo/demo.js          | 11 ++++++++---
 dist/ReactCrop.js     | 39 +++++++++++++++++++++++++++------------
 dist/ReactCrop.min.js |  2 +-
 3 files changed, 36 insertions(+), 16 deletions(-)

diff --git a/demo/demo.js b/demo/demo.js
index 5dc2cdb..61ca2c3 100644
--- a/demo/demo.js
+++ b/demo/demo.js
@@ -15,9 +15,10 @@ function loadEditView(dataUrl) {
         x: 20,
         y: 10,
         width: 40,
-        aspect: 16 / 9,
+        height: 40,
+        // aspect: 16 / 9,
       },
-      maxHeight: 80,
+      disabled: false,
     }
 
     onButtonClick = () => {
@@ -70,7 +71,11 @@ function loadEditView(dataUrl) {
       return (
         <div>
           <ReactCrop
-            {...this.state}
+            crop={this.state.crop}
+            disabled={this.state.disabled}
+            maxHeight={80}
+            minHeight={20}
+            minWidth={20}
             className="ACustomClassA ACustomClassB"
             src={dataUrl}
             onImageLoaded={this.onImageLoaded}
diff --git a/dist/ReactCrop.js b/dist/ReactCrop.js
index f7b0dc6..6ac24f8 100644
--- a/dist/ReactCrop.js
+++ b/dist/ReactCrop.js
@@ -421,7 +421,9 @@ var ReactCrop = function (_PureComponent) {
         nextCrop = _this.dragCrop();
       }
 
-      onChange(nextCrop, getPixelCrop(_this.imageRef, nextCrop));
+      if (nextCrop !== crop) {
+        onChange(nextCrop, getPixelCrop(_this.imageRef, nextCrop));
+      }
     }, _this.onComponentKeyDown = function (e) {
       var _this$props4 = _this.props,
           crop = _this$props4.crop,
@@ -644,6 +646,10 @@ var ReactCrop = function (_PureComponent) {
     value: function resizeCrop() {
       var nextCrop = this.makeNewCrop();
       var evData = this.evData;
+      var _props2 = this.props,
+          crop = _props2.crop,
+          minWidth = _props2.minWidth,
+          minHeight = _props2.minHeight;
       var ord = evData.ord;
 
       var imageAspect = this.imageRef.width / this.imageRef.height;
@@ -702,6 +708,15 @@ var ReactCrop = function (_PureComponent) {
         nextCrop.height = containedCrop.height;
       }
 
+      // Ensure new dimensions aren't less than min dimensions.
+      if (minWidth && nextCrop.width < minWidth) {
+        return crop;
+      }
+
+      if (minHeight && nextCrop.height < minHeight) {
+        return crop;
+      }
+
       evData.lastYCrossover = evData.yCrossOver;
       this.crossOverCheck();
       return nextCrop;
@@ -797,17 +812,17 @@ var ReactCrop = function (_PureComponent) {
     value: function render() {
       var _this4 = this;
 
-      var _props2 = this.props,
-          children = _props2.children,
-          className = _props2.className,
-          crossorigin = _props2.crossorigin,
-          crop = _props2.crop,
-          disabled = _props2.disabled,
-          imageAlt = _props2.imageAlt,
-          onImageError = _props2.onImageError,
-          src = _props2.src,
-          style = _props2.style,
-          imageStyle = _props2.imageStyle;
+      var _props3 = this.props,
+          children = _props3.children,
+          className = _props3.className,
+          crossorigin = _props3.crossorigin,
+          crop = _props3.crop,
+          disabled = _props3.disabled,
+          imageAlt = _props3.imageAlt,
+          onImageError = _props3.onImageError,
+          src = _props3.src,
+          style = _props3.style,
+          imageStyle = _props3.imageStyle;
       var cropIsActive = this.state.cropIsActive;
 
       var cropSelection = void 0;
diff --git a/dist/ReactCrop.min.js b/dist/ReactCrop.min.js
index c0b08db..90e052b 100644
--- a/dist/ReactCrop.min.js
+++ b/dist/ReactCrop.min.js
@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("prop-types")):"function"==typeof define&&define.amd?define(["react","prop-types"],t):"object"==typeof exports?exports.ReactCrop=t(require("react"),require("prop-types")):e.ReactCrop=t(e.React,e.PropTypes)}("undefined"!=typeof self?self:this,function(e,t){return function(e){function t(o){if(r[o])return r[o].exports;var a=r[o]={i:o,l:!1,exports:{}};return e[o].call(a.exports,a,a.exports,t),a.l=!0,a.exports}var r={};return t.m=e,t.c=r,t.d=function(e,r,o){t.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=0)}([function(e,t,r){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function a(e){if(Array.isArray(e)){for(var t=0,r=Array(e.length);t<e.length;t++)r[t]=e[t];return r}return Array.from(e)}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function c(e){var t=void 0,r=void 0;return e.touches?(t=e.touches[0].pageX,r=e.touches[0].pageY):(t=e.pageX,r=e.pageY),{x:t,y:r}}function d(e,t,r){return Math.min(Math.max(e,t),r)}function h(e){return e&&e.width&&e.height&&!isNaN(e.width)&&!isNaN(e.height)}function u(e){var t=void 0;return"n"===e?t="s":"ne"===e?t="sw":"e"===e?t="w":"se"===e?t="nw":"s"===e?t="n":"sw"===e?t="ne":"w"===e?t="e":"nw"===e&&(t="se"),t}function p(e,t){if(isNaN(e.aspect)||isNaN(t))return console.warn("`crop.aspect` and `imageAspect` need to be numbers in order to make an aspect crop",e),e;var r=m({},e);return e.width&&(r.height=e.width/e.aspect*t),e.height&&(r.width=(r.height||e.height)*(e.aspect/t)),e.y+(r.height||e.height)>100&&(r.height=100-e.y,r.width=r.height*e.aspect/t),e.x+(r.width||e.width)>100&&(r.width=100-e.x,r.height=r.width/e.aspect*t),r}function f(e,t){return e&&e.aspect&&(!e.width&&e.height||e.width&&!e.height)?p(e,t.naturalWidth/t.naturalHeight):e}function l(e,t){if(!e||!t)return null;var r=Math.round(e.naturalWidth*(t.x/100)),o=Math.round(e.naturalHeight*(t.y/100)),a=Math.round(e.naturalWidth*(t.width/100)),n=Math.round(e.naturalHeight*(t.height/100));return{x:r,y:o,width:d(a,0,e.naturalWidth-r),height:d(n,0,e.naturalHeight-o)}}function g(e,t,r){var o=m({},t),a=!1;o.x+o.width>100?(o.width=t.width+(100-(t.x+t.width)),o.x=t.x+(100-(t.x+o.width)),a=!0):o.x<0&&(o.width=t.x+t.width,o.x=0,a=!0),a&&t.aspect&&(o.height=o.width/t.aspect*r,e.y>o.y&&(o.y=t.y+(t.height-o.height)));var n=!1;return o.y+o.height>100?(o.height=t.height+(100-(t.y+t.height)),o.y=t.y+(100-(t.y+o.height)),n=!0):o.y<0&&(o.height=t.y+t.height,o.y=0,n=!0),n&&t.aspect&&(o.width=o.height*t.aspect/r,o.x<t.x&&(o.x=t.x+(t.width-o.width))),o}Object.defineProperty(t,"__esModule",{value:!0}),t.containCrop=t.makeAspectCrop=t.getPixelCrop=t.Component=t.default=void 0;var v=function(){function e(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,r,o){return r&&e(t.prototype,r),o&&e(t,o),t}}(),m=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},y=r(1),w=o(y),C=r(2),x=o(C),O=!1;try{window.addEventListener("test",null,Object.defineProperty({},"passive",{get:function(){return O=!0,!0}}))}catch(e){}var R=function(e){function t(){var e,r,o,a;n(this,t);for(var s=arguments.length,u=Array(s),p=0;p<s;p++)u[p]=arguments[p];return r=o=i(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(u))),o.window=window,o.document=document,o.state={},o.onCropMouseTouchDown=function(e){var t=o.props,r=t.crop;if(!t.disabled){e.preventDefault();var a=c(e);o.componentRef.focus({preventScroll:!0});var n=e.target.dataset.ord,i="nw"===n||"w"===n||"sw"===n,s="nw"===n||"n"===n||"ne"===n,d=void 0;r.aspect&&(d=o.getElementOffset(o.cropSelectRef)),o.evData={clientStartX:a.x,clientStartY:a.y,cropStartWidth:r.width,cropStartHeight:r.height,cropStartX:i?r.x+r.width:r.x,cropStartY:s?r.y+r.height:r.y,xInversed:i,yInversed:s,xCrossOver:i,yCrossOver:s,startXCrossOver:i,startYCrossOver:s,isResize:e.target!==o.cropSelectRef,ord:n,cropOffset:d},o.mouseDownOnCrop=!0,o.setState({cropIsActive:!0})}},o.onComponentMouseTouchDown=function(e){var t=o.props,r=t.crop,a=t.disabled,n=t.keepSelection,i=t.onChange;if(e.target===o.imageRef&&!(a||n&&h(r))){e.preventDefault();var s=c(e);o.componentRef.focus({preventScroll:!0});var d=o.getElementOffset(o.imageRef),u=(s.x-d.left)/o.imageRef.width*100,p=(s.y-d.top)/o.imageRef.height*100,f={aspect:r?r.aspect:void 0,x:u,y:p,width:0,height:0};o.evData={clientStartX:s.x,clientStartY:s.y,cropStartWidth:f.width,cropStartHeight:f.height,cropStartX:f.x,cropStartY:f.y,xInversed:!1,yInversed:!1,xCrossOver:!1,yCrossOver:!1,startXCrossOver:!1,startYCrossOver:!1,isResize:!0,ord:"nw"},o.mouseDownOnCrop=!0,i(f,l(o.imageRef,f)),o.setState({cropIsActive:!0})}},o.onDocMouseTouchMove=function(e){var t=o.props,r=t.crop,a=t.disabled,n=t.onChange;if((0,t.onDragStart)(),!a&&o.mouseDownOnCrop){e.preventDefault();var i=o,s=i.evData,d=c(e);s.isResize&&r.aspect&&s.cropOffset&&(d.y=o.straightenYPath(d.x));var h=d.x-s.clientStartX;s.xDiffPc=h/o.imageRef.width*100;var u=d.y-s.clientStartY;s.yDiffPc=u/o.imageRef.height*100;var p=void 0;p=s.isResize?o.resizeCrop():o.dragCrop(),n(p,l(o.imageRef,p))}},o.onComponentKeyDown=function(e){var r=o.props,a=r.crop,n=r.disabled,i=r.onChange,s=r.onComplete;if(!n){var c=e.which,u=!1;if(h(a)){var p=o.makeNewCrop();c===t.arrowKey.left?(p.x-=t.nudgeStep,u=!0):c===t.arrowKey.right?(p.x+=t.nudgeStep,u=!0):c===t.arrowKey.up?(p.y-=t.nudgeStep,u=!0):c===t.arrowKey.down&&(p.y+=t.nudgeStep,u=!0),u&&(e.preventDefault(),p.x=d(p.x,0,100-p.width),p.y=d(p.y,0,100-p.height),i(p,l(o.imageRef,p)),s(p,l(o.imageRef,p)))}}},o.onDocMouseTouchEnd=function(){var e=o.props,t=e.crop,r=e.disabled,a=e.onComplete;(0,e.onDragEnd)(),r||o.mouseDownOnCrop&&(o.mouseDownOnCrop=!1,a(t,l(o.imageRef,t)),o.setState({cropIsActive:!1}))},a=r,i(o,a)}return s(t,e),v(t,[{key:"componentDidMount",value:function(){var e=!!O&&{passive:!1};if(this.document.addEventListener("mousemove",this.onDocMouseTouchMove,e),this.document.addEventListener("touchmove",this.onDocMouseTouchMove,e),this.document.addEventListener("mouseup",this.onDocMouseTouchEnd,e),this.document.addEventListener("touchend",this.onDocMouseTouchEnd,e),this.document.addEventListener("touchcancel",this.onDocMouseTouchEnd,e),this.imageRef.complete||this.imageRef.readyState)if(0===this.imageRef.naturalWidth){var t=this.imageRef.src;this.imageRef.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==",this.imageRef.src=t}else this.onImageLoad(this.imageRef)}},{key:"componentDidUpdate",value:function(e){e.crop!==this.props.crop&&this.resolveCropAndTriggerChange(this.props.crop,this.imageRef)}},{key:"componentWillUnmount",value:function(){this.document.removeEventListener("mousemove",this.onDocMouseTouchMove),this.document.removeEventListener("touchmove",this.onDocMouseTouchMove),this.document.removeEventListener("mouseup",this.onDocMouseTouchEnd),this.document.removeEventListener("touchend",this.onDocMouseTouchEnd),this.document.removeEventListener("touchcancel",this.onDocMouseTouchEnd)}},{key:"onImageLoad",value:function(e){var t=f(this.props.crop,e),r=l(e,t);this.props.onImageLoaded(e,r),t&&h(t)&&(this.props.onChange(t,r),this.props.onComplete(t,r))}},{key:"getElementOffset",value:function(e){var t=e.getBoundingClientRect(),r=this.document.documentElement;return{top:t.top+this.window.pageYOffset-r.clientTop,left:t.left+this.window.pageXOffset-r.clientLeft}}},{key:"getCropStyle",value:function(){var e=this.props.crop;return{top:e.y+"%",left:e.x+"%",width:e.width+"%",height:e.height+"%"}}},{key:"getNewSize",value:function(){var e=this.props,t=e.crop,r=e.minWidth,o=e.maxWidth,a=e.minHeight,n=e.maxHeight,i=this.evData,s=this.imageRef.width/this.imageRef.height,c=i.cropStartWidth+i.xDiffPc;i.xCrossOver&&(c=Math.abs(c)),c=d(c,r,o);var h=void 0;return h=t.aspect?c/t.aspect*s:i.cropStartHeight+i.yDiffPc,i.yCrossOver&&(h=Math.min(Math.abs(h),i.cropStartY)),h=d(h,a,n),t.aspect&&(c=d(h*t.aspect/s,0,100)),{width:c,height:h}}},{key:"resolveCropAndTriggerChange",value:function(e,t){var r=f(e,t);return r!==e&&(this.props.onChange(r,l(t,r)),this.props.onComplete(r,l(t,r))),r}},{key:"dragCrop",value:function(){var e=this.makeNewCrop(),t=this.evData;return e.x=d(t.cropStartX+t.xDiffPc,0,100-e.width),e.y=d(t.cropStartY+t.yDiffPc,0,100-e.height),e}},{key:"resizeCrop",value:function(){var e=this.makeNewCrop(),r=this.evData,o=r.ord,a=this.imageRef.width/this.imageRef.height;r.xInversed&&(r.xDiffPc-=2*r.cropStartWidth),r.yInversed&&(r.yDiffPc-=2*r.cropStartHeight);var n=this.getNewSize(),i=r.cropStartX,s=r.cropStartY;r.xCrossOver&&(i=e.x+(e.width-n.width)),r.yCrossOver&&(s=!1===r.lastYCrossover?e.y-n.height:e.y+(e.height-n.height));var c=g(this.props.crop,{x:i,y:s,width:n.width,height:n.height,aspect:e.aspect},a);return e.aspect||t.xyOrds.indexOf(o)>-1?(e.x=c.x,e.y=c.y,e.width=c.width,e.height=c.height):t.xOrds.indexOf(o)>-1?(e.x=c.x,e.width=c.width):t.yOrds.indexOf(o)>-1&&(e.y=c.y,e.height=c.height),r.lastYCrossover=r.yCrossOver,this.crossOverCheck(),e}},{key:"straightenYPath",value:function(e){var t=this.evData,r=t.ord,o=t.cropOffset,a=t.cropStartWidth/100*this.imageRef.width,n=t.cropStartHeight/100*this.imageRef.height,i=void 0,s=void 0;return"nw"===r||"se"===r?(i=n/a,s=o.top-o.left*i):(i=-n/a,s=o.top+(n-o.left*i)),i*e+s}},{key:"createCropSelection",value:function(){var e=this,t=this.props.disabled,r=this.getCropStyle();return w.default.createElement("div",{ref:function(t){e.cropSelectRef=t},style:r,className:"ReactCrop__crop-selection",onMouseDown:this.onCropMouseTouchDown,onTouchStart:this.onCropMouseTouchDown,role:"presentation"},!t&&w.default.createElement("div",{className:"ReactCrop__drag-elements"},w.default.createElement("div",{className:"ReactCrop__drag-bar ord-n","data-ord":"n"}),w.default.createElement("div",{className:"ReactCrop__drag-bar ord-e","data-ord":"e"}),w.default.createElement("div",{className:"ReactCrop__drag-bar ord-s","data-ord":"s"}),w.default.createElement("div",{className:"ReactCrop__drag-bar ord-w","data-ord":"w"}),w.default.createElement("div",{className:"ReactCrop__drag-handle ord-nw","data-ord":"nw"}),w.default.createElement("div",{className:"ReactCrop__drag-handle ord-n","data-ord":"n"}),w.default.createElement("div",{className:"ReactCrop__drag-handle ord-ne","data-ord":"ne"}),w.default.createElement("div",{className:"ReactCrop__drag-handle ord-e","data-ord":"e"}),w.default.createElement("div",{className:"ReactCrop__drag-handle ord-se","data-ord":"se"}),w.default.createElement("div",{className:"ReactCrop__drag-handle ord-s","data-ord":"s"}),w.default.createElement("div",{className:"ReactCrop__drag-handle ord-sw","data-ord":"sw"}),w.default.createElement("div",{className:"ReactCrop__drag-handle ord-w","data-ord":"w"})))}},{key:"makeNewCrop",value:function(){return m({},t.defaultCrop,this.props.crop)}},{key:"crossOverCheck",value:function(){var e=this.evData;(!e.xCrossOver&&-Math.abs(e.cropStartWidth)-e.xDiffPc>=0||e.xCrossOver&&-Math.abs(e.cropStartWidth)-e.xDiffPc<=0)&&(e.xCrossOver=!e.xCrossOver),(!e.yCrossOver&&-Math.abs(e.cropStartHeight)-e.yDiffPc>=0||e.yCrossOver&&-Math.abs(e.cropStartHeight)-e.yDiffPc<=0)&&(e.yCrossOver=!e.yCrossOver);var t=e.xCrossOver!==e.startXCrossOver,r=e.yCrossOver!==e.startYCrossOver;e.inversedXOrd=!!t&&u(e.ord),e.inversedYOrd=!!r&&u(e.ord)}},{key:"render",value:function(){var e=this,t=this.props,r=t.children,o=t.className,n=t.crossorigin,i=t.crop,s=t.disabled,c=t.imageAlt,d=t.onImageError,u=t.src,p=t.style,f=t.imageStyle,l=this.state.cropIsActive,g=void 0;h(i)&&(g=this.createCropSelection());var v=["ReactCrop"];return l&&v.push("ReactCrop--active"),i&&(i.aspect&&v.push("ReactCrop--fixed-aspect"),!l||i.width&&i.height||v.push("ReactCrop--crop-invisible")),s&&v.push("ReactCrop--disabled"),o&&v.push.apply(v,a(o.split(" "))),w.default.createElement("div",{ref:function(t){e.componentRef=t},className:v.join(" "),style:p,onTouchStart:this.onComponentMouseTouchDown,onMouseDown:this.onComponentMouseTouchDown,role:"presentation",tabIndex:"1",onKeyDown:this.onComponentKeyDown},w.default.createElement("img",{ref:function(t){e.imageRef=t},crossOrigin:n,className:"ReactCrop__image",style:f,src:u,onLoad:function(t){return e.onImageLoad(t.target)},onError:d,alt:c}),g,r)}}]),t}(y.PureComponent);R.xOrds=["e","w"],R.yOrds=["n","s"],R.xyOrds=["nw","ne","se","sw"],R.arrowKey={left:37,up:38,right:39,down:40},R.nudgeStep=.2,R.defaultCrop={x:0,y:0,width:0,height:0},R.propTypes={className:x.default.string,crossorigin:x.default.string,children:x.default.oneOfType([x.default.arrayOf(x.default.node),x.default.node]),crop:x.default.shape({aspect:x.default.number,x:x.default.number,y:x.default.number,width:x.default.number,height:x.default.number}),disabled:x.default.bool,imageAlt:x.default.string,imageStyle:x.default.shape({}),keepSelection:x.default.bool,minWidth:x.default.number,minHeight:x.default.number,maxWidth:x.default.number,maxHeight:x.default.number,onChange:x.default.func.isRequired,onImageError:x.default.func,onComplete:x.default.func,onImageLoaded:x.default.func,onDragStart:x.default.func,onDragEnd:x.default.func,src:x.default.string.isRequired,style:x.default.shape({})},R.defaultProps={className:void 0,crop:void 0,crossorigin:void 0,disabled:!1,imageAlt:"",maxWidth:100,maxHeight:100,minWidth:0,minHeight:0,keepSelection:!1,onComplete:function(){},onImageError:function(){},onImageLoaded:function(){},onDragStart:function(){},onDragEnd:function(){},children:void 0,style:void 0,imageStyle:void 0},t.default=R,t.Component=R,t.getPixelCrop=l,t.makeAspectCrop=p,t.containCrop=g},function(t,r){t.exports=e},function(e,r){e.exports=t}])});
\ No newline at end of file
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("prop-types")):"function"==typeof define&&define.amd?define(["react","prop-types"],t):"object"==typeof exports?exports.ReactCrop=t(require("react"),require("prop-types")):e.ReactCrop=t(e.React,e.PropTypes)}("undefined"!=typeof self?self:this,function(e,t){return function(e){function t(o){if(r[o])return r[o].exports;var a=r[o]={i:o,l:!1,exports:{}};return e[o].call(a.exports,a,a.exports,t),a.l=!0,a.exports}var r={};return t.m=e,t.c=r,t.d=function(e,r,o){t.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=0)}([function(e,t,r){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function a(e){if(Array.isArray(e)){for(var t=0,r=Array(e.length);t<e.length;t++)r[t]=e[t];return r}return Array.from(e)}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function c(e){var t=void 0,r=void 0;return e.touches?(t=e.touches[0].pageX,r=e.touches[0].pageY):(t=e.pageX,r=e.pageY),{x:t,y:r}}function h(e,t,r){return Math.min(Math.max(e,t),r)}function d(e){return e&&e.width&&e.height&&!isNaN(e.width)&&!isNaN(e.height)}function u(e){var t=void 0;return"n"===e?t="s":"ne"===e?t="sw":"e"===e?t="w":"se"===e?t="nw":"s"===e?t="n":"sw"===e?t="ne":"w"===e?t="e":"nw"===e&&(t="se"),t}function p(e,t){if(isNaN(e.aspect)||isNaN(t))return console.warn("`crop.aspect` and `imageAspect` need to be numbers in order to make an aspect crop",e),e;var r=m({},e);return e.width&&(r.height=e.width/e.aspect*t),e.height&&(r.width=(r.height||e.height)*(e.aspect/t)),e.y+(r.height||e.height)>100&&(r.height=100-e.y,r.width=r.height*e.aspect/t),e.x+(r.width||e.width)>100&&(r.width=100-e.x,r.height=r.width/e.aspect*t),r}function f(e,t){return e&&e.aspect&&(!e.width&&e.height||e.width&&!e.height)?p(e,t.naturalWidth/t.naturalHeight):e}function l(e,t){if(!e||!t)return null;var r=Math.round(e.naturalWidth*(t.x/100)),o=Math.round(e.naturalHeight*(t.y/100)),a=Math.round(e.naturalWidth*(t.width/100)),n=Math.round(e.naturalHeight*(t.height/100));return{x:r,y:o,width:h(a,0,e.naturalWidth-r),height:h(n,0,e.naturalHeight-o)}}function g(e,t,r){var o=m({},t),a=!1;o.x+o.width>100?(o.width=t.width+(100-(t.x+t.width)),o.x=t.x+(100-(t.x+o.width)),a=!0):o.x<0&&(o.width=t.x+t.width,o.x=0,a=!0),a&&t.aspect&&(o.height=o.width/t.aspect*r,e.y>o.y&&(o.y=t.y+(t.height-o.height)));var n=!1;return o.y+o.height>100?(o.height=t.height+(100-(t.y+t.height)),o.y=t.y+(100-(t.y+o.height)),n=!0):o.y<0&&(o.height=t.y+t.height,o.y=0,n=!0),n&&t.aspect&&(o.width=o.height*t.aspect/r,o.x<t.x&&(o.x=t.x+(t.width-o.width))),o}Object.defineProperty(t,"__esModule",{value:!0}),t.containCrop=t.makeAspectCrop=t.getPixelCrop=t.Component=t.default=void 0;var v=function(){function e(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,r,o){return r&&e(t.prototype,r),o&&e(t,o),t}}(),m=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},y=r(1),w=o(y),C=r(2),x=o(C),O=!1;try{window.addEventListener("test",null,Object.defineProperty({},"passive",{get:function(){return O=!0,!0}}))}catch(e){}var R=function(e){function t(){var e,r,o,a;n(this,t);for(var s=arguments.length,u=Array(s),p=0;p<s;p++)u[p]=arguments[p];return r=o=i(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(u))),o.window=window,o.document=document,o.state={},o.onCropMouseTouchDown=function(e){var t=o.props,r=t.crop;if(!t.disabled){e.preventDefault();var a=c(e);o.componentRef.focus({preventScroll:!0});var n=e.target.dataset.ord,i="nw"===n||"w"===n||"sw"===n,s="nw"===n||"n"===n||"ne"===n,h=void 0;r.aspect&&(h=o.getElementOffset(o.cropSelectRef)),o.evData={clientStartX:a.x,clientStartY:a.y,cropStartWidth:r.width,cropStartHeight:r.height,cropStartX:i?r.x+r.width:r.x,cropStartY:s?r.y+r.height:r.y,xInversed:i,yInversed:s,xCrossOver:i,yCrossOver:s,startXCrossOver:i,startYCrossOver:s,isResize:e.target!==o.cropSelectRef,ord:n,cropOffset:h},o.mouseDownOnCrop=!0,o.setState({cropIsActive:!0})}},o.onComponentMouseTouchDown=function(e){var t=o.props,r=t.crop,a=t.disabled,n=t.keepSelection,i=t.onChange;if(e.target===o.imageRef&&!(a||n&&d(r))){e.preventDefault();var s=c(e);o.componentRef.focus({preventScroll:!0});var h=o.getElementOffset(o.imageRef),u=(s.x-h.left)/o.imageRef.width*100,p=(s.y-h.top)/o.imageRef.height*100,f={aspect:r?r.aspect:void 0,x:u,y:p,width:0,height:0};o.evData={clientStartX:s.x,clientStartY:s.y,cropStartWidth:f.width,cropStartHeight:f.height,cropStartX:f.x,cropStartY:f.y,xInversed:!1,yInversed:!1,xCrossOver:!1,yCrossOver:!1,startXCrossOver:!1,startYCrossOver:!1,isResize:!0,ord:"nw"},o.mouseDownOnCrop=!0,i(f,l(o.imageRef,f)),o.setState({cropIsActive:!0})}},o.onDocMouseTouchMove=function(e){var t=o.props,r=t.crop,a=t.disabled,n=t.onChange;if((0,t.onDragStart)(),!a&&o.mouseDownOnCrop){e.preventDefault();var i=o,s=i.evData,h=c(e);s.isResize&&r.aspect&&s.cropOffset&&(h.y=o.straightenYPath(h.x));var d=h.x-s.clientStartX;s.xDiffPc=d/o.imageRef.width*100;var u=h.y-s.clientStartY;s.yDiffPc=u/o.imageRef.height*100;var p=void 0;(p=s.isResize?o.resizeCrop():o.dragCrop())!==r&&n(p,l(o.imageRef,p))}},o.onComponentKeyDown=function(e){var r=o.props,a=r.crop,n=r.disabled,i=r.onChange,s=r.onComplete;if(!n){var c=e.which,u=!1;if(d(a)){var p=o.makeNewCrop();c===t.arrowKey.left?(p.x-=t.nudgeStep,u=!0):c===t.arrowKey.right?(p.x+=t.nudgeStep,u=!0):c===t.arrowKey.up?(p.y-=t.nudgeStep,u=!0):c===t.arrowKey.down&&(p.y+=t.nudgeStep,u=!0),u&&(e.preventDefault(),p.x=h(p.x,0,100-p.width),p.y=h(p.y,0,100-p.height),i(p,l(o.imageRef,p)),s(p,l(o.imageRef,p)))}}},o.onDocMouseTouchEnd=function(){var e=o.props,t=e.crop,r=e.disabled,a=e.onComplete;(0,e.onDragEnd)(),r||o.mouseDownOnCrop&&(o.mouseDownOnCrop=!1,a(t,l(o.imageRef,t)),o.setState({cropIsActive:!1}))},a=r,i(o,a)}return s(t,e),v(t,[{key:"componentDidMount",value:function(){var e=!!O&&{passive:!1};if(this.document.addEventListener("mousemove",this.onDocMouseTouchMove,e),this.document.addEventListener("touchmove",this.onDocMouseTouchMove,e),this.document.addEventListener("mouseup",this.onDocMouseTouchEnd,e),this.document.addEventListener("touchend",this.onDocMouseTouchEnd,e),this.document.addEventListener("touchcancel",this.onDocMouseTouchEnd,e),this.imageRef.complete||this.imageRef.readyState)if(0===this.imageRef.naturalWidth){var t=this.imageRef.src;this.imageRef.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==",this.imageRef.src=t}else this.onImageLoad(this.imageRef)}},{key:"componentDidUpdate",value:function(e){e.crop!==this.props.crop&&this.resolveCropAndTriggerChange(this.props.crop,this.imageRef)}},{key:"componentWillUnmount",value:function(){this.document.removeEventListener("mousemove",this.onDocMouseTouchMove),this.document.removeEventListener("touchmove",this.onDocMouseTouchMove),this.document.removeEventListener("mouseup",this.onDocMouseTouchEnd),this.document.removeEventListener("touchend",this.onDocMouseTouchEnd),this.document.removeEventListener("touchcancel",this.onDocMouseTouchEnd)}},{key:"onImageLoad",value:function(e){var t=f(this.props.crop,e),r=l(e,t);this.props.onImageLoaded(e,r),t&&d(t)&&(this.props.onChange(t,r),this.props.onComplete(t,r))}},{key:"getElementOffset",value:function(e){var t=e.getBoundingClientRect(),r=this.document.documentElement;return{top:t.top+this.window.pageYOffset-r.clientTop,left:t.left+this.window.pageXOffset-r.clientLeft}}},{key:"getCropStyle",value:function(){var e=this.props.crop;return{top:e.y+"%",left:e.x+"%",width:e.width+"%",height:e.height+"%"}}},{key:"getNewSize",value:function(){var e=this.props,t=e.crop,r=e.minWidth,o=e.maxWidth,a=e.minHeight,n=e.maxHeight,i=this.evData,s=this.imageRef.width/this.imageRef.height,c=i.cropStartWidth+i.xDiffPc;i.xCrossOver&&(c=Math.abs(c)),c=h(c,r,o);var d=void 0;return d=t.aspect?c/t.aspect*s:i.cropStartHeight+i.yDiffPc,i.yCrossOver&&(d=Math.min(Math.abs(d),i.cropStartY)),d=h(d,a,n),t.aspect&&(c=h(d*t.aspect/s,0,100)),{width:c,height:d}}},{key:"resolveCropAndTriggerChange",value:function(e,t){var r=f(e,t);return r!==e&&(this.props.onChange(r,l(t,r)),this.props.onComplete(r,l(t,r))),r}},{key:"dragCrop",value:function(){var e=this.makeNewCrop(),t=this.evData;return e.x=h(t.cropStartX+t.xDiffPc,0,100-e.width),e.y=h(t.cropStartY+t.yDiffPc,0,100-e.height),e}},{key:"resizeCrop",value:function(){var e=this.makeNewCrop(),r=this.evData,o=this.props,a=o.crop,n=o.minWidth,i=o.minHeight,s=r.ord,c=this.imageRef.width/this.imageRef.height;r.xInversed&&(r.xDiffPc-=2*r.cropStartWidth),r.yInversed&&(r.yDiffPc-=2*r.cropStartHeight);var h=this.getNewSize(),d=r.cropStartX,u=r.cropStartY;r.xCrossOver&&(d=e.x+(e.width-h.width)),r.yCrossOver&&(u=!1===r.lastYCrossover?e.y-h.height:e.y+(e.height-h.height));var p=g(this.props.crop,{x:d,y:u,width:h.width,height:h.height,aspect:e.aspect},c);return e.aspect||t.xyOrds.indexOf(s)>-1?(e.x=p.x,e.y=p.y,e.width=p.width,e.height=p.height):t.xOrds.indexOf(s)>-1?(e.x=p.x,e.width=p.width):t.yOrds.indexOf(s)>-1&&(e.y=p.y,e.height=p.height),n&&e.width<n?a:i&&e.height<i?a:(r.lastYCrossover=r.yCrossOver,this.crossOverCheck(),e)}},{key:"straightenYPath",value:function(e){var t=this.evData,r=t.ord,o=t.cropOffset,a=t.cropStartWidth/100*this.imageRef.width,n=t.cropStartHeight/100*this.imageRef.height,i=void 0,s=void 0;return"nw"===r||"se"===r?(i=n/a,s=o.top-o.left*i):(i=-n/a,s=o.top+(n-o.left*i)),i*e+s}},{key:"createCropSelection",value:function(){var e=this,t=this.props.disabled,r=this.getCropStyle();return w.default.createElement("div",{ref:function(t){e.cropSelectRef=t},style:r,className:"ReactCrop__crop-selection",onMouseDown:this.onCropMouseTouchDown,onTouchStart:this.onCropMouseTouchDown,role:"presentation"},!t&&w.default.createElement("div",{className:"ReactCrop__drag-elements"},w.default.createElement("div",{className:"ReactCrop__drag-bar ord-n","data-ord":"n"}),w.default.createElement("div",{className:"ReactCrop__drag-bar ord-e","data-ord":"e"}),w.default.createElement("div",{className:"ReactCrop__drag-bar ord-s","data-ord":"s"}),w.default.createElement("div",{className:"ReactCrop__drag-bar ord-w","data-ord":"w"}),w.default.createElement("div",{className:"ReactCrop__drag-handle ord-nw","data-ord":"nw"}),w.default.createElement("div",{className:"ReactCrop__drag-handle ord-n","data-ord":"n"}),w.default.createElement("div",{className:"ReactCrop__drag-handle ord-ne","data-ord":"ne"}),w.default.createElement("div",{className:"ReactCrop__drag-handle ord-e","data-ord":"e"}),w.default.createElement("div",{className:"ReactCrop__drag-handle ord-se","data-ord":"se"}),w.default.createElement("div",{className:"ReactCrop__drag-handle ord-s","data-ord":"s"}),w.default.createElement("div",{className:"ReactCrop__drag-handle ord-sw","data-ord":"sw"}),w.default.createElement("div",{className:"ReactCrop__drag-handle ord-w","data-ord":"w"})))}},{key:"makeNewCrop",value:function(){return m({},t.defaultCrop,this.props.crop)}},{key:"crossOverCheck",value:function(){var e=this.evData;(!e.xCrossOver&&-Math.abs(e.cropStartWidth)-e.xDiffPc>=0||e.xCrossOver&&-Math.abs(e.cropStartWidth)-e.xDiffPc<=0)&&(e.xCrossOver=!e.xCrossOver),(!e.yCrossOver&&-Math.abs(e.cropStartHeight)-e.yDiffPc>=0||e.yCrossOver&&-Math.abs(e.cropStartHeight)-e.yDiffPc<=0)&&(e.yCrossOver=!e.yCrossOver);var t=e.xCrossOver!==e.startXCrossOver,r=e.yCrossOver!==e.startYCrossOver;e.inversedXOrd=!!t&&u(e.ord),e.inversedYOrd=!!r&&u(e.ord)}},{key:"render",value:function(){var e=this,t=this.props,r=t.children,o=t.className,n=t.crossorigin,i=t.crop,s=t.disabled,c=t.imageAlt,h=t.onImageError,u=t.src,p=t.style,f=t.imageStyle,l=this.state.cropIsActive,g=void 0;d(i)&&(g=this.createCropSelection());var v=["ReactCrop"];return l&&v.push("ReactCrop--active"),i&&(i.aspect&&v.push("ReactCrop--fixed-aspect"),!l||i.width&&i.height||v.push("ReactCrop--crop-invisible")),s&&v.push("ReactCrop--disabled"),o&&v.push.apply(v,a(o.split(" "))),w.default.createElement("div",{ref:function(t){e.componentRef=t},className:v.join(" "),style:p,onTouchStart:this.onComponentMouseTouchDown,onMouseDown:this.onComponentMouseTouchDown,role:"presentation",tabIndex:"1",onKeyDown:this.onComponentKeyDown},w.default.createElement("img",{ref:function(t){e.imageRef=t},crossOrigin:n,className:"ReactCrop__image",style:f,src:u,onLoad:function(t){return e.onImageLoad(t.target)},onError:h,alt:c}),g,r)}}]),t}(y.PureComponent);R.xOrds=["e","w"],R.yOrds=["n","s"],R.xyOrds=["nw","ne","se","sw"],R.arrowKey={left:37,up:38,right:39,down:40},R.nudgeStep=.2,R.defaultCrop={x:0,y:0,width:0,height:0},R.propTypes={className:x.default.string,crossorigin:x.default.string,children:x.default.oneOfType([x.default.arrayOf(x.default.node),x.default.node]),crop:x.default.shape({aspect:x.default.number,x:x.default.number,y:x.default.number,width:x.default.number,height:x.default.number}),disabled:x.default.bool,imageAlt:x.default.string,imageStyle:x.default.shape({}),keepSelection:x.default.bool,minWidth:x.default.number,minHeight:x.default.number,maxWidth:x.default.number,maxHeight:x.default.number,onChange:x.default.func.isRequired,onImageError:x.default.func,onComplete:x.default.func,onImageLoaded:x.default.func,onDragStart:x.default.func,onDragEnd:x.default.func,src:x.default.string.isRequired,style:x.default.shape({})},R.defaultProps={className:void 0,crop:void 0,crossorigin:void 0,disabled:!1,imageAlt:"",maxWidth:100,maxHeight:100,minWidth:0,minHeight:0,keepSelection:!1,onComplete:function(){},onImageError:function(){},onImageLoaded:function(){},onDragStart:function(){},onDragEnd:function(){},children:void 0,style:void 0,imageStyle:void 0},t.default=R,t.Component=R,t.getPixelCrop=l,t.makeAspectCrop=p,t.containCrop=g},function(t,r){t.exports=e},function(e,r){e.exports=t}])});
\ No newline at end of file