(self.webpackChunk=self.webpackChunk||[]).push([[547],{26942:function(){"use strict"},73835:function(ae,dt,z){"use strict";z.r(dt),z.d(dt,{default:function(){return rt}});var w=z(59301),H=z(44283),m=z(14185),yt=z(6767),Mt=z(62957),Xt=z(29787),wt=z(33555),et={modal:"modal___UiRZE",avatarWrap:"avatarWrap___ult2g",tip:"tip___VD4sc",previewWrap:"previewWrap___DqV9j",previewImg:"previewImg___hrFoK",uploadButton:"uploadButton___RgVQG"},kt=z(26942),Ht=(E,S,D)=>new Promise((b,Q)=>{var nt=_=>{try{q(D.next(_))}catch(L){Q(L)}},F=_=>{try{q(D.throw(_))}catch(L){Q(L)}},q=_=>_.done?b(_.value):Promise.resolve(_.value).then(nt,F);q((D=D.apply(E,S)).next())});const zt=({user:E,account:S,globalSetting:D,loading:b,dispatch:Q,visible:nt,onClose:F})=>{const[q,_]=(0,w.useState)(),L=(0,w.useRef)();(0,w.useEffect)(()=>{var $;nt&&_(`${m.Z.IMG_SERVER}/images/${($=E.userInfo)==null?void 0:$.image_url}`)},[E.userInfo,nt]);const ot=$=>{let Z;if($.dataTransfer?Z=$.dataTransfer.files:$.target&&(Z=$.target.files),!(Z!=null&&Z.length))return;const ct=Z[0];if(!/^image\/\w+/.test(ct.type)){yt.ZP.info("\u8BF7\u9009\u62E9\u4E00\u4E2A\u56FE\u7247\u683C\u5F0F\u7684\u6587\u4EF6");return}if(ct.size>10*1024*1024){yt.ZP.info("\u4EC5\u652F\u6301\u6587\u4EF6\u5927\u5C0F\u5C0F\u4E8E10M\u7684\u6587\u4EF6");return}const ut=new FileReader;ut.onload=()=>{_(ut.result)},ut.readAsDataURL(Z[0])},lt=()=>Ht(void 0,null,function*(){var $;const Z=L.current.getCroppedCanvas().toDataURL("image/jpeg");Z||yt.ZP.info("\u8BF7\u5148\u4E0A\u4F20\u56FE\u7247");const ct=yield Q({type:"account/updateAvatar",payload:{image:Z,login:($=E.userInfo)==null?void 0:$.login}});st(),ct.status===0&&(yt.ZP.info("\u4FEE\u6539\u5934\u50CF\u6210\u529F"),Q({type:"user/getUserInfo"}))}),st=()=>{F()};return w.createElement(Mt.default,{centered:!0,keyboard:!1,closable:!1,open:nt,title:"\u4E0A\u4F20\u5934\u50CF",width:550,forceRender:!0,confirmLoading:b["account/updateAvatar"],onOk:lt,onCancel:st},w.createElement(Xt.Z,{spinning:!!b["account/updateAvatar"]},w.createElement("div",{className:et.modal},w.createElement("div",null,w.createElement("div",{className:et.avatarWrap},w.createElement(wt.Z,{style:{height:320,width:320},ref:L,src:q,guides:!1,aspectRatio:1,preview:"#updateAvatarImg"})),w.createElement("span",{className:et.tip},"\u4EC5\u652F\u6301JPG\u3001GIF\u3001PNG\uFF0C\u4E14\u6587\u4EF6\u5C0F\u4E8E10M")),w.createElement("div",{className:et.previewWrap},w.createElement("div",null,w.createElement("div",{className:et.previewImg,id:"updateAvatarImg"}),w.createElement("div",{className:`${et.tip} tc`},"\u5934\u50CF\u9884\u89C8")),w.createElement("label",{className:et.uploadButton,id:"uploadBtn",htmlFor:"inputImage"},w.createElement("input",{type:"file",className:"sr-only",id:"inputImage",name:"file",accept:"image/*",style:{display:"none"},onChange:ot}),"\u70B9\u51FB\u4E0A\u4F20")))))};var Ot=(0,H.connect)(({user:E,account:S,loading:D,globalSetting:b})=>({user:E,account:S,globalSetting:b,loading:D.effects}))(zt),N={wrap:"wrap___jmmMV",avatarWrap:"avatarWrap___rSWxp",avatar:"avatar___fcL4a",updateAvatarWrap:"updateAvatarWrap___PvFWZ",img:"img___HYjbH",updateAvatar:"updateAvatar___A4WCJ",name:"name___I27vY",role:"role___S1bgR",title:"title___lYk_h",colorGary:"colorGary___dTxWU",colorGreen:"colorGreen___IMA6y",colorRed:"colorRed___I0jPR",item:"item___daAx6",active:"active___ZGd1H"},mt=Object.getOwnPropertySymbols,G=Object.prototype.hasOwnProperty,_t=Object.prototype.propertyIsEnumerable,vt=(E,S)=>{var D={};for(var b in E)G.call(E,b)&&S.indexOf(b)<0&&(D[b]=E[b]);if(E!=null&&mt)for(var b of mt(E))S.indexOf(b)<0&&_t.call(E,b)&&(D[b]=E[b]);return D},R=(E=>(E.Profile="profile",E.Certification="certification",E.Secure="secure",E.Group="teach-group",E.Binding="binding",E.Results="Results",E))(R||{});const Tt=E=>{var S=E,{user:D,account:b,globalSetting:Q,loading:nt,dispatch:F}=S,q=vt(S,["user","account","globalSetting","loading","dispatch"]),_,L,ot,lt,st,$,Z,ct,ut,Ft,Vt,Zt,Qt;const[Nt,qt]=(0,w.useState)(),Ut=(0,H.useLocation)();(0,w.useEffect)(()=>{var jt;const Kt=(jt=Ut.pathname.split("/"))==null?void 0:jt[2];qt(Kt)},[Ut.pathname]);const Jt=`${m.Z.IMG_SERVER}/images/${(_=D.userInfo)==null?void 0:_.image_url}`;return w.createElement("section",{className:N.wrap},w.createElement("div",{className:N.avatarWrap},w.createElement("div",{className:N.avatar},w.createElement("div",{className:N.updateAvatarWrap,onClick:()=>{F({type:"account/setActionTabs",payload:{key:"Account-UpdateAvatar"}})}},w.createElement("img",{className:N.img,src:Jt}),w.createElement("div",{className:N.updateAvatar},"\u4FEE\u6539\u5934\u50CF"))),w.createElement("span",{className:N.name,title:(L=D.userInfo)==null?void 0:L.username},((lt=(ot=D.userInfo)==null?void 0:ot.username)==null?void 0:lt.length)>6?(($=(st=D.userInfo)==null?void 0:st.username)==null?void 0:$.substr(0,6))+"...":(Z=D.userInfo)==null?void 0:Z.username),w.createElement("span",{className:N.role},(ct=D.userInfo)==null?void 0:ct.user_identity)),w.createElement("div",null,w.createElement("div",{className:N.title},"\u8D26\u53F7\u7BA1\u7406"),w.createElement("ul",{className:"pl0"},w.createElement("li",{className:`${N.item} ${Nt==="profile"?N.active:""}`,onClick:()=>H.history.push("/account/profile")},w.createElement("span",null,w.createElement("i",{className:`iconfont icon-jibenxinxi font16 mr5 ${N.colorGary}`}),"\u57FA\u672C\u4FE1\u606F"),w.createElement("i",{className:`iconfont font16 mr25 ${(ut=b.basicInfo)!=null&&ut.base_info_completed?`${N.colorGreen} icon-wancheng`:`${N.colorRed} icon-tishi`}`})),w.createElement("li",{className:`${N.item} ${Nt==="certification"?N.active:""}`,onClick:()=>H.history.push("/account/certification")},w.createElement("span",null,w.createElement("i",{className:`iconfont icon-renzhengxinxi font16 mr5 ${N.colorGary}`}),"\u8BA4\u8BC1\u4FE1\u606F"),w.createElement("i",{className:`iconfont font16 mr25 ${((Ft=b.basicInfo)==null?void 0:Ft.professional_certification)==="certified"&&((Vt=b.basicInfo)==null?void 0:Vt.authentication)==="certified"?`${N.colorGreen} icon-wancheng`:`${N.colorRed} icon-tishi`}`})),w.createElement("li",{className:`${N.item} ${Nt==="secure"?N.active:""}`,onClick:()=>H.history.push("/account/secure")},w.createElement("span",null,w.createElement("i",{className:`iconfont icon-anquanshezhi font16 mr5 ${N.colorGary}`}),"\u5B89\u5168\u8BBE\u7F6E")),!((Zt=Q==null?void 0:Q.setting)!=null&&Zt.is_local)&&w.createElement("li",{className:`${N.item} ${Nt==="binding"?N.active:""}`,onClick:()=>H.history.push("/account/binding")},w.createElement("span",null,w.createElement("i",{className:`iconfont icon-lianjie font16 mr5 ${N.colorGary}`}),"\u7ED1\u5B9A\u767B\u5F55\u8D26\u53F7")))),w.createElement(Ot,{visible:((Qt=b.actionTabs)==null?void 0:Qt.key)==="Account-UpdateAvatar",onClose:()=>{F({type:"account/setActionTabs"})}}))};var Et=(0,H.connect)(({user:E,account:S,loading:D,globalSetting:b})=>({user:E,account:S,globalSetting:b,loading:D.models.index}))(Tt),At={bg:"bg___lB_B_",wrap:"wrap___GGUEr"},g=z(59301),y=Object.getOwnPropertySymbols,v=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,O=(E,S)=>{var D={};for(var b in E)v.call(E,b)&&S.indexOf(b)<0&&(D[b]=E[b]);if(E!=null&&y)for(var b of y(E))S.indexOf(b)<0&&u.call(E,b)&&(D[b]=E[b]);return D},k=(E,S,D)=>new Promise((b,Q)=>{var nt=_=>{try{q(D.next(_))}catch(L){Q(L)}},F=_=>{try{q(D.throw(_))}catch(L){Q(L)}},q=_=>_.done?b(_.value):Promise.resolve(_.value).then(nt,F);q((D=D.apply(E,S)).next())});const V=E=>{var S=E,{user:D,account:b,globalSetting:Q,loading:nt,dispatch:F}=S,q=O(S,["user","account","globalSetting","loading","dispatch"]),_;const L=(0,H.useLocation)();return(0,w.useEffect)(()=>(F({type:"globalSetting/delayTipToggle",payload:!0}),()=>{F({type:"globalSetting/delayTipToggle",payload:!1})}),[]),(0,w.useEffect)(()=>{var ot;(ot=D.userInfo)!=null&&ot.login&&k(void 0,null,function*(){var lt;const st=yield F({type:"account/getBasicInfo",payload:{login:(lt=D.userInfo)==null?void 0:lt.login}});st!=null&&st.base_info_completed||(localStorage.getItem("Noviceguide")==="0"||F({type:"shixunHomeworks/setActionTabs",payload:{key:"\u5E95\u90E8\u5F39\u7A97",type:3,text:g.createElement("div",null,"\u8BF7\u60A8\u5B8C\u5584\u4E00\u4E0B\u5E73\u53F0\u7684\u57FA\u672C\u4FE1\u606F\uFF0C\u5305\u62EC\uFF1A\u6635\u79F0\u3001\u804C\u4E1A\u3001\u5B66\u6821/\u5355\u4F4D\uFF0C       \u70B9\u51FB\u4FDD\u5B58")}}),H.history.push("/account/profile/edit"))})},[(_=D.userInfo)==null?void 0:_.login]),g.createElement("section",{className:At.bg},g.createElement("div",{className:At.wrap},g.createElement(Et,null),g.createElement(H.Outlet,null)))};var rt=(0,H.connect)(({user:E,account:S,loading:D,globalSetting:b})=>({user:E,account:S,globalSetting:b,loading:D.models.index}))(V)},21639:function(ae){(function(dt,z){ae.exports=z()})(this,function(){"use strict";function dt(i,t){var a=Object.keys(i);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(i);t&&(e=e.filter(function(o){return Object.getOwnPropertyDescriptor(i,o).enumerable})),a.push.apply(a,e)}return a}function z(i){for(var t=1;t<arguments.length;t++){var a=arguments[t]!=null?arguments[t]:{};t%2?dt(Object(a),!0).forEach(function(e){wt(i,e,a[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(a)):dt(Object(a)).forEach(function(e){Object.defineProperty(i,e,Object.getOwnPropertyDescriptor(a,e))})}return i}function w(i,t){if(typeof i!="object"||!i)return i;var a=i[Symbol.toPrimitive];if(a!==void 0){var e=a.call(i,t||"default");if(typeof e!="object")return e;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(i)}function H(i){var t=w(i,"string");return typeof t=="symbol"?t:t+""}function m(i){"@babel/helpers - typeof";return m=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},m(i)}function yt(i,t){if(!(i instanceof t))throw new TypeError("Cannot call a class as a function")}function Mt(i,t){for(var a=0;a<t.length;a++){var e=t[a];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(i,H(e.key),e)}}function Xt(i,t,a){return t&&Mt(i.prototype,t),a&&Mt(i,a),Object.defineProperty(i,"prototype",{writable:!1}),i}function wt(i,t,a){return t=H(t),t in i?Object.defineProperty(i,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):i[t]=a,i}function et(i){return kt(i)||Ht(i)||zt(i)||N()}function kt(i){if(Array.isArray(i))return Ot(i)}function Ht(i){if(typeof Symbol!="undefined"&&i[Symbol.iterator]!=null||i["@@iterator"]!=null)return Array.from(i)}function zt(i,t){if(i){if(typeof i=="string")return Ot(i,t);var a=Object.prototype.toString.call(i).slice(8,-1);if(a==="Object"&&i.constructor&&(a=i.constructor.name),a==="Map"||a==="Set")return Array.from(i);if(a==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return Ot(i,t)}}function Ot(i,t){(t==null||t>i.length)&&(t=i.length);for(var a=0,e=new Array(t);a<t;a++)e[a]=i[a];return e}function N(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var mt=typeof window!="undefined"&&typeof window.document!="undefined",G=mt?window:{},_t=mt&&G.document.documentElement?"ontouchstart"in G.document.documentElement:!1,vt=mt?"PointerEvent"in G:!1,R="cropper",Tt="all",Et="crop",At="move",g="zoom",y="e",v="w",u="s",O="n",k="ne",V="nw",rt="se",E="sw",S="".concat(R,"-crop"),D="".concat(R,"-disabled"),b="".concat(R,"-hidden"),Q="".concat(R,"-hide"),nt="".concat(R,"-invisible"),F="".concat(R,"-modal"),q="".concat(R,"-move"),_="".concat(R,"Action"),L="".concat(R,"Preview"),ot="crop",lt="move",st="none",$="crop",Z="cropend",ct="cropmove",ut="cropstart",Ft="dblclick",Vt=_t?"touchstart":"mousedown",Zt=_t?"touchmove":"mousemove",Qt=_t?"touchend touchcancel":"mouseup",Nt=vt?"pointerdown":Vt,qt=vt?"pointermove":Zt,Ut=vt?"pointerup pointercancel":Qt,Jt="ready",jt="resize",Kt="wheel",ie="zoom",le="image/jpeg",_e=/^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/,Te=/^data:/,Ae=/^data:image\/jpeg;base64,/,Ne=/^img|canvas$/i,ue=200,fe=100,pe={viewMode:0,dragMode:ot,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:ue,minContainerHeight:fe,ready:null,cropstart:null,cropmove:null,cropend:null,crop:null,zoom:null},Re='<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>',Se=Number.isNaN||G.isNaN;function x(i){return typeof i=="number"&&!Se(i)}var de=function(t){return t>0&&t<1/0};function re(i){return typeof i=="undefined"}function Rt(i){return m(i)==="object"&&i!==null}var Ie=Object.prototype.hasOwnProperty;function Wt(i){if(!Rt(i))return!1;try{var t=i.constructor,a=t.prototype;return t&&a&&Ie.call(a,"isPrototypeOf")}catch(e){return!1}}function J(i){return typeof i=="function"}var Be=Array.prototype.slice;function me(i){return Array.from?Array.from(i):Be.call(i)}function W(i,t){return i&&J(t)&&(Array.isArray(i)||x(i.length)?me(i).forEach(function(a,e){t.call(i,a,e,i)}):Rt(i)&&Object.keys(i).forEach(function(a){t.call(i,i[a],a,i)})),i}var I=Object.assign||function(t){for(var a=arguments.length,e=new Array(a>1?a-1:0),o=1;o<a;o++)e[o-1]=arguments[o];return Rt(t)&&e.length>0&&e.forEach(function(r){Rt(r)&&Object.keys(r).forEach(function(n){t[n]=r[n]})}),t},ke=/\.\d*(?:0|9){12}\d*$/;function Pt(i){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:1e11;return ke.test(i)?Math.round(i*t)/t:i}var ze=/^width|height|left|top|marginLeft|marginTop$/;function Dt(i,t){var a=i.style;W(t,function(e,o){ze.test(o)&&x(e)&&(e="".concat(e,"px")),a[o]=e})}function We(i,t){return i.classList?i.classList.contains(t):i.className.indexOf(t)>-1}function U(i,t){if(t){if(x(i.length)){W(i,function(e){U(e,t)});return}if(i.classList){i.classList.add(t);return}var a=i.className.trim();a?a.indexOf(t)<0&&(i.className="".concat(a," ").concat(t)):i.className=t}}function ft(i,t){if(t){if(x(i.length)){W(i,function(a){ft(a,t)});return}if(i.classList){i.classList.remove(t);return}i.className.indexOf(t)>=0&&(i.className=i.className.replace(t,""))}}function Lt(i,t,a){if(t){if(x(i.length)){W(i,function(e){Lt(e,t,a)});return}a?U(i,t):ft(i,t)}}var Pe=/([a-z\d])([A-Z])/g;function ne(i){return i.replace(Pe,"$1-$2").toLowerCase()}function oe(i,t){return Rt(i[t])?i[t]:i.dataset?i.dataset[t]:i.getAttribute("data-".concat(ne(t)))}function $t(i,t,a){Rt(a)?i[t]=a:i.dataset?i.dataset[t]=a:i.setAttribute("data-".concat(ne(t)),a)}function Le(i,t){if(Rt(i[t]))try{delete i[t]}catch(a){i[t]=void 0}else if(i.dataset)try{delete i.dataset[t]}catch(a){i.dataset[t]=void 0}else i.removeAttribute("data-".concat(ne(t)))}var ve=/\s\s*/,ge=function(){var i=!1;if(mt){var t=!1,a=function(){},e=Object.defineProperty({},"once",{get:function(){return i=!0,t},set:function(r){t=r}});G.addEventListener("test",a,e),G.removeEventListener("test",a,e)}return i}();function ht(i,t,a){var e=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},o=a;t.trim().split(ve).forEach(function(r){if(!ge){var n=i.listeners;n&&n[r]&&n[r][a]&&(o=n[r][a],delete n[r][a],Object.keys(n[r]).length===0&&delete n[r],Object.keys(n).length===0&&delete i.listeners)}i.removeEventListener(r,o,e)})}function at(i,t,a){var e=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},o=a;t.trim().split(ve).forEach(function(r){if(e.once&&!ge){var n=i.listeners,s=n===void 0?{}:n;o=function(){delete s[r][a],i.removeEventListener(r,o,e);for(var l=arguments.length,c=new Array(l),h=0;h<l;h++)c[h]=arguments[h];a.apply(i,c)},s[r]||(s[r]={}),s[r][a]&&i.removeEventListener(r,s[r][a],e),s[r][a]=o,i.listeners=s}i.addEventListener(r,o,e)})}function Yt(i,t,a){var e;return J(Event)&&J(CustomEvent)?e=new CustomEvent(t,{detail:a,bubbles:!0,cancelable:!0}):(e=document.createEvent("CustomEvent"),e.initCustomEvent(t,!0,!0,a)),i.dispatchEvent(e)}function be(i){var t=i.getBoundingClientRect();return{left:t.left+(window.pageXOffset-document.documentElement.clientLeft),top:t.top+(window.pageYOffset-document.documentElement.clientTop)}}var se=G.location,Ye=/^(\w+:)\/\/([^:/?#]*):?(\d*)/i;function ye(i){var t=i.match(Ye);return t!==null&&(t[1]!==se.protocol||t[2]!==se.hostname||t[3]!==se.port)}function we(i){var t="timestamp=".concat(new Date().getTime());return i+(i.indexOf("?")===-1?"?":"&")+t}function Gt(i){var t=i.rotate,a=i.scaleX,e=i.scaleY,o=i.translateX,r=i.translateY,n=[];x(o)&&o!==0&&n.push("translateX(".concat(o,"px)")),x(r)&&r!==0&&n.push("translateY(".concat(r,"px)")),x(t)&&t!==0&&n.push("rotate(".concat(t,"deg)")),x(a)&&a!==1&&n.push("scaleX(".concat(a,")")),x(e)&&e!==1&&n.push("scaleY(".concat(e,")"));var s=n.length?n.join(" "):"none";return{WebkitTransform:s,msTransform:s,transform:s}}function Xe(i){var t=z({},i),a=0;return W(i,function(e,o){delete t[o],W(t,function(r){var n=Math.abs(e.startX-r.startX),s=Math.abs(e.startY-r.startY),p=Math.abs(e.endX-r.endX),l=Math.abs(e.endY-r.endY),c=Math.sqrt(n*n+s*s),h=Math.sqrt(p*p+l*l),f=(h-c)/c;Math.abs(f)>Math.abs(a)&&(a=f)})}),a}function te(i,t){var a=i.pageX,e=i.pageY,o={endX:a,endY:e};return t?o:z({startX:a,startY:e},o)}function He(i){var t=0,a=0,e=0;return W(i,function(o){var r=o.startX,n=o.startY;t+=r,a+=n,e+=1}),t/=e,a/=e,{pageX:t,pageY:a}}function xt(i){var t=i.aspectRatio,a=i.height,e=i.width,o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"contain",r=de(e),n=de(a);if(r&&n){var s=a*t;o==="contain"&&s>e||o==="cover"&&s<e?a=e/t:e=a*t}else r?a=e/t:n&&(e=a*t);return{width:e,height:a}}function Fe(i){var t=i.width,a=i.height,e=i.degree;if(e=Math.abs(e)%180,e===90)return{width:a,height:t};var o=e%90*Math.PI/180,r=Math.sin(o),n=Math.cos(o),s=t*n+a*r,p=t*r+a*n;return e>90?{width:p,height:s}:{width:s,height:p}}function Ue(i,t,a,e){var o=t.aspectRatio,r=t.naturalWidth,n=t.naturalHeight,s=t.rotate,p=s===void 0?0:s,l=t.scaleX,c=l===void 0?1:l,h=t.scaleY,f=h===void 0?1:h,M=a.aspectRatio,C=a.naturalWidth,B=a.naturalHeight,T=e.fillColor,Y=T===void 0?"transparent":T,j=e.imageSmoothingEnabled,P=j===void 0?!0:j,gt=e.imageSmoothingQuality,tt=gt===void 0?"low":gt,d=e.maxWidth,A=d===void 0?1/0:d,X=e.maxHeight,it=X===void 0?1/0:X,bt=e.minWidth,St=bt===void 0?0:bt,It=e.minHeight,Ct=It===void 0?0:It,pt=document.createElement("canvas"),K=pt.getContext("2d"),Bt=xt({aspectRatio:M,width:A,height:it}),ee=xt({aspectRatio:M,width:St,height:Ct},"cover"),ce=Math.min(Bt.width,Math.max(ee.width,C)),he=Math.min(Bt.height,Math.max(ee.height,B)),xe=xt({aspectRatio:o,width:A,height:it}),Ce=xt({aspectRatio:o,width:St,height:Ct},"cover"),Me=Math.min(xe.width,Math.max(Ce.width,r)),Oe=Math.min(xe.height,Math.max(Ce.height,n)),ra=[-Me/2,-Oe/2,Me,Oe];return pt.width=Pt(ce),pt.height=Pt(he),K.fillStyle=Y,K.fillRect(0,0,ce,he),K.save(),K.translate(ce/2,he/2),K.rotate(p*Math.PI/180),K.scale(c,f),K.imageSmoothingEnabled=P,K.imageSmoothingQuality=tt,K.drawImage.apply(K,[i].concat(et(ra.map(function(na){return Math.floor(Pt(na))})))),K.restore(),pt}var Ee=String.fromCharCode;function je(i,t,a){var e="";a+=t;for(var o=t;o<a;o+=1)e+=Ee(i.getUint8(o));return e}var $e=/^data:.*,/;function Ge(i){var t=i.replace($e,""),a=atob(t),e=new ArrayBuffer(a.length),o=new Uint8Array(e);return W(o,function(r,n){o[n]=a.charCodeAt(n)}),e}function Ve(i,t){for(var a=[],e=8192,o=new Uint8Array(i);o.length>0;)a.push(Ee.apply(null,me(o.subarray(0,e)))),o=o.subarray(e);return"data:".concat(t,";base64,").concat(btoa(a.join("")))}function Ze(i){var t=new DataView(i),a;try{var e,o,r;if(t.getUint8(0)===255&&t.getUint8(1)===216)for(var n=t.byteLength,s=2;s+1<n;){if(t.getUint8(s)===255&&t.getUint8(s+1)===225){o=s;break}s+=1}if(o){var p=o+4,l=o+10;if(je(t,p,4)==="Exif"){var c=t.getUint16(l);if(e=c===18761,(e||c===19789)&&t.getUint16(l+2,e)===42){var h=t.getUint32(l+4,e);h>=8&&(r=l+h)}}}if(r){var f=t.getUint16(r,e),M,C;for(C=0;C<f;C+=1)if(M=r+C*12+2,t.getUint16(M,e)===274){M+=8,a=t.getUint16(M,e),t.setUint16(M,1,e);break}}}catch(B){a=1}return a}function Qe(i){var t=0,a=1,e=1;switch(i){case 2:a=-1;break;case 3:t=-180;break;case 4:e=-1;break;case 5:t=90,e=-1;break;case 6:t=90;break;case 7:t=90,a=-1;break;case 8:t=-90;break}return{rotate:t,scaleX:a,scaleY:e}}var qe={render:function(){this.initContainer(),this.initCanvas(),this.initCropBox(),this.renderCanvas(),this.cropped&&this.renderCropBox()},initContainer:function(){var t=this.element,a=this.options,e=this.container,o=this.cropper,r=Number(a.minContainerWidth),n=Number(a.minContainerHeight);U(o,b),ft(t,b);var s={width:Math.max(e.offsetWidth,r>=0?r:ue),height:Math.max(e.offsetHeight,n>=0?n:fe)};this.containerData=s,Dt(o,{width:s.width,height:s.height}),U(t,b),ft(o,b)},initCanvas:function(){var t=this.containerData,a=this.imageData,e=this.options.viewMode,o=Math.abs(a.rotate)%180===90,r=o?a.naturalHeight:a.naturalWidth,n=o?a.naturalWidth:a.naturalHeight,s=r/n,p=t.width,l=t.height;t.height*s>t.width?e===3?p=t.height*s:l=t.width/s:e===3?l=t.width/s:p=t.height*s;var c={aspectRatio:s,naturalWidth:r,naturalHeight:n,width:p,height:l};this.canvasData=c,this.limited=e===1||e===2,this.limitCanvas(!0,!0),c.width=Math.min(Math.max(c.width,c.minWidth),c.maxWidth),c.height=Math.min(Math.max(c.height,c.minHeight),c.maxHeight),c.left=(t.width-c.width)/2,c.top=(t.height-c.height)/2,c.oldLeft=c.left,c.oldTop=c.top,this.initialCanvasData=I({},c)},limitCanvas:function(t,a){var e=this.options,o=this.containerData,r=this.canvasData,n=this.cropBoxData,s=e.viewMode,p=r.aspectRatio,l=this.cropped&&n;if(t){var c=Number(e.minCanvasWidth)||0,h=Number(e.minCanvasHeight)||0;s>1?(c=Math.max(c,o.width),h=Math.max(h,o.height),s===3&&(h*p>c?c=h*p:h=c/p)):s>0&&(c?c=Math.max(c,l?n.width:0):h?h=Math.max(h,l?n.height:0):l&&(c=n.width,h=n.height,h*p>c?c=h*p:h=c/p));var f=xt({aspectRatio:p,width:c,height:h});c=f.width,h=f.height,r.minWidth=c,r.minHeight=h,r.maxWidth=1/0,r.maxHeight=1/0}if(a)if(s>(l?0:1)){var M=o.width-r.width,C=o.height-r.height;r.minLeft=Math.min(0,M),r.minTop=Math.min(0,C),r.maxLeft=Math.max(0,M),r.maxTop=Math.max(0,C),l&&this.limited&&(r.minLeft=Math.min(n.left,n.left+(n.width-r.width)),r.minTop=Math.min(n.top,n.top+(n.height-r.height)),r.maxLeft=n.left,r.maxTop=n.top,s===2&&(r.width>=o.width&&(r.minLeft=Math.min(0,M),r.maxLeft=Math.max(0,M)),r.height>=o.height&&(r.minTop=Math.min(0,C),r.maxTop=Math.max(0,C))))}else r.minLeft=-r.width,r.minTop=-r.height,r.maxLeft=o.width,r.maxTop=o.height},renderCanvas:function(t,a){var e=this.canvasData,o=this.imageData;if(a){var r=Fe({width:o.naturalWidth*Math.abs(o.scaleX||1),height:o.naturalHeight*Math.abs(o.scaleY||1),degree:o.rotate||0}),n=r.width,s=r.height,p=e.width*(n/e.naturalWidth),l=e.height*(s/e.naturalHeight);e.left-=(p-e.width)/2,e.top-=(l-e.height)/2,e.width=p,e.height=l,e.aspectRatio=n/s,e.naturalWidth=n,e.naturalHeight=s,this.limitCanvas(!0,!1)}(e.width>e.maxWidth||e.width<e.minWidth)&&(e.left=e.oldLeft),(e.height>e.maxHeight||e.height<e.minHeight)&&(e.top=e.oldTop),e.width=Math.min(Math.max(e.width,e.minWidth),e.maxWidth),e.height=Math.min(Math.max(e.height,e.minHeight),e.maxHeight),this.limitCanvas(!1,!0),e.left=Math.min(Math.max(e.left,e.minLeft),e.maxLeft),e.top=Math.min(Math.max(e.top,e.minTop),e.maxTop),e.oldLeft=e.left,e.oldTop=e.top,Dt(this.canvas,I({width:e.width,height:e.height},Gt({translateX:e.left,translateY:e.top}))),this.renderImage(t),this.cropped&&this.limited&&this.limitCropBox(!0,!0)},renderImage:function(t){var a=this.canvasData,e=this.imageData,o=e.naturalWidth*(a.width/a.naturalWidth),r=e.naturalHeight*(a.height/a.naturalHeight);I(e,{width:o,height:r,left:(a.width-o)/2,top:(a.height-r)/2}),Dt(this.image,I({width:e.width,height:e.height},Gt(I({translateX:e.left,translateY:e.top},e)))),t&&this.output()},initCropBox:function(){var t=this.options,a=this.canvasData,e=t.aspectRatio||t.initialAspectRatio,o=Number(t.autoCropArea)||.8,r={width:a.width,height:a.height};e&&(a.height*e>a.width?r.height=r.width/e:r.width=r.height*e),this.cropBoxData=r,this.limitCropBox(!0,!0),r.width=Math.min(Math.max(r.width,r.minWidth),r.maxWidth),r.height=Math.min(Math.max(r.height,r.minHeight),r.maxHeight),r.width=Math.max(r.minWidth,r.width*o),r.height=Math.max(r.minHeight,r.height*o),r.left=a.left+(a.width-r.width)/2,r.top=a.top+(a.height-r.height)/2,r.oldLeft=r.left,r.oldTop=r.top,this.initialCropBoxData=I({},r)},limitCropBox:function(t,a){var e=this.options,o=this.containerData,r=this.canvasData,n=this.cropBoxData,s=this.limited,p=e.aspectRatio;if(t){var l=Number(e.minCropBoxWidth)||0,c=Number(e.minCropBoxHeight)||0,h=s?Math.min(o.width,r.width,r.width+r.left,o.width-r.left):o.width,f=s?Math.min(o.height,r.height,r.height+r.top,o.height-r.top):o.height;l=Math.min(l,o.width),c=Math.min(c,o.height),p&&(l&&c?c*p>l?c=l/p:l=c*p:l?c=l/p:c&&(l=c*p),f*p>h?f=h/p:h=f*p),n.minWidth=Math.min(l,h),n.minHeight=Math.min(c,f),n.maxWidth=h,n.maxHeight=f}a&&(s?(n.minLeft=Math.max(0,r.left),n.minTop=Math.max(0,r.top),n.maxLeft=Math.min(o.width,r.left+r.width)-n.width,n.maxTop=Math.min(o.height,r.top+r.height)-n.height):(n.minLeft=0,n.minTop=0,n.maxLeft=o.width-n.width,n.maxTop=o.height-n.height))},renderCropBox:function(){var t=this.options,a=this.containerData,e=this.cropBoxData;(e.width>e.maxWidth||e.width<e.minWidth)&&(e.left=e.oldLeft),(e.height>e.maxHeight||e.height<e.minHeight)&&(e.top=e.oldTop),e.width=Math.min(Math.max(e.width,e.minWidth),e.maxWidth),e.height=Math.min(Math.max(e.height,e.minHeight),e.maxHeight),this.limitCropBox(!1,!0),e.left=Math.min(Math.max(e.left,e.minLeft),e.maxLeft),e.top=Math.min(Math.max(e.top,e.minTop),e.maxTop),e.oldLeft=e.left,e.oldTop=e.top,t.movable&&t.cropBoxMovable&&$t(this.face,_,e.width>=a.width&&e.height>=a.height?At:Tt),Dt(this.cropBox,I({width:e.width,height:e.height},Gt({translateX:e.left,translateY:e.top}))),this.cropped&&this.limited&&this.limitCanvas(!0,!0),this.disabled||this.output()},output:function(){this.preview(),Yt(this.element,$,this.getData())}},Je={initPreview:function(){var t=this.element,a=this.crossOrigin,e=this.options.preview,o=a?this.crossOriginUrl:this.url,r=t.alt||"The image to preview",n=document.createElement("img");if(a&&(n.crossOrigin=a),n.src=o,n.alt=r,this.viewBox.appendChild(n),this.viewBoxImage=n,!!e){var s=e;typeof e=="string"?s=t.ownerDocument.querySelectorAll(e):e.querySelector&&(s=[e]),this.previews=s,W(s,function(p){var l=document.createElement("img");$t(p,L,{width:p.offsetWidth,height:p.offsetHeight,html:p.innerHTML}),a&&(l.crossOrigin=a),l.src=o,l.alt=r,l.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;"',p.innerHTML="",p.appendChild(l)})}},resetPreview:function(){W(this.previews,function(t){var a=oe(t,L);Dt(t,{width:a.width,height:a.height}),t.innerHTML=a.html,Le(t,L)})},preview:function(){var t=this.imageData,a=this.canvasData,e=this.cropBoxData,o=e.width,r=e.height,n=t.width,s=t.height,p=e.left-a.left-t.left,l=e.top-a.top-t.top;!this.cropped||this.disabled||(Dt(this.viewBoxImage,I({width:n,height:s},Gt(I({translateX:-p,translateY:-l},t)))),W(this.previews,function(c){var h=oe(c,L),f=h.width,M=h.height,C=f,B=M,T=1;o&&(T=f/o,B=r*T),r&&B>M&&(T=M/r,C=o*T,B=M),Dt(c,{width:C,height:B}),Dt(c.getElementsByTagName("img")[0],I({width:n*T,height:s*T},Gt(I({translateX:-p*T,translateY:-l*T},t))))}))}},Ke={bind:function(){var t=this.element,a=this.options,e=this.cropper;J(a.cropstart)&&at(t,ut,a.cropstart),J(a.cropmove)&&at(t,ct,a.cropmove),J(a.cropend)&&at(t,Z,a.cropend),J(a.crop)&&at(t,$,a.crop),J(a.zoom)&&at(t,ie,a.zoom),at(e,Nt,this.onCropStart=this.cropStart.bind(this)),a.zoomable&&a.zoomOnWheel&&at(e,Kt,this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),a.toggleDragModeOnDblclick&&at(e,Ft,this.onDblclick=this.dblclick.bind(this)),at(t.ownerDocument,qt,this.onCropMove=this.cropMove.bind(this)),at(t.ownerDocument,Ut,this.onCropEnd=this.cropEnd.bind(this)),a.responsive&&at(window,jt,this.onResize=this.resize.bind(this))},unbind:function(){var t=this.element,a=this.options,e=this.cropper;J(a.cropstart)&&ht(t,ut,a.cropstart),J(a.cropmove)&&ht(t,ct,a.cropmove),J(a.cropend)&&ht(t,Z,a.cropend),J(a.crop)&&ht(t,$,a.crop),J(a.zoom)&&ht(t,ie,a.zoom),ht(e,Nt,this.onCropStart),a.zoomable&&a.zoomOnWheel&&ht(e,Kt,this.onWheel,{passive:!1,capture:!0}),a.toggleDragModeOnDblclick&&ht(e,Ft,this.onDblclick),ht(t.ownerDocument,qt,this.onCropMove),ht(t.ownerDocument,Ut,this.onCropEnd),a.responsive&&ht(window,jt,this.onResize)}},ta={resize:function(){if(!this.disabled){var t=this.options,a=this.container,e=this.containerData,o=a.offsetWidth/e.width,r=a.offsetHeight/e.height,n=Math.abs(o-1)>Math.abs(r-1)?o:r;if(n!==1){var s,p;t.restore&&(s=this.getCanvasData(),p=this.getCropBoxData()),this.render(),t.restore&&(this.setCanvasData(W(s,function(l,c){s[c]=l*n})),this.setCropBoxData(W(p,function(l,c){p[c]=l*n})))}}},dblclick:function(){this.disabled||this.options.dragMode===st||this.setDragMode(We(this.dragBox,S)?lt:ot)},wheel:function(t){var a=this,e=Number(this.options.wheelZoomRatio)||.1,o=1;this.disabled||(t.preventDefault(),!this.wheeling&&(this.wheeling=!0,setTimeout(function(){a.wheeling=!1},50),t.deltaY?o=t.deltaY>0?1:-1:t.wheelDelta?o=-t.wheelDelta/120:t.detail&&(o=t.detail>0?1:-1),this.zoom(-o*e,t)))},cropStart:function(t){var a=t.buttons,e=t.button;if(!(this.disabled||(t.type==="mousedown"||t.type==="pointerdown"&&t.pointerType==="mouse")&&(x(a)&&a!==1||x(e)&&e!==0||t.ctrlKey))){var o=this.options,r=this.pointers,n;t.changedTouches?W(t.changedTouches,function(s){r[s.identifier]=te(s)}):r[t.pointerId||0]=te(t),Object.keys(r).length>1&&o.zoomable&&o.zoomOnTouch?n=g:n=oe(t.target,_),_e.test(n)&&Yt(this.element,ut,{originalEvent:t,action:n})!==!1&&(t.preventDefault(),this.action=n,this.cropping=!1,n===Et&&(this.cropping=!0,U(this.dragBox,F)))}},cropMove:function(t){var a=this.action;if(!(this.disabled||!a)){var e=this.pointers;t.preventDefault(),Yt(this.element,ct,{originalEvent:t,action:a})!==!1&&(t.changedTouches?W(t.changedTouches,function(o){I(e[o.identifier]||{},te(o,!0))}):I(e[t.pointerId||0]||{},te(t,!0)),this.change(t))}},cropEnd:function(t){if(!this.disabled){var a=this.action,e=this.pointers;t.changedTouches?W(t.changedTouches,function(o){delete e[o.identifier]}):delete e[t.pointerId||0],a&&(t.preventDefault(),Object.keys(e).length||(this.action=""),this.cropping&&(this.cropping=!1,Lt(this.dragBox,F,this.cropped&&this.options.modal)),Yt(this.element,Z,{originalEvent:t,action:a}))}}},ea={change:function(t){var a=this.options,e=this.canvasData,o=this.containerData,r=this.cropBoxData,n=this.pointers,s=this.action,p=a.aspectRatio,l=r.left,c=r.top,h=r.width,f=r.height,M=l+h,C=c+f,B=0,T=0,Y=o.width,j=o.height,P=!0,gt;!p&&t.shiftKey&&(p=h&&f?h/f:1),this.limited&&(B=r.minLeft,T=r.minTop,Y=B+Math.min(o.width,e.width,e.left+e.width),j=T+Math.min(o.height,e.height,e.top+e.height));var tt=n[Object.keys(n)[0]],d={x:tt.endX-tt.startX,y:tt.endY-tt.startY},A=function(it){switch(it){case y:M+d.x>Y&&(d.x=Y-M);break;case v:l+d.x<B&&(d.x=B-l);break;case O:c+d.y<T&&(d.y=T-c);break;case u:C+d.y>j&&(d.y=j-C);break}};switch(s){case Tt:l+=d.x,c+=d.y;break;case y:if(d.x>=0&&(M>=Y||p&&(c<=T||C>=j))){P=!1;break}A(y),h+=d.x,h<0&&(s=v,h=-h,l-=h),p&&(f=h/p,c+=(r.height-f)/2);break;case O:if(d.y<=0&&(c<=T||p&&(l<=B||M>=Y))){P=!1;break}A(O),f-=d.y,c+=d.y,f<0&&(s=u,f=-f,c-=f),p&&(h=f*p,l+=(r.width-h)/2);break;case v:if(d.x<=0&&(l<=B||p&&(c<=T||C>=j))){P=!1;break}A(v),h-=d.x,l+=d.x,h<0&&(s=y,h=-h,l-=h),p&&(f=h/p,c+=(r.height-f)/2);break;case u:if(d.y>=0&&(C>=j||p&&(l<=B||M>=Y))){P=!1;break}A(u),f+=d.y,f<0&&(s=O,f=-f,c-=f),p&&(h=f*p,l+=(r.width-h)/2);break;case k:if(p){if(d.y<=0&&(c<=T||M>=Y)){P=!1;break}A(O),f-=d.y,c+=d.y,h=f*p}else A(O),A(y),d.x>=0?M<Y?h+=d.x:d.y<=0&&c<=T&&(P=!1):h+=d.x,d.y<=0?c>T&&(f-=d.y,c+=d.y):(f-=d.y,c+=d.y);h<0&&f<0?(s=E,f=-f,h=-h,c-=f,l-=h):h<0?(s=V,h=-h,l-=h):f<0&&(s=rt,f=-f,c-=f);break;case V:if(p){if(d.y<=0&&(c<=T||l<=B)){P=!1;break}A(O),f-=d.y,c+=d.y,h=f*p,l+=r.width-h}else A(O),A(v),d.x<=0?l>B?(h-=d.x,l+=d.x):d.y<=0&&c<=T&&(P=!1):(h-=d.x,l+=d.x),d.y<=0?c>T&&(f-=d.y,c+=d.y):(f-=d.y,c+=d.y);h<0&&f<0?(s=rt,f=-f,h=-h,c-=f,l-=h):h<0?(s=k,h=-h,l-=h):f<0&&(s=E,f=-f,c-=f);break;case E:if(p){if(d.x<=0&&(l<=B||C>=j)){P=!1;break}A(v),h-=d.x,l+=d.x,f=h/p}else A(u),A(v),d.x<=0?l>B?(h-=d.x,l+=d.x):d.y>=0&&C>=j&&(P=!1):(h-=d.x,l+=d.x),d.y>=0?C<j&&(f+=d.y):f+=d.y;h<0&&f<0?(s=k,f=-f,h=-h,c-=f,l-=h):h<0?(s=rt,h=-h,l-=h):f<0&&(s=V,f=-f,c-=f);break;case rt:if(p){if(d.x>=0&&(M>=Y||C>=j)){P=!1;break}A(y),h+=d.x,f=h/p}else A(u),A(y),d.x>=0?M<Y?h+=d.x:d.y>=0&&C>=j&&(P=!1):h+=d.x,d.y>=0?C<j&&(f+=d.y):f+=d.y;h<0&&f<0?(s=V,f=-f,h=-h,c-=f,l-=h):h<0?(s=E,h=-h,l-=h):f<0&&(s=k,f=-f,c-=f);break;case At:this.move(d.x,d.y),P=!1;break;case g:this.zoom(Xe(n),t),P=!1;break;case Et:if(!d.x||!d.y){P=!1;break}gt=be(this.cropper),l=tt.startX-gt.left,c=tt.startY-gt.top,h=r.minWidth,f=r.minHeight,d.x>0?s=d.y>0?rt:k:d.x<0&&(l-=h,s=d.y>0?E:V),d.y<0&&(c-=f),this.cropped||(ft(this.cropBox,b),this.cropped=!0,this.limited&&this.limitCropBox(!0,!0));break}P&&(r.width=h,r.height=f,r.left=l,r.top=c,this.action=s,this.renderCropBox()),W(n,function(X){X.startX=X.endX,X.startY=X.endY})}},aa={crop:function(){return this.ready&&!this.cropped&&!this.disabled&&(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&U(this.dragBox,F),ft(this.cropBox,b),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&&!this.disabled&&(this.imageData=I({},this.initialImageData),this.canvasData=I({},this.initialCanvasData),this.cropBoxData=I({},this.initialCropBoxData),this.renderCanvas(),this.cropped&&this.renderCropBox()),this},clear:function(){return this.cropped&&!this.disabled&&(I(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),ft(this.dragBox,F),U(this.cropBox,b)),this},replace:function(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;return!this.disabled&&t&&(this.isImg&&(this.element.src=t),a?(this.url=t,this.image.src=t,this.ready&&(this.viewBoxImage.src=t,W(this.previews,function(e){e.getElementsByTagName("img")[0].src=t}))):(this.isImg&&(this.replaced=!0),this.options.data=null,this.uncreate(),this.load(t))),this},enable:function(){return this.ready&&this.disabled&&(this.disabled=!1,ft(this.cropper,D)),this},disable:function(){return this.ready&&!this.disabled&&(this.disabled=!0,U(this.cropper,D)),this},destroy:function(){var t=this.element;return t[R]?(t[R]=void 0,this.isImg&&this.replaced&&(t.src=this.originalUrl),this.uncreate(),this):this},move:function(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t,e=this.canvasData,o=e.left,r=e.top;return this.moveTo(re(t)?t:o+Number(t),re(a)?a:r+Number(a))},moveTo:function(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t,e=this.canvasData,o=!1;return t=Number(t),a=Number(a),this.ready&&!this.disabled&&this.options.movable&&(x(t)&&(e.left=t,o=!0),x(a)&&(e.top=a,o=!0),o&&this.renderCanvas(!0)),this},zoom:function(t,a){var e=this.canvasData;return t=Number(t),t<0?t=1/(1-t):t=1+t,this.zoomTo(e.width*t/e.naturalWidth,null,a)},zoomTo:function(t,a,e){var o=this.options,r=this.canvasData,n=r.width,s=r.height,p=r.naturalWidth,l=r.naturalHeight;if(t=Number(t),t>=0&&this.ready&&!this.disabled&&o.zoomable){var c=p*t,h=l*t;if(Yt(this.element,ie,{ratio:t,oldRatio:n/p,originalEvent:e})===!1)return this;if(e){var f=this.pointers,M=be(this.cropper),C=f&&Object.keys(f).length?He(f):{pageX:e.pageX,pageY:e.pageY};r.left-=(c-n)*((C.pageX-M.left-r.left)/n),r.top-=(h-s)*((C.pageY-M.top-r.top)/s)}else Wt(a)&&x(a.x)&&x(a.y)?(r.left-=(c-n)*((a.x-r.left)/n),r.top-=(h-s)*((a.y-r.top)/s)):(r.left-=(c-n)/2,r.top-=(h-s)/2);r.width=c,r.height=h,this.renderCanvas(!0)}return this},rotate:function(t){return this.rotateTo((this.imageData.rotate||0)+Number(t))},rotateTo:function(t){return t=Number(t),x(t)&&this.ready&&!this.disabled&&this.options.rotatable&&(this.imageData.rotate=t%360,this.renderCanvas(!0,!0)),this},scaleX:function(t){var a=this.imageData.scaleY;return this.scale(t,x(a)?a:1)},scaleY:function(t){var a=this.imageData.scaleX;return this.scale(x(a)?a:1,t)},scale:function(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t,e=this.imageData,o=!1;return t=Number(t),a=Number(a),this.ready&&!this.disabled&&this.options.scalable&&(x(t)&&(e.scaleX=t,o=!0),x(a)&&(e.scaleY=a,o=!0),o&&this.renderCanvas(!0,!0)),this},getData:function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1,a=this.options,e=this.imageData,o=this.canvasData,r=this.cropBoxData,n;if(this.ready&&this.cropped){n={x:r.left-o.left,y:r.top-o.top,width:r.width,height:r.height};var s=e.width/e.naturalWidth;if(W(n,function(c,h){n[h]=c/s}),t){var p=Math.round(n.y+n.height),l=Math.round(n.x+n.width);n.x=Math.round(n.x),n.y=Math.round(n.y),n.width=l-n.x,n.height=p-n.y}}else n={x:0,y:0,width:0,height:0};return a.rotatable&&(n.rotate=e.rotate||0),a.scalable&&(n.scaleX=e.scaleX||1,n.scaleY=e.scaleY||1),n},setData:function(t){var a=this.options,e=this.imageData,o=this.canvasData,r={};if(this.ready&&!this.disabled&&Wt(t)){var n=!1;a.rotatable&&x(t.rotate)&&t.rotate!==e.rotate&&(e.rotate=t.rotate,n=!0),a.scalable&&(x(t.scaleX)&&t.scaleX!==e.scaleX&&(e.scaleX=t.scaleX,n=!0),x(t.scaleY)&&t.scaleY!==e.scaleY&&(e.scaleY=t.scaleY,n=!0)),n&&this.renderCanvas(!0,!0);var s=e.width/e.naturalWidth;x(t.x)&&(r.left=t.x*s+o.left),x(t.y)&&(r.top=t.y*s+o.top),x(t.width)&&(r.width=t.width*s),x(t.height)&&(r.height=t.height*s),this.setCropBoxData(r)}return this},getContainerData:function(){return this.ready?I({},this.containerData):{}},getImageData:function(){return this.sized?I({},this.imageData):{}},getCanvasData:function(){var t=this.canvasData,a={};return this.ready&&W(["left","top","width","height","naturalWidth","naturalHeight"],function(e){a[e]=t[e]}),a},setCanvasData:function(t){var a=this.canvasData,e=a.aspectRatio;return this.ready&&!this.disabled&&Wt(t)&&(x(t.left)&&(a.left=t.left),x(t.top)&&(a.top=t.top),x(t.width)?(a.width=t.width,a.height=t.width/e):x(t.height)&&(a.height=t.height,a.width=t.height*e),this.renderCanvas(!0)),this},getCropBoxData:function(){var t=this.cropBoxData,a;return this.ready&&this.cropped&&(a={left:t.left,top:t.top,width:t.width,height:t.height}),a||{}},setCropBoxData:function(t){var a=this.cropBoxData,e=this.options.aspectRatio,o,r;return this.ready&&this.cropped&&!this.disabled&&Wt(t)&&(x(t.left)&&(a.left=t.left),x(t.top)&&(a.top=t.top),x(t.width)&&t.width!==a.width&&(o=!0,a.width=t.width),x(t.height)&&t.height!==a.height&&(r=!0,a.height=t.height),e&&(o?a.height=a.width/e:r&&(a.width=a.height*e)),this.renderCropBox()),this},getCroppedCanvas:function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(!this.ready||!window.HTMLCanvasElement)return null;var a=this.canvasData,e=Ue(this.image,this.imageData,a,t);if(!this.cropped)return e;var o=this.getData(t.rounded),r=o.x,n=o.y,s=o.width,p=o.height,l=e.width/Math.floor(a.naturalWidth);l!==1&&(r*=l,n*=l,s*=l,p*=l);var c=s/p,h=xt({aspectRatio:c,width:t.maxWidth||1/0,height:t.maxHeight||1/0}),f=xt({aspectRatio:c,width:t.minWidth||0,height:t.minHeight||0},"cover"),M=xt({aspectRatio:c,width:t.width||(l!==1?e.width:s),height:t.height||(l!==1?e.height:p)}),C=M.width,B=M.height;C=Math.min(h.width,Math.max(f.width,C)),B=Math.min(h.height,Math.max(f.height,B));var T=document.createElement("canvas"),Y=T.getContext("2d");T.width=Pt(C),T.height=Pt(B),Y.fillStyle=t.fillColor||"transparent",Y.fillRect(0,0,C,B);var j=t.imageSmoothingEnabled,P=j===void 0?!0:j,gt=t.imageSmoothingQuality;Y.imageSmoothingEnabled=P,gt&&(Y.imageSmoothingQuality=gt);var tt=e.width,d=e.height,A=r,X=n,it,bt,St,It,Ct,pt;A<=-s||A>tt?(A=0,it=0,St=0,Ct=0):A<=0?(St=-A,A=0,it=Math.min(tt,s+A),Ct=it):A<=tt&&(St=0,it=Math.min(s,tt-A),Ct=it),it<=0||X<=-p||X>d?(X=0,bt=0,It=0,pt=0):X<=0?(It=-X,X=0,bt=Math.min(d,p+X),pt=bt):X<=d&&(It=0,bt=Math.min(p,d-X),pt=bt);var K=[A,X,it,bt];if(Ct>0&&pt>0){var Bt=C/s;K.push(St*Bt,It*Bt,Ct*Bt,pt*Bt)}return Y.drawImage.apply(Y,[e].concat(et(K.map(function(ee){return Math.floor(Pt(ee))})))),T},setAspectRatio:function(t){var a=this.options;return!this.disabled&&!re(t)&&(a.aspectRatio=Math.max(0,t)||NaN,this.ready&&(this.initCropBox(),this.cropped&&this.renderCropBox())),this},setDragMode:function(t){var a=this.options,e=this.dragBox,o=this.face;if(this.ready&&!this.disabled){var r=t===ot,n=a.movable&&t===lt;t=r||n?t:st,a.dragMode=t,$t(e,_,t),Lt(e,S,r),Lt(e,q,n),a.cropBoxMovable||($t(o,_,t),Lt(o,S,r),Lt(o,q,n))}return this}},ia=G.Cropper,De=function(){function i(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};if(yt(this,i),!t||!Ne.test(t.tagName))throw new Error("The first argument is required and must be an <img> or <canvas> element.");this.element=t,this.options=I({},pe,Wt(a)&&a),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 Xt(i,[{key:"init",value:function(){var a=this.element,e=a.tagName.toLowerCase(),o;if(!a[R]){if(a[R]=this,e==="img"){if(this.isImg=!0,o=a.getAttribute("src")||"",this.originalUrl=o,!o)return;o=a.src}else e==="canvas"&&window.HTMLCanvasElement&&(o=a.toDataURL());this.load(o)}}},{key:"load",value:function(a){var e=this;if(a){this.url=a,this.imageData={};var o=this.element,r=this.options;if(!r.rotatable&&!r.scalable&&(r.checkOrientation=!1),!r.checkOrientation||!window.ArrayBuffer){this.clone();return}if(Te.test(a)){Ae.test(a)?this.read(Ge(a)):this.clone();return}var n=new XMLHttpRequest,s=this.clone.bind(this);this.reloading=!0,this.xhr=n,n.onabort=s,n.onerror=s,n.ontimeout=s,n.onprogress=function(){n.getResponseHeader("content-type")!==le&&n.abort()},n.onload=function(){e.read(n.response)},n.onloadend=function(){e.reloading=!1,e.xhr=null},r.checkCrossOrigin&&ye(a)&&o.crossOrigin&&(a=we(a)),n.open("GET",a,!0),n.responseType="arraybuffer",n.withCredentials=o.crossOrigin==="use-credentials",n.send()}}},{key:"read",value:function(a){var e=this.options,o=this.imageData,r=Ze(a),n=0,s=1,p=1;if(r>1){this.url=Ve(a,le);var l=Qe(r);n=l.rotate,s=l.scaleX,p=l.scaleY}e.rotatable&&(o.rotate=n),e.scalable&&(o.scaleX=s,o.scaleY=p),this.clone()}},{key:"clone",value:function(){var a=this.element,e=this.url,o=a.crossOrigin,r=e;this.options.checkCrossOrigin&&ye(e)&&(o||(o="anonymous"),r=we(e)),this.crossOrigin=o,this.crossOriginUrl=r;var n=document.createElement("img");o&&(n.crossOrigin=o),n.src=r||e,n.alt=a.alt||"The image to crop",this.image=n,n.onload=this.start.bind(this),n.onerror=this.stop.bind(this),U(n,Q),a.parentNode.insertBefore(n,a.nextSibling)}},{key:"start",value:function(){var a=this,e=this.image;e.onload=null,e.onerror=null,this.sizing=!0;var o=G.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(G.navigator.userAgent),r=function(l,c){I(a.imageData,{naturalWidth:l,naturalHeight:c,aspectRatio:l/c}),a.initialImageData=I({},a.imageData),a.sizing=!1,a.sized=!0,a.build()};if(e.naturalWidth&&!o){r(e.naturalWidth,e.naturalHeight);return}var n=document.createElement("img"),s=document.body||document.documentElement;this.sizingImage=n,n.onload=function(){r(n.width,n.height),o||s.removeChild(n)},n.src=e.src,o||(n.style.cssText="left:0;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:0;position:absolute;top:0;z-index:-1;",s.appendChild(n))}},{key:"stop",value:function(){var a=this.image;a.onload=null,a.onerror=null,a.parentNode.removeChild(a),this.image=null}},{key:"build",value:function(){if(!(!this.sized||this.ready)){var a=this.element,e=this.options,o=this.image,r=a.parentNode,n=document.createElement("div");n.innerHTML=Re;var s=n.querySelector(".".concat(R,"-container")),p=s.querySelector(".".concat(R,"-canvas")),l=s.querySelector(".".concat(R,"-drag-box")),c=s.querySelector(".".concat(R,"-crop-box")),h=c.querySelector(".".concat(R,"-face"));this.container=r,this.cropper=s,this.canvas=p,this.dragBox=l,this.cropBox=c,this.viewBox=s.querySelector(".".concat(R,"-view-box")),this.face=h,p.appendChild(o),U(a,b),r.insertBefore(s,a.nextSibling),ft(o,Q),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,U(c,b),e.guides||U(c.getElementsByClassName("".concat(R,"-dashed")),b),e.center||U(c.getElementsByClassName("".concat(R,"-center")),b),e.background&&U(s,"".concat(R,"-bg")),e.highlight||U(h,nt),e.cropBoxMovable&&(U(h,q),$t(h,_,Tt)),e.cropBoxResizable||(U(c.getElementsByClassName("".concat(R,"-line")),b),U(c.getElementsByClassName("".concat(R,"-point")),b)),this.render(),this.ready=!0,this.setDragMode(e.dragMode),e.autoCrop&&this.crop(),this.setData(e.data),J(e.ready)&&at(a,Jt,e.ready,{once:!0}),Yt(a,Jt)}}},{key:"unbuild",value:function(){if(this.ready){this.ready=!1,this.unbind(),this.resetPreview();var a=this.cropper.parentNode;a&&a.removeChild(this.cropper),ft(this.element,b)}}},{key:"uncreate",value:function(){this.ready?(this.unbuild(),this.ready=!1,this.cropped=!1):this.sizing?(this.sizingImage.onload=null,this.sizing=!1,this.sized=!1):this.reloading?(this.xhr.onabort=null,this.xhr.abort()):this.image&&this.stop()}}],[{key:"noConflict",value:function(){return window.Cropper=ia,i}},{key:"setDefaults",value:function(a){I(pe,Wt(a)&&a)}}])}();return I(De.prototype,qe,Je,Ke,ta,ea,aa),De})},33555:function(ae,dt,z){"use strict";var w;w={value:!0},dt.Z=void 0;var H=Xt(z(59301)),m=Mt(z(12708)),yt=Mt(z(21639));function Mt(g){return g&&g.__esModule?g:{default:g}}function Xt(g){if(g&&g.__esModule)return g;var y={};if(g!=null){for(var v in g)if(Object.prototype.hasOwnProperty.call(g,v)){var u=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(g,v):{};u.get||u.set?Object.defineProperty(y,v,u):y[v]=g[v]}}return y.default=g,y}function wt(g){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?wt=function(v){return typeof v}:wt=function(v){return v&&typeof Symbol=="function"&&v.constructor===Symbol&&v!==Symbol.prototype?"symbol":typeof v},wt(g)}function et(g,y,v){return y in g?Object.defineProperty(g,y,{value:v,enumerable:!0,configurable:!0,writable:!0}):g[y]=v,g}function kt(){return kt=Object.assign||function(g){for(var y=1;y<arguments.length;y++){var v=arguments[y];for(var u in v)Object.prototype.hasOwnProperty.call(v,u)&&(g[u]=v[u])}return g},kt.apply(this,arguments)}function Ht(g,y){if(!(g instanceof y))throw new TypeError("Cannot call a class as a function")}function zt(g,y){for(var v=0;v<y.length;v++){var u=y[v];u.enumerable=u.enumerable||!1,u.configurable=!0,"value"in u&&(u.writable=!0),Object.defineProperty(g,u.key,u)}}function Ot(g,y,v){return y&&zt(g.prototype,y),v&&zt(g,v),g}function N(g,y){return y&&(wt(y)==="object"||typeof y=="function")?y:mt(g)}function mt(g){if(g===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return g}function G(g){return G=Object.setPrototypeOf?Object.getPrototypeOf:function(v){return v.__proto__||Object.getPrototypeOf(v)},G(g)}function _t(g,y){if(typeof y!="function"&&y!==null)throw new TypeError("Super expression must either be null or a function");g.prototype=Object.create(y&&y.prototype,{constructor:{value:g,writable:!0,configurable:!0}}),y&&vt(g,y)}function vt(g,y){return vt=Object.setPrototypeOf||function(u,O){return u.__proto__=O,u},vt(g,y)}var R=["dragMode","aspectRatio","data","crop","viewMode","preview","responsive","restore","checkCrossOrigin","checkOrientation","modal","guides","center","highlight","background","autoCrop","autoCropArea","movable","rotatable","scalable","zoomable","zoomOnTouch","zoomOnWheel","wheelZoomRatio","cropBoxMovable","cropBoxResizable","toggleDragModeOnDblclick","minContainerWidth","minContainerHeight","minCanvasWidth","minCanvasHeight","minCropBoxWidth","minCropBoxHeight","ready","cropstart","cropmove","cropend","zoom"],Tt=R.slice(4),Et=function(g){_t(y,g);function y(){return Ht(this,y),N(this,G(y).apply(this,arguments))}return Ot(y,[{key:"componentDidMount",value:function(){var u=this,O=Object.keys(this.props).filter(function(k){return R.indexOf(k)!==-1}).reduce(function(k,V){return kt({},k,et({},V,u.props[V]))},{});this.cropper=new yt.default(this.img,O)}},{key:"UNSAFE_componentWillReceiveProps",value:function(u){var O=this;u.src!==this.props.src&&this.cropper.reset().clear().replace(u.src),u.aspectRatio!==this.props.aspectRatio&&this.setAspectRatio(u.aspectRatio),u.data!==this.props.data&&this.setData(u.data),u.dragMode!==this.props.dragMode&&this.setDragMode(u.dragMode),u.cropBoxData!==this.props.cropBoxData&&this.setCropBoxData(u.cropBoxData),u.canvasData!==this.props.canvasData&&this.setCanvasData(u.canvasData),u.moveTo!==this.props.moveTo&&(u.moveTo.length>1?this.moveTo(u.moveTo[0],u.moveTo[1]):this.moveTo(u.moveTo[0])),u.zoomTo!==this.props.zoomTo&&this.zoomTo(u.zoomTo),u.rotateTo!==this.props.rotateTo&&this.rotateTo(u.rotateTo),u.scaleX!==this.props.scaleX&&this.scaleX(u.scaleX),u.scaleY!==this.props.scaleY&&this.scaleY(u.scaleY),u.enable!==this.props.enable&&(u.enable?this.enable():this.disable()),Object.keys(u).forEach(function(k){var V=u[k]!==O.props[k],rt=Tt.indexOf(k)!==-1;if(typeof u[k]=="function"&&typeof O.props[k]=="function"&&(V=u[k].toString()!==O.props[k].toString()),V&&rt)throw new Error("prop: ".concat(k," can't be change after componentDidMount"))})}},{key:"componentWillUnmount",value:function(){this.img&&(this.cropper.destroy(),delete this.img,delete this.cropper)}},{key:"setDragMode",value:function(u){return this.cropper.setDragMode(u)}},{key:"setAspectRatio",value:function(u){return this.cropper.setAspectRatio(u)}},{key:"getCroppedCanvas",value:function(u){return this.cropper.getCroppedCanvas(u)}},{key:"setCropBoxData",value:function(u){return this.cropper.setCropBoxData(u)}},{key:"getCropBoxData",value:function(){return this.cropper.getCropBoxData()}},{key:"setCanvasData",value:function(u){return this.cropper.setCanvasData(u)}},{key:"getCanvasData",value:function(){return this.cropper.getCanvasData()}},{key:"getImageData",value:function(){return this.cropper.getImageData()}},{key:"getContainerData",value:function(){return this.cropper.getContainerData()}},{key:"setData",value:function(u){return this.cropper.setData(u)}},{key:"getData",value:function(u){return this.cropper.getData(u)}},{key:"crop",value:function(){return this.cropper.crop()}},{key:"move",value:function(u,O){return this.cropper.move(u,O)}},{key:"moveTo",value:function(u,O){return this.cropper.moveTo(u,O)}},{key:"zoom",value:function(u){return this.cropper.zoom(u)}},{key:"zoomTo",value:function(u){return this.cropper.zoomTo(u)}},{key:"rotate",value:function(u){return this.cropper.rotate(u)}},{key:"rotateTo",value:function(u){return this.cropper.rotateTo(u)}},{key:"enable",value:function(){return this.cropper.enable()}},{key:"disable",value:function(){return this.cropper.disable()}},{key:"reset",value:function(){return this.cropper.reset()}},{key:"clear",value:function(){return this.cropper.clear()}},{key:"replace",value:function(u,O){return this.cropper.replace(u,O)}},{key:"scale",value:function(u,O){return this.cropper.scale(u,O)}},{key:"scaleX",value:function(u){return this.cropper.scaleX(u)}},{key:"scaleY",value:function(u){return this.cropper.scaleY(u)}},{key:"render",value:function(){var u=this,O=this.props,k=O.src,V=O.alt,rt=O.crossOrigin,E=O.style,S=O.className;return H.default.createElement("div",{style:E,className:S},H.default.createElement("img",{crossOrigin:rt,ref:function(b){u.img=b},src:k,alt:V===void 0?"picture":V,style:{opacity:0}}))}}]),y}(H.Component);Et.propTypes={style:m.default.object,className:m.default.string,crossOrigin:m.default.string,src:m.default.string,alt:m.default.string,aspectRatio:m.default.number,dragMode:m.default.oneOf(["crop","move","none"]),data:m.default.shape({x:m.default.number,y:m.default.number,width:m.default.number,height:m.default.number,rotate:m.default.number,scaleX:m.default.number,scaleY:m.default.number}),scaleX:m.default.number,scaleY:m.default.number,enable:m.default.bool,cropBoxData:m.default.shape({left:m.default.number,top:m.default.number,width:m.default.number,height:m.default.number}),canvasData:m.default.shape({left:m.default.number,top:m.default.number,width:m.default.number,height:m.default.number}),zoomTo:m.default.number,moveTo:m.default.arrayOf(m.default.number),rotateTo:m.default.number,viewMode:m.default.oneOf([0,1,2,3]),preview:m.default.string,responsive:m.default.bool,restore:m.default.bool,checkCrossOrigin:m.default.bool,checkOrientation:m.default.bool,modal:m.default.bool,guides:m.default.bool,center:m.default.bool,highlight:m.default.bool,background:m.default.bool,autoCrop:m.default.bool,autoCropArea:m.default.number,movable:m.default.bool,rotatable:m.default.bool,scalable:m.default.bool,zoomable:m.default.bool,zoomOnTouch:m.default.bool,zoomOnWheel:m.default.bool,wheelZoomRatio:m.default.number,cropBoxMovable:m.default.bool,cropBoxResizable:m.default.bool,toggleDragModeOnDblclick:m.default.bool,minContainerWidth:m.default.number,minContainerHeight:m.default.number,minCanvasWidth:m.default.number,minCanvasHeight:m.default.number,minCropBoxWidth:m.default.number,minCropBoxHeight:m.default.number,ready:m.default.func,cropstart:m.default.func,cropmove:m.default.func,cropend:m.default.func,crop:m.default.func,zoom:m.default.func},Et.defaultProps={src:null,dragMode:"crop",data:null,scaleX:1,scaleY:1,enable:!0,zoomTo:1,rotateTo:0};var At=Et;dt.Z=At}}]);