feffery_utils_components 0.2.0-rc11 → 0.2.0-rc13

package/feffery_utils_components/async-feffery_image_cropper.js

@@ -1 +1 @@
-(window.webpackJsonpfeffery_utils_components=window.webpackJsonpfeffery_utils_components||[]).push([[16],{545:function(t,e,i){"use strict";i.r(e);var ot=i(1),at=i.n(ot),n=i(832),b=i.n(n),w=function(){return(w=Object.assign||function(t){for(var e,i=1,n=arguments.length;i<n;i++)for(var o in e=arguments[i])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t}).apply(this,arguments)};function x(t,e){var i={};for(o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0&&(i[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var n=0,o=Object.getOwnPropertySymbols(t);n<o.length;n++)e.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(t,o[n])&&(i[o[n]]=t[o[n]]);return i}function o(t){var e=t.id,i=t.className,n=t.style,o=t.key,a=(t.croppedImageData,t.src),r=t.alt,s=t.crossOrigin,h=t.viewMode,c=t.dragMode,p=t.initialAspectRatio,l=t.aspectRatio,d=t.data,u=t.preview,m=t.responsive,g=t.restore,f=t.checkCrossOrigin,v=t.checkOrientation,b=t.modal,X=t.guides,Y=t.center,N=t.highlight,S=t.background,L=t.autoCrop,P=t.autoCropArea,I=t.movable,U=t.rotatable,Z=t.scalable,q=t.zoomable,Q=t.zoomOnTouch,F=t.zoomOnWheel,$=t.wheelZoomRatio,G=t.cropBoxMovable,V=t.cropBoxResizable,_=t.toggleDragModeOnDblclick,J=t.minContainerWidth,K=t.minContainerHeight,tt=t.minCanvasWidth,et=t.minCanvasHeight,it=t.minCropBoxWidth,nt=t.minCropBoxHeight,w=t.reset,x=t.clear,y=t.replace,M=t.enable,C=t.disable,D=t.destroy,O=t.move,k=t.moveTo,T=t.zoom,B=t.zoomTo,z=t.rotate,A=t.rotateTo,E=t.scale,W=t.scaleX,j=t.scaleY,R=(t.outputData,t.containerData,t.imageData,t.canvasData,t.cropBoxData,t.setProps),t=t.loading_state,H=Object(ot.useRef)(null);return Object(ot.useEffect)(function(){var t;w&&(null!=(t=H.current)&&t.cropper.reset(),R({reset:!1}))},[w]),Object(ot.useEffect)(function(){var t;x&&(null!=(t=H.current)&&t.cropper.clear(),R({clear:!1}))},[x]),Object(ot.useEffect)(function(){var t;y.isReplace&&y.url&&(null!=(t=H.current)&&t.cropper.replace(y.url,y.hasSameSize),R({replace:{isReplace:!1,url:void 0,hasSameSize:!1}}))},[y]),Object(ot.useEffect)(function(){var t;M&&(null!=(t=H.current)&&t.cropper.enable(),R({enable:!1}))},[M]),Object(ot.useEffect)(function(){var t;C&&(null!=(t=H.current)&&t.cropper.disable(),R({disable:!1}))},[C]),Object(ot.useEffect)(function(){var t;D&&(null!=(t=H.current)&&t.cropper.destroy(),R({destroy:!1}))},[D]),Object(ot.useEffect)(function(){var t;O.isMove&&O.offsetX&&(null!=(t=H.current)&&t.cropper.move(O.offsetX,O.offsetY),R({move:{isMove:!1,offsetX:void 0,offsetY:void 0}}))},[O]),Object(ot.useEffect)(function(){var t;k.isMoveTo&&k.x&&(null!=(t=H.current)&&t.cropper.moveTo(k.x,k.y),R({moveTo:{isMoveTo:!1,x:void 0,y:void 0}}))},[k]),Object(ot.useEffect)(function(){var t;T.isZoom&&T.ratio&&(null!=(t=H.current)&&t.cropper.zoom(T.ratio),R({zoom:{isZoom:!1,ratio:void 0}}))},[T]),Object(ot.useEffect)(function(){var t;B.isZoomTo&&B.ratio&&(null!=(t=H.current)&&t.cropper.zoomTo(B.ratio,B.pivot),R({zoomTo:{isZoomTo:!1,ratio:void 0,pivot:void 0}}))},[B]),Object(ot.useEffect)(function(){var t;z.isRotate&&z.degree&&(null!=(t=H.current)&&t.cropper.rotate(z.degree),R({rotate:{isRotate:!1,degree:void 0}}))},[z]),Object(ot.useEffect)(function(){var t;A.isRotateTo&&A.degree&&(null!=(t=H.current)&&t.cropper.rotateTo(A.degree),R({rotateTo:{isRotateTo:!1,degree:void 0}}))},[A]),Object(ot.useEffect)(function(){var t;E.isScale&&E.scaleX&&(null!=(t=H.current)&&t.cropper.scale(E.scaleX,E.scaleY),R({scale:{isScale:!1,scaleX:void 0,scaleY:void 0}}))},[E]),Object(ot.useEffect)(function(){var t;W.isScaleX&&W.scaleX&&(null!=(t=H.current)&&t.cropper.scaleX(W.scaleX),R({scaleX:{isScaleX:!1,scaleX:void 0}}))},[W]),Object(ot.useEffect)(function(){var t;j.isScaleY&&j.scaleY&&(null!=(t=H.current)&&t.cropper.scaleY(j.scaleY),R({scaleY:{isScaleY:!1,scaleY:void 0}}))},[j]),at.a.createElement(rt,{ref:H,id:e,className:Object(st.isString)(i)?i:i?Object(ht.a)(i):void 0,style:n,key:o,src:a,alt:r,crossOrigin:s,viewMode:h,dragMode:c,initialAspectRatio:p,aspectRatio:l,data:d,preview:u,responsive:m,restore:g,checkCrossOrigin:f,checkOrientation:v,modal:b,guides:X,center:Y,highlight:N,background:S,autoCrop:L,autoCropArea:P,movable:I,rotatable:U,scalable:Z,zoomable:q,zoomOnTouch:Q,zoomOnWheel:F,wheelZoomRatio:$,cropBoxMovable:G,cropBoxResizable:V,toggleDragModeOnDblclick:_,minContainerWidth:J,minContainerHeight:K,minCanvasWidth:tt,minCanvasHeight:et,minCropBoxWidth:it,minCropBoxHeight:nt,crop:function(){var t=null==(t=H.current)?void 0:t.cropper;R({croppedImageData:t.getCroppedCanvas().toDataURL()}),R({outputData:t.getData()}),R({containerData:t.getContainerData()}),R({imageData:t.getImageData()}),R({canvasData:t.getCanvasData()}),R({cropBoxData:t.getCropBoxData()})},loading_state:t})}var y=["aspectRatio","autoCrop","autoCropArea","background","center","checkCrossOrigin","checkOrientation","cropBoxMovable","cropBoxResizable","data","dragMode","guides","highlight","initialAspectRatio","minCanvasHeight","minCanvasWidth","minContainerHeight","minContainerWidth","minCropBoxHeight","minCropBoxWidth","modal","movable","preview","responsive","restore","rotatable","scalable","toggleDragModeOnDblclick","viewMode","wheelZoomRatio","zoomOnTouch","zoomOnWheel","zoomable","cropstart","cropmove","cropend","crop","zoom","ready"],M={opacity:0,maxWidth:"100%"},rt=at.a.forwardRef(function(t,e){var t=x(t,[]),i=t.dragMode,n=void 0===i?"crop":i,o=t.src,i=t.style,a=t.className,r=t.crossOrigin,s=t.scaleX,h=t.scaleY,c=t.enable,p=t.zoomTo,l=t.rotateTo,d=t.alt,d=void 0===d?"picture":d,u=t.ready,m=t.onInitialized,g=x(t,["dragMode","src","style","className","crossOrigin","scaleX","scaleY","enable","zoomTo","rotateTo","alt","ready","onInitialized"]),f={scaleY:h,scaleX:s,enable:c,zoomTo:p,rotateTo:l},v=function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];var i=Object(ot.useRef)(null);return at.a.useEffect(function(){t.forEach(function(t){t&&("function"==typeof t?t(i.current):t.current=i.current)})},[t]),i}(e,Object(ot.useRef)(null));Object(ot.useEffect)(function(){var t;null!=(t=v.current)&&t.cropper&&"number"==typeof p&&v.current.cropper.zoomTo(p)},[t.zoomTo]),Object(ot.useEffect)(function(){var t;null!=(t=v.current)&&t.cropper&&void 0!==o&&v.current.cropper.reset().clear().replace(o)},[o]),Object(ot.useEffect)(function(){var t;return null!==v.current&&(t=new b.a(v.current,w(w({dragMode:n},g),{ready:function(t){var e,i,n,o,a,r;null!==t.currentTarget&&(e=t.currentTarget.cropper,n=(i=void 0===(i=f)?{}:i).enable,o=void 0===(o=i.scaleX)?1:o,a=void 0===(a=i.scaleY)?1:a,r=void 0===(r=i.zoomTo)?0:r,i=i.rotateTo,void 0===n||n?e.enable():e.disable(),e.scaleX(o),e.scaleY(a),void 0!==i&&e.rotateTo(i),0<r)&&e.zoomTo(r),u&&u(t)}})),m)&&m(t),function(){var t;null!=(t=null==(t=v.current)?void 0:t.cropper)&&t.destroy()}},[v]);h=w(w({},g),{crossOrigin:r,src:o,alt:d});s=y.reduce(function(t,e){return t[e],x(t,["symbol"==typeof e?e:e+""])},h);return at.a.createElement("div",{style:i,className:a},at.a.createElement("img",w({},s,{style:M,ref:v})))}),st=(i(833),i(22)),ht=i(60),n=i(209);(e.default=o).defaultProps=n.b,o.propTypes=n.c},832:function(t,e,i){t.exports=function(){"use strict";function X(e,t){var i,n=Object.keys(e);return Object.getOwnPropertySymbols&&(i=Object.getOwnPropertySymbols(e),t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,i)),n}function Y(n){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?X(Object(o),!0).forEach(function(t){var e,i;e=n,i=o[t=t],(t=P(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):X(Object(o)).forEach(function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(o,t))})}return n}function N(t){return(N="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function S(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,P(n.key),n)}}function L(t){return function(t){if(Array.isArray(t))return i(t)}(t)||function(){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}()||function(t){var e;if(t)return"string"==typeof t?i(t,void 0):"Map"===(e="Object"===(e=Object.prototype.toString.call(t).slice(8,-1))&&t.constructor?t.constructor.name:e)||"Set"===e?Array.from(t):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?i(t,void 0):void 0}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=new Array(e);i<e;i++)n[i]=t[i];return n}function P(t){t=function(t){if("object"!=typeof t||null===t)return t;var e=t[Symbol.toPrimitive];if(void 0===e)return String(t);e=e.call(t,"string");if("object"!=typeof e)return e;throw new TypeError("@@toPrimitive must return a primitive value.")}(t);return"symbol"==typeof t?t:String(t)}var t="undefined"!=typeof window&&void 0!==window.document,r=t?window:{},e=!(!t||!r.document.documentElement)&&"ontouchstart"in r.document.documentElement,n=!!t&&"PointerEvent"in r,s="".concat("cropper","-crop"),I="".concat("cropper","-disabled"),O="".concat("cropper","-hidden"),U="".concat("cropper","-hide"),Z="".concat("cropper","-invisible"),o="".concat("cropper","-modal"),c="".concat("cropper","-move"),p="".concat("cropper","Action"),u="".concat("cropper","Preview"),q=n?"pointerdown":e?"touchstart":"mousedown",Q=n?"pointermove":e?"touchmove":"mousemove",F=n?"pointerup pointercancel":e?"touchend touchcancel":"mouseup",$=/^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/,G=/^data:/,V=/^data:image\/jpeg;base64,/,_=/^img|canvas$/i,J={viewMode:0,dragMode:"crop",initialAspectRatio:NaN,aspectRatio:NaN,data:null,preview:"",responsive:!0,restore:!0,checkCrossOrigin:!0,checkOrientation:!0,modal:!0,guides:!0,center:!0,highlight:!0,background:!0,autoCrop:!0,autoCropArea:.8,movable:!0,rotatable:!0,scalable:!0,zoomable:!0,zoomOnTouch:!0,zoomOnWheel:!0,wheelZoomRatio:.1,cropBoxMovable:!0,cropBoxResizable:!0,toggleDragModeOnDblclick:!0,minCanvasWidth:0,minCanvasHeight:0,minCropBoxWidth:0,minCropBoxHeight:0,minContainerWidth:200,minContainerHeight:100,ready:null,cropstart:null,cropmove:null,cropend:null,crop:null,zoom:null},K=Number.isNaN||r.isNaN;function d(t){return"number"==typeof t&&!K(t)}function tt(t){return 0<t&&t<1/0}function a(t){return void 0===t}function h(t){return"object"===N(t)&&null!==t}var et=Object.prototype.hasOwnProperty;function m(t){if(!h(t))return!1;try{var e=t.constructor,i=e.prototype;return e&&i&&et.call(i,"isPrototypeOf")}catch(t){return!1}}function l(t){return"function"==typeof t}var it=Array.prototype.slice;function nt(t){return Array.from?Array.from(t):it.call(t)}function k(i,n){return i&&l(n)&&(Array.isArray(i)||d(i.length)?nt(i).forEach(function(t,e){n.call(i,t,e,i)}):h(i)&&Object.keys(i).forEach(function(t){n.call(i,i[t],t,i)})),i}var g=Object.assign||function(i){for(var t=arguments.length,e=new Array(1<t?t-1:0),n=1;n<t;n++)e[n-1]=arguments[n];return h(i)&&0<e.length&&e.forEach(function(e){h(e)&&Object.keys(e).forEach(function(t){i[t]=e[t]})}),i},ot=/\.\d*(?:0|9){12}\d*$/;function B(t,e){e=1<arguments.length&&void 0!==e?e:1e11;return ot.test(t)?Math.round(t*e)/e:t}var at=/^width|height|left|top|marginLeft|marginTop$/;function f(t,e){var i=t.style;k(e,function(t,e){at.test(e)&&d(t)&&(t="".concat(t,"px")),i[e]=t})}function v(t,e){var i;e&&(d(t.length)?k(t,function(t){v(t,e)}):t.classList?t.classList.add(e):(i=t.className.trim())?i.indexOf(e)<0&&(t.className="".concat(i," ").concat(e)):t.className=e)}function T(t,e){e&&(d(t.length)?k(t,function(t){T(t,e)}):t.classList?t.classList.remove(e):0<=t.className.indexOf(e)&&(t.className=t.className.replace(e,"")))}function b(t,e,i){e&&(d(t.length)?k(t,function(t){b(t,e,i)}):(i?v:T)(t,e))}var rt=/([a-z\d])([A-Z])/g;function w(t){return t.replace(rt,"$1-$2").toLowerCase()}function x(t,e){return h(t[e])?t[e]:t.dataset?t.dataset[e]:t.getAttribute("data-".concat(w(e)))}function y(t,e,i){h(i)?t[e]=i:t.dataset?t.dataset[e]=i:t.setAttribute("data-".concat(w(e)),i)}var M,C,st=/\s\s*/,ht=(C=!1,t&&(M=!1,n=function(){},e=Object.defineProperty({},"once",{get:function(){return C=!0,M},set:function(t){M=t}}),r.addEventListener("test",n,e),r.removeEventListener("test",n,e)),C);function D(i,t,n,e){var o=3<arguments.length&&void 0!==e?e:{},a=n;t.trim().split(st).forEach(function(t){var e;ht||(e=i.listeners)&&e[t]&&e[t][n]&&(a=e[t][n],delete e[t][n],0===Object.keys(e[t]).length&&delete e[t],0===Object.keys(e).length)&&delete i.listeners,i.removeEventListener(t,a,o)})}function z(a,t,r,e){var s=3<arguments.length&&void 0!==e?e:{},h=r;t.trim().split(st).forEach(function(n){var t,o;s.once&&!ht&&(t=a.listeners,h=function(){delete o[n][r],a.removeEventListener(n,h,s);for(var t=arguments.length,e=new Array(t),i=0;i<t;i++)e[i]=arguments[i];r.apply(a,e)},(o=void 0===t?{}:t)[n]||(o[n]={}),o[n][r]&&a.removeEventListener(n,o[n][r],s),o[n][r]=h,a.listeners=o),a.addEventListener(n,h,s)})}function A(t,e,i){var n;return l(Event)&&l(CustomEvent)?n=new CustomEvent(e,{detail:i,bubbles:!0,cancelable:!0}):(n=document.createEvent("CustomEvent")).initCustomEvent(e,!0,!0,i),t.dispatchEvent(n)}function ct(t){t=t.getBoundingClientRect();return{left:t.left+(window.pageXOffset-document.documentElement.clientLeft),top:t.top+(window.pageYOffset-document.documentElement.clientTop)}}var pt=r.location,lt=/^(\w+:)\/\/([^:/?#]*):?(\d*)/i;function dt(t){t=t.match(lt);return null!==t&&(t[1]!==pt.protocol||t[2]!==pt.hostname||t[3]!==pt.port)}function ut(t){var e="timestamp=".concat((new Date).getTime());return t+(-1===t.indexOf("?")?"?":"&")+e}function E(t){var e=t.rotate,i=t.scaleX,n=t.scaleY,o=t.translateX,t=t.translateY,a=[],o=(d(o)&&0!==o&&a.push("translateX(".concat(o,"px)")),d(t)&&0!==t&&a.push("translateY(".concat(t,"px)")),d(e)&&0!==e&&a.push("rotate(".concat(e,"deg)")),d(i)&&1!==i&&a.push("scaleX(".concat(i,")")),d(n)&&1!==n&&a.push("scaleY(".concat(n,")")),a.length?a.join(" "):"none");return{WebkitTransform:o,msTransform:o,transform:o}}function W(t,e){var i=t.pageX,t=t.pageY,n={endX:i,endY:t};return e?n:Y({startX:i,startY:t},n)}function j(t,e){var i,n=t.aspectRatio,o=t.height,t=t.width,e=1<arguments.length&&void 0!==e?e:"contain",a=tt(t),r=tt(o);return a&&r?(i=o*n,"contain"===e&&t<i||"cover"===e&&i<t?o=t/n:t=o*n):a?o=t/n:r&&(t=o*n),{width:t,height:o}}var mt=String.fromCharCode,gt=/^data:.*,/;var ft,t={render:function(){this.initContainer(),this.initCanvas(),this.initCropBox(),this.renderCanvas(),this.cropped&&this.renderCropBox()},initContainer:function(){var t=this.element,e=this.options,i=this.container,n=this.cropper,o=Number(e.minContainerWidth),e=Number(e.minContainerHeight),o=(v(n,O),T(t,O),{width:Math.max(i.offsetWidth,0<=o?o:200),height:Math.max(i.offsetHeight,0<=e?e:100)});f(n,{width:(this.containerData=o).width,height:o.height}),v(t,O),T(n,O)},initCanvas:function(){var t=this.containerData,e=this.imageData,i=this.options.viewMode,n=Math.abs(e.rotate)%180==90,o=n?e.naturalHeight:e.naturalWidth,n=n?e.naturalWidth:e.naturalHeight,e=o/n,a=t.width,r=t.height,e=(t.height*e>t.width?3===i?a=t.height*e:r=t.width/e:3===i?r=t.width/e:a=t.height*e,{aspectRatio:e,naturalWidth:o,naturalHeight:n,width:a,height:r});this.canvasData=e,this.limited=1===i||2===i,this.limitCanvas(!0,!0),e.width=Math.min(Math.max(e.width,e.minWidth),e.maxWidth),e.height=Math.min(Math.max(e.height,e.minHeight),e.maxHeight),e.left=(t.width-e.width)/2,e.top=(t.height-e.height)/2,e.oldLeft=e.left,e.oldTop=e.top,this.initialCanvasData=g({},e)},limitCanvas:function(t,e){var i=this.options,n=this.containerData,o=this.canvasData,a=this.cropBoxData,r=i.viewMode,s=o.aspectRatio,h=this.cropped&&a;t&&(t=Number(i.minCanvasWidth)||0,i=Number(i.minCanvasHeight)||0,1<r?(t=Math.max(t,n.width),i=Math.max(i,n.height),3===r&&(t<i*s?t=i*s:i=t/s)):0<r&&(t?t=Math.max(t,h?a.width:0):i?i=Math.max(i,h?a.height:0):h&&(t=a.width,(i=a.height)*s>t?t=i*s:i=t/s)),t=(s=j({aspectRatio:s,width:t,height:i})).width,i=s.height,o.minWidth=t,o.minHeight=i,o.maxWidth=1/0,o.maxHeight=1/0),e&&((h?0:1)<r?(s=n.width-o.width,t=n.height-o.height,o.minLeft=Math.min(0,s),o.minTop=Math.min(0,t),o.maxLeft=Math.max(0,s),o.maxTop=Math.max(0,t),h&&this.limited&&(o.minLeft=Math.min(a.left,a.left+(a.width-o.width)),o.minTop=Math.min(a.top,a.top+(a.height-o.height)),o.maxLeft=a.left,o.maxTop=a.top,2===r)&&(o.width>=n.width&&(o.minLeft=Math.min(0,s),o.maxLeft=Math.max(0,s)),o.height>=n.height)&&(o.minTop=Math.min(0,t),o.maxTop=Math.max(0,t))):(o.minLeft=-o.width,o.minTop=-o.height,o.maxLeft=n.width,o.maxTop=n.height))},renderCanvas:function(t,e){var i,n,o,a,r=this.canvasData,s=this.imageData;e&&(e={width:s.naturalWidth*Math.abs(s.scaleX||1),height:s.naturalHeight*Math.abs(s.scaleY||1),degree:s.rotate||0},s=e.width,a=e.height,e=e.degree,i=90==(e=Math.abs(e)%180)?{width:a,height:s}:(n=e%90*Math.PI/180,i=Math.sin(n),o=s*(n=Math.cos(n))+a*i,s=s*i+a*n,90<e?{width:s,height:o}:{width:o,height:s}),n=r.width*((a=i.width)/r.naturalWidth),o=r.height*((e=i.height)/r.naturalHeight),r.left-=(n-r.width)/2,r.top-=(o-r.height)/2,r.width=n,r.height=o,r.aspectRatio=a/e,r.naturalWidth=a,r.naturalHeight=e,this.limitCanvas(!0,!1)),(r.width>r.maxWidth||r.width<r.minWidth)&&(r.left=r.oldLeft),(r.height>r.maxHeight||r.height<r.minHeight)&&(r.top=r.oldTop),r.width=Math.min(Math.max(r.width,r.minWidth),r.maxWidth),r.height=Math.min(Math.max(r.height,r.minHeight),r.maxHeight),this.limitCanvas(!1,!0),r.left=Math.min(Math.max(r.left,r.minLeft),r.maxLeft),r.top=Math.min(Math.max(r.top,r.minTop),r.maxTop),r.oldLeft=r.left,r.oldTop=r.top,f(this.canvas,g({width:r.width,height:r.height},E({translateX:r.left,translateY:r.top}))),this.renderImage(t),this.cropped&&this.limited&&this.limitCropBox(!0,!0)},renderImage:function(t){var e=this.canvasData,i=this.imageData,n=i.naturalWidth*(e.width/e.naturalWidth),o=i.naturalHeight*(e.height/e.naturalHeight);g(i,{width:n,height:o,left:(e.width-n)/2,top:(e.height-o)/2}),f(this.image,g({width:i.width,height:i.height},E(g({translateX:i.left,translateY:i.top},i)))),t&&this.output()},initCropBox:function(){var t=this.options,e=this.canvasData,i=t.aspectRatio||t.initialAspectRatio,t=Number(t.autoCropArea)||.8,n={width:e.width,height:e.height};i&&(e.height*i>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*t),n.height=Math.max(n.minHeight,n.height*t),n.left=e.left+(e.width-n.width)/2,n.top=e.top+(e.height-n.height)/2,n.oldLeft=n.left,n.oldTop=n.top,this.initialCropBoxData=g({},n)},limitCropBox:function(t,e){var i,n,o=this.options,a=this.containerData,r=this.canvasData,s=this.cropBoxData,h=this.limited,c=o.aspectRatio;t&&(t=Number(o.minCropBoxWidth)||0,o=Number(o.minCropBoxHeight)||0,i=h?Math.min(a.width,r.width,r.width+r.left,a.width-r.left):a.width,n=h?Math.min(a.height,r.height,r.height+r.top,a.height-r.top):a.height,t=Math.min(t,a.width),o=Math.min(o,a.height),c&&(t&&o?t<o*c?o=t/c:t=o*c:t?o=t/c:o&&(t=o*c),i<n*c?n=i/c:i=n*c),s.minWidth=Math.min(t,i),s.minHeight=Math.min(o,n),s.maxWidth=i,s.maxHeight=n),e&&(h?(s.minLeft=Math.max(0,r.left),s.minTop=Math.max(0,r.top),s.maxLeft=Math.min(a.width,r.left+r.width)-s.width,s.maxTop=Math.min(a.height,r.top+r.height)-s.height):(s.minLeft=0,s.minTop=0,s.maxLeft=a.width-s.width,s.maxTop=a.height-s.height))},renderCropBox:function(){var t=this.options,e=this.containerData,i=this.cropBoxData;(i.width>i.maxWidth||i.width<i.minWidth)&&(i.left=i.oldLeft),(i.height>i.maxHeight||i.height<i.minHeight)&&(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&&t.cropBoxMovable&&y(this.face,p,i.width>=e.width&&i.height>=e.height?"move":"all"),f(this.cropBox,g({width:i.width,height:i.height},E({translateX:i.left,translateY:i.top}))),this.cropped&&this.limited&&this.limitCanvas(!0,!0),this.disabled||this.output()},output:function(){this.preview(),A(this.element,"crop",this.getData())}},n={initPreview:function(){var t=this.element,i=this.crossOrigin,e=this.options.preview,n=i?this.crossOriginUrl:this.url,o=t.alt||"The image to preview",a=document.createElement("img");i&&(a.crossOrigin=i),a.src=n,a.alt=o,this.viewBox.appendChild(a),this.viewBoxImage=a,e&&("string"==typeof(a=e)?a=t.ownerDocument.querySelectorAll(e):e.querySelector&&(a=[e]),k(this.previews=a,function(t){var e=document.createElement("img");y(t,u,{width:t.offsetWidth,height:t.offsetHeight,html:t.innerHTML}),i&&(e.crossOrigin=i),e.src=n,e.alt=o,e.style.cssText='display:block;width:100%;height:auto;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;image-orientation:0deg!important;"',t.innerHTML="",t.appendChild(e)}))},resetPreview:function(){k(this.previews,function(e){var i=x(e,u),i=(f(e,{width:i.width,height:i.height}),e.innerHTML=i.html,e),e=u;if(h(i[e]))try{delete i[e]}catch(t){i[e]=void 0}else if(i.dataset)try{delete i.dataset[e]}catch(t){i.dataset[e]=void 0}else i.removeAttribute("data-".concat(w(e)))})},preview:function(){var r=this.imageData,t=this.canvasData,e=this.cropBoxData,s=e.width,h=e.height,c=r.width,p=r.height,l=e.left-t.left-r.left,d=e.top-t.top-r.top;this.cropped&&!this.disabled&&(f(this.viewBoxImage,g({width:c,height:p},E(g({translateX:-l,translateY:-d},r)))),k(this.previews,function(t){var e=x(t,u),i=e.width,e=e.height,n=i,o=e,a=1;s&&(o=h*(a=i/s)),h&&e<o&&(n=s*(a=e/h),o=e),f(t,{width:n,height:o}),f(t.getElementsByTagName("img")[0],g({width:c*a,height:p*a},E(g({translateX:-l*a,translateY:-d*a},r))))}))}},e={bind:function(){var t=this.element,e=this.options,i=this.cropper;l(e.cropstart)&&z(t,"cropstart",e.cropstart),l(e.cropmove)&&z(t,"cropmove",e.cropmove),l(e.cropend)&&z(t,"cropend",e.cropend),l(e.crop)&&z(t,"crop",e.crop),l(e.zoom)&&z(t,"zoom",e.zoom),z(i,q,this.onCropStart=this.cropStart.bind(this)),e.zoomable&&e.zoomOnWheel&&z(i,"wheel",this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),e.toggleDragModeOnDblclick&&z(i,"dblclick",this.onDblclick=this.dblclick.bind(this)),z(t.ownerDocument,Q,this.onCropMove=this.cropMove.bind(this)),z(t.ownerDocument,F,this.onCropEnd=this.cropEnd.bind(this)),e.responsive&&z(window,"resize",this.onResize=this.resize.bind(this))},unbind:function(){var t=this.element,e=this.options,i=this.cropper;l(e.cropstart)&&D(t,"cropstart",e.cropstart),l(e.cropmove)&&D(t,"cropmove",e.cropmove),l(e.cropend)&&D(t,"cropend",e.cropend),l(e.crop)&&D(t,"crop",e.crop),l(e.zoom)&&D(t,"zoom",e.zoom),D(i,q,this.onCropStart),e.zoomable&&e.zoomOnWheel&&D(i,"wheel",this.onWheel,{passive:!1,capture:!0}),e.toggleDragModeOnDblclick&&D(i,"dblclick",this.onDblclick),D(t.ownerDocument,Q,this.onCropMove),D(t.ownerDocument,F,this.onCropEnd),e.responsive&&D(window,"resize",this.onResize)}},vt={resize:function(){var i,n,t,e,o,a,r;this.disabled||(t=this.options,a=this.container,e=this.containerData,o=a.offsetWidth/e.width,a=a.offsetHeight/e.height,1!=(r=Math.abs(o-1)>Math.abs(a-1)?o:a)&&(t.restore&&(i=this.getCanvasData(),n=this.getCropBoxData()),this.render(),t.restore)&&(this.setCanvasData(k(i,function(t,e){i[e]=t*r})),this.setCropBoxData(k(n,function(t,e){n[e]=t*r}))))},dblclick:function(){var t,e;this.disabled||"none"===this.options.dragMode||this.setDragMode((t=this.dragBox,e=s,(t.classList?t.classList.contains(e):-1<t.className.indexOf(e))?"move":"crop"))},wheel:function(t){var e=this,i=Number(this.options.wheelZoomRatio)||.1,n=1;this.disabled||(t.preventDefault(),this.wheeling)||(this.wheeling=!0,setTimeout(function(){e.wheeling=!1},50),t.deltaY?n=0<t.deltaY?1:-1:t.wheelDelta?n=-t.wheelDelta/120:t.detail&&(n=0<t.detail?1:-1),this.zoom(-n*i,t))},cropStart:function(t){var e,i=t.buttons,n=t.button;this.disabled||("mousedown"===t.type||"pointerdown"===t.type&&"mouse"===t.pointerType)&&(d(i)&&1!==i||d(n)&&0!==n||t.ctrlKey)||(i=this.options,e=this.pointers,t.changedTouches?k(t.changedTouches,function(t){e[t.identifier]=W(t)}):e[t.pointerId||0]=W(t),n=1<Object.keys(e).length&&i.zoomable&&i.zoomOnTouch?"zoom":x(t.target,p),$.test(n)&&!1!==A(this.element,"cropstart",{originalEvent:t,action:n})&&(t.preventDefault(),this.action=n,this.cropping=!1,"crop"===n)&&(this.cropping=!0,v(this.dragBox,o)))},cropMove:function(t){var e,i=this.action;!this.disabled&&i&&(e=this.pointers,t.preventDefault(),!1!==A(this.element,"cropmove",{originalEvent:t,action:i}))&&(t.changedTouches?k(t.changedTouches,function(t){g(e[t.identifier]||{},W(t,!0))}):g(e[t.pointerId||0]||{},W(t,!0)),this.change(t))},cropEnd:function(t){var e,i;this.disabled||(e=this.action,i=this.pointers,t.changedTouches?k(t.changedTouches,function(t){delete i[t.identifier]}):delete i[t.pointerId||0],e&&(t.preventDefault(),Object.keys(i).length||(this.action=""),this.cropping&&(this.cropping=!1,b(this.dragBox,o,this.cropped&&this.options.modal)),A(this.element,"cropend",{originalEvent:t,action:e})))}},bt={change:function(t){function e(t){switch(t){case"e":f+D.x>x&&(D.x=x-f);break;case"w":d+D.x<b&&(D.x=b-d);break;case"n":u+D.y<w&&(D.y=w-u);break;case"s":v+D.y>y&&(D.y=y-v)}}var i,n,a,o=this.options,r=this.canvasData,s=this.containerData,h=this.cropBoxData,c=this.pointers,p=this.action,l=o.aspectRatio,d=h.left,u=h.top,m=h.width,g=h.height,f=d+m,v=u+g,b=0,w=0,x=s.width,y=s.height,M=!0,C=(!l&&t.shiftKey&&(l=m&&g?m/g:1),this.limited&&(b=h.minLeft,w=h.minTop,x=b+Math.min(s.width,r.width,r.left+r.width),y=w+Math.min(s.height,r.height,r.top+r.height)),c[Object.keys(c)[0]]),D={x:C.endX-C.startX,y:C.endY-C.startY};switch(p){case"all":d+=D.x,u+=D.y;break;case"e":0<=D.x&&(x<=f||l&&(u<=w||y<=v))?M=!1:(e("e"),(m+=D.x)<0&&(p="w",d-=m=-m),l&&(u+=(h.height-(g=m/l))/2));break;case"n":D.y<=0&&(u<=w||l&&(d<=b||x<=f))?M=!1:(e("n"),g-=D.y,u+=D.y,g<0&&(p="s",u-=g=-g),l&&(d+=(h.width-(m=g*l))/2));break;case"w":D.x<=0&&(d<=b||l&&(u<=w||y<=v))?M=!1:(e("w"),m-=D.x,d+=D.x,m<0&&(p="e",d-=m=-m),l&&(u+=(h.height-(g=m/l))/2));break;case"s":0<=D.y&&(y<=v||l&&(d<=b||x<=f))?M=!1:(e("s"),(g+=D.y)<0&&(p="n",u-=g=-g),l&&(d+=(h.width-(m=g*l))/2));break;case"ne":if(l){if(D.y<=0&&(u<=w||x<=f)){M=!1;break}e("n"),g-=D.y,u+=D.y,m=g*l}else e("n"),e("e"),!(0<=D.x)||f<x?m+=D.x:D.y<=0&&u<=w&&(M=!1),D.y<=0&&!(w<u)||(g-=D.y,u+=D.y);m<0&&g<0?(p="sw",u-=g=-g,d-=m=-m):m<0?(p="nw",d-=m=-m):g<0&&(p="se",u-=g=-g);break;case"nw":if(l){if(D.y<=0&&(u<=w||d<=b)){M=!1;break}e("n"),g-=D.y,u+=D.y,d+=h.width-(m=g*l)}else e("n"),e("w"),!(D.x<=0)||b<d?(m-=D.x,d+=D.x):D.y<=0&&u<=w&&(M=!1),D.y<=0&&!(w<u)||(g-=D.y,u+=D.y);m<0&&g<0?(p="se",u-=g=-g,d-=m=-m):m<0?(p="ne",d-=m=-m):g<0&&(p="sw",u-=g=-g);break;case"sw":if(l){if(D.x<=0&&(d<=b||y<=v)){M=!1;break}e("w"),m-=D.x,d+=D.x,g=m/l}else e("s"),e("w"),!(D.x<=0)||b<d?(m-=D.x,d+=D.x):0<=D.y&&y<=v&&(M=!1),0<=D.y&&!(v<y)||(g+=D.y);m<0&&g<0?(p="ne",u-=g=-g,d-=m=-m):m<0?(p="se",d-=m=-m):g<0&&(p="nw",u-=g=-g);break;case"se":if(l){if(0<=D.x&&(x<=f||y<=v)){M=!1;break}e("e"),g=(m+=D.x)/l}else e("s"),e("e"),!(0<=D.x)||f<x?m+=D.x:0<=D.y&&y<=v&&(M=!1),0<=D.y&&!(v<y)||(g+=D.y);m<0&&g<0?(p="nw",u-=g=-g,d-=m=-m):m<0?(p="sw",d-=m=-m):g<0&&(p="ne",u-=g=-g);break;case"move":this.move(D.x,D.y),M=!1;break;case"zoom":this.zoom((n=Y({},i=c),a=0,k(i,function(o,t){delete n[t],k(n,function(t){var e=Math.abs(o.startX-t.startX),i=Math.abs(o.startY-t.startY),n=Math.abs(o.endX-t.endX),t=Math.abs(o.endY-t.endY),e=Math.sqrt(e*e+i*i),i=(Math.sqrt(n*n+t*t)-e)/e;Math.abs(i)>Math.abs(a)&&(a=i)})}),a),t),M=!1;break;case"crop":D.x&&D.y?(i=ct(this.cropper),d=C.startX-i.left,u=C.startY-i.top,m=h.minWidth,g=h.minHeight,0<D.x?p=0<D.y?"se":"ne":D.x<0&&(d-=m,p=0<D.y?"sw":"nw"),D.y<0&&(u-=g),this.cropped||(T(this.cropBox,O),this.cropped=!0,this.limited&&this.limitCropBox(!0,!0))):M=!1}M&&(h.width=m,h.height=g,h.left=d,h.top=u,this.action=p,this.renderCropBox()),k(c,function(t){t.startX=t.endX,t.startY=t.endY})}},wt={crop:function(){return!this.ready||this.cropped||this.disabled||(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&v(this.dragBox,o),T(this.cropBox,O),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&&!this.disabled&&(this.imageData=g({},this.initialImageData),this.canvasData=g({},this.initialCanvasData),this.cropBoxData=g({},this.initialCropBoxData),this.renderCanvas(),this.cropped)&&this.renderCropBox(),this},clear:function(){return this.cropped&&!this.disabled&&(g(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),T(this.dragBox,o),v(this.cropBox,O)),this},replace:function(e){var t=1<arguments.length&&void 0!==arguments[1]&&arguments[1];return!this.disabled&&e&&(this.isImg&&(this.element.src=e),t?(this.url=e,this.image.src=e,this.ready&&(this.viewBoxImage.src=e,k(this.previews,function(t){t.getElementsByTagName("img")[0].src=e}))):(this.isImg&&(this.replaced=!0),this.options.data=null,this.uncreate(),this.load(e))),this},enable:function(){return this.ready&&this.disabled&&(this.disabled=!1,T(this.cropper,I)),this},disable:function(){return this.ready&&!this.disabled&&(this.disabled=!0,v(this.cropper,I)),this},destroy:function(){var t=this.element;return t.cropper&&(t.cropper=void 0,this.isImg&&this.replaced&&(t.src=this.originalUrl),this.uncreate()),this},move:function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:t,i=this.canvasData,n=i.left,i=i.top;return this.moveTo(a(t)?t:n+Number(t),a(e)?e:i+Number(e))},moveTo:function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:t,i=this.canvasData,n=!1;return t=Number(t),e=Number(e),this.ready&&!this.disabled&&this.options.movable&&(d(t)&&(i.left=t,n=!0),d(e)&&(i.top=e,n=!0),n)&&this.renderCanvas(!0),this},zoom:function(t,e){var i=this.canvasData;return t=(t=Number(t))<0?1/(1-t):1+t,this.zoomTo(i.width*t/i.naturalWidth,null,e)},zoomTo:function(t,e,i){var n,o,a,r=this.options,s=this.canvasData,h=s.width,c=s.height,p=s.naturalWidth,l=s.naturalHeight;if(0<=(t=Number(t))&&this.ready&&!this.disabled&&r.zoomable){r=p*t,l=l*t;if(!1===A(this.element,"zoom",{ratio:t,oldRatio:h/p,originalEvent:i}))return this;i?(t=this.pointers,p=ct(this.cropper),t=t&&Object.keys(t).length?(a=o=n=0,k(t,function(t){var e=t.startX,t=t.startY;n+=e,o+=t,a+=1}),{pageX:n/=a,pageY:o/=a}):{pageX:i.pageX,pageY:i.pageY},s.left-=(r-h)*((t.pageX-p.left-s.left)/h),s.top-=(l-c)*((t.pageY-p.top-s.top)/c)):m(e)&&d(e.x)&&d(e.y)?(s.left-=(r-h)*((e.x-s.left)/h),s.top-=(l-c)*((e.y-s.top)/c)):(s.left-=(r-h)/2,s.top-=(l-c)/2),s.width=r,s.height=l,this.renderCanvas(!0)}return this},rotate:function(t){return this.rotateTo((this.imageData.rotate||0)+Number(t))},rotateTo:function(t){return d(t=Number(t))&&this.ready&&!this.disabled&&this.options.rotatable&&(this.imageData.rotate=t%360,this.renderCanvas(!0,!0)),this},scaleX:function(t){var e=this.imageData.scaleY;return this.scale(t,d(e)?e:1)},scaleY:function(t){var e=this.imageData.scaleX;return this.scale(d(e)?e:1,t)},scale:function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:t,i=this.imageData,n=!1;return t=Number(t),e=Number(e),this.ready&&!this.disabled&&this.options.scalable&&(d(t)&&(i.scaleX=t,n=!0),d(e)&&(i.scaleY=e,n=!0),n)&&this.renderCanvas(!0,!0),this},getData:function(){var i,n,t=0<arguments.length&&void 0!==arguments[0]&&arguments[0],e=this.options,o=this.imageData,a=this.canvasData,r=this.cropBoxData;return this.ready&&this.cropped?(i={x:r.left-a.left,y:r.top-a.top,width:r.width,height:r.height},n=o.width/o.naturalWidth,k(i,function(t,e){i[e]=t/n}),t&&(a=Math.round(i.y+i.height),r=Math.round(i.x+i.width),i.x=Math.round(i.x),i.y=Math.round(i.y),i.width=r-i.x,i.height=a-i.y)):i={x:0,y:0,width:0,height:0},e.rotatable&&(i.rotate=o.rotate||0),e.scalable&&(i.scaleX=o.scaleX||1,i.scaleY=o.scaleY||1),i},setData:function(t){var e,i=this.options,n=this.imageData,o=this.canvasData,a={};return this.ready&&!this.disabled&&m(t)&&(e=!1,i.rotatable&&d(t.rotate)&&t.rotate!==n.rotate&&(n.rotate=t.rotate,e=!0),i.scalable&&(d(t.scaleX)&&t.scaleX!==n.scaleX&&(n.scaleX=t.scaleX,e=!0),d(t.scaleY))&&t.scaleY!==n.scaleY&&(n.scaleY=t.scaleY,e=!0),e&&this.renderCanvas(!0,!0),i=n.width/n.naturalWidth,d(t.x)&&(a.left=t.x*i+o.left),d(t.y)&&(a.top=t.y*i+o.top),d(t.width)&&(a.width=t.width*i),d(t.height)&&(a.height=t.height*i),this.setCropBoxData(a)),this},getContainerData:function(){return this.ready?g({},this.containerData):{}},getImageData:function(){return this.sized?g({},this.imageData):{}},getCanvasData:function(){var e=this.canvasData,i={};return this.ready&&k(["left","top","width","height","naturalWidth","naturalHeight"],function(t){i[t]=e[t]}),i},setCanvasData:function(t){var e=this.canvasData,i=e.aspectRatio;return this.ready&&!this.disabled&&m(t)&&(d(t.left)&&(e.left=t.left),d(t.top)&&(e.top=t.top),d(t.width)?(e.width=t.width,e.height=t.width/i):d(t.height)&&(e.height=t.height,e.width=t.height*i),this.renderCanvas(!0)),this},getCropBoxData:function(){var t,e=this.cropBoxData;return(t=this.ready&&this.cropped?{left:e.left,top:e.top,width:e.width,height:e.height}:t)||{}},setCropBoxData:function(t){var e,i,n=this.cropBoxData,o=this.options.aspectRatio;return this.ready&&this.cropped&&!this.disabled&&m(t)&&(d(t.left)&&(n.left=t.left),d(t.top)&&(n.top=t.top),d(t.width)&&t.width!==n.width&&(e=!0,n.width=t.width),d(t.height)&&t.height!==n.height&&(i=!0,n.height=t.height),o&&(e?n.height=n.width/o:i&&(n.width=n.height*o)),this.renderCropBox()),this},getCroppedCanvas:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};if(!this.ready||!window.HTMLCanvasElement)return null;var e=this.canvasData,i=(b=this.image,g=this.imageData,r=e,n=t,O=g.aspectRatio,o=g.naturalWidth,s=g.naturalHeight,u=void 0===(u=g.rotate)?0:u,m=void 0===(m=g.scaleX)?1:m,g=void 0===(g=g.scaleY)?1:g,a=r.aspectRatio,l=r.naturalWidth,r=r.naturalHeight,p=void 0===(p=n.fillColor)?"transparent":p,f=void 0===(f=n.imageSmoothingEnabled)||f,v=void 0===(v=n.imageSmoothingQuality)?"low":v,h=void 0===(h=n.maxWidth)?1/0:h,c=void 0===(c=n.maxHeight)?1/0:c,i=void 0===(i=n.minWidth)?0:i,n=void 0===(n=n.minHeight)?0:n,T=document.createElement("canvas"),k=T.getContext("2d"),d=j({aspectRatio:a,width:h,height:c}),a=j({aspectRatio:a,width:i,height:n},"cover"),l=Math.min(d.width,Math.max(a.width,l)),d=Math.min(d.height,Math.max(a.height,r)),a=j({aspectRatio:O,width:h,height:c}),r=j({aspectRatio:O,width:i,height:n},"cover"),h=Math.min(a.width,Math.max(r.width,o)),c=Math.min(a.height,Math.max(r.height,s)),O=[-h/2,-c/2,h,c],T.width=B(l),T.height=B(d),k.fillStyle=p,k.fillRect(0,0,l,d),k.save(),k.translate(l/2,d/2),k.rotate(u*Math.PI/180),k.scale(m,g),k.imageSmoothingEnabled=f,k.imageSmoothingQuality=v,k.drawImage.apply(k,[b].concat(L(O.map(function(t){return Math.floor(B(t))})))),k.restore(),T);if(!this.cropped)return i;var n=this.getData(t.rounded),o=n.x,a=n.y,r=n.width,s=n.height,h=i.width/Math.floor(e.naturalWidth),c=(1!=h&&(o*=h,a*=h,r*=h,s*=h),r/s),p=j({aspectRatio:c,width:t.maxWidth||1/0,height:t.maxHeight||1/0}),l=j({aspectRatio:c,width:t.minWidth||0,height:t.minHeight||0},"cover"),d=j({aspectRatio:c,width:t.width||(1!=h?i.width:r),height:t.height||(1!=h?i.height:s)}),u=d.width,m=d.height,u=Math.min(p.width,Math.max(l.width,u)),m=Math.min(p.height,Math.max(l.height,m)),g=document.createElement("canvas"),f=g.getContext("2d"),v=(g.width=B(u),g.height=B(m),f.fillStyle=t.fillColor||"transparent",f.fillRect(0,0,u,m),t.imageSmoothingEnabled),b=t.imageSmoothingQuality;f.imageSmoothingEnabled=void 0===v||v,b&&(f.imageSmoothingQuality=b);var w,x,y,M,C,D,c,O=i.width,k=i.height,T=o,n=a,e=(T<=-r||O<T?C=y=w=T=0:T<=0?(y=-T,T=0,C=w=Math.min(O,r+T)):T<=O&&(y=0,C=w=Math.min(r,O-T)),w<=0||n<=-s||k<n?D=M=x=n=0:n<=0?(M=-n,n=0,D=x=Math.min(k,s+n)):n<=k&&(M=0,D=x=Math.min(s,k-n)),[T,n,w,x]);return 0<C&&0<D&&e.push(y*(c=u/r),M*c,C*c,D*c),f.drawImage.apply(f,[i].concat(L(e.map(function(t){return Math.floor(B(t))})))),g},setAspectRatio:function(t){var e=this.options;return this.disabled||a(t)||(e.aspectRatio=Math.max(0,t)||NaN,this.ready&&(this.initCropBox(),this.cropped)&&this.renderCropBox()),this},setDragMode:function(t){var e,i,n=this.options,o=this.dragBox,a=this.face;return this.ready&&!this.disabled&&(i=n.movable&&"move"===t,n.dragMode=t=(e="crop"===t)||i?t:"none",y(o,p,t),b(o,s,e),b(o,c,i),n.cropBoxMovable||(y(a,p,t),b(a,s,e),b(a,c,i))),this}},xt=r.Cropper,R=(R=[{key:"noConflict",value:function(){return window.Cropper=xt,H}},{key:"setDefaults",value:function(t){g(J,m(t)&&t)}}],S((ft=H).prototype,[{key:"init",value:function(){var t,e=this.element,i=e.tagName.toLowerCase();if(!e.cropper){if(e.cropper=this,"img"===i){if(this.isImg=!0,t=e.getAttribute("src")||"",!(this.originalUrl=t))return;t=e.src}else"canvas"===i&&window.HTMLCanvasElement&&(t=e.toDataURL());this.load(t)}}},{key:"load",value:function(t){var e,i,n,o,a,r,s=this;t&&(this.url=t,this.imageData={},e=this.element,(i=this.options).rotatable||i.scalable||(i.checkOrientation=!1),i.checkOrientation&&window.ArrayBuffer?G.test(t)?V.test(t)?this.read((r=t.replace(gt,""),n=atob(r),r=new ArrayBuffer(n.length),k(o=new Uint8Array(r),function(t,e){o[e]=n.charCodeAt(e)}),r)):this.clone():(a=new XMLHttpRequest,r=this.clone.bind(this),this.reloading=!0,(this.xhr=a).onabort=r,a.onerror=r,a.ontimeout=r,a.onprogress=function(){"image/jpeg"!==a.getResponseHeader("content-type")&&a.abort()},a.onload=function(){s.read(a.response)},a.onloadend=function(){s.reloading=!1,s.xhr=null},i.checkCrossOrigin&&dt(t)&&e.crossOrigin&&(t=ut(t)),a.open("GET",t,!0),a.responseType="arraybuffer",a.withCredentials="use-credentials"===e.crossOrigin,a.send()):this.clone())}},{key:"read",value:function(i){var t,e=this.options,n=this.imageData,o=function(t){var e,i,n,o,a,r,s,h=new DataView(t);try{if(255===h.getUint8(0)&&216===h.getUint8(1))for(var c=h.byteLength,p=2;p+1<c;){if(255===h.getUint8(p)&&225===h.getUint8(p+1)){n=p;break}p+=1}if(n&&(a=n+10,"Exif"!==function(t,e,i){var n="";i+=e;for(var o=e;o<i;o+=1)n+=mt(t.getUint8(o));return n}(h,n+4,4)||!(i=18761===(r=h.getUint16(a)))&&19789!==r||42!==h.getUint16(a+2,i)||8<=(s=h.getUint32(a+4,i))&&(o=a+s)),o)for(var l,d=h.getUint16(o,i),u=0;u<d;u+=1)if(l=o+12*u+2,274===h.getUint16(l,i)){l+=8,e=h.getUint16(l,i),h.setUint16(l,1,i);break}}catch(t){e=1}return e}(i),a=0,r=1,s=1;1<o&&(this.url=function(){for(var t=[],e=new Uint8Array(i);0<e.length;)t.push(mt.apply(null,nt(e.subarray(0,8192)))),e=e.subarray(8192);return"data:".concat("image/jpeg",";base64,").concat(btoa(t.join("")))}(),a=(t=function(){var t=0,e=1,i=1;switch(o){case 2:e=-1;break;case 3:t=-180;break;case 4:i=-1;break;case 5:t=90,i=-1;break;case 6:t=90;break;case 7:t=90,e=-1;break;case 8:t=-90}return{rotate:t,scaleX:e,scaleY:i}}()).rotate,r=t.scaleX,s=t.scaleY),e.rotatable&&(n.rotate=a),e.scalable&&(n.scaleX=r,n.scaleY=s),this.clone()}},{key:"clone",value:function(){var t=this.element,e=this.url,i=t.crossOrigin,n=e,o=(this.options.checkCrossOrigin&&dt(e)&&(i=i||"anonymous",n=ut(e)),this.crossOrigin=i,this.crossOriginUrl=n,document.createElement("img"));i&&(o.crossOrigin=i),o.src=n||e,o.alt=t.alt||"The image to crop",(this.image=o).onload=this.start.bind(this),o.onerror=this.stop.bind(this),v(o,U),t.parentNode.insertBefore(o,t.nextSibling)}},{key:"start",value:function(){function t(t,e){g(n.imageData,{naturalWidth:t,naturalHeight:e,aspectRatio:t/e}),n.initialImageData=g({},n.imageData),n.sizing=!1,n.sized=!0,n.build()}var e,i,n=this,o=this.image,a=(o.onload=null,o.onerror=null,this.sizing=!0,r.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(r.navigator.userAgent));!o.naturalWidth||a?(e=document.createElement("img"),i=document.body||document.documentElement,(this.sizingImage=e).onload=function(){t(e.width,e.height),a||i.removeChild(e)},e.src=o.src,a||(e.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;",i.appendChild(e))):t(o.naturalWidth,o.naturalHeight)}},{key:"stop",value:function(){var t=this.image;t.onload=null,t.onerror=null,t.parentNode.removeChild(t),this.image=null}},{key:"build",value:function(){var t,e,i,n,o,a,r,s,h;this.sized&&!this.ready&&(t=this.element,e=this.options,i=this.image,n=t.parentNode,(o=document.createElement("div")).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-cropper-action="e"></span><span class="cropper-line line-n" data-cropper-action="n"></span><span class="cropper-line line-w" data-cropper-action="w"></span><span class="cropper-line line-s" data-cropper-action="s"></span><span class="cropper-point point-e" data-cropper-action="e"></span><span class="cropper-point point-n" data-cropper-action="n"></span><span class="cropper-point point-w" data-cropper-action="w"></span><span class="cropper-point point-s" data-cropper-action="s"></span><span class="cropper-point point-ne" data-cropper-action="ne"></span><span class="cropper-point point-nw" data-cropper-action="nw"></span><span class="cropper-point point-sw" data-cropper-action="sw"></span><span class="cropper-point point-se" data-cropper-action="se"></span></div></div>',a=(o=o.querySelector(".".concat("cropper","-container"))).querySelector(".".concat("cropper","-canvas")),r=o.querySelector(".".concat("cropper","-drag-box")),h=(s=o.querySelector(".".concat("cropper","-crop-box"))).querySelector(".".concat("cropper","-face")),this.container=n,this.cropper=o,this.canvas=a,this.dragBox=r,this.cropBox=s,this.viewBox=o.querySelector(".".concat("cropper","-view-box")),this.face=h,a.appendChild(i),v(t,O),n.insertBefore(o,t.nextSibling),T(i,U),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,v(s,O),e.guides||v(s.getElementsByClassName("".concat("cropper","-dashed")),O),e.center||v(s.getElementsByClassName("".concat("cropper","-center")),O),e.background&&v(o,"".concat("cropper","-bg")),e.highlight||v(h,Z),e.cropBoxMovable&&(v(h,c),y(h,p,"all")),e.cropBoxResizable||(v(s.getElementsByClassName("".concat("cropper","-line")),O),v(s.getElementsByClassName("".concat("cropper","-point")),O)),this.render(),this.ready=!0,this.setDragMode(e.dragMode),e.autoCrop&&this.crop(),this.setData(e.data),l(e.ready)&&z(t,"ready",e.ready,{once:!0}),A(t,"ready"))}},{key:"unbuild",value:function(){var t;this.ready&&(this.ready=!1,this.unbind(),this.resetPreview(),(t=this.cropper.parentNode)&&t.removeChild(this.cropper),T(this.element,O))}},{key:"uncreate",value:function(){this.ready?(this.unbuild(),this.ready=!1,this.cropped=!1):this.sizing?(this.sizingImage.onload=null,this.sizing=!1,this.sized=!1):this.reloading?(this.xhr.onabort=null,this.xhr.abort()):this.image&&this.stop()}}]),S(ft,R),Object.defineProperty(ft,"prototype",{writable:!1}),H);function H(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{},i=this,n=H;if(!(i instanceof n))throw new TypeError("Cannot call a class as a function");if(!t||!_.test(t.tagName))throw new Error("The first argument is required and must be an <img> or <canvas> element.");this.element=t,this.options=g({},J,m(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 g(R.prototype,t,n,e,vt,bt,wt),R}()},833:function(t,e,i){var n=i(834);"string"==typeof n&&(n=[[t.i,n,""]]);i(88)(n,{insertAt:"top",hmr:!0,transform:void 0,insertInto:void 0}),n.locals&&(t.exports=n.locals)},834:function(t,e,i){(e=i(87)(!1)).push([t.i,"/*!\n * Cropper.js v1.6.1\n * https://fengyuanchen.github.io/cropperjs\n *\n * Copyright 2015-present Chen Fengyuan\n * Released under the MIT license\n *\n * Date: 2023-09-17T03:44:17.565Z\n */\n.cropper-container {\n  direction: ltr;\n  font-size: 0;\n  line-height: 0;\n  position: relative;\n  -ms-touch-action: none;\n  touch-action: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.cropper-container img {\n  backface-visibility: hidden;\n  display: block;\n  height: 100%;\n  image-orientation: 0deg;\n  max-height: none !important;\n  max-width: none !important;\n  min-height: 0 !important;\n  min-width: 0 !important;\n  width: 100%;\n}\n.cropper-wrap-box,\n.cropper-canvas,\n.cropper-drag-box,\n.cropper-crop-box,\n.cropper-modal {\n  bottom: 0;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n}\n.cropper-wrap-box,\n.cropper-canvas {\n  overflow: hidden;\n}\n.cropper-drag-box {\n  background-color: #fff;\n  opacity: 0;\n}\n.cropper-modal {\n  background-color: #000;\n  opacity: 0.5;\n}\n.cropper-view-box {\n  display: block;\n  height: 100%;\n  outline: 1px solid #39f;\n  outline-color: rgba(51, 153, 255, 0.75);\n  overflow: hidden;\n  width: 100%;\n}\n.cropper-dashed {\n  border: 0 dashed #eee;\n  display: block;\n  opacity: 0.5;\n  position: absolute;\n}\n.cropper-dashed.dashed-h {\n  border-bottom-width: 1px;\n  border-top-width: 1px;\n  height: calc(100% / 3);\n  left: 0;\n  top: calc(100% / 3);\n  width: 100%;\n}\n.cropper-dashed.dashed-v {\n  border-left-width: 1px;\n  border-right-width: 1px;\n  height: 100%;\n  left: calc(100% / 3);\n  top: 0;\n  width: calc(100% / 3);\n}\n.cropper-center {\n  display: block;\n  height: 0;\n  left: 50%;\n  opacity: 0.75;\n  position: absolute;\n  top: 50%;\n  width: 0;\n}\n.cropper-center::before,\n.cropper-center::after {\n  background-color: #eee;\n  content: ' ';\n  display: block;\n  position: absolute;\n}\n.cropper-center::before {\n  height: 1px;\n  left: -3px;\n  top: 0;\n  width: 7px;\n}\n.cropper-center::after {\n  height: 7px;\n  left: 0;\n  top: -3px;\n  width: 1px;\n}\n.cropper-face,\n.cropper-line,\n.cropper-point {\n  display: block;\n  height: 100%;\n  opacity: 0.1;\n  position: absolute;\n  width: 100%;\n}\n.cropper-face {\n  background-color: #fff;\n  left: 0;\n  top: 0;\n}\n.cropper-line {\n  background-color: #39f;\n}\n.cropper-line.line-e {\n  cursor: ew-resize;\n  right: -3px;\n  top: 0;\n  width: 5px;\n}\n.cropper-line.line-n {\n  cursor: ns-resize;\n  height: 5px;\n  left: 0;\n  top: -3px;\n}\n.cropper-line.line-w {\n  cursor: ew-resize;\n  left: -3px;\n  top: 0;\n  width: 5px;\n}\n.cropper-line.line-s {\n  bottom: -3px;\n  cursor: ns-resize;\n  height: 5px;\n  left: 0;\n}\n.cropper-point {\n  background-color: #39f;\n  height: 5px;\n  opacity: 0.75;\n  width: 5px;\n}\n.cropper-point.point-e {\n  cursor: ew-resize;\n  margin-top: -3px;\n  right: -3px;\n  top: 50%;\n}\n.cropper-point.point-n {\n  cursor: ns-resize;\n  left: 50%;\n  margin-left: -3px;\n  top: -3px;\n}\n.cropper-point.point-w {\n  cursor: ew-resize;\n  left: -3px;\n  margin-top: -3px;\n  top: 50%;\n}\n.cropper-point.point-s {\n  bottom: -3px;\n  cursor: s-resize;\n  left: 50%;\n  margin-left: -3px;\n}\n.cropper-point.point-ne {\n  cursor: nesw-resize;\n  right: -3px;\n  top: -3px;\n}\n.cropper-point.point-nw {\n  cursor: nwse-resize;\n  left: -3px;\n  top: -3px;\n}\n.cropper-point.point-sw {\n  bottom: -3px;\n  cursor: nesw-resize;\n  left: -3px;\n}\n.cropper-point.point-se {\n  bottom: -3px;\n  cursor: nwse-resize;\n  height: 20px;\n  opacity: 1;\n  right: -3px;\n  width: 20px;\n}\n@media (min-width: 768px) {\n  .cropper-point.point-se {\n    height: 15px;\n    width: 15px;\n  }\n}\n@media (min-width: 992px) {\n  .cropper-point.point-se {\n    height: 10px;\n    width: 10px;\n  }\n}\n@media (min-width: 1200px) {\n  .cropper-point.point-se {\n    height: 5px;\n    opacity: 0.75;\n    width: 5px;\n  }\n}\n.cropper-point.point-se::before {\n  background-color: #39f;\n  bottom: -50%;\n  content: ' ';\n  display: block;\n  height: 200%;\n  opacity: 0;\n  position: absolute;\n  right: -50%;\n  width: 200%;\n}\n.cropper-invisible {\n  opacity: 0;\n}\n.cropper-bg {\n  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');\n}\n.cropper-hide {\n  display: block;\n  height: 0;\n  position: absolute;\n  width: 0;\n}\n.cropper-hidden {\n  display: none !important;\n}\n.cropper-move {\n  cursor: move;\n}\n.cropper-crop {\n  cursor: crosshair;\n}\n.cropper-disabled .cropper-drag-box,\n.cropper-disabled .cropper-face,\n.cropper-disabled .cropper-line,\n.cropper-disabled .cropper-point {\n  cursor: not-allowed;\n}\n",""]),t.exports=e}}]);
+(window.webpackJsonpfeffery_utils_components=window.webpackJsonpfeffery_utils_components||[]).push([[16],{547:function(t,e,i){"use strict";i.r(e);var ot=i(1),at=i.n(ot),n=i(836),b=i.n(n),w=function(){return(w=Object.assign||function(t){for(var e,i=1,n=arguments.length;i<n;i++)for(var o in e=arguments[i])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t}).apply(this,arguments)};function x(t,e){var i={};for(o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0&&(i[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var n=0,o=Object.getOwnPropertySymbols(t);n<o.length;n++)e.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(t,o[n])&&(i[o[n]]=t[o[n]]);return i}function o(t){var e=t.id,i=t.className,n=t.style,o=t.key,a=(t.croppedImageData,t.src),r=t.alt,s=t.crossOrigin,h=t.viewMode,c=t.dragMode,p=t.initialAspectRatio,l=t.aspectRatio,d=t.data,u=t.preview,m=t.responsive,g=t.restore,f=t.checkCrossOrigin,v=t.checkOrientation,b=t.modal,X=t.guides,Y=t.center,N=t.highlight,S=t.background,L=t.autoCrop,P=t.autoCropArea,I=t.movable,U=t.rotatable,Z=t.scalable,q=t.zoomable,Q=t.zoomOnTouch,F=t.zoomOnWheel,$=t.wheelZoomRatio,G=t.cropBoxMovable,V=t.cropBoxResizable,_=t.toggleDragModeOnDblclick,J=t.minContainerWidth,K=t.minContainerHeight,tt=t.minCanvasWidth,et=t.minCanvasHeight,it=t.minCropBoxWidth,nt=t.minCropBoxHeight,w=t.reset,x=t.clear,y=t.replace,M=t.enable,C=t.disable,D=t.destroy,O=t.move,k=t.moveTo,T=t.zoom,B=t.zoomTo,z=t.rotate,A=t.rotateTo,E=t.scale,W=t.scaleX,j=t.scaleY,R=(t.outputData,t.containerData,t.imageData,t.canvasData,t.cropBoxData,t.setProps),t=t.loading_state,H=Object(ot.useRef)(null);return Object(ot.useEffect)(function(){var t;w&&(null!=(t=H.current)&&t.cropper.reset(),R({reset:!1}))},[w]),Object(ot.useEffect)(function(){var t;x&&(null!=(t=H.current)&&t.cropper.clear(),R({clear:!1}))},[x]),Object(ot.useEffect)(function(){var t;y.isReplace&&y.url&&(null!=(t=H.current)&&t.cropper.replace(y.url,y.hasSameSize),R({replace:{isReplace:!1,url:void 0,hasSameSize:!1}}))},[y]),Object(ot.useEffect)(function(){var t;M&&(null!=(t=H.current)&&t.cropper.enable(),R({enable:!1}))},[M]),Object(ot.useEffect)(function(){var t;C&&(null!=(t=H.current)&&t.cropper.disable(),R({disable:!1}))},[C]),Object(ot.useEffect)(function(){var t;D&&(null!=(t=H.current)&&t.cropper.destroy(),R({destroy:!1}))},[D]),Object(ot.useEffect)(function(){var t;O.isMove&&O.offsetX&&(null!=(t=H.current)&&t.cropper.move(O.offsetX,O.offsetY),R({move:{isMove:!1,offsetX:void 0,offsetY:void 0}}))},[O]),Object(ot.useEffect)(function(){var t;k.isMoveTo&&k.x&&(null!=(t=H.current)&&t.cropper.moveTo(k.x,k.y),R({moveTo:{isMoveTo:!1,x:void 0,y:void 0}}))},[k]),Object(ot.useEffect)(function(){var t;T.isZoom&&T.ratio&&(null!=(t=H.current)&&t.cropper.zoom(T.ratio),R({zoom:{isZoom:!1,ratio:void 0}}))},[T]),Object(ot.useEffect)(function(){var t;B.isZoomTo&&B.ratio&&(null!=(t=H.current)&&t.cropper.zoomTo(B.ratio,B.pivot),R({zoomTo:{isZoomTo:!1,ratio:void 0,pivot:void 0}}))},[B]),Object(ot.useEffect)(function(){var t;z.isRotate&&z.degree&&(null!=(t=H.current)&&t.cropper.rotate(z.degree),R({rotate:{isRotate:!1,degree:void 0}}))},[z]),Object(ot.useEffect)(function(){var t;A.isRotateTo&&A.degree&&(null!=(t=H.current)&&t.cropper.rotateTo(A.degree),R({rotateTo:{isRotateTo:!1,degree:void 0}}))},[A]),Object(ot.useEffect)(function(){var t;E.isScale&&E.scaleX&&(null!=(t=H.current)&&t.cropper.scale(E.scaleX,E.scaleY),R({scale:{isScale:!1,scaleX:void 0,scaleY:void 0}}))},[E]),Object(ot.useEffect)(function(){var t;W.isScaleX&&W.scaleX&&(null!=(t=H.current)&&t.cropper.scaleX(W.scaleX),R({scaleX:{isScaleX:!1,scaleX:void 0}}))},[W]),Object(ot.useEffect)(function(){var t;j.isScaleY&&j.scaleY&&(null!=(t=H.current)&&t.cropper.scaleY(j.scaleY),R({scaleY:{isScaleY:!1,scaleY:void 0}}))},[j]),at.a.createElement(rt,{ref:H,id:e,className:Object(st.isString)(i)?i:i?Object(ht.a)(i):void 0,style:n,key:o,src:a,alt:r,crossOrigin:s,viewMode:h,dragMode:c,initialAspectRatio:p,aspectRatio:l,data:d,preview:u,responsive:m,restore:g,checkCrossOrigin:f,checkOrientation:v,modal:b,guides:X,center:Y,highlight:N,background:S,autoCrop:L,autoCropArea:P,movable:I,rotatable:U,scalable:Z,zoomable:q,zoomOnTouch:Q,zoomOnWheel:F,wheelZoomRatio:$,cropBoxMovable:G,cropBoxResizable:V,toggleDragModeOnDblclick:_,minContainerWidth:J,minContainerHeight:K,minCanvasWidth:tt,minCanvasHeight:et,minCropBoxWidth:it,minCropBoxHeight:nt,crop:function(){var t=null==(t=H.current)?void 0:t.cropper;R({croppedImageData:t.getCroppedCanvas().toDataURL()}),R({outputData:t.getData()}),R({containerData:t.getContainerData()}),R({imageData:t.getImageData()}),R({canvasData:t.getCanvasData()}),R({cropBoxData:t.getCropBoxData()})},loading_state:t})}var y=["aspectRatio","autoCrop","autoCropArea","background","center","checkCrossOrigin","checkOrientation","cropBoxMovable","cropBoxResizable","data","dragMode","guides","highlight","initialAspectRatio","minCanvasHeight","minCanvasWidth","minContainerHeight","minContainerWidth","minCropBoxHeight","minCropBoxWidth","modal","movable","preview","responsive","restore","rotatable","scalable","toggleDragModeOnDblclick","viewMode","wheelZoomRatio","zoomOnTouch","zoomOnWheel","zoomable","cropstart","cropmove","cropend","crop","zoom","ready"],M={opacity:0,maxWidth:"100%"},rt=at.a.forwardRef(function(t,e){var t=x(t,[]),i=t.dragMode,n=void 0===i?"crop":i,o=t.src,i=t.style,a=t.className,r=t.crossOrigin,s=t.scaleX,h=t.scaleY,c=t.enable,p=t.zoomTo,l=t.rotateTo,d=t.alt,d=void 0===d?"picture":d,u=t.ready,m=t.onInitialized,g=x(t,["dragMode","src","style","className","crossOrigin","scaleX","scaleY","enable","zoomTo","rotateTo","alt","ready","onInitialized"]),f={scaleY:h,scaleX:s,enable:c,zoomTo:p,rotateTo:l},v=function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];var i=Object(ot.useRef)(null);return at.a.useEffect(function(){t.forEach(function(t){t&&("function"==typeof t?t(i.current):t.current=i.current)})},[t]),i}(e,Object(ot.useRef)(null));Object(ot.useEffect)(function(){var t;null!=(t=v.current)&&t.cropper&&"number"==typeof p&&v.current.cropper.zoomTo(p)},[t.zoomTo]),Object(ot.useEffect)(function(){var t;null!=(t=v.current)&&t.cropper&&void 0!==o&&v.current.cropper.reset().clear().replace(o)},[o]),Object(ot.useEffect)(function(){var t;return null!==v.current&&(t=new b.a(v.current,w(w({dragMode:n},g),{ready:function(t){var e,i,n,o,a,r;null!==t.currentTarget&&(e=t.currentTarget.cropper,n=(i=void 0===(i=f)?{}:i).enable,o=void 0===(o=i.scaleX)?1:o,a=void 0===(a=i.scaleY)?1:a,r=void 0===(r=i.zoomTo)?0:r,i=i.rotateTo,void 0===n||n?e.enable():e.disable(),e.scaleX(o),e.scaleY(a),void 0!==i&&e.rotateTo(i),0<r)&&e.zoomTo(r),u&&u(t)}})),m)&&m(t),function(){var t;null!=(t=null==(t=v.current)?void 0:t.cropper)&&t.destroy()}},[v]);h=w(w({},g),{crossOrigin:r,src:o,alt:d});s=y.reduce(function(t,e){return t[e],x(t,["symbol"==typeof e?e:e+""])},h);return at.a.createElement("div",{style:i,className:a},at.a.createElement("img",w({},s,{style:M,ref:v})))}),st=(i(837),i(22)),ht=i(60),n=i(209);(e.default=o).defaultProps=n.b,o.propTypes=n.c},836:function(t,e,i){t.exports=function(){"use strict";function X(e,t){var i,n=Object.keys(e);return Object.getOwnPropertySymbols&&(i=Object.getOwnPropertySymbols(e),t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,i)),n}function Y(n){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?X(Object(o),!0).forEach(function(t){var e,i;e=n,i=o[t=t],(t=P(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):X(Object(o)).forEach(function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(o,t))})}return n}function N(t){return(N="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function S(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,P(n.key),n)}}function L(t){return function(t){if(Array.isArray(t))return i(t)}(t)||function(){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}()||function(t){var e;if(t)return"string"==typeof t?i(t,void 0):"Map"===(e="Object"===(e=Object.prototype.toString.call(t).slice(8,-1))&&t.constructor?t.constructor.name:e)||"Set"===e?Array.from(t):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?i(t,void 0):void 0}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=new Array(e);i<e;i++)n[i]=t[i];return n}function P(t){t=function(t){if("object"!=typeof t||null===t)return t;var e=t[Symbol.toPrimitive];if(void 0===e)return String(t);e=e.call(t,"string");if("object"!=typeof e)return e;throw new TypeError("@@toPrimitive must return a primitive value.")}(t);return"symbol"==typeof t?t:String(t)}var t="undefined"!=typeof window&&void 0!==window.document,r=t?window:{},e=!(!t||!r.document.documentElement)&&"ontouchstart"in r.document.documentElement,n=!!t&&"PointerEvent"in r,s="".concat("cropper","-crop"),I="".concat("cropper","-disabled"),O="".concat("cropper","-hidden"),U="".concat("cropper","-hide"),Z="".concat("cropper","-invisible"),o="".concat("cropper","-modal"),c="".concat("cropper","-move"),p="".concat("cropper","Action"),u="".concat("cropper","Preview"),q=n?"pointerdown":e?"touchstart":"mousedown",Q=n?"pointermove":e?"touchmove":"mousemove",F=n?"pointerup pointercancel":e?"touchend touchcancel":"mouseup",$=/^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/,G=/^data:/,V=/^data:image\/jpeg;base64,/,_=/^img|canvas$/i,J={viewMode:0,dragMode:"crop",initialAspectRatio:NaN,aspectRatio:NaN,data:null,preview:"",responsive:!0,restore:!0,checkCrossOrigin:!0,checkOrientation:!0,modal:!0,guides:!0,center:!0,highlight:!0,background:!0,autoCrop:!0,autoCropArea:.8,movable:!0,rotatable:!0,scalable:!0,zoomable:!0,zoomOnTouch:!0,zoomOnWheel:!0,wheelZoomRatio:.1,cropBoxMovable:!0,cropBoxResizable:!0,toggleDragModeOnDblclick:!0,minCanvasWidth:0,minCanvasHeight:0,minCropBoxWidth:0,minCropBoxHeight:0,minContainerWidth:200,minContainerHeight:100,ready:null,cropstart:null,cropmove:null,cropend:null,crop:null,zoom:null},K=Number.isNaN||r.isNaN;function d(t){return"number"==typeof t&&!K(t)}function tt(t){return 0<t&&t<1/0}function a(t){return void 0===t}function h(t){return"object"===N(t)&&null!==t}var et=Object.prototype.hasOwnProperty;function m(t){if(!h(t))return!1;try{var e=t.constructor,i=e.prototype;return e&&i&&et.call(i,"isPrototypeOf")}catch(t){return!1}}function l(t){return"function"==typeof t}var it=Array.prototype.slice;function nt(t){return Array.from?Array.from(t):it.call(t)}function k(i,n){return i&&l(n)&&(Array.isArray(i)||d(i.length)?nt(i).forEach(function(t,e){n.call(i,t,e,i)}):h(i)&&Object.keys(i).forEach(function(t){n.call(i,i[t],t,i)})),i}var g=Object.assign||function(i){for(var t=arguments.length,e=new Array(1<t?t-1:0),n=1;n<t;n++)e[n-1]=arguments[n];return h(i)&&0<e.length&&e.forEach(function(e){h(e)&&Object.keys(e).forEach(function(t){i[t]=e[t]})}),i},ot=/\.\d*(?:0|9){12}\d*$/;function B(t,e){e=1<arguments.length&&void 0!==e?e:1e11;return ot.test(t)?Math.round(t*e)/e:t}var at=/^width|height|left|top|marginLeft|marginTop$/;function f(t,e){var i=t.style;k(e,function(t,e){at.test(e)&&d(t)&&(t="".concat(t,"px")),i[e]=t})}function v(t,e){var i;e&&(d(t.length)?k(t,function(t){v(t,e)}):t.classList?t.classList.add(e):(i=t.className.trim())?i.indexOf(e)<0&&(t.className="".concat(i," ").concat(e)):t.className=e)}function T(t,e){e&&(d(t.length)?k(t,function(t){T(t,e)}):t.classList?t.classList.remove(e):0<=t.className.indexOf(e)&&(t.className=t.className.replace(e,"")))}function b(t,e,i){e&&(d(t.length)?k(t,function(t){b(t,e,i)}):(i?v:T)(t,e))}var rt=/([a-z\d])([A-Z])/g;function w(t){return t.replace(rt,"$1-$2").toLowerCase()}function x(t,e){return h(t[e])?t[e]:t.dataset?t.dataset[e]:t.getAttribute("data-".concat(w(e)))}function y(t,e,i){h(i)?t[e]=i:t.dataset?t.dataset[e]=i:t.setAttribute("data-".concat(w(e)),i)}var M,C,st=/\s\s*/,ht=(C=!1,t&&(M=!1,n=function(){},e=Object.defineProperty({},"once",{get:function(){return C=!0,M},set:function(t){M=t}}),r.addEventListener("test",n,e),r.removeEventListener("test",n,e)),C);function D(i,t,n,e){var o=3<arguments.length&&void 0!==e?e:{},a=n;t.trim().split(st).forEach(function(t){var e;ht||(e=i.listeners)&&e[t]&&e[t][n]&&(a=e[t][n],delete e[t][n],0===Object.keys(e[t]).length&&delete e[t],0===Object.keys(e).length)&&delete i.listeners,i.removeEventListener(t,a,o)})}function z(a,t,r,e){var s=3<arguments.length&&void 0!==e?e:{},h=r;t.trim().split(st).forEach(function(n){var t,o;s.once&&!ht&&(t=a.listeners,h=function(){delete o[n][r],a.removeEventListener(n,h,s);for(var t=arguments.length,e=new Array(t),i=0;i<t;i++)e[i]=arguments[i];r.apply(a,e)},(o=void 0===t?{}:t)[n]||(o[n]={}),o[n][r]&&a.removeEventListener(n,o[n][r],s),o[n][r]=h,a.listeners=o),a.addEventListener(n,h,s)})}function A(t,e,i){var n;return l(Event)&&l(CustomEvent)?n=new CustomEvent(e,{detail:i,bubbles:!0,cancelable:!0}):(n=document.createEvent("CustomEvent")).initCustomEvent(e,!0,!0,i),t.dispatchEvent(n)}function ct(t){t=t.getBoundingClientRect();return{left:t.left+(window.pageXOffset-document.documentElement.clientLeft),top:t.top+(window.pageYOffset-document.documentElement.clientTop)}}var pt=r.location,lt=/^(\w+:)\/\/([^:/?#]*):?(\d*)/i;function dt(t){t=t.match(lt);return null!==t&&(t[1]!==pt.protocol||t[2]!==pt.hostname||t[3]!==pt.port)}function ut(t){var e="timestamp=".concat((new Date).getTime());return t+(-1===t.indexOf("?")?"?":"&")+e}function E(t){var e=t.rotate,i=t.scaleX,n=t.scaleY,o=t.translateX,t=t.translateY,a=[],o=(d(o)&&0!==o&&a.push("translateX(".concat(o,"px)")),d(t)&&0!==t&&a.push("translateY(".concat(t,"px)")),d(e)&&0!==e&&a.push("rotate(".concat(e,"deg)")),d(i)&&1!==i&&a.push("scaleX(".concat(i,")")),d(n)&&1!==n&&a.push("scaleY(".concat(n,")")),a.length?a.join(" "):"none");return{WebkitTransform:o,msTransform:o,transform:o}}function W(t,e){var i=t.pageX,t=t.pageY,n={endX:i,endY:t};return e?n:Y({startX:i,startY:t},n)}function j(t,e){var i,n=t.aspectRatio,o=t.height,t=t.width,e=1<arguments.length&&void 0!==e?e:"contain",a=tt(t),r=tt(o);return a&&r?(i=o*n,"contain"===e&&t<i||"cover"===e&&i<t?o=t/n:t=o*n):a?o=t/n:r&&(t=o*n),{width:t,height:o}}var mt=String.fromCharCode,gt=/^data:.*,/;var ft,t={render:function(){this.initContainer(),this.initCanvas(),this.initCropBox(),this.renderCanvas(),this.cropped&&this.renderCropBox()},initContainer:function(){var t=this.element,e=this.options,i=this.container,n=this.cropper,o=Number(e.minContainerWidth),e=Number(e.minContainerHeight),o=(v(n,O),T(t,O),{width:Math.max(i.offsetWidth,0<=o?o:200),height:Math.max(i.offsetHeight,0<=e?e:100)});f(n,{width:(this.containerData=o).width,height:o.height}),v(t,O),T(n,O)},initCanvas:function(){var t=this.containerData,e=this.imageData,i=this.options.viewMode,n=Math.abs(e.rotate)%180==90,o=n?e.naturalHeight:e.naturalWidth,n=n?e.naturalWidth:e.naturalHeight,e=o/n,a=t.width,r=t.height,e=(t.height*e>t.width?3===i?a=t.height*e:r=t.width/e:3===i?r=t.width/e:a=t.height*e,{aspectRatio:e,naturalWidth:o,naturalHeight:n,width:a,height:r});this.canvasData=e,this.limited=1===i||2===i,this.limitCanvas(!0,!0),e.width=Math.min(Math.max(e.width,e.minWidth),e.maxWidth),e.height=Math.min(Math.max(e.height,e.minHeight),e.maxHeight),e.left=(t.width-e.width)/2,e.top=(t.height-e.height)/2,e.oldLeft=e.left,e.oldTop=e.top,this.initialCanvasData=g({},e)},limitCanvas:function(t,e){var i=this.options,n=this.containerData,o=this.canvasData,a=this.cropBoxData,r=i.viewMode,s=o.aspectRatio,h=this.cropped&&a;t&&(t=Number(i.minCanvasWidth)||0,i=Number(i.minCanvasHeight)||0,1<r?(t=Math.max(t,n.width),i=Math.max(i,n.height),3===r&&(t<i*s?t=i*s:i=t/s)):0<r&&(t?t=Math.max(t,h?a.width:0):i?i=Math.max(i,h?a.height:0):h&&(t=a.width,(i=a.height)*s>t?t=i*s:i=t/s)),t=(s=j({aspectRatio:s,width:t,height:i})).width,i=s.height,o.minWidth=t,o.minHeight=i,o.maxWidth=1/0,o.maxHeight=1/0),e&&((h?0:1)<r?(s=n.width-o.width,t=n.height-o.height,o.minLeft=Math.min(0,s),o.minTop=Math.min(0,t),o.maxLeft=Math.max(0,s),o.maxTop=Math.max(0,t),h&&this.limited&&(o.minLeft=Math.min(a.left,a.left+(a.width-o.width)),o.minTop=Math.min(a.top,a.top+(a.height-o.height)),o.maxLeft=a.left,o.maxTop=a.top,2===r)&&(o.width>=n.width&&(o.minLeft=Math.min(0,s),o.maxLeft=Math.max(0,s)),o.height>=n.height)&&(o.minTop=Math.min(0,t),o.maxTop=Math.max(0,t))):(o.minLeft=-o.width,o.minTop=-o.height,o.maxLeft=n.width,o.maxTop=n.height))},renderCanvas:function(t,e){var i,n,o,a,r=this.canvasData,s=this.imageData;e&&(e={width:s.naturalWidth*Math.abs(s.scaleX||1),height:s.naturalHeight*Math.abs(s.scaleY||1),degree:s.rotate||0},s=e.width,a=e.height,e=e.degree,i=90==(e=Math.abs(e)%180)?{width:a,height:s}:(n=e%90*Math.PI/180,i=Math.sin(n),o=s*(n=Math.cos(n))+a*i,s=s*i+a*n,90<e?{width:s,height:o}:{width:o,height:s}),n=r.width*((a=i.width)/r.naturalWidth),o=r.height*((e=i.height)/r.naturalHeight),r.left-=(n-r.width)/2,r.top-=(o-r.height)/2,r.width=n,r.height=o,r.aspectRatio=a/e,r.naturalWidth=a,r.naturalHeight=e,this.limitCanvas(!0,!1)),(r.width>r.maxWidth||r.width<r.minWidth)&&(r.left=r.oldLeft),(r.height>r.maxHeight||r.height<r.minHeight)&&(r.top=r.oldTop),r.width=Math.min(Math.max(r.width,r.minWidth),r.maxWidth),r.height=Math.min(Math.max(r.height,r.minHeight),r.maxHeight),this.limitCanvas(!1,!0),r.left=Math.min(Math.max(r.left,r.minLeft),r.maxLeft),r.top=Math.min(Math.max(r.top,r.minTop),r.maxTop),r.oldLeft=r.left,r.oldTop=r.top,f(this.canvas,g({width:r.width,height:r.height},E({translateX:r.left,translateY:r.top}))),this.renderImage(t),this.cropped&&this.limited&&this.limitCropBox(!0,!0)},renderImage:function(t){var e=this.canvasData,i=this.imageData,n=i.naturalWidth*(e.width/e.naturalWidth),o=i.naturalHeight*(e.height/e.naturalHeight);g(i,{width:n,height:o,left:(e.width-n)/2,top:(e.height-o)/2}),f(this.image,g({width:i.width,height:i.height},E(g({translateX:i.left,translateY:i.top},i)))),t&&this.output()},initCropBox:function(){var t=this.options,e=this.canvasData,i=t.aspectRatio||t.initialAspectRatio,t=Number(t.autoCropArea)||.8,n={width:e.width,height:e.height};i&&(e.height*i>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*t),n.height=Math.max(n.minHeight,n.height*t),n.left=e.left+(e.width-n.width)/2,n.top=e.top+(e.height-n.height)/2,n.oldLeft=n.left,n.oldTop=n.top,this.initialCropBoxData=g({},n)},limitCropBox:function(t,e){var i,n,o=this.options,a=this.containerData,r=this.canvasData,s=this.cropBoxData,h=this.limited,c=o.aspectRatio;t&&(t=Number(o.minCropBoxWidth)||0,o=Number(o.minCropBoxHeight)||0,i=h?Math.min(a.width,r.width,r.width+r.left,a.width-r.left):a.width,n=h?Math.min(a.height,r.height,r.height+r.top,a.height-r.top):a.height,t=Math.min(t,a.width),o=Math.min(o,a.height),c&&(t&&o?t<o*c?o=t/c:t=o*c:t?o=t/c:o&&(t=o*c),i<n*c?n=i/c:i=n*c),s.minWidth=Math.min(t,i),s.minHeight=Math.min(o,n),s.maxWidth=i,s.maxHeight=n),e&&(h?(s.minLeft=Math.max(0,r.left),s.minTop=Math.max(0,r.top),s.maxLeft=Math.min(a.width,r.left+r.width)-s.width,s.maxTop=Math.min(a.height,r.top+r.height)-s.height):(s.minLeft=0,s.minTop=0,s.maxLeft=a.width-s.width,s.maxTop=a.height-s.height))},renderCropBox:function(){var t=this.options,e=this.containerData,i=this.cropBoxData;(i.width>i.maxWidth||i.width<i.minWidth)&&(i.left=i.oldLeft),(i.height>i.maxHeight||i.height<i.minHeight)&&(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&&t.cropBoxMovable&&y(this.face,p,i.width>=e.width&&i.height>=e.height?"move":"all"),f(this.cropBox,g({width:i.width,height:i.height},E({translateX:i.left,translateY:i.top}))),this.cropped&&this.limited&&this.limitCanvas(!0,!0),this.disabled||this.output()},output:function(){this.preview(),A(this.element,"crop",this.getData())}},n={initPreview:function(){var t=this.element,i=this.crossOrigin,e=this.options.preview,n=i?this.crossOriginUrl:this.url,o=t.alt||"The image to preview",a=document.createElement("img");i&&(a.crossOrigin=i),a.src=n,a.alt=o,this.viewBox.appendChild(a),this.viewBoxImage=a,e&&("string"==typeof(a=e)?a=t.ownerDocument.querySelectorAll(e):e.querySelector&&(a=[e]),k(this.previews=a,function(t){var e=document.createElement("img");y(t,u,{width:t.offsetWidth,height:t.offsetHeight,html:t.innerHTML}),i&&(e.crossOrigin=i),e.src=n,e.alt=o,e.style.cssText='display:block;width:100%;height:auto;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;image-orientation:0deg!important;"',t.innerHTML="",t.appendChild(e)}))},resetPreview:function(){k(this.previews,function(e){var i=x(e,u),i=(f(e,{width:i.width,height:i.height}),e.innerHTML=i.html,e),e=u;if(h(i[e]))try{delete i[e]}catch(t){i[e]=void 0}else if(i.dataset)try{delete i.dataset[e]}catch(t){i.dataset[e]=void 0}else i.removeAttribute("data-".concat(w(e)))})},preview:function(){var r=this.imageData,t=this.canvasData,e=this.cropBoxData,s=e.width,h=e.height,c=r.width,p=r.height,l=e.left-t.left-r.left,d=e.top-t.top-r.top;this.cropped&&!this.disabled&&(f(this.viewBoxImage,g({width:c,height:p},E(g({translateX:-l,translateY:-d},r)))),k(this.previews,function(t){var e=x(t,u),i=e.width,e=e.height,n=i,o=e,a=1;s&&(o=h*(a=i/s)),h&&e<o&&(n=s*(a=e/h),o=e),f(t,{width:n,height:o}),f(t.getElementsByTagName("img")[0],g({width:c*a,height:p*a},E(g({translateX:-l*a,translateY:-d*a},r))))}))}},e={bind:function(){var t=this.element,e=this.options,i=this.cropper;l(e.cropstart)&&z(t,"cropstart",e.cropstart),l(e.cropmove)&&z(t,"cropmove",e.cropmove),l(e.cropend)&&z(t,"cropend",e.cropend),l(e.crop)&&z(t,"crop",e.crop),l(e.zoom)&&z(t,"zoom",e.zoom),z(i,q,this.onCropStart=this.cropStart.bind(this)),e.zoomable&&e.zoomOnWheel&&z(i,"wheel",this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),e.toggleDragModeOnDblclick&&z(i,"dblclick",this.onDblclick=this.dblclick.bind(this)),z(t.ownerDocument,Q,this.onCropMove=this.cropMove.bind(this)),z(t.ownerDocument,F,this.onCropEnd=this.cropEnd.bind(this)),e.responsive&&z(window,"resize",this.onResize=this.resize.bind(this))},unbind:function(){var t=this.element,e=this.options,i=this.cropper;l(e.cropstart)&&D(t,"cropstart",e.cropstart),l(e.cropmove)&&D(t,"cropmove",e.cropmove),l(e.cropend)&&D(t,"cropend",e.cropend),l(e.crop)&&D(t,"crop",e.crop),l(e.zoom)&&D(t,"zoom",e.zoom),D(i,q,this.onCropStart),e.zoomable&&e.zoomOnWheel&&D(i,"wheel",this.onWheel,{passive:!1,capture:!0}),e.toggleDragModeOnDblclick&&D(i,"dblclick",this.onDblclick),D(t.ownerDocument,Q,this.onCropMove),D(t.ownerDocument,F,this.onCropEnd),e.responsive&&D(window,"resize",this.onResize)}},vt={resize:function(){var i,n,t,e,o,a,r;this.disabled||(t=this.options,a=this.container,e=this.containerData,o=a.offsetWidth/e.width,a=a.offsetHeight/e.height,1!=(r=Math.abs(o-1)>Math.abs(a-1)?o:a)&&(t.restore&&(i=this.getCanvasData(),n=this.getCropBoxData()),this.render(),t.restore)&&(this.setCanvasData(k(i,function(t,e){i[e]=t*r})),this.setCropBoxData(k(n,function(t,e){n[e]=t*r}))))},dblclick:function(){var t,e;this.disabled||"none"===this.options.dragMode||this.setDragMode((t=this.dragBox,e=s,(t.classList?t.classList.contains(e):-1<t.className.indexOf(e))?"move":"crop"))},wheel:function(t){var e=this,i=Number(this.options.wheelZoomRatio)||.1,n=1;this.disabled||(t.preventDefault(),this.wheeling)||(this.wheeling=!0,setTimeout(function(){e.wheeling=!1},50),t.deltaY?n=0<t.deltaY?1:-1:t.wheelDelta?n=-t.wheelDelta/120:t.detail&&(n=0<t.detail?1:-1),this.zoom(-n*i,t))},cropStart:function(t){var e,i=t.buttons,n=t.button;this.disabled||("mousedown"===t.type||"pointerdown"===t.type&&"mouse"===t.pointerType)&&(d(i)&&1!==i||d(n)&&0!==n||t.ctrlKey)||(i=this.options,e=this.pointers,t.changedTouches?k(t.changedTouches,function(t){e[t.identifier]=W(t)}):e[t.pointerId||0]=W(t),n=1<Object.keys(e).length&&i.zoomable&&i.zoomOnTouch?"zoom":x(t.target,p),$.test(n)&&!1!==A(this.element,"cropstart",{originalEvent:t,action:n})&&(t.preventDefault(),this.action=n,this.cropping=!1,"crop"===n)&&(this.cropping=!0,v(this.dragBox,o)))},cropMove:function(t){var e,i=this.action;!this.disabled&&i&&(e=this.pointers,t.preventDefault(),!1!==A(this.element,"cropmove",{originalEvent:t,action:i}))&&(t.changedTouches?k(t.changedTouches,function(t){g(e[t.identifier]||{},W(t,!0))}):g(e[t.pointerId||0]||{},W(t,!0)),this.change(t))},cropEnd:function(t){var e,i;this.disabled||(e=this.action,i=this.pointers,t.changedTouches?k(t.changedTouches,function(t){delete i[t.identifier]}):delete i[t.pointerId||0],e&&(t.preventDefault(),Object.keys(i).length||(this.action=""),this.cropping&&(this.cropping=!1,b(this.dragBox,o,this.cropped&&this.options.modal)),A(this.element,"cropend",{originalEvent:t,action:e})))}},bt={change:function(t){function e(t){switch(t){case"e":f+D.x>x&&(D.x=x-f);break;case"w":d+D.x<b&&(D.x=b-d);break;case"n":u+D.y<w&&(D.y=w-u);break;case"s":v+D.y>y&&(D.y=y-v)}}var i,n,a,o=this.options,r=this.canvasData,s=this.containerData,h=this.cropBoxData,c=this.pointers,p=this.action,l=o.aspectRatio,d=h.left,u=h.top,m=h.width,g=h.height,f=d+m,v=u+g,b=0,w=0,x=s.width,y=s.height,M=!0,C=(!l&&t.shiftKey&&(l=m&&g?m/g:1),this.limited&&(b=h.minLeft,w=h.minTop,x=b+Math.min(s.width,r.width,r.left+r.width),y=w+Math.min(s.height,r.height,r.top+r.height)),c[Object.keys(c)[0]]),D={x:C.endX-C.startX,y:C.endY-C.startY};switch(p){case"all":d+=D.x,u+=D.y;break;case"e":0<=D.x&&(x<=f||l&&(u<=w||y<=v))?M=!1:(e("e"),(m+=D.x)<0&&(p="w",d-=m=-m),l&&(u+=(h.height-(g=m/l))/2));break;case"n":D.y<=0&&(u<=w||l&&(d<=b||x<=f))?M=!1:(e("n"),g-=D.y,u+=D.y,g<0&&(p="s",u-=g=-g),l&&(d+=(h.width-(m=g*l))/2));break;case"w":D.x<=0&&(d<=b||l&&(u<=w||y<=v))?M=!1:(e("w"),m-=D.x,d+=D.x,m<0&&(p="e",d-=m=-m),l&&(u+=(h.height-(g=m/l))/2));break;case"s":0<=D.y&&(y<=v||l&&(d<=b||x<=f))?M=!1:(e("s"),(g+=D.y)<0&&(p="n",u-=g=-g),l&&(d+=(h.width-(m=g*l))/2));break;case"ne":if(l){if(D.y<=0&&(u<=w||x<=f)){M=!1;break}e("n"),g-=D.y,u+=D.y,m=g*l}else e("n"),e("e"),!(0<=D.x)||f<x?m+=D.x:D.y<=0&&u<=w&&(M=!1),D.y<=0&&!(w<u)||(g-=D.y,u+=D.y);m<0&&g<0?(p="sw",u-=g=-g,d-=m=-m):m<0?(p="nw",d-=m=-m):g<0&&(p="se",u-=g=-g);break;case"nw":if(l){if(D.y<=0&&(u<=w||d<=b)){M=!1;break}e("n"),g-=D.y,u+=D.y,d+=h.width-(m=g*l)}else e("n"),e("w"),!(D.x<=0)||b<d?(m-=D.x,d+=D.x):D.y<=0&&u<=w&&(M=!1),D.y<=0&&!(w<u)||(g-=D.y,u+=D.y);m<0&&g<0?(p="se",u-=g=-g,d-=m=-m):m<0?(p="ne",d-=m=-m):g<0&&(p="sw",u-=g=-g);break;case"sw":if(l){if(D.x<=0&&(d<=b||y<=v)){M=!1;break}e("w"),m-=D.x,d+=D.x,g=m/l}else e("s"),e("w"),!(D.x<=0)||b<d?(m-=D.x,d+=D.x):0<=D.y&&y<=v&&(M=!1),0<=D.y&&!(v<y)||(g+=D.y);m<0&&g<0?(p="ne",u-=g=-g,d-=m=-m):m<0?(p="se",d-=m=-m):g<0&&(p="nw",u-=g=-g);break;case"se":if(l){if(0<=D.x&&(x<=f||y<=v)){M=!1;break}e("e"),g=(m+=D.x)/l}else e("s"),e("e"),!(0<=D.x)||f<x?m+=D.x:0<=D.y&&y<=v&&(M=!1),0<=D.y&&!(v<y)||(g+=D.y);m<0&&g<0?(p="nw",u-=g=-g,d-=m=-m):m<0?(p="sw",d-=m=-m):g<0&&(p="ne",u-=g=-g);break;case"move":this.move(D.x,D.y),M=!1;break;case"zoom":this.zoom((n=Y({},i=c),a=0,k(i,function(o,t){delete n[t],k(n,function(t){var e=Math.abs(o.startX-t.startX),i=Math.abs(o.startY-t.startY),n=Math.abs(o.endX-t.endX),t=Math.abs(o.endY-t.endY),e=Math.sqrt(e*e+i*i),i=(Math.sqrt(n*n+t*t)-e)/e;Math.abs(i)>Math.abs(a)&&(a=i)})}),a),t),M=!1;break;case"crop":D.x&&D.y?(i=ct(this.cropper),d=C.startX-i.left,u=C.startY-i.top,m=h.minWidth,g=h.minHeight,0<D.x?p=0<D.y?"se":"ne":D.x<0&&(d-=m,p=0<D.y?"sw":"nw"),D.y<0&&(u-=g),this.cropped||(T(this.cropBox,O),this.cropped=!0,this.limited&&this.limitCropBox(!0,!0))):M=!1}M&&(h.width=m,h.height=g,h.left=d,h.top=u,this.action=p,this.renderCropBox()),k(c,function(t){t.startX=t.endX,t.startY=t.endY})}},wt={crop:function(){return!this.ready||this.cropped||this.disabled||(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&v(this.dragBox,o),T(this.cropBox,O),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&&!this.disabled&&(this.imageData=g({},this.initialImageData),this.canvasData=g({},this.initialCanvasData),this.cropBoxData=g({},this.initialCropBoxData),this.renderCanvas(),this.cropped)&&this.renderCropBox(),this},clear:function(){return this.cropped&&!this.disabled&&(g(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),T(this.dragBox,o),v(this.cropBox,O)),this},replace:function(e){var t=1<arguments.length&&void 0!==arguments[1]&&arguments[1];return!this.disabled&&e&&(this.isImg&&(this.element.src=e),t?(this.url=e,this.image.src=e,this.ready&&(this.viewBoxImage.src=e,k(this.previews,function(t){t.getElementsByTagName("img")[0].src=e}))):(this.isImg&&(this.replaced=!0),this.options.data=null,this.uncreate(),this.load(e))),this},enable:function(){return this.ready&&this.disabled&&(this.disabled=!1,T(this.cropper,I)),this},disable:function(){return this.ready&&!this.disabled&&(this.disabled=!0,v(this.cropper,I)),this},destroy:function(){var t=this.element;return t.cropper&&(t.cropper=void 0,this.isImg&&this.replaced&&(t.src=this.originalUrl),this.uncreate()),this},move:function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:t,i=this.canvasData,n=i.left,i=i.top;return this.moveTo(a(t)?t:n+Number(t),a(e)?e:i+Number(e))},moveTo:function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:t,i=this.canvasData,n=!1;return t=Number(t),e=Number(e),this.ready&&!this.disabled&&this.options.movable&&(d(t)&&(i.left=t,n=!0),d(e)&&(i.top=e,n=!0),n)&&this.renderCanvas(!0),this},zoom:function(t,e){var i=this.canvasData;return t=(t=Number(t))<0?1/(1-t):1+t,this.zoomTo(i.width*t/i.naturalWidth,null,e)},zoomTo:function(t,e,i){var n,o,a,r=this.options,s=this.canvasData,h=s.width,c=s.height,p=s.naturalWidth,l=s.naturalHeight;if(0<=(t=Number(t))&&this.ready&&!this.disabled&&r.zoomable){r=p*t,l=l*t;if(!1===A(this.element,"zoom",{ratio:t,oldRatio:h/p,originalEvent:i}))return this;i?(t=this.pointers,p=ct(this.cropper),t=t&&Object.keys(t).length?(a=o=n=0,k(t,function(t){var e=t.startX,t=t.startY;n+=e,o+=t,a+=1}),{pageX:n/=a,pageY:o/=a}):{pageX:i.pageX,pageY:i.pageY},s.left-=(r-h)*((t.pageX-p.left-s.left)/h),s.top-=(l-c)*((t.pageY-p.top-s.top)/c)):m(e)&&d(e.x)&&d(e.y)?(s.left-=(r-h)*((e.x-s.left)/h),s.top-=(l-c)*((e.y-s.top)/c)):(s.left-=(r-h)/2,s.top-=(l-c)/2),s.width=r,s.height=l,this.renderCanvas(!0)}return this},rotate:function(t){return this.rotateTo((this.imageData.rotate||0)+Number(t))},rotateTo:function(t){return d(t=Number(t))&&this.ready&&!this.disabled&&this.options.rotatable&&(this.imageData.rotate=t%360,this.renderCanvas(!0,!0)),this},scaleX:function(t){var e=this.imageData.scaleY;return this.scale(t,d(e)?e:1)},scaleY:function(t){var e=this.imageData.scaleX;return this.scale(d(e)?e:1,t)},scale:function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:t,i=this.imageData,n=!1;return t=Number(t),e=Number(e),this.ready&&!this.disabled&&this.options.scalable&&(d(t)&&(i.scaleX=t,n=!0),d(e)&&(i.scaleY=e,n=!0),n)&&this.renderCanvas(!0,!0),this},getData:function(){var i,n,t=0<arguments.length&&void 0!==arguments[0]&&arguments[0],e=this.options,o=this.imageData,a=this.canvasData,r=this.cropBoxData;return this.ready&&this.cropped?(i={x:r.left-a.left,y:r.top-a.top,width:r.width,height:r.height},n=o.width/o.naturalWidth,k(i,function(t,e){i[e]=t/n}),t&&(a=Math.round(i.y+i.height),r=Math.round(i.x+i.width),i.x=Math.round(i.x),i.y=Math.round(i.y),i.width=r-i.x,i.height=a-i.y)):i={x:0,y:0,width:0,height:0},e.rotatable&&(i.rotate=o.rotate||0),e.scalable&&(i.scaleX=o.scaleX||1,i.scaleY=o.scaleY||1),i},setData:function(t){var e,i=this.options,n=this.imageData,o=this.canvasData,a={};return this.ready&&!this.disabled&&m(t)&&(e=!1,i.rotatable&&d(t.rotate)&&t.rotate!==n.rotate&&(n.rotate=t.rotate,e=!0),i.scalable&&(d(t.scaleX)&&t.scaleX!==n.scaleX&&(n.scaleX=t.scaleX,e=!0),d(t.scaleY))&&t.scaleY!==n.scaleY&&(n.scaleY=t.scaleY,e=!0),e&&this.renderCanvas(!0,!0),i=n.width/n.naturalWidth,d(t.x)&&(a.left=t.x*i+o.left),d(t.y)&&(a.top=t.y*i+o.top),d(t.width)&&(a.width=t.width*i),d(t.height)&&(a.height=t.height*i),this.setCropBoxData(a)),this},getContainerData:function(){return this.ready?g({},this.containerData):{}},getImageData:function(){return this.sized?g({},this.imageData):{}},getCanvasData:function(){var e=this.canvasData,i={};return this.ready&&k(["left","top","width","height","naturalWidth","naturalHeight"],function(t){i[t]=e[t]}),i},setCanvasData:function(t){var e=this.canvasData,i=e.aspectRatio;return this.ready&&!this.disabled&&m(t)&&(d(t.left)&&(e.left=t.left),d(t.top)&&(e.top=t.top),d(t.width)?(e.width=t.width,e.height=t.width/i):d(t.height)&&(e.height=t.height,e.width=t.height*i),this.renderCanvas(!0)),this},getCropBoxData:function(){var t,e=this.cropBoxData;return(t=this.ready&&this.cropped?{left:e.left,top:e.top,width:e.width,height:e.height}:t)||{}},setCropBoxData:function(t){var e,i,n=this.cropBoxData,o=this.options.aspectRatio;return this.ready&&this.cropped&&!this.disabled&&m(t)&&(d(t.left)&&(n.left=t.left),d(t.top)&&(n.top=t.top),d(t.width)&&t.width!==n.width&&(e=!0,n.width=t.width),d(t.height)&&t.height!==n.height&&(i=!0,n.height=t.height),o&&(e?n.height=n.width/o:i&&(n.width=n.height*o)),this.renderCropBox()),this},getCroppedCanvas:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};if(!this.ready||!window.HTMLCanvasElement)return null;var e=this.canvasData,i=(b=this.image,g=this.imageData,r=e,n=t,O=g.aspectRatio,o=g.naturalWidth,s=g.naturalHeight,u=void 0===(u=g.rotate)?0:u,m=void 0===(m=g.scaleX)?1:m,g=void 0===(g=g.scaleY)?1:g,a=r.aspectRatio,l=r.naturalWidth,r=r.naturalHeight,p=void 0===(p=n.fillColor)?"transparent":p,f=void 0===(f=n.imageSmoothingEnabled)||f,v=void 0===(v=n.imageSmoothingQuality)?"low":v,h=void 0===(h=n.maxWidth)?1/0:h,c=void 0===(c=n.maxHeight)?1/0:c,i=void 0===(i=n.minWidth)?0:i,n=void 0===(n=n.minHeight)?0:n,T=document.createElement("canvas"),k=T.getContext("2d"),d=j({aspectRatio:a,width:h,height:c}),a=j({aspectRatio:a,width:i,height:n},"cover"),l=Math.min(d.width,Math.max(a.width,l)),d=Math.min(d.height,Math.max(a.height,r)),a=j({aspectRatio:O,width:h,height:c}),r=j({aspectRatio:O,width:i,height:n},"cover"),h=Math.min(a.width,Math.max(r.width,o)),c=Math.min(a.height,Math.max(r.height,s)),O=[-h/2,-c/2,h,c],T.width=B(l),T.height=B(d),k.fillStyle=p,k.fillRect(0,0,l,d),k.save(),k.translate(l/2,d/2),k.rotate(u*Math.PI/180),k.scale(m,g),k.imageSmoothingEnabled=f,k.imageSmoothingQuality=v,k.drawImage.apply(k,[b].concat(L(O.map(function(t){return Math.floor(B(t))})))),k.restore(),T);if(!this.cropped)return i;var n=this.getData(t.rounded),o=n.x,a=n.y,r=n.width,s=n.height,h=i.width/Math.floor(e.naturalWidth),c=(1!=h&&(o*=h,a*=h,r*=h,s*=h),r/s),p=j({aspectRatio:c,width:t.maxWidth||1/0,height:t.maxHeight||1/0}),l=j({aspectRatio:c,width:t.minWidth||0,height:t.minHeight||0},"cover"),d=j({aspectRatio:c,width:t.width||(1!=h?i.width:r),height:t.height||(1!=h?i.height:s)}),u=d.width,m=d.height,u=Math.min(p.width,Math.max(l.width,u)),m=Math.min(p.height,Math.max(l.height,m)),g=document.createElement("canvas"),f=g.getContext("2d"),v=(g.width=B(u),g.height=B(m),f.fillStyle=t.fillColor||"transparent",f.fillRect(0,0,u,m),t.imageSmoothingEnabled),b=t.imageSmoothingQuality;f.imageSmoothingEnabled=void 0===v||v,b&&(f.imageSmoothingQuality=b);var w,x,y,M,C,D,c,O=i.width,k=i.height,T=o,n=a,e=(T<=-r||O<T?C=y=w=T=0:T<=0?(y=-T,T=0,C=w=Math.min(O,r+T)):T<=O&&(y=0,C=w=Math.min(r,O-T)),w<=0||n<=-s||k<n?D=M=x=n=0:n<=0?(M=-n,n=0,D=x=Math.min(k,s+n)):n<=k&&(M=0,D=x=Math.min(s,k-n)),[T,n,w,x]);return 0<C&&0<D&&e.push(y*(c=u/r),M*c,C*c,D*c),f.drawImage.apply(f,[i].concat(L(e.map(function(t){return Math.floor(B(t))})))),g},setAspectRatio:function(t){var e=this.options;return this.disabled||a(t)||(e.aspectRatio=Math.max(0,t)||NaN,this.ready&&(this.initCropBox(),this.cropped)&&this.renderCropBox()),this},setDragMode:function(t){var e,i,n=this.options,o=this.dragBox,a=this.face;return this.ready&&!this.disabled&&(i=n.movable&&"move"===t,n.dragMode=t=(e="crop"===t)||i?t:"none",y(o,p,t),b(o,s,e),b(o,c,i),n.cropBoxMovable||(y(a,p,t),b(a,s,e),b(a,c,i))),this}},xt=r.Cropper,R=(R=[{key:"noConflict",value:function(){return window.Cropper=xt,H}},{key:"setDefaults",value:function(t){g(J,m(t)&&t)}}],S((ft=H).prototype,[{key:"init",value:function(){var t,e=this.element,i=e.tagName.toLowerCase();if(!e.cropper){if(e.cropper=this,"img"===i){if(this.isImg=!0,t=e.getAttribute("src")||"",!(this.originalUrl=t))return;t=e.src}else"canvas"===i&&window.HTMLCanvasElement&&(t=e.toDataURL());this.load(t)}}},{key:"load",value:function(t){var e,i,n,o,a,r,s=this;t&&(this.url=t,this.imageData={},e=this.element,(i=this.options).rotatable||i.scalable||(i.checkOrientation=!1),i.checkOrientation&&window.ArrayBuffer?G.test(t)?V.test(t)?this.read((r=t.replace(gt,""),n=atob(r),r=new ArrayBuffer(n.length),k(o=new Uint8Array(r),function(t,e){o[e]=n.charCodeAt(e)}),r)):this.clone():(a=new XMLHttpRequest,r=this.clone.bind(this),this.reloading=!0,(this.xhr=a).onabort=r,a.onerror=r,a.ontimeout=r,a.onprogress=function(){"image/jpeg"!==a.getResponseHeader("content-type")&&a.abort()},a.onload=function(){s.read(a.response)},a.onloadend=function(){s.reloading=!1,s.xhr=null},i.checkCrossOrigin&&dt(t)&&e.crossOrigin&&(t=ut(t)),a.open("GET",t,!0),a.responseType="arraybuffer",a.withCredentials="use-credentials"===e.crossOrigin,a.send()):this.clone())}},{key:"read",value:function(i){var t,e=this.options,n=this.imageData,o=function(t){var e,i,n,o,a,r,s,h=new DataView(t);try{if(255===h.getUint8(0)&&216===h.getUint8(1))for(var c=h.byteLength,p=2;p+1<c;){if(255===h.getUint8(p)&&225===h.getUint8(p+1)){n=p;break}p+=1}if(n&&(a=n+10,"Exif"!==function(t,e,i){var n="";i+=e;for(var o=e;o<i;o+=1)n+=mt(t.getUint8(o));return n}(h,n+4,4)||!(i=18761===(r=h.getUint16(a)))&&19789!==r||42!==h.getUint16(a+2,i)||8<=(s=h.getUint32(a+4,i))&&(o=a+s)),o)for(var l,d=h.getUint16(o,i),u=0;u<d;u+=1)if(l=o+12*u+2,274===h.getUint16(l,i)){l+=8,e=h.getUint16(l,i),h.setUint16(l,1,i);break}}catch(t){e=1}return e}(i),a=0,r=1,s=1;1<o&&(this.url=function(){for(var t=[],e=new Uint8Array(i);0<e.length;)t.push(mt.apply(null,nt(e.subarray(0,8192)))),e=e.subarray(8192);return"data:".concat("image/jpeg",";base64,").concat(btoa(t.join("")))}(),a=(t=function(){var t=0,e=1,i=1;switch(o){case 2:e=-1;break;case 3:t=-180;break;case 4:i=-1;break;case 5:t=90,i=-1;break;case 6:t=90;break;case 7:t=90,e=-1;break;case 8:t=-90}return{rotate:t,scaleX:e,scaleY:i}}()).rotate,r=t.scaleX,s=t.scaleY),e.rotatable&&(n.rotate=a),e.scalable&&(n.scaleX=r,n.scaleY=s),this.clone()}},{key:"clone",value:function(){var t=this.element,e=this.url,i=t.crossOrigin,n=e,o=(this.options.checkCrossOrigin&&dt(e)&&(i=i||"anonymous",n=ut(e)),this.crossOrigin=i,this.crossOriginUrl=n,document.createElement("img"));i&&(o.crossOrigin=i),o.src=n||e,o.alt=t.alt||"The image to crop",(this.image=o).onload=this.start.bind(this),o.onerror=this.stop.bind(this),v(o,U),t.parentNode.insertBefore(o,t.nextSibling)}},{key:"start",value:function(){function t(t,e){g(n.imageData,{naturalWidth:t,naturalHeight:e,aspectRatio:t/e}),n.initialImageData=g({},n.imageData),n.sizing=!1,n.sized=!0,n.build()}var e,i,n=this,o=this.image,a=(o.onload=null,o.onerror=null,this.sizing=!0,r.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(r.navigator.userAgent));!o.naturalWidth||a?(e=document.createElement("img"),i=document.body||document.documentElement,(this.sizingImage=e).onload=function(){t(e.width,e.height),a||i.removeChild(e)},e.src=o.src,a||(e.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;",i.appendChild(e))):t(o.naturalWidth,o.naturalHeight)}},{key:"stop",value:function(){var t=this.image;t.onload=null,t.onerror=null,t.parentNode.removeChild(t),this.image=null}},{key:"build",value:function(){var t,e,i,n,o,a,r,s,h;this.sized&&!this.ready&&(t=this.element,e=this.options,i=this.image,n=t.parentNode,(o=document.createElement("div")).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-cropper-action="e"></span><span class="cropper-line line-n" data-cropper-action="n"></span><span class="cropper-line line-w" data-cropper-action="w"></span><span class="cropper-line line-s" data-cropper-action="s"></span><span class="cropper-point point-e" data-cropper-action="e"></span><span class="cropper-point point-n" data-cropper-action="n"></span><span class="cropper-point point-w" data-cropper-action="w"></span><span class="cropper-point point-s" data-cropper-action="s"></span><span class="cropper-point point-ne" data-cropper-action="ne"></span><span class="cropper-point point-nw" data-cropper-action="nw"></span><span class="cropper-point point-sw" data-cropper-action="sw"></span><span class="cropper-point point-se" data-cropper-action="se"></span></div></div>',a=(o=o.querySelector(".".concat("cropper","-container"))).querySelector(".".concat("cropper","-canvas")),r=o.querySelector(".".concat("cropper","-drag-box")),h=(s=o.querySelector(".".concat("cropper","-crop-box"))).querySelector(".".concat("cropper","-face")),this.container=n,this.cropper=o,this.canvas=a,this.dragBox=r,this.cropBox=s,this.viewBox=o.querySelector(".".concat("cropper","-view-box")),this.face=h,a.appendChild(i),v(t,O),n.insertBefore(o,t.nextSibling),T(i,U),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,v(s,O),e.guides||v(s.getElementsByClassName("".concat("cropper","-dashed")),O),e.center||v(s.getElementsByClassName("".concat("cropper","-center")),O),e.background&&v(o,"".concat("cropper","-bg")),e.highlight||v(h,Z),e.cropBoxMovable&&(v(h,c),y(h,p,"all")),e.cropBoxResizable||(v(s.getElementsByClassName("".concat("cropper","-line")),O),v(s.getElementsByClassName("".concat("cropper","-point")),O)),this.render(),this.ready=!0,this.setDragMode(e.dragMode),e.autoCrop&&this.crop(),this.setData(e.data),l(e.ready)&&z(t,"ready",e.ready,{once:!0}),A(t,"ready"))}},{key:"unbuild",value:function(){var t;this.ready&&(this.ready=!1,this.unbind(),this.resetPreview(),(t=this.cropper.parentNode)&&t.removeChild(this.cropper),T(this.element,O))}},{key:"uncreate",value:function(){this.ready?(this.unbuild(),this.ready=!1,this.cropped=!1):this.sizing?(this.sizingImage.onload=null,this.sizing=!1,this.sized=!1):this.reloading?(this.xhr.onabort=null,this.xhr.abort()):this.image&&this.stop()}}]),S(ft,R),Object.defineProperty(ft,"prototype",{writable:!1}),H);function H(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{},i=this,n=H;if(!(i instanceof n))throw new TypeError("Cannot call a class as a function");if(!t||!_.test(t.tagName))throw new Error("The first argument is required and must be an <img> or <canvas> element.");this.element=t,this.options=g({},J,m(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 g(R.prototype,t,n,e,vt,bt,wt),R}()},837:function(t,e,i){var n=i(838);"string"==typeof n&&(n=[[t.i,n,""]]);i(88)(n,{insertAt:"top",hmr:!0,transform:void 0,insertInto:void 0}),n.locals&&(t.exports=n.locals)},838:function(t,e,i){(e=i(87)(!1)).push([t.i,"/*!\n * Cropper.js v1.6.1\n * https://fengyuanchen.github.io/cropperjs\n *\n * Copyright 2015-present Chen Fengyuan\n * Released under the MIT license\n *\n * Date: 2023-09-17T03:44:17.565Z\n */\n.cropper-container {\n  direction: ltr;\n  font-size: 0;\n  line-height: 0;\n  position: relative;\n  -ms-touch-action: none;\n  touch-action: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.cropper-container img {\n  backface-visibility: hidden;\n  display: block;\n  height: 100%;\n  image-orientation: 0deg;\n  max-height: none !important;\n  max-width: none !important;\n  min-height: 0 !important;\n  min-width: 0 !important;\n  width: 100%;\n}\n.cropper-wrap-box,\n.cropper-canvas,\n.cropper-drag-box,\n.cropper-crop-box,\n.cropper-modal {\n  bottom: 0;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n}\n.cropper-wrap-box,\n.cropper-canvas {\n  overflow: hidden;\n}\n.cropper-drag-box {\n  background-color: #fff;\n  opacity: 0;\n}\n.cropper-modal {\n  background-color: #000;\n  opacity: 0.5;\n}\n.cropper-view-box {\n  display: block;\n  height: 100%;\n  outline: 1px solid #39f;\n  outline-color: rgba(51, 153, 255, 0.75);\n  overflow: hidden;\n  width: 100%;\n}\n.cropper-dashed {\n  border: 0 dashed #eee;\n  display: block;\n  opacity: 0.5;\n  position: absolute;\n}\n.cropper-dashed.dashed-h {\n  border-bottom-width: 1px;\n  border-top-width: 1px;\n  height: calc(100% / 3);\n  left: 0;\n  top: calc(100% / 3);\n  width: 100%;\n}\n.cropper-dashed.dashed-v {\n  border-left-width: 1px;\n  border-right-width: 1px;\n  height: 100%;\n  left: calc(100% / 3);\n  top: 0;\n  width: calc(100% / 3);\n}\n.cropper-center {\n  display: block;\n  height: 0;\n  left: 50%;\n  opacity: 0.75;\n  position: absolute;\n  top: 50%;\n  width: 0;\n}\n.cropper-center::before,\n.cropper-center::after {\n  background-color: #eee;\n  content: ' ';\n  display: block;\n  position: absolute;\n}\n.cropper-center::before {\n  height: 1px;\n  left: -3px;\n  top: 0;\n  width: 7px;\n}\n.cropper-center::after {\n  height: 7px;\n  left: 0;\n  top: -3px;\n  width: 1px;\n}\n.cropper-face,\n.cropper-line,\n.cropper-point {\n  display: block;\n  height: 100%;\n  opacity: 0.1;\n  position: absolute;\n  width: 100%;\n}\n.cropper-face {\n  background-color: #fff;\n  left: 0;\n  top: 0;\n}\n.cropper-line {\n  background-color: #39f;\n}\n.cropper-line.line-e {\n  cursor: ew-resize;\n  right: -3px;\n  top: 0;\n  width: 5px;\n}\n.cropper-line.line-n {\n  cursor: ns-resize;\n  height: 5px;\n  left: 0;\n  top: -3px;\n}\n.cropper-line.line-w {\n  cursor: ew-resize;\n  left: -3px;\n  top: 0;\n  width: 5px;\n}\n.cropper-line.line-s {\n  bottom: -3px;\n  cursor: ns-resize;\n  height: 5px;\n  left: 0;\n}\n.cropper-point {\n  background-color: #39f;\n  height: 5px;\n  opacity: 0.75;\n  width: 5px;\n}\n.cropper-point.point-e {\n  cursor: ew-resize;\n  margin-top: -3px;\n  right: -3px;\n  top: 50%;\n}\n.cropper-point.point-n {\n  cursor: ns-resize;\n  left: 50%;\n  margin-left: -3px;\n  top: -3px;\n}\n.cropper-point.point-w {\n  cursor: ew-resize;\n  left: -3px;\n  margin-top: -3px;\n  top: 50%;\n}\n.cropper-point.point-s {\n  bottom: -3px;\n  cursor: s-resize;\n  left: 50%;\n  margin-left: -3px;\n}\n.cropper-point.point-ne {\n  cursor: nesw-resize;\n  right: -3px;\n  top: -3px;\n}\n.cropper-point.point-nw {\n  cursor: nwse-resize;\n  left: -3px;\n  top: -3px;\n}\n.cropper-point.point-sw {\n  bottom: -3px;\n  cursor: nesw-resize;\n  left: -3px;\n}\n.cropper-point.point-se {\n  bottom: -3px;\n  cursor: nwse-resize;\n  height: 20px;\n  opacity: 1;\n  right: -3px;\n  width: 20px;\n}\n@media (min-width: 768px) {\n  .cropper-point.point-se {\n    height: 15px;\n    width: 15px;\n  }\n}\n@media (min-width: 992px) {\n  .cropper-point.point-se {\n    height: 10px;\n    width: 10px;\n  }\n}\n@media (min-width: 1200px) {\n  .cropper-point.point-se {\n    height: 5px;\n    opacity: 0.75;\n    width: 5px;\n  }\n}\n.cropper-point.point-se::before {\n  background-color: #39f;\n  bottom: -50%;\n  content: ' ';\n  display: block;\n  height: 200%;\n  opacity: 0;\n  position: absolute;\n  right: -50%;\n  width: 200%;\n}\n.cropper-invisible {\n  opacity: 0;\n}\n.cropper-bg {\n  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');\n}\n.cropper-hide {\n  display: block;\n  height: 0;\n  position: absolute;\n  width: 0;\n}\n.cropper-hidden {\n  display: none !important;\n}\n.cropper-move {\n  cursor: move;\n}\n.cropper-crop {\n  cursor: crosshair;\n}\n.cropper-disabled .cropper-drag-box,\n.cropper-disabled .cropper-face,\n.cropper-disabled .cropper-line,\n.cropper-disabled .cropper-point {\n  cursor: not-allowed;\n}\n",""]),t.exports=e}}]);