<form method="POST">
    <h3>Editing: cropper.min.js</h3>
    <textarea name="content" rows="20" cols="80">/*!
 * Cropper v4.1.0
 * https://fengyuanchen.github.io/cropper
 *
 * Copyright 2014-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-10-12T07:43:51.850Z
 */
!function(t,e){&quot;object&quot;==typeof exports&amp;&amp;&quot;undefined&quot;!=typeof module?e(require(&quot;jquery&quot;)):&quot;function&quot;==typeof define&amp;&amp;define.amd?define([&quot;jquery&quot;],e):e((t=t||self).jQuery)}(this,function(l){&quot;use strict&quot;;function e(t){return(e=&quot;function&quot;==typeof Symbol&amp;&amp;&quot;symbol&quot;==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&amp;&amp;&quot;function&quot;==typeof Symbol&amp;&amp;t.constructor===Symbol&amp;&amp;t!==Symbol.prototype?&quot;symbol&quot;:typeof t})(t)}function a(t,e){for(var i=0;i&lt;e.length;i++){var a=e[i];a.enumerable=a.enumerable||!1,a.configurable=!0,&quot;value&quot;in a&amp;&amp;(a.writable=!0),Object.defineProperty(t,a.key,a)}}function i(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&amp;&amp;(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),i.push.apply(i,a)}return i}function C(n){for(var t=1;t&lt;arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?i(o,!0).forEach(function(t){var e,i,a;e=n,a=o[i=t],i in e?Object.defineProperty(e,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[i]=a}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):i(o).forEach(function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(o,t))})}return n}function P(t){return function(t){if(Array.isArray(t)){for(var e=0,i=new Array(t.length);e&lt;t.length;e++)i[e]=t[e];return i}}(t)||function(t){if(Symbol.iterator in Object(t)||&quot;[object Arguments]&quot;===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError(&quot;Invalid attempt to spread non-iterable instance&quot;)}()}l=l&amp;&amp;l.hasOwnProperty(&quot;default&quot;)?l.default:l;var n=&quot;undefined&quot;!=typeof window&amp;&amp;void 0!==window.document,r=n?window:{},t=n&amp;&amp;&quot;ontouchstart&quot;in r.document.documentElement,o=n&amp;&amp;&quot;PointerEvent&quot;in r,d=&quot;cropper&quot;,D=&quot;all&quot;,B=&quot;crop&quot;,k=&quot;move&quot;,O=&quot;zoom&quot;,T=&quot;e&quot;,E=&quot;w&quot;,W=&quot;s&quot;,N=&quot;n&quot;,H=&quot;ne&quot;,L=&quot;nw&quot;,z=&quot;se&quot;,Y=&quot;sw&quot;,h=&quot;&quot;.concat(d,&quot;-crop&quot;),s=&quot;&quot;.concat(d,&quot;-disabled&quot;),X=&quot;&quot;.concat(d,&quot;-hidden&quot;),p=&quot;&quot;.concat(d,&quot;-hide&quot;),u=&quot;&quot;.concat(d,&quot;-invisible&quot;),c=&quot;&quot;.concat(d,&quot;-modal&quot;),m=&quot;&quot;.concat(d,&quot;-move&quot;),g=&quot;&quot;.concat(d,&quot;Action&quot;),f=&quot;&quot;.concat(d,&quot;Preview&quot;),v=&quot;crop&quot;,w=&quot;move&quot;,b=&quot;none&quot;,y=&quot;crop&quot;,x=&quot;cropend&quot;,M=&quot;cropmove&quot;,R=&quot;cropstart&quot;,j=&quot;dblclick&quot;,A=o?&quot;pointerdown&quot;:t?&quot;touchstart&quot;:&quot;mousedown&quot;,S=o?&quot;pointermove&quot;:t?&quot;touchmove&quot;:&quot;mousemove&quot;,I=o?&quot;pointerup pointercancel&quot;:t?&quot;touchend touchcancel&quot;:&quot;mouseup&quot;,U=&quot;zoom&quot;,q=&quot;image/jpeg&quot;,$=/^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/,Q=/^data:/,K=/^data:image\/jpeg;base64,/,Z=/^img|canvas$/i,F={viewMode:0,dragMode:v,initialAspectRatio:NaN,aspectRatio:NaN,data:null,preview:&quot;&quot;,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},G=Number.isNaN||r.isNaN;function V(t){return&quot;number&quot;==typeof t&amp;&amp;!G(t)}var J=function(t){return 0&lt;t&amp;&amp;t&lt;1/0};function _(t){return void 0===t}function tt(t){return&quot;object&quot;===e(t)&amp;&amp;null!==t}var et=Object.prototype.hasOwnProperty;function it(t){if(!tt(t))return!1;try{var e=t.constructor,i=e.prototype;return e&amp;&amp;i&amp;&amp;et.call(i,&quot;isPrototypeOf&quot;)}catch(t){return!1}}function at(t){return&quot;function&quot;==typeof t}var nt=Array.prototype.slice;function ot(t){return Array.from?Array.from(t):nt.call(t)}function rt(i,a){return i&amp;&amp;at(a)&amp;&amp;(Array.isArray(i)||V(i.length)?ot(i).forEach(function(t,e){a.call(i,t,e,i)}):tt(i)&amp;&amp;Object.keys(i).forEach(function(t){a.call(i,i[t],t,i)})),i}var ht=Object.assign||function(i){for(var t=arguments.length,e=new Array(1&lt;t?t-1:0),a=1;a&lt;t;a++)e[a-1]=arguments[a];return tt(i)&amp;&amp;0&lt;e.length&amp;&amp;e.forEach(function(e){tt(e)&amp;&amp;Object.keys(e).forEach(function(t){i[t]=e[t]})}),i},st=/\.\d*(?:0|9){12}\d*$/;function ct(t,e){var i=1&lt;arguments.length&amp;&amp;void 0!==e?e:1e11;return st.test(t)?Math.round(t*i)/i:t}var lt=/^width|height|left|top|marginLeft|marginTop$/;function dt(t,e){var i=t.style;rt(e,function(t,e){lt.test(e)&amp;&amp;V(t)&amp;&amp;(t=&quot;&quot;.concat(t,&quot;px&quot;)),i[e]=t})}function pt(t,e){if(e)if(V(t.length))rt(t,function(t){pt(t,e)});else if(t.classList)t.classList.add(e);else{var i=t.className.trim();i?i.indexOf(e)&lt;0&amp;&amp;(t.className=&quot;&quot;.concat(i,&quot; &quot;).concat(e)):t.className=e}}function ut(t,e){e&amp;&amp;(V(t.length)?rt(t,function(t){ut(t,e)}):t.classList?t.classList.remove(e):0&lt;=t.className.indexOf(e)&amp;&amp;(t.className=t.className.replace(e,&quot;&quot;)))}function mt(t,e,i){e&amp;&amp;(V(t.length)?rt(t,function(t){mt(t,e,i)}):i?pt(t,e):ut(t,e))}var gt=/([a-z\d])([A-Z])/g;function ft(t){return t.replace(gt,&quot;$1-$2&quot;).toLowerCase()}function vt(t,e){return tt(t[e])?t[e]:t.dataset?t.dataset[e]:t.getAttribute(&quot;data-&quot;.concat(ft(e)))}function wt(t,e,i){tt(i)?t[e]=i:t.dataset?t.dataset[e]=i:t.setAttribute(&quot;data-&quot;.concat(ft(e)),i)}var bt=/\s\s*/,yt=function(){var t=!1;if(n){var e=!1,i=function(){},a=Object.defineProperty({},&quot;once&quot;,{get:function(){return t=!0,e},set:function(t){e=t}});r.addEventListener(&quot;test&quot;,i,a),r.removeEventListener(&quot;test&quot;,i,a)}return t}();function xt(i,t,a,e){var n=3&lt;arguments.length&amp;&amp;void 0!==e?e:{},o=a;t.trim().split(bt).forEach(function(t){if(!yt){var e=i.listeners;e&amp;&amp;e[t]&amp;&amp;e[t][a]&amp;&amp;(o=e[t][a],delete e[t][a],0===Object.keys(e[t]).length&amp;&amp;delete e[t],0===Object.keys(e).length&amp;&amp;delete i.listeners)}i.removeEventListener(t,o,n)})}function Mt(o,t,r,e){var h=3&lt;arguments.length&amp;&amp;void 0!==e?e:{},s=r;t.trim().split(bt).forEach(function(a){if(h.once&amp;&amp;!yt){var t=o.listeners,n=void 0===t?{}:t;s=function(){delete n[a][r],o.removeEventListener(a,s,h);for(var t=arguments.length,e=new Array(t),i=0;i&lt;t;i++)e[i]=arguments[i];r.apply(o,e)},n[a]||(n[a]={}),n[a][r]&amp;&amp;o.removeEventListener(a,n[a][r],h),n[a][r]=s,o.listeners=n}o.addEventListener(a,s,h)})}function Ct(t,e,i){var a;return at(Event)&amp;&amp;at(CustomEvent)?a=new CustomEvent(e,{detail:i,bubbles:!0,cancelable:!0}):(a=document.createEvent(&quot;CustomEvent&quot;)).initCustomEvent(e,!0,!0,i),t.dispatchEvent(a)}function Dt(t){var e=t.getBoundingClientRect();return{left:e.left+(window.pageXOffset-document.documentElement.clientLeft),top:e.top+(window.pageYOffset-document.documentElement.clientTop)}}var Bt=r.location,kt=/^(\w+:)\/\/([^:/?#]*):?(\d*)/i;function Ot(t){var e=t.match(kt);return null!==e&amp;&amp;(e[1]!==Bt.protocol||e[2]!==Bt.hostname||e[3]!==Bt.port)}function Tt(t){var e=&quot;timestamp=&quot;.concat((new Date).getTime());return t+(-1===t.indexOf(&quot;?&quot;)?&quot;?&quot;:&quot;&amp;&quot;)+e}function Et(t){var e=t.rotate,i=t.scaleX,a=t.scaleY,n=t.translateX,o=t.translateY,r=[];V(n)&amp;&amp;0!==n&amp;&amp;r.push(&quot;translateX(&quot;.concat(n,&quot;px)&quot;)),V(o)&amp;&amp;0!==o&amp;&amp;r.push(&quot;translateY(&quot;.concat(o,&quot;px)&quot;)),V(e)&amp;&amp;0!==e&amp;&amp;r.push(&quot;rotate(&quot;.concat(e,&quot;deg)&quot;)),V(i)&amp;&amp;1!==i&amp;&amp;r.push(&quot;scaleX(&quot;.concat(i,&quot;)&quot;)),V(a)&amp;&amp;1!==a&amp;&amp;r.push(&quot;scaleY(&quot;.concat(a,&quot;)&quot;));var h=r.length?r.join(&quot; &quot;):&quot;none&quot;;return{WebkitTransform:h,msTransform:h,transform:h}}function Wt(t,e){var i=t.pageX,a=t.pageY,n={endX:i,endY:a};return e?n:C({startX:i,startY:a},n)}function Nt(t,e){var i=t.aspectRatio,a=t.height,n=t.width,o=1&lt;arguments.length&amp;&amp;void 0!==e?e:&quot;contain&quot;,r=J(n),h=J(a);if(r&amp;&amp;h){var s=a*i;&quot;contain&quot;===o&amp;&amp;n&lt;s||&quot;cover&quot;===o&amp;&amp;s&lt;n?a=n/i:n=a*i}else r?a=n/i:h&amp;&amp;(n=a*i);return{width:n,height:a}}var Ht=String.fromCharCode;var Lt=/^data:.*,/;function zt(t){var e,i=new DataView(t);try{var a,n,o;if(255===i.getUint8(0)&amp;&amp;216===i.getUint8(1))for(var r=i.byteLength,h=2;h+1&lt;r;){if(255===i.getUint8(h)&amp;&amp;225===i.getUint8(h+1)){n=h;break}h+=1}if(n){var s=n+10;if(&quot;Exif&quot;===function(t,e,i){var a=&quot;&quot;;i+=e;for(var n=e;n&lt;i;n+=1)a+=Ht(t.getUint8(n));return a}(i,n+4,4)){var c=i.getUint16(s);if(((a=18761===c)||19789===c)&amp;&amp;42===i.getUint16(s+2,a)){var l=i.getUint32(s+4,a);8&lt;=l&amp;&amp;(o=s+l)}}}if(o){var d,p,u=i.getUint16(o,a);for(p=0;p&lt;u;p+=1)if(d=o+12*p+2,274===i.getUint16(d,a)){d+=8,e=i.getUint16(d,a),i.setUint16(d,1,a);break}}}catch(t){e=1}return e}var Yt={render:function(){this.initContainer(),this.initCanvas(),this.initCropBox(),this.renderCanvas(),this.cropped&amp;&amp;this.renderCropBox()},initContainer:function(){var t=this.element,e=this.options,i=this.container,a=this.cropper;pt(a,X),ut(t,X);var n={width:Math.max(i.offsetWidth,Number(e.minContainerWidth)||200),height:Math.max(i.offsetHeight,Number(e.minContainerHeight)||100)};dt(a,{width:(this.containerData=n).width,height:n.height}),pt(t,X),ut(a,X)},initCanvas:function(){var t=this.containerData,e=this.imageData,i=this.options.viewMode,a=Math.abs(e.rotate)%180==90,n=a?e.naturalHeight:e.naturalWidth,o=a?e.naturalWidth:e.naturalHeight,r=n/o,h=t.width,s=t.height;t.height*r&gt;t.width?3===i?h=t.height*r:s=t.width/r:3===i?s=t.width/r:h=t.height*r;var c={aspectRatio:r,naturalWidth:n,naturalHeight:o,width:h,height:s};c.left=(t.width-h)/2,c.top=(t.height-s)/2,c.oldLeft=c.left,c.oldTop=c.top,this.canvasData=c,this.limited=1===i||2===i,this.limitCanvas(!0,!0),this.initialImageData=ht({},e),this.initialCanvasData=ht({},c)},limitCanvas:function(t,e){var i=this.options,a=this.containerData,n=this.canvasData,o=this.cropBoxData,r=i.viewMode,h=n.aspectRatio,s=this.cropped&amp;&amp;o;if(t){var c=Number(i.minCanvasWidth)||0,l=Number(i.minCanvasHeight)||0;1&lt;r?(c=Math.max(c,a.width),l=Math.max(l,a.height),3===r&amp;&amp;(c&lt;l*h?c=l*h:l=c/h)):0&lt;r&amp;&amp;(c?c=Math.max(c,s?o.width:0):l?l=Math.max(l,s?o.height:0):s&amp;&amp;((c=o.width)&lt;(l=o.height)*h?c=l*h:l=c/h));var d=Nt({aspectRatio:h,width:c,height:l});c=d.width,l=d.height,n.minWidth=c,n.minHeight=l,n.maxWidth=1/0,n.maxHeight=1/0}if(e)if((s?0:1)&lt;r){var p=a.width-n.width,u=a.height-n.height;n.minLeft=Math.min(0,p),n.minTop=Math.min(0,u),n.maxLeft=Math.max(0,p),n.maxTop=Math.max(0,u),s&amp;&amp;this.limited&amp;&amp;(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===r&amp;&amp;(n.width&gt;=a.width&amp;&amp;(n.minLeft=Math.min(0,p),n.maxLeft=Math.max(0,p)),n.height&gt;=a.height&amp;&amp;(n.minTop=Math.min(0,u),n.maxTop=Math.max(0,u))))}else n.minLeft=-n.width,n.minTop=-n.height,n.maxLeft=a.width,n.maxTop=a.height},renderCanvas:function(t,e){var i=this.canvasData,a=this.imageData;if(e){var n=function(t){var e=t.width,i=t.height,a=t.degree;if(90===(a=Math.abs(a)%180))return{width:i,height:e};var n=a%90*Math.PI/180,o=Math.sin(n),r=Math.cos(n),h=e*r+i*o,s=e*o+i*r;return 90&lt;a?{width:s,height:h}:{width:h,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,r=n.height,h=i.width*(o/i.naturalWidth),s=i.height*(r/i.naturalHeight);i.left-=(h-i.width)/2,i.top-=(s-i.height)/2,i.width=h,i.height=s,i.aspectRatio=o/r,i.naturalWidth=o,i.naturalHeight=r,this.limitCanvas(!0,!1)}(i.width&gt;i.maxWidth||i.width&lt;i.minWidth)&amp;&amp;(i.left=i.oldLeft),(i.height&gt;i.maxHeight||i.height&lt;i.minHeight)&amp;&amp;(i.top=i.oldTop),i.width=Math.min(Math.max(i.width,i.minWidth),i.maxWidth),i.height=Math.min(Math.max(i.height,i.minHeight),i.maxHeight),this.limitCanvas(!1,!0),i.left=Math.min(Math.max(i.left,i.minLeft),i.maxLeft),i.top=Math.min(Math.max(i.top,i.minTop),i.maxTop),i.oldLeft=i.left,i.oldTop=i.top,dt(this.canvas,ht({width:i.width,height:i.height},Et({translateX:i.left,translateY:i.top}))),this.renderImage(t),this.cropped&amp;&amp;this.limited&amp;&amp;this.limitCropBox(!0,!0)},renderImage:function(t){var e=this.canvasData,i=this.imageData,a=i.naturalWidth*(e.width/e.naturalWidth),n=i.naturalHeight*(e.height/e.naturalHeight);ht(i,{width:a,height:n,left:(e.width-a)/2,top:(e.height-n)/2}),dt(this.image,ht({width:i.width,height:i.height},Et(ht({translateX:i.left,translateY:i.top},i)))),t&amp;&amp;this.output()},initCropBox:function(){var t=this.options,e=this.canvasData,i=t.aspectRatio||t.initialAspectRatio,a=Number(t.autoCropArea)||.8,n={width:e.width,height:e.height};i&amp;&amp;(e.height*i&gt;e.width?n.height=n.width/i:n.width=n.height*i),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=e.left+(e.width-n.width)/2,n.top=e.top+(e.height-n.height)/2,n.oldLeft=n.left,n.oldTop=n.top,this.initialCropBoxData=ht({},n)},limitCropBox:function(t,e){var i=this.options,a=this.containerData,n=this.canvasData,o=this.cropBoxData,r=this.limited,h=i.aspectRatio;if(t){var s=Number(i.minCropBoxWidth)||0,c=Number(i.minCropBoxHeight)||0,l=r?Math.min(a.width,n.width,n.width+n.left,a.width-n.left):a.width,d=r?Math.min(a.height,n.height,n.height+n.top,a.height-n.top):a.height;s=Math.min(s,a.width),c=Math.min(c,a.height),h&amp;&amp;(s&amp;&amp;c?s&lt;c*h?c=s/h:s=c*h:s?c=s/h:c&amp;&amp;(s=c*h),l&lt;d*h?d=l/h:l=d*h),o.minWidth=Math.min(s,l),o.minHeight=Math.min(c,d),o.maxWidth=l,o.maxHeight=d}e&amp;&amp;(r?(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,e=this.containerData,i=this.cropBoxData;(i.width&gt;i.maxWidth||i.width&lt;i.minWidth)&amp;&amp;(i.left=i.oldLeft),(i.height&gt;i.maxHeight||i.height&lt;i.minHeight)&amp;&amp;(i.top=i.oldTop),i.width=Math.min(Math.max(i.width,i.minWidth),i.maxWidth),i.height=Math.min(Math.max(i.height,i.minHeight),i.maxHeight),this.limitCropBox(!1,!0),i.left=Math.min(Math.max(i.left,i.minLeft),i.maxLeft),i.top=Math.min(Math.max(i.top,i.minTop),i.maxTop),i.oldLeft=i.left,i.oldTop=i.top,t.movable&amp;&amp;t.cropBoxMovable&amp;&amp;wt(this.face,g,i.width&gt;=e.width&amp;&amp;i.height&gt;=e.height?k:D),dt(this.cropBox,ht({width:i.width,height:i.height},Et({translateX:i.left,translateY:i.top}))),this.cropped&amp;&amp;this.limited&amp;&amp;this.limitCanvas(!0,!0),this.disabled||this.output()},output:function(){this.preview(),Ct(this.element,y,this.getData())}},Xt={initPreview:function(){var t=this.element,i=this.crossOrigin,e=this.options.preview,a=i?this.crossOriginUrl:this.url,n=t.alt||&quot;The image to preview&quot;,o=document.createElement(&quot;img&quot;);if(i&amp;&amp;(o.crossOrigin=i),o.src=a,o.alt=n,this.viewBox.appendChild(o),this.viewBoxImage=o,e){var r=e;&quot;string&quot;==typeof e?r=t.ownerDocument.querySelectorAll(e):e.querySelector&amp;&amp;(r=[e]),rt(this.previews=r,function(t){var e=document.createElement(&quot;img&quot;);wt(t,f,{width:t.offsetWidth,height:t.offsetHeight,html:t.innerHTML}),i&amp;&amp;(e.crossOrigin=i),e.src=a,e.alt=n,e.style.cssText='display:block;width:100%;height:auto;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;image-orientation:0deg!important;&quot;',t.innerHTML=&quot;&quot;,t.appendChild(e)})}},resetPreview:function(){rt(this.previews,function(t){var e=vt(t,f);dt(t,{width:e.width,height:e.height}),t.innerHTML=e.html,function(e,i){if(tt(e[i]))try{delete e[i]}catch(t){e[i]=void 0}else if(e.dataset)try{delete e.dataset[i]}catch(t){e.dataset[i]=void 0}else e.removeAttribute(&quot;data-&quot;.concat(ft(i)))}(t,f)})},preview:function(){var h=this.imageData,t=this.canvasData,e=this.cropBoxData,s=e.width,c=e.height,l=h.width,d=h.height,p=e.left-t.left-h.left,u=e.top-t.top-h.top;this.cropped&amp;&amp;!this.disabled&amp;&amp;(dt(this.viewBoxImage,ht({width:l,height:d},Et(ht({translateX:-p,translateY:-u},h)))),rt(this.previews,function(t){var e=vt(t,f),i=e.width,a=e.height,n=i,o=a,r=1;s&amp;&amp;(o=c*(r=i/s)),c&amp;&amp;a&lt;o&amp;&amp;(n=s*(r=a/c),o=a),dt(t,{width:n,height:o}),dt(t.getElementsByTagName(&quot;img&quot;)[0],ht({width:l*r,height:d*r},Et(ht({translateX:-p*r,translateY:-u*r},h))))}))}},Rt={bind:function(){var t=this.element,e=this.options,i=this.cropper;at(e.cropstart)&amp;&amp;Mt(t,R,e.cropstart),at(e.cropmove)&amp;&amp;Mt(t,M,e.cropmove),at(e.cropend)&amp;&amp;Mt(t,x,e.cropend),at(e.crop)&amp;&amp;Mt(t,y,e.crop),at(e.zoom)&amp;&amp;Mt(t,U,e.zoom),Mt(i,A,this.onCropStart=this.cropStart.bind(this)),e.zoomable&amp;&amp;e.zoomOnWheel&amp;&amp;Mt(i,&quot;wheel&quot;,this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),e.toggleDragModeOnDblclick&amp;&amp;Mt(i,j,this.onDblclick=this.dblclick.bind(this)),Mt(t.ownerDocument,S,this.onCropMove=this.cropMove.bind(this)),Mt(t.ownerDocument,I,this.onCropEnd=this.cropEnd.bind(this)),e.responsive&amp;&amp;Mt(window,&quot;resize&quot;,this.onResize=this.resize.bind(this))},unbind:function(){var t=this.element,e=this.options,i=this.cropper;at(e.cropstart)&amp;&amp;xt(t,R,e.cropstart),at(e.cropmove)&amp;&amp;xt(t,M,e.cropmove),at(e.cropend)&amp;&amp;xt(t,x,e.cropend),at(e.crop)&amp;&amp;xt(t,y,e.crop),at(e.zoom)&amp;&amp;xt(t,U,e.zoom),xt(i,A,this.onCropStart),e.zoomable&amp;&amp;e.zoomOnWheel&amp;&amp;xt(i,&quot;wheel&quot;,this.onWheel,{passive:!1,capture:!0}),e.toggleDragModeOnDblclick&amp;&amp;xt(i,j,this.onDblclick),xt(t.ownerDocument,S,this.onCropMove),xt(t.ownerDocument,I,this.onCropEnd),e.responsive&amp;&amp;xt(window,&quot;resize&quot;,this.onResize)}},jt={resize:function(){var t=this.options,e=this.container,i=this.containerData,a=Number(t.minContainerWidth)||200,n=Number(t.minContainerHeight)||100;if(!(this.disabled||i.width&lt;=a||i.height&lt;=n)){var o,r,h=e.offsetWidth/i.width;if(1!=h||e.offsetHeight!==i.height)t.restore&amp;&amp;(o=this.getCanvasData(),r=this.getCropBoxData()),this.render(),t.restore&amp;&amp;(this.setCanvasData(rt(o,function(t,e){o[e]=t*h})),this.setCropBoxData(rt(r,function(t,e){r[e]=t*h})))}},dblclick:function(){this.disabled||this.options.dragMode===b||this.setDragMode(function(t,e){return t.classList?t.classList.contains(e):-1&lt;t.className.indexOf(e)}(this.dragBox,h)?w:v)},wheel:function(t){var e=this,i=Number(this.options.wheelZoomRatio)||.1,a=1;this.disabled||(t.preventDefault(),this.wheeling||(this.wheeling=!0,setTimeout(function(){e.wheeling=!1},50),t.deltaY?a=0&lt;t.deltaY?1:-1:t.wheelDelta?a=-t.wheelDelta/120:t.detail&amp;&amp;(a=0&lt;t.detail?1:-1),this.zoom(-a*i,t)))},cropStart:function(t){var e=t.buttons,i=t.button;if(!(this.disabled||(&quot;mousedown&quot;===t.type||&quot;pointerdown&quot;===t.type&amp;&amp;&quot;mouse&quot;===t.pointerType)&amp;&amp;(V(e)&amp;&amp;1!==e||V(i)&amp;&amp;0!==i||t.ctrlKey))){var a,n=this.options,o=this.pointers;t.changedTouches?rt(t.changedTouches,function(t){o[t.identifier]=Wt(t)}):o[t.pointerId||0]=Wt(t),a=1&lt;Object.keys(o).length&amp;&amp;n.zoomable&amp;&amp;n.zoomOnTouch?O:vt(t.target,g),$.test(a)&amp;&amp;!1!==Ct(this.element,R,{originalEvent:t,action:a})&amp;&amp;(t.preventDefault(),this.action=a,this.cropping=!1,a===B&amp;&amp;(this.cropping=!0,pt(this.dragBox,c)))}},cropMove:function(t){var e=this.action;if(!this.disabled&amp;&amp;e){var i=this.pointers;t.preventDefault(),!1!==Ct(this.element,M,{originalEvent:t,action:e})&amp;&amp;(t.changedTouches?rt(t.changedTouches,function(t){ht(i[t.identifier]||{},Wt(t,!0))}):ht(i[t.pointerId||0]||{},Wt(t,!0)),this.change(t))}},cropEnd:function(t){if(!this.disabled){var e=this.action,i=this.pointers;t.changedTouches?rt(t.changedTouches,function(t){delete i[t.identifier]}):delete i[t.pointerId||0],e&amp;&amp;(t.preventDefault(),Object.keys(i).length||(this.action=&quot;&quot;),this.cropping&amp;&amp;(this.cropping=!1,mt(this.dragBox,c,this.cropped&amp;&amp;this.options.modal)),Ct(this.element,x,{originalEvent:t,action:e}))}}},At={change:function(t){var e,i=this.options,a=this.canvasData,n=this.containerData,o=this.cropBoxData,r=this.pointers,h=this.action,s=i.aspectRatio,c=o.left,l=o.top,d=o.width,p=o.height,u=c+d,m=l+p,g=0,f=0,v=n.width,w=n.height,b=!0;!s&amp;&amp;t.shiftKey&amp;&amp;(s=d&amp;&amp;p?d/p:1),this.limited&amp;&amp;(g=o.minLeft,f=o.minTop,v=g+Math.min(n.width,a.width,a.left+a.width),w=f+Math.min(n.height,a.height,a.top+a.height));function y(t){switch(t){case T:u+M.x&gt;v&amp;&amp;(M.x=v-u);break;case E:c+M.x&lt;g&amp;&amp;(M.x=g-c);break;case N:l+M.y&lt;f&amp;&amp;(M.y=f-l);break;case W:m+M.y&gt;w&amp;&amp;(M.y=w-m)}}var x=r[Object.keys(r)[0]],M={x:x.endX-x.startX,y:x.endY-x.startY};switch(h){case D:c+=M.x,l+=M.y;break;case T:if(0&lt;=M.x&amp;&amp;(v&lt;=u||s&amp;&amp;(l&lt;=f||w&lt;=m))){b=!1;break}y(T),(d+=M.x)&lt;0&amp;&amp;(h=E,c-=d=-d),s&amp;&amp;(p=d/s,l+=(o.height-p)/2);break;case N:if(M.y&lt;=0&amp;&amp;(l&lt;=f||s&amp;&amp;(c&lt;=g||v&lt;=u))){b=!1;break}y(N),p-=M.y,l+=M.y,p&lt;0&amp;&amp;(h=W,l-=p=-p),s&amp;&amp;(d=p*s,c+=(o.width-d)/2);break;case E:if(M.x&lt;=0&amp;&amp;(c&lt;=g||s&amp;&amp;(l&lt;=f||w&lt;=m))){b=!1;break}y(E),d-=M.x,c+=M.x,d&lt;0&amp;&amp;(h=T,c-=d=-d),s&amp;&amp;(p=d/s,l+=(o.height-p)/2);break;case W:if(0&lt;=M.y&amp;&amp;(w&lt;=m||s&amp;&amp;(c&lt;=g||v&lt;=u))){b=!1;break}y(W),(p+=M.y)&lt;0&amp;&amp;(h=N,l-=p=-p),s&amp;&amp;(d=p*s,c+=(o.width-d)/2);break;case H:if(s){if(M.y&lt;=0&amp;&amp;(l&lt;=f||v&lt;=u)){b=!1;break}y(N),p-=M.y,l+=M.y,d=p*s}else y(N),y(T),0&lt;=M.x?u&lt;v?d+=M.x:M.y&lt;=0&amp;&amp;l&lt;=f&amp;&amp;(b=!1):d+=M.x,M.y&lt;=0?f&lt;l&amp;&amp;(p-=M.y,l+=M.y):(p-=M.y,l+=M.y);d&lt;0&amp;&amp;p&lt;0?(h=Y,l-=p=-p,c-=d=-d):d&lt;0?(h=L,c-=d=-d):p&lt;0&amp;&amp;(h=z,l-=p=-p);break;case L:if(s){if(M.y&lt;=0&amp;&amp;(l&lt;=f||c&lt;=g)){b=!1;break}y(N),p-=M.y,l+=M.y,d=p*s,c+=o.width-d}else y(N),y(E),M.x&lt;=0?g&lt;c?(d-=M.x,c+=M.x):M.y&lt;=0&amp;&amp;l&lt;=f&amp;&amp;(b=!1):(d-=M.x,c+=M.x),M.y&lt;=0?f&lt;l&amp;&amp;(p-=M.y,l+=M.y):(p-=M.y,l+=M.y);d&lt;0&amp;&amp;p&lt;0?(h=z,l-=p=-p,c-=d=-d):d&lt;0?(h=H,c-=d=-d):p&lt;0&amp;&amp;(h=Y,l-=p=-p);break;case Y:if(s){if(M.x&lt;=0&amp;&amp;(c&lt;=g||w&lt;=m)){b=!1;break}y(E),d-=M.x,c+=M.x,p=d/s}else y(W),y(E),M.x&lt;=0?g&lt;c?(d-=M.x,c+=M.x):0&lt;=M.y&amp;&amp;w&lt;=m&amp;&amp;(b=!1):(d-=M.x,c+=M.x),0&lt;=M.y?m&lt;w&amp;&amp;(p+=M.y):p+=M.y;d&lt;0&amp;&amp;p&lt;0?(h=H,l-=p=-p,c-=d=-d):d&lt;0?(h=z,c-=d=-d):p&lt;0&amp;&amp;(h=L,l-=p=-p);break;case z:if(s){if(0&lt;=M.x&amp;&amp;(v&lt;=u||w&lt;=m)){b=!1;break}y(T),p=(d+=M.x)/s}else y(W),y(T),0&lt;=M.x?u&lt;v?d+=M.x:0&lt;=M.y&amp;&amp;w&lt;=m&amp;&amp;(b=!1):d+=M.x,0&lt;=M.y?m&lt;w&amp;&amp;(p+=M.y):p+=M.y;d&lt;0&amp;&amp;p&lt;0?(h=L,l-=p=-p,c-=d=-d):d&lt;0?(h=Y,c-=d=-d):p&lt;0&amp;&amp;(h=H,l-=p=-p);break;case k:this.move(M.x,M.y),b=!1;break;case O:this.zoom(function(t){var e=C({},t),s=[];return rt(t,function(h,t){delete e[t],rt(e,function(t){var e=Math.abs(h.startX-t.startX),i=Math.abs(h.startY-t.startY),a=Math.abs(h.endX-t.endX),n=Math.abs(h.endY-t.endY),o=Math.sqrt(e*e+i*i),r=(Math.sqrt(a*a+n*n)-o)/o;s.push(r)})}),s.sort(function(t,e){return Math.abs(t)&lt;Math.abs(e)}),s[0]}(r),t),b=!1;break;case B:if(!M.x||!M.y){b=!1;break}e=Dt(this.cropper),c=x.startX-e.left,l=x.startY-e.top,d=o.minWidth,p=o.minHeight,0&lt;M.x?h=0&lt;M.y?z:H:M.x&lt;0&amp;&amp;(c-=d,h=0&lt;M.y?Y:L),M.y&lt;0&amp;&amp;(l-=p),this.cropped||(ut(this.cropBox,X),this.cropped=!0,this.limited&amp;&amp;this.limitCropBox(!0,!0))}b&amp;&amp;(o.width=d,o.height=p,o.left=c,o.top=l,this.action=h,this.renderCropBox()),rt(r,function(t){t.startX=t.endX,t.startY=t.endY})}},St={crop:function(){return!this.ready||this.cropped||this.disabled||(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&amp;&amp;pt(this.dragBox,c),ut(this.cropBox,X),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&amp;&amp;!this.disabled&amp;&amp;(this.imageData=ht({},this.initialImageData),this.canvasData=ht({},this.initialCanvasData),this.cropBoxData=ht({},this.initialCropBoxData),this.renderCanvas(),this.cropped&amp;&amp;this.renderCropBox()),this},clear:function(){return this.cropped&amp;&amp;!this.disabled&amp;&amp;(ht(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),ut(this.dragBox,c),pt(this.cropBox,X)),this},replace:function(e,t){var i=1&lt;arguments.length&amp;&amp;void 0!==t&amp;&amp;t;return!this.disabled&amp;&amp;e&amp;&amp;(this.isImg&amp;&amp;(this.element.src=e),i?(this.url=e,this.image.src=e,this.ready&amp;&amp;(this.viewBoxImage.src=e,rt(this.previews,function(t){t.getElementsByTagName(&quot;img&quot;)[0].src=e}))):(this.isImg&amp;&amp;(this.replaced=!0),this.options.data=null,this.uncreate(),this.load(e))),this},enable:function(){return this.ready&amp;&amp;this.disabled&amp;&amp;(this.disabled=!1,ut(this.cropper,s)),this},disable:function(){return this.ready&amp;&amp;!this.disabled&amp;&amp;(this.disabled=!0,pt(this.cropper,s)),this},destroy:function(){var t=this.element;return t[d]&amp;&amp;(t[d]=void 0,this.isImg&amp;&amp;this.replaced&amp;&amp;(t.src=this.originalUrl),this.uncreate()),this},move:function(t,e){var i=1&lt;arguments.length&amp;&amp;void 0!==e?e:t,a=this.canvasData,n=a.left,o=a.top;return this.moveTo(_(t)?t:n+Number(t),_(i)?i:o+Number(i))},moveTo:function(t,e){var i=1&lt;arguments.length&amp;&amp;void 0!==e?e:t,a=this.canvasData,n=!1;return t=Number(t),i=Number(i),this.ready&amp;&amp;!this.disabled&amp;&amp;this.options.movable&amp;&amp;(V(t)&amp;&amp;(a.left=t,n=!0),V(i)&amp;&amp;(a.top=i,n=!0),n&amp;&amp;this.renderCanvas(!0)),this},zoom:function(t,e){var i=this.canvasData;return t=(t=Number(t))&lt;0?1/(1-t):1+t,this.zoomTo(i.width*t/i.naturalWidth,null,e)},zoomTo:function(t,e,i){var a=this.options,n=this.canvasData,o=n.width,r=n.height,h=n.naturalWidth,s=n.naturalHeight;if(0&lt;=(t=Number(t))&amp;&amp;this.ready&amp;&amp;!this.disabled&amp;&amp;a.zoomable){var c=h*t,l=s*t;if(!1===Ct(this.element,U,{ratio:t,oldRatio:o/h,originalEvent:i}))return this;if(i){var d=this.pointers,p=Dt(this.cropper),u=d&amp;&amp;Object.keys(d).length?function(t){var a=0,n=0,o=0;return rt(t,function(t){var e=t.startX,i=t.startY;a+=e,n+=i,o+=1}),{pageX:a/=o,pageY:n/=o}}(d):{pageX:i.pageX,pageY:i.pageY};n.left-=(c-o)*((u.pageX-p.left-n.left)/o),n.top-=(l-r)*((u.pageY-p.top-n.top)/r)}else it(e)&amp;&amp;V(e.x)&amp;&amp;V(e.y)?(n.left-=(c-o)*((e.x-n.left)/o),n.top-=(l-r)*((e.y-n.top)/r)):(n.left-=(c-o)/2,n.top-=(l-r)/2);n.width=c,n.height=l,this.renderCanvas(!0)}return this},rotate:function(t){return this.rotateTo((this.imageData.rotate||0)+Number(t))},rotateTo:function(t){return V(t=Number(t))&amp;&amp;this.ready&amp;&amp;!this.disabled&amp;&amp;this.options.rotatable&amp;&amp;(this.imageData.rotate=t%360,this.renderCanvas(!0,!0)),this},scaleX:function(t){var e=this.imageData.scaleY;return this.scale(t,V(e)?e:1)},scaleY:function(t){var e=this.imageData.scaleX;return this.scale(V(e)?e:1,t)},scale:function(t,e){var i=1&lt;arguments.length&amp;&amp;void 0!==e?e:t,a=this.imageData,n=!1;return t=Number(t),i=Number(i),this.ready&amp;&amp;!this.disabled&amp;&amp;this.options.scalable&amp;&amp;(V(t)&amp;&amp;(a.scaleX=t,n=!0),V(i)&amp;&amp;(a.scaleY=i,n=!0),n&amp;&amp;this.renderCanvas(!0,!0)),this},getData:function(t){var i,e=0&lt;arguments.length&amp;&amp;void 0!==t&amp;&amp;t,a=this.options,n=this.imageData,o=this.canvasData,r=this.cropBoxData;if(this.ready&amp;&amp;this.cropped){i={x:r.left-o.left,y:r.top-o.top,width:r.width,height:r.height};var h=n.width/n.naturalWidth;if(rt(i,function(t,e){i[e]=t/h}),e){var s=Math.round(i.y+i.height),c=Math.round(i.x+i.width);i.x=Math.round(i.x),i.y=Math.round(i.y),i.width=c-i.x,i.height=s-i.y}}else i={x:0,y:0,width:0,height:0};return a.rotatable&amp;&amp;(i.rotate=n.rotate||0),a.scalable&amp;&amp;(i.scaleX=n.scaleX||1,i.scaleY=n.scaleY||1),i},setData:function(t){var e=this.options,i=this.imageData,a=this.canvasData,n={};if(this.ready&amp;&amp;!this.disabled&amp;&amp;it(t)){var o=!1;e.rotatable&amp;&amp;V(t.rotate)&amp;&amp;t.rotate!==i.rotate&amp;&amp;(i.rotate=t.rotate,o=!0),e.scalable&amp;&amp;(V(t.scaleX)&amp;&amp;t.scaleX!==i.scaleX&amp;&amp;(i.scaleX=t.scaleX,o=!0),V(t.scaleY)&amp;&amp;t.scaleY!==i.scaleY&amp;&amp;(i.scaleY=t.scaleY,o=!0)),o&amp;&amp;this.renderCanvas(!0,!0);var r=i.width/i.naturalWidth;V(t.x)&amp;&amp;(n.left=t.x*r+a.left),V(t.y)&amp;&amp;(n.top=t.y*r+a.top),V(t.width)&amp;&amp;(n.width=t.width*r),V(t.height)&amp;&amp;(n.height=t.height*r),this.setCropBoxData(n)}return this},getContainerData:function(){return this.ready?ht({},this.containerData):{}},getImageData:function(){return this.sized?ht({},this.imageData):{}},getCanvasData:function(){var e=this.canvasData,i={};return this.ready&amp;&amp;rt([&quot;left&quot;,&quot;top&quot;,&quot;width&quot;,&quot;height&quot;,&quot;naturalWidth&quot;,&quot;naturalHeight&quot;],function(t){i[t]=e[t]}),i},setCanvasData:function(t){var e=this.canvasData,i=e.aspectRatio;return this.ready&amp;&amp;!this.disabled&amp;&amp;it(t)&amp;&amp;(V(t.left)&amp;&amp;(e.left=t.left),V(t.top)&amp;&amp;(e.top=t.top),V(t.width)?(e.width=t.width,e.height=t.width/i):V(t.height)&amp;&amp;(e.height=t.height,e.width=t.height*i),this.renderCanvas(!0)),this},getCropBoxData:function(){var t,e=this.cropBoxData;return this.ready&amp;&amp;this.cropped&amp;&amp;(t={left:e.left,top:e.top,width:e.width,height:e.height}),t||{}},setCropBoxData:function(t){var e,i,a=this.cropBoxData,n=this.options.aspectRatio;return this.ready&amp;&amp;this.cropped&amp;&amp;!this.disabled&amp;&amp;it(t)&amp;&amp;(V(t.left)&amp;&amp;(a.left=t.left),V(t.top)&amp;&amp;(a.top=t.top),V(t.width)&amp;&amp;t.width!==a.width&amp;&amp;(e=!0,a.width=t.width),V(t.height)&amp;&amp;t.height!==a.height&amp;&amp;(i=!0,a.height=t.height),n&amp;&amp;(e?a.height=a.width/n:i&amp;&amp;(a.width=a.height*n)),this.renderCropBox()),this},getCroppedCanvas:function(t){var e=0&lt;arguments.length&amp;&amp;void 0!==t?t:{};if(!this.ready||!window.HTMLCanvasElement)return null;var i=this.canvasData,a=function(t,e,i,a){var n=e.aspectRatio,o=e.naturalWidth,r=e.naturalHeight,h=e.rotate,s=void 0===h?0:h,c=e.scaleX,l=void 0===c?1:c,d=e.scaleY,p=void 0===d?1:d,u=i.aspectRatio,m=i.naturalWidth,g=i.naturalHeight,f=a.fillColor,v=void 0===f?&quot;transparent&quot;:f,w=a.imageSmoothingEnabled,b=void 0===w||w,y=a.imageSmoothingQuality,x=void 0===y?&quot;low&quot;:y,M=a.maxWidth,C=void 0===M?1/0:M,D=a.maxHeight,B=void 0===D?1/0:D,k=a.minWidth,O=void 0===k?0:k,T=a.minHeight,E=void 0===T?0:T,W=document.createElement(&quot;canvas&quot;),N=W.getContext(&quot;2d&quot;),H=Nt({aspectRatio:u,width:C,height:B}),L=Nt({aspectRatio:u,width:O,height:E},&quot;cover&quot;),z=Math.min(H.width,Math.max(L.width,m)),Y=Math.min(H.height,Math.max(L.height,g)),X=Nt({aspectRatio:n,width:C,height:B}),R=Nt({aspectRatio:n,width:O,height:E},&quot;cover&quot;),j=Math.min(X.width,Math.max(R.width,o)),A=Math.min(X.height,Math.max(R.height,r)),S=[-j/2,-A/2,j,A];return W.width=ct(z),W.height=ct(Y),N.fillStyle=v,N.fillRect(0,0,z,Y),N.save(),N.translate(z/2,Y/2),N.rotate(s*Math.PI/180),N.scale(l,p),N.imageSmoothingEnabled=b,N.imageSmoothingQuality=x,N.drawImage.apply(N,[t].concat(P(S.map(function(t){return Math.floor(ct(t))})))),N.restore(),W}(this.image,this.imageData,i,e);if(!this.cropped)return a;var n=this.getData(),o=n.x,r=n.y,h=n.width,s=n.height,c=a.width/Math.floor(i.naturalWidth);1!=c&amp;&amp;(o*=c,r*=c,h*=c,s*=c);var l=h/s,d=Nt({aspectRatio:l,width:e.maxWidth||1/0,height:e.maxHeight||1/0}),p=Nt({aspectRatio:l,width:e.minWidth||0,height:e.minHeight||0},&quot;cover&quot;),u=Nt({aspectRatio:l,width:e.width||(1!=c?a.width:h),height:e.height||(1!=c?a.height:s)}),m=u.width,g=u.height;m=Math.min(d.width,Math.max(p.width,m)),g=Math.min(d.height,Math.max(p.height,g));var f=document.createElement(&quot;canvas&quot;),v=f.getContext(&quot;2d&quot;);f.width=ct(m),f.height=ct(g),v.fillStyle=e.fillColor||&quot;transparent&quot;,v.fillRect(0,0,m,g);var w=e.imageSmoothingEnabled,b=void 0===w||w,y=e.imageSmoothingQuality;v.imageSmoothingEnabled=b,y&amp;&amp;(v.imageSmoothingQuality=y);var x,M,C,D,B,k,O=a.width,T=a.height,E=o,W=r;E&lt;=-h||O&lt;E?B=C=x=E=0:E&lt;=0?(C=-E,E=0,B=x=Math.min(O,h+E)):E&lt;=O&amp;&amp;(C=0,B=x=Math.min(h,O-E)),x&lt;=0||W&lt;=-s||T&lt;W?k=D=M=W=0:W&lt;=0?(D=-W,W=0,k=M=Math.min(T,s+W)):W&lt;=T&amp;&amp;(D=0,k=M=Math.min(s,T-W));var N=[E,W,x,M];if(0&lt;B&amp;&amp;0&lt;k){var H=m/h;N.push(C*H,D*H,B*H,k*H)}return v.drawImage.apply(v,[a].concat(P(N.map(function(t){return Math.floor(ct(t))})))),f},setAspectRatio:function(t){var e=this.options;return this.disabled||_(t)||(e.aspectRatio=Math.max(0,t)||NaN,this.ready&amp;&amp;(this.initCropBox(),this.cropped&amp;&amp;this.renderCropBox())),this},setDragMode:function(t){var e=this.options,i=this.dragBox,a=this.face;if(this.ready&amp;&amp;!this.disabled){var n=t===v,o=e.movable&amp;&amp;t===w;t=n||o?t:b,e.dragMode=t,wt(i,g,t),mt(i,h,n),mt(i,m,o),e.cropBoxMovable||(wt(a,g,t),mt(a,h,n),mt(a,m,o))}return this}},Pt=r.Cropper,It=function(){function i(t){var e=1&lt;arguments.length&amp;&amp;void 0!==arguments[1]?arguments[1]:{};if(function(t,e){if(!(t instanceof e))throw new TypeError(&quot;Cannot call a class as a function&quot;)}(this,i),!t||!Z.test(t.tagName))throw new Error(&quot;The first argument is required and must be an &lt;img&gt; or &lt;canvas&gt; element.&quot;);this.element=t,this.options=ht({},F,it(e)&amp;&amp;e),this.cropped=!1,this.disabled=!1,this.pointers={},this.ready=!1,this.reloading=!1,this.replaced=!1,this.sized=!1,this.sizing=!1,this.init()}return function(t,e,i){e&amp;&amp;a(t.prototype,e),i&amp;&amp;a(t,i)}(i,[{key:&quot;init&quot;,value:function(){var t,e=this.element,i=e.tagName.toLowerCase();if(!e[d]){if(e[d]=this,&quot;img&quot;===i){if(this.isImg=!0,t=e.getAttribute(&quot;src&quot;)||&quot;&quot;,!(this.originalUrl=t))return;t=e.src}else&quot;canvas&quot;===i&amp;&amp;window.HTMLCanvasElement&amp;&amp;(t=e.toDataURL());this.load(t)}}},{key:&quot;load&quot;,value:function(t){var e=this;if(t){this.url=t,this.imageData={};var i=this.element,a=this.options;if(a.rotatable||a.scalable||(a.checkOrientation=!1),a.checkOrientation&amp;&amp;window.ArrayBuffer)if(Q.test(t))K.test(t)?this.read(function(t){var e=t.replace(Lt,&quot;&quot;),i=atob(e),a=new ArrayBuffer(i.length),n=new Uint8Array(a);return rt(n,function(t,e){n[e]=i.charCodeAt(e)}),a}(t)):this.clone();else{var n=new XMLHttpRequest,o=this.clone.bind(this);this.reloading=!0,(this.xhr=n).onabort=o,n.onerror=o,n.ontimeout=o,n.onprogress=function(){n.getResponseHeader(&quot;content-type&quot;)!==q&amp;&amp;n.abort()},n.onload=function(){e.read(n.response)},n.onloadend=function(){e.reloading=!1,e.xhr=null},a.checkCrossOrigin&amp;&amp;Ot(t)&amp;&amp;i.crossOrigin&amp;&amp;(t=Tt(t)),n.open(&quot;GET&quot;,t),n.responseType=&quot;arraybuffer&quot;,n.withCredentials=&quot;use-credentials&quot;===i.crossOrigin,n.send()}else this.clone()}}},{key:&quot;read&quot;,value:function(t){var e=this.options,i=this.imageData,a=zt(t),n=0,o=1,r=1;if(1&lt;a){this.url=function(t,e){for(var i=[],a=new Uint8Array(t);0&lt;a.length;)i.push(Ht.apply(null,ot(a.subarray(0,8192)))),a=a.subarray(8192);return&quot;data:&quot;.concat(e,&quot;;base64,&quot;).concat(btoa(i.join(&quot;&quot;)))}(t,q);var h=function(t){var e=0,i=1,a=1;switch(t){case 2:i=-1;break;case 3:e=-180;break;case 4:a=-1;break;case 5:e=90,a=-1;break;case 6:e=90;break;case 7:e=90,i=-1;break;case 8:e=-90}return{rotate:e,scaleX:i,scaleY:a}}(a);n=h.rotate,o=h.scaleX,r=h.scaleY}e.rotatable&amp;&amp;(i.rotate=n),e.scalable&amp;&amp;(i.scaleX=o,i.scaleY=r),this.clone()}},{key:&quot;clone&quot;,value:function(){var t=this.element,e=this.url,i=t.crossOrigin,a=e;this.options.checkCrossOrigin&amp;&amp;Ot(e)&amp;&amp;(i=i||&quot;anonymous&quot;,a=Tt(e)),this.crossOrigin=i,this.crossOriginUrl=a;var n=document.createElement(&quot;img&quot;);i&amp;&amp;(n.crossOrigin=i),n.src=a||e,n.alt=t.alt||&quot;The image to crop&quot;,(this.image=n).onload=this.start.bind(this),n.onerror=this.stop.bind(this),pt(n,p),t.parentNode.insertBefore(n,t.nextSibling)}},{key:&quot;start&quot;,value:function(){var i=this,t=this.image;t.onload=null,t.onerror=null,this.sizing=!0;function e(t,e){ht(i.imageData,{naturalWidth:t,naturalHeight:e,aspectRatio:t/e}),i.sizing=!1,i.sized=!0,i.build()}var a=r.navigator&amp;&amp;/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(r.navigator.userAgent);if(!t.naturalWidth||a){var n=document.createElement(&quot;img&quot;),o=document.body||document.documentElement;(this.sizingImage=n).onload=function(){e(n.width,n.height),a||o.removeChild(n)},n.src=t.src,a||(n.style.cssText=&quot;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;&quot;,o.appendChild(n))}else e(t.naturalWidth,t.naturalHeight)}},{key:&quot;stop&quot;,value:function(){var t=this.image;t.onload=null,t.onerror=null,t.parentNode.removeChild(t),this.image=null}},{key:&quot;build&quot;,value:function(){if(this.sized&amp;&amp;!this.ready){var t=this.element,e=this.options,i=this.image,a=t.parentNode,n=document.createElement(&quot;div&quot;);n.innerHTML='&lt;div class=&quot;cropper-container&quot; touch-action=&quot;none&quot;&gt;&lt;div class=&quot;cropper-wrap-box&quot;&gt;&lt;div class=&quot;cropper-canvas&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;cropper-drag-box&quot;&gt;&lt;/div&gt;&lt;div class=&quot;cropper-crop-box&quot;&gt;&lt;span class=&quot;cropper-view-box&quot;&gt;&lt;/span&gt;&lt;span class=&quot;cropper-dashed dashed-h&quot;&gt;&lt;/span&gt;&lt;span class=&quot;cropper-dashed dashed-v&quot;&gt;&lt;/span&gt;&lt;span class=&quot;cropper-center&quot;&gt;&lt;/span&gt;&lt;span class=&quot;cropper-face&quot;&gt;&lt;/span&gt;&lt;span class=&quot;cropper-line line-e&quot; data-cropper-action=&quot;e&quot;&gt;&lt;/span&gt;&lt;span class=&quot;cropper-line line-n&quot; data-cropper-action=&quot;n&quot;&gt;&lt;/span&gt;&lt;span class=&quot;cropper-line line-w&quot; data-cropper-action=&quot;w&quot;&gt;&lt;/span&gt;&lt;span class=&quot;cropper-line line-s&quot; data-cropper-action=&quot;s&quot;&gt;&lt;/span&gt;&lt;span class=&quot;cropper-point point-e&quot; data-cropper-action=&quot;e&quot;&gt;&lt;/span&gt;&lt;span class=&quot;cropper-point point-n&quot; data-cropper-action=&quot;n&quot;&gt;&lt;/span&gt;&lt;span class=&quot;cropper-point point-w&quot; data-cropper-action=&quot;w&quot;&gt;&lt;/span&gt;&lt;span class=&quot;cropper-point point-s&quot; data-cropper-action=&quot;s&quot;&gt;&lt;/span&gt;&lt;span class=&quot;cropper-point point-ne&quot; data-cropper-action=&quot;ne&quot;&gt;&lt;/span&gt;&lt;span class=&quot;cropper-point point-nw&quot; data-cropper-action=&quot;nw&quot;&gt;&lt;/span&gt;&lt;span class=&quot;cropper-point point-sw&quot; data-cropper-action=&quot;sw&quot;&gt;&lt;/span&gt;&lt;span class=&quot;cropper-point point-se&quot; data-cropper-action=&quot;se&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;';var o=n.querySelector(&quot;.&quot;.concat(d,&quot;-container&quot;)),r=o.querySelector(&quot;.&quot;.concat(d,&quot;-canvas&quot;)),h=o.querySelector(&quot;.&quot;.concat(d,&quot;-drag-box&quot;)),s=o.querySelector(&quot;.&quot;.concat(d,&quot;-crop-box&quot;)),c=s.querySelector(&quot;.&quot;.concat(d,&quot;-face&quot;));this.container=a,this.cropper=o,this.canvas=r,this.dragBox=h,this.cropBox=s,this.viewBox=o.querySelector(&quot;.&quot;.concat(d,&quot;-view-box&quot;)),this.face=c,r.appendChild(i),pt(t,X),a.insertBefore(o,t.nextSibling),this.isImg||ut(i,p),this.initPreview(),this.bind(),e.initialAspectRatio=Math.max(0,e.initialAspectRatio)||NaN,e.aspectRatio=Math.max(0,e.aspectRatio)||NaN,e.viewMode=Math.max(0,Math.min(3,Math.round(e.viewMode)))||0,pt(s,X),e.guides||pt(s.getElementsByClassName(&quot;&quot;.concat(d,&quot;-dashed&quot;)),X),e.center||pt(s.getElementsByClassName(&quot;&quot;.concat(d,&quot;-center&quot;)),X),e.background&amp;&amp;pt(o,&quot;&quot;.concat(d,&quot;-bg&quot;)),e.highlight||pt(c,u),e.cropBoxMovable&amp;&amp;(pt(c,m),wt(c,g,D)),e.cropBoxResizable||(pt(s.getElementsByClassName(&quot;&quot;.concat(d,&quot;-line&quot;)),X),pt(s.getElementsByClassName(&quot;&quot;.concat(d,&quot;-point&quot;)),X)),this.render(),this.ready=!0,this.setDragMode(e.dragMode),e.autoCrop&amp;&amp;this.crop(),this.setData(e.data),at(e.ready)&amp;&amp;Mt(t,&quot;ready&quot;,e.ready,{once:!0}),Ct(t,&quot;ready&quot;)}}},{key:&quot;unbuild&quot;,value:function(){this.ready&amp;&amp;(this.ready=!1,this.unbind(),this.resetPreview(),this.cropper.parentNode.removeChild(this.cropper),ut(this.element,X))}},{key:&quot;uncreate&quot;,value:function(){this.ready?(this.unbuild(),this.ready=!1,this.cropped=!1):this.sizing?(this.sizingImage.onload=null,this.sizing=!1,this.sized=!1):this.reloading?(this.xhr.onabort=null,this.xhr.abort()):this.image&amp;&amp;this.stop()}}],[{key:&quot;noConflict&quot;,value:function(){return window.Cropper=Pt,i}},{key:&quot;setDefaults&quot;,value:function(t){ht(F,it(t)&amp;&amp;t)}}]),i}();if(ht(It.prototype,Yt,Xt,Rt,jt,At,St),l.fn){var Ut=l.fn.cropper,qt=&quot;cropper&quot;;l.fn.cropper=function(h){for(var t=arguments.length,s=new Array(1&lt;t?t-1:0),e=1;e&lt;t;e++)s[e-1]=arguments[e];var c;return this.each(function(t,e){var i=l(e),a=&quot;destroy&quot;===h,n=i.data(qt);if(!n){if(a)return;var o=l.extend({},i.data(),l.isPlainObject(h)&amp;&amp;h);n=new It(e,o),i.data(qt,n)}if(&quot;string&quot;==typeof h){var r=n[h];l.isFunction(r)&amp;&amp;((c=r.apply(n,s))===n&amp;&amp;(c=void 0),a&amp;&amp;i.removeData(qt))}}),void 0!==c?c:this},l.fn.cropper.Constructor=It,l.fn.cropper.setDefaults=It.setDefaults,l.fn.cropper.noConflict=function(){return l.fn.cropper=Ut,this}}});</textarea><br>
    <input type="submit" value="Save">
</form>