@clickview/streamable-learning 0.34.1-dev.2 → 0.35.0-rc.1

package/dist/scripts/DYmgSjx-.chunk.js

@@ -1,10 +0,0 @@
-import{a5 as Be,R as it,j as f,G as je,c as Nt,af as At,bo as Ue,bb as B,as as He,ap as ze,L as Xe,T as It,z as Ye,a6 as We,F as $e,aB as Ve,bp as qe,a3 as Fe,o as Ot,v as Ge,aE as Ze,$ as Ke,bq as wt,M as Rt,i as kt,aK as Pt,k as Lt,h as _t,br as ie}from"./app-DfSv_-O3.js";import{I as pt}from"./BQH1xd9z.chunk.js";import{F as Qe}from"./D1D6Gqx1.chunk.js";import{l as ht,a as Je,F as bt}from"./BCQ0kOEO.chunk.js";import{U as xt,S as ta}from"./CSoZBG8v.chunk.js";import"./CW7x8M-z.chunk.js";import"./C35NlkUr.chunk.js";import"./b1pZWz43.chunk.js";import"./DBp0J6X9.chunk.js";import"./CPXlV0fg.chunk.js";import"./B5lCwpXp.chunk.js";const ea={uploadBase64Image(i,t,a,e){return{url:`/api/image/upload?type=${i}`,key:"upload:image",data:t,type:Be.POST,success:a,always:e}}};/*!
- * Cropper.js v1.5.6
- * https://fengyuanchen.github.io/cropperjs
- *
- * Copyright 2015-present Chen Fengyuan
- * Released under the MIT license
- *
- * Date: 2019-10-04T04:33:48.372Z
- */function Et(i){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?Et=function(t){return typeof t}:Et=function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Et(i)}function aa(i,t){if(!(i instanceof t))throw new TypeError("Cannot call a class as a function")}function re(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,e.key,e)}}function ia(i,t,a){return t&&re(i.prototype,t),a&&re(i,a),i}function ra(i,t,a){return t in i?Object.defineProperty(i,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):i[t]=a,i}function se(i,t){var a=Object.keys(i);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(i);t&&(e=e.filter(function(s){return Object.getOwnPropertyDescriptor(i,s).enumerable})),a.push.apply(a,e)}return a}function ye(i){for(var t=1;t<arguments.length;t++){var a=arguments[t]!=null?arguments[t]:{};t%2?se(a,!0).forEach(function(e){ra(i,e,a[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(a)):se(a).forEach(function(e){Object.defineProperty(i,e,Object.getOwnPropertyDescriptor(a,e))})}return i}function De(i){return sa(i)||na(i)||oa()}function sa(i){if(Array.isArray(i)){for(var t=0,a=new Array(i.length);t<i.length;t++)a[t]=i[t];return a}}function na(i){if(Symbol.iterator in Object(i)||Object.prototype.toString.call(i)==="[object Arguments]")return Array.from(i)}function oa(){throw new TypeError("Invalid attempt to spread non-iterable instance")}var Mt=typeof window<"u"&&typeof window.document<"u",W=Mt?window:{},Ft=Mt?"ontouchstart"in W.document.documentElement:!1,Gt=Mt?"PointerEvent"in W:!1,y="cropper",Zt="all",Ee="crop",Ce="move",Ne="zoom",Q="e",J="w",et="s",V="n",ct="ne",lt="nw",dt="se",ut="sw",Ut="".concat(y,"-crop"),ne="".concat(y,"-disabled"),O="".concat(y,"-hidden"),oe="".concat(y,"-hide"),ha="".concat(y,"-invisible"),Ct="".concat(y,"-modal"),Ht="".concat(y,"-move"),mt="".concat(y,"Action"),yt="".concat(y,"Preview"),Kt="crop",Me="move",Te="none",zt="crop",Xt="cropend",Yt="cropmove",Wt="cropstart",he="dblclick",ca=Ft?"touchstart":"mousedown",la=Ft?"touchmove":"mousemove",da=Ft?"touchend touchcancel":"mouseup",ce=Gt?"pointerdown":ca,le=Gt?"pointermove":la,de=Gt?"pointerup pointercancel":da,ue="ready",pe="resize",fe="wheel",$t="zoom",me="image/jpeg",ua=/^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/,pa=/^data:/,fa=/^data:image\/jpeg;base64,/,ma=/^img|canvas$/i,ga=200,va=100,ge={viewMode:0,dragMode:Kt,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},wa='<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>',ba=Number.isNaN||W.isNaN;function g(i){return typeof i=="number"&&!ba(i)}var ve=function(t){return t>0&&t<1/0};function Bt(i){return typeof i>"u"}function tt(i){return Et(i)==="object"&&i!==null}var xa=Object.prototype.hasOwnProperty;function rt(i){if(!tt(i))return!1;try{var t=i.constructor,a=t.prototype;return t&&a&&xa.call(a,"isPrototypeOf")}catch{return!1}}function I(i){return typeof i=="function"}var ya=Array.prototype.slice;function Se(i){return Array.from?Array.from(i):ya.call(i)}function C(i,t){return i&&I(t)&&(Array.isArray(i)||g(i.length)?Se(i).forEach(function(a,e){t.call(i,a,e,i)}):tt(i)&&Object.keys(i).forEach(function(a){t.call(i,i[a],a,i)})),i}var D=Object.assign||function(t){for(var a=arguments.length,e=new Array(a>1?a-1:0),s=1;s<a;s++)e[s-1]=arguments[s];return tt(t)&&e.length>0&&e.forEach(function(r){tt(r)&&Object.keys(r).forEach(function(n){t[n]=r[n]})}),t},Da=/\.\d*(?:0|9){12}\d*$/;function nt(i){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:1e11;return Da.test(i)?Math.round(i*t)/t:i}var Ea=/^width|height|left|top|marginLeft|marginTop$/;function q(i,t){var a=i.style;C(t,function(e,s){Ea.test(s)&&g(e)&&(e="".concat(e,"px")),a[s]=e})}function Ca(i,t){return i.classList?i.classList.contains(t):i.className.indexOf(t)>-1}function S(i,t){if(t){if(g(i.length)){C(i,function(e){S(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 z(i,t){if(t){if(g(i.length)){C(i,function(a){z(a,t)});return}if(i.classList){i.classList.remove(t);return}i.className.indexOf(t)>=0&&(i.className=i.className.replace(t,""))}}function st(i,t,a){if(t){if(g(i.length)){C(i,function(e){st(e,t,a)});return}a?S(i,t):z(i,t)}}var Na=/([a-z\d])([A-Z])/g;function Qt(i){return i.replace(Na,"$1-$2").toLowerCase()}function Vt(i,t){return tt(i[t])?i[t]:i.dataset?i.dataset[t]:i.getAttribute("data-".concat(Qt(t)))}function gt(i,t,a){tt(a)?i[t]=a:i.dataset?i.dataset[t]=a:i.setAttribute("data-".concat(Qt(t)),a)}function Ma(i,t){if(tt(i[t]))try{delete i[t]}catch{i[t]=void 0}else if(i.dataset)try{delete i.dataset[t]}catch{i.dataset[t]=void 0}else i.removeAttribute("data-".concat(Qt(t)))}var Ae=/\s\s*/,Ie=(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}});W.addEventListener("test",a,e),W.removeEventListener("test",a,e)}return i})();function L(i,t,a){var e=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},s=a;t.trim().split(Ae).forEach(function(r){if(!Ie){var n=i.listeners;n&&n[r]&&n[r][a]&&(s=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,s,e)})}function P(i,t,a){var e=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},s=a;t.trim().split(Ae).forEach(function(r){if(e.once&&!Ie){var n=i.listeners,o=n===void 0?{}:n;s=function(){delete o[r][a],i.removeEventListener(r,s,e);for(var l=arguments.length,c=new Array(l),h=0;h<l;h++)c[h]=arguments[h];a.apply(i,c)},o[r]||(o[r]={}),o[r][a]&&i.removeEventListener(r,o[r][a],e),o[r][a]=s,i.listeners=o}i.addEventListener(r,s,e)})}function ot(i,t,a){var e;return I(Event)&&I(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 Oe(i){var t=i.getBoundingClientRect();return{left:t.left+(window.pageXOffset-document.documentElement.clientLeft),top:t.top+(window.pageYOffset-document.documentElement.clientTop)}}var jt=W.location,Ta=/^(\w+:)\/\/([^:/?#]*):?(\d*)/i;function we(i){var t=i.match(Ta);return t!==null&&(t[1]!==jt.protocol||t[2]!==jt.hostname||t[3]!==jt.port)}function be(i){var t="timestamp=".concat(new Date().getTime());return i+(i.indexOf("?")===-1?"?":"&")+t}function ft(i){var t=i.rotate,a=i.scaleX,e=i.scaleY,s=i.translateX,r=i.translateY,n=[];g(s)&&s!==0&&n.push("translateX(".concat(s,"px)")),g(r)&&r!==0&&n.push("translateY(".concat(r,"px)")),g(t)&&t!==0&&n.push("rotate(".concat(t,"deg)")),g(a)&&a!==1&&n.push("scaleX(".concat(a,")")),g(e)&&e!==1&&n.push("scaleY(".concat(e,")"));var o=n.length?n.join(" "):"none";return{WebkitTransform:o,msTransform:o,transform:o}}function Sa(i){var t=ye({},i),a=[];return C(i,function(e,s){delete t[s],C(t,function(r){var n=Math.abs(e.startX-r.startX),o=Math.abs(e.startY-r.startY),d=Math.abs(e.endX-r.endX),l=Math.abs(e.endY-r.endY),c=Math.sqrt(n*n+o*o),h=Math.sqrt(d*d+l*l),u=(h-c)/c;a.push(u)})}),a.sort(function(e,s){return Math.abs(e)<Math.abs(s)}),a[0]}function Dt(i,t){var a=i.pageX,e=i.pageY,s={endX:a,endY:e};return t?s:ye({startX:a,startY:e},s)}function Aa(i){var t=0,a=0,e=0;return C(i,function(s){var r=s.startX,n=s.startY;t+=r,a+=n,e+=1}),t/=e,a/=e,{pageX:t,pageY:a}}function F(i){var t=i.aspectRatio,a=i.height,e=i.width,s=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"contain",r=ve(e),n=ve(a);if(r&&n){var o=a*t;s==="contain"&&o>e||s==="cover"&&o<e?a=e/t:e=a*t}else r?a=e/t:n&&(e=a*t);return{width:e,height:a}}function Ia(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 s=e%90*Math.PI/180,r=Math.sin(s),n=Math.cos(s),o=t*n+a*r,d=t*r+a*n;return e>90?{width:d,height:o}:{width:o,height:d}}function Oa(i,t,a,e){var s=t.aspectRatio,r=t.naturalWidth,n=t.naturalHeight,o=t.rotate,d=o===void 0?0:o,l=t.scaleX,c=l===void 0?1:l,h=t.scaleY,u=h===void 0?1:h,m=a.aspectRatio,v=a.naturalWidth,x=a.naturalHeight,w=e.fillColor,N=w===void 0?"transparent":w,T=e.imageSmoothingEnabled,E=T===void 0?!0:T,X=e.imageSmoothingQuality,R=X===void 0?"low":X,p=e.maxWidth,b=p===void 0?1/0:p,M=e.maxHeight,k=M===void 0?1/0:M,Y=e.minWidth,G=Y===void 0?0:Y,Z=e.minHeight,$=Z===void 0?0:Z,j=document.createElement("canvas"),A=j.getContext("2d"),K=F({aspectRatio:m,width:b,height:k}),vt=F({aspectRatio:m,width:G,height:$},"cover"),Tt=Math.min(K.width,Math.max(vt.width,v)),St=Math.min(K.height,Math.max(vt.height,x)),Jt=F({aspectRatio:s,width:b,height:k}),te=F({aspectRatio:s,width:G,height:$},"cover"),ee=Math.min(Jt.width,Math.max(te.width,r)),ae=Math.min(Jt.height,Math.max(te.height,n)),Le=[-ee/2,-ae/2,ee,ae];return j.width=nt(Tt),j.height=nt(St),A.fillStyle=N,A.fillRect(0,0,Tt,St),A.save(),A.translate(Tt/2,St/2),A.rotate(d*Math.PI/180),A.scale(c,u),A.imageSmoothingEnabled=E,A.imageSmoothingQuality=R,A.drawImage.apply(A,[i].concat(De(Le.map(function(_e){return Math.floor(nt(_e))})))),A.restore(),j}var Re=String.fromCharCode;function Ra(i,t,a){var e="";a+=t;for(var s=t;s<a;s+=1)e+=Re(i.getUint8(s));return e}var ka=/^data:.*,/;function Pa(i){var t=i.replace(ka,""),a=atob(t),e=new ArrayBuffer(a.length),s=new Uint8Array(e);return C(s,function(r,n){s[n]=a.charCodeAt(n)}),e}function La(i,t){for(var a=[],e=8192,s=new Uint8Array(i);s.length>0;)a.push(Re.apply(null,Se(s.subarray(0,e)))),s=s.subarray(e);return"data:".concat(t,";base64,").concat(btoa(a.join("")))}function _a(i){var t=new DataView(i),a;try{var e,s,r;if(t.getUint8(0)===255&&t.getUint8(1)===216)for(var n=t.byteLength,o=2;o+1<n;){if(t.getUint8(o)===255&&t.getUint8(o+1)===225){s=o;break}o+=1}if(s){var d=s+4,l=s+10;if(Ra(t,d,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 u=t.getUint16(r,e),m,v;for(v=0;v<u;v+=1)if(m=r+v*12+2,t.getUint16(m,e)===274){m+=8,a=t.getUint16(m,e),t.setUint16(m,1,e);break}}}catch{a=1}return a}function Ba(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 ja={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,s=this.cropper;S(s,O),z(t,O);var r={width:Math.max(e.offsetWidth,Number(a.minContainerWidth)||200),height:Math.max(e.offsetHeight,Number(a.minContainerHeight)||100)};this.containerData=r,q(s,{width:r.width,height:r.height}),S(t,O),z(s,O)},initCanvas:function(){var t=this.containerData,a=this.imageData,e=this.options.viewMode,s=Math.abs(a.rotate)%180===90,r=s?a.naturalHeight:a.naturalWidth,n=s?a.naturalWidth:a.naturalHeight,o=r/n,d=t.width,l=t.height;t.height*o>t.width?e===3?d=t.height*o:l=t.width/o:e===3?l=t.width/o:d=t.height*o;var c={aspectRatio:o,naturalWidth:r,naturalHeight:n,width:d,height:l};c.left=(t.width-d)/2,c.top=(t.height-l)/2,c.oldLeft=c.left,c.oldTop=c.top,this.canvasData=c,this.limited=e===1||e===2,this.limitCanvas(!0,!0),this.initialImageData=D({},a),this.initialCanvasData=D({},c)},limitCanvas:function(t,a){var e=this.options,s=this.containerData,r=this.canvasData,n=this.cropBoxData,o=e.viewMode,d=r.aspectRatio,l=this.cropped&&n;if(t){var c=Number(e.minCanvasWidth)||0,h=Number(e.minCanvasHeight)||0;o>1?(c=Math.max(c,s.width),h=Math.max(h,s.height),o===3&&(h*d>c?c=h*d:h=c/d)):o>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*d>c?c=h*d:h=c/d));var u=F({aspectRatio:d,width:c,height:h});c=u.width,h=u.height,r.minWidth=c,r.minHeight=h,r.maxWidth=1/0,r.maxHeight=1/0}if(a)if(o>(l?0:1)){var m=s.width-r.width,v=s.height-r.height;r.minLeft=Math.min(0,m),r.minTop=Math.min(0,v),r.maxLeft=Math.max(0,m),r.maxTop=Math.max(0,v),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,o===2&&(r.width>=s.width&&(r.minLeft=Math.min(0,m),r.maxLeft=Math.max(0,m)),r.height>=s.height&&(r.minTop=Math.min(0,v),r.maxTop=Math.max(0,v))))}else r.minLeft=-r.width,r.minTop=-r.height,r.maxLeft=s.width,r.maxTop=s.height},renderCanvas:function(t,a){var e=this.canvasData,s=this.imageData;if(a){var r=Ia({width:s.naturalWidth*Math.abs(s.scaleX||1),height:s.naturalHeight*Math.abs(s.scaleY||1),degree:s.rotate||0}),n=r.width,o=r.height,d=e.width*(n/e.naturalWidth),l=e.height*(o/e.naturalHeight);e.left-=(d-e.width)/2,e.top-=(l-e.height)/2,e.width=d,e.height=l,e.aspectRatio=n/o,e.naturalWidth=n,e.naturalHeight=o,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,q(this.canvas,D({width:e.width,height:e.height},ft({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,s=e.naturalWidth*(a.width/a.naturalWidth),r=e.naturalHeight*(a.height/a.naturalHeight);D(e,{width:s,height:r,left:(a.width-s)/2,top:(a.height-r)/2}),q(this.image,D({width:e.width,height:e.height},ft(D({translateX:e.left,translateY:e.top},e)))),t&&this.output()},initCropBox:function(){var t=this.options,a=this.canvasData,e=t.aspectRatio||t.initialAspectRatio,s=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*s),r.height=Math.max(r.minHeight,r.height*s),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=D({},r)},limitCropBox:function(t,a){var e=this.options,s=this.containerData,r=this.canvasData,n=this.cropBoxData,o=this.limited,d=e.aspectRatio;if(t){var l=Number(e.minCropBoxWidth)||0,c=Number(e.minCropBoxHeight)||0,h=o?Math.min(s.width,r.width,r.width+r.left,s.width-r.left):s.width,u=o?Math.min(s.height,r.height,r.height+r.top,s.height-r.top):s.height;l=Math.min(l,s.width),c=Math.min(c,s.height),d&&(l&&c?c*d>l?c=l/d:l=c*d:l?c=l/d:c&&(l=c*d),u*d>h?u=h/d:h=u*d),n.minWidth=Math.min(l,h),n.minHeight=Math.min(c,u),n.maxWidth=h,n.maxHeight=u}a&&(o?(n.minLeft=Math.max(0,r.left),n.minTop=Math.max(0,r.top),n.maxLeft=Math.min(s.width,r.left+r.width)-n.width,n.maxTop=Math.min(s.height,r.top+r.height)-n.height):(n.minLeft=0,n.minTop=0,n.maxLeft=s.width-n.width,n.maxTop=s.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&&gt(this.face,mt,e.width>=a.width&&e.height>=a.height?Ce:Zt),q(this.cropBox,D({width:e.width,height:e.height},ft({translateX:e.left,translateY:e.top}))),this.cropped&&this.limited&&this.limitCanvas(!0,!0),this.disabled||this.output()},output:function(){this.preview(),ot(this.element,zt,this.getData())}},Ua={initPreview:function(){var t=this.element,a=this.crossOrigin,e=this.options.preview,s=a?this.crossOriginUrl:this.url,r=t.alt||"The image to preview",n=document.createElement("img");if(a&&(n.crossOrigin=a),n.src=s,n.alt=r,this.viewBox.appendChild(n),this.viewBoxImage=n,!!e){var o=e;typeof e=="string"?o=t.ownerDocument.querySelectorAll(e):e.querySelector&&(o=[e]),this.previews=o,C(o,function(d){var l=document.createElement("img");gt(d,yt,{width:d.offsetWidth,height:d.offsetHeight,html:d.innerHTML}),a&&(l.crossOrigin=a),l.src=s,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;"',d.innerHTML="",d.appendChild(l)})}},resetPreview:function(){C(this.previews,function(t){var a=Vt(t,yt);q(t,{width:a.width,height:a.height}),t.innerHTML=a.html,Ma(t,yt)})},preview:function(){var t=this.imageData,a=this.canvasData,e=this.cropBoxData,s=e.width,r=e.height,n=t.width,o=t.height,d=e.left-a.left-t.left,l=e.top-a.top-t.top;!this.cropped||this.disabled||(q(this.viewBoxImage,D({width:n,height:o},ft(D({translateX:-d,translateY:-l},t)))),C(this.previews,function(c){var h=Vt(c,yt),u=h.width,m=h.height,v=u,x=m,w=1;s&&(w=u/s,x=r*w),r&&x>m&&(w=m/r,v=s*w,x=m),q(c,{width:v,height:x}),q(c.getElementsByTagName("img")[0],D({width:n*w,height:o*w},ft(D({translateX:-d*w,translateY:-l*w},t))))}))}},Ha={bind:function(){var t=this.element,a=this.options,e=this.cropper;I(a.cropstart)&&P(t,Wt,a.cropstart),I(a.cropmove)&&P(t,Yt,a.cropmove),I(a.cropend)&&P(t,Xt,a.cropend),I(a.crop)&&P(t,zt,a.crop),I(a.zoom)&&P(t,$t,a.zoom),P(e,ce,this.onCropStart=this.cropStart.bind(this)),a.zoomable&&a.zoomOnWheel&&P(e,fe,this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),a.toggleDragModeOnDblclick&&P(e,he,this.onDblclick=this.dblclick.bind(this)),P(t.ownerDocument,le,this.onCropMove=this.cropMove.bind(this)),P(t.ownerDocument,de,this.onCropEnd=this.cropEnd.bind(this)),a.responsive&&P(window,pe,this.onResize=this.resize.bind(this))},unbind:function(){var t=this.element,a=this.options,e=this.cropper;I(a.cropstart)&&L(t,Wt,a.cropstart),I(a.cropmove)&&L(t,Yt,a.cropmove),I(a.cropend)&&L(t,Xt,a.cropend),I(a.crop)&&L(t,zt,a.crop),I(a.zoom)&&L(t,$t,a.zoom),L(e,ce,this.onCropStart),a.zoomable&&a.zoomOnWheel&&L(e,fe,this.onWheel,{passive:!1,capture:!0}),a.toggleDragModeOnDblclick&&L(e,he,this.onDblclick),L(t.ownerDocument,le,this.onCropMove),L(t.ownerDocument,de,this.onCropEnd),a.responsive&&L(window,pe,this.onResize)}},za={resize:function(){var t=this.options,a=this.container,e=this.containerData,s=Number(t.minContainerWidth)||ga,r=Number(t.minContainerHeight)||va;if(!(this.disabled||e.width<=s||e.height<=r)){var n=a.offsetWidth/e.width;if(n!==1||a.offsetHeight!==e.height){var o,d;t.restore&&(o=this.getCanvasData(),d=this.getCropBoxData()),this.render(),t.restore&&(this.setCanvasData(C(o,function(l,c){o[c]=l*n})),this.setCropBoxData(C(d,function(l,c){d[c]=l*n})))}}},dblclick:function(){this.disabled||this.options.dragMode===Te||this.setDragMode(Ca(this.dragBox,Ut)?Me:Kt)},wheel:function(t){var a=this,e=Number(this.options.wheelZoomRatio)||.1,s=1;this.disabled||(t.preventDefault(),!this.wheeling&&(this.wheeling=!0,setTimeout(function(){a.wheeling=!1},50),t.deltaY?s=t.deltaY>0?1:-1:t.wheelDelta?s=-t.wheelDelta/120:t.detail&&(s=t.detail>0?1:-1),this.zoom(-s*e,t)))},cropStart:function(t){var a=t.buttons,e=t.button;if(!(this.disabled||(t.type==="mousedown"||t.type==="pointerdown"&&t.pointerType==="mouse")&&(g(a)&&a!==1||g(e)&&e!==0||t.ctrlKey))){var s=this.options,r=this.pointers,n;t.changedTouches?C(t.changedTouches,function(o){r[o.identifier]=Dt(o)}):r[t.pointerId||0]=Dt(t),Object.keys(r).length>1&&s.zoomable&&s.zoomOnTouch?n=Ne:n=Vt(t.target,mt),ua.test(n)&&ot(this.element,Wt,{originalEvent:t,action:n})!==!1&&(t.preventDefault(),this.action=n,this.cropping=!1,n===Ee&&(this.cropping=!0,S(this.dragBox,Ct)))}},cropMove:function(t){var a=this.action;if(!(this.disabled||!a)){var e=this.pointers;t.preventDefault(),ot(this.element,Yt,{originalEvent:t,action:a})!==!1&&(t.changedTouches?C(t.changedTouches,function(s){D(e[s.identifier]||{},Dt(s,!0))}):D(e[t.pointerId||0]||{},Dt(t,!0)),this.change(t))}},cropEnd:function(t){if(!this.disabled){var a=this.action,e=this.pointers;t.changedTouches?C(t.changedTouches,function(s){delete e[s.identifier]}):delete e[t.pointerId||0],a&&(t.preventDefault(),Object.keys(e).length||(this.action=""),this.cropping&&(this.cropping=!1,st(this.dragBox,Ct,this.cropped&&this.options.modal)),ot(this.element,Xt,{originalEvent:t,action:a}))}}},Xa={change:function(t){var a=this.options,e=this.canvasData,s=this.containerData,r=this.cropBoxData,n=this.pointers,o=this.action,d=a.aspectRatio,l=r.left,c=r.top,h=r.width,u=r.height,m=l+h,v=c+u,x=0,w=0,N=s.width,T=s.height,E=!0,X;!d&&t.shiftKey&&(d=h&&u?h/u:1),this.limited&&(x=r.minLeft,w=r.minTop,N=x+Math.min(s.width,e.width,e.left+e.width),T=w+Math.min(s.height,e.height,e.top+e.height));var R=n[Object.keys(n)[0]],p={x:R.endX-R.startX,y:R.endY-R.startY},b=function(k){switch(k){case Q:m+p.x>N&&(p.x=N-m);break;case J:l+p.x<x&&(p.x=x-l);break;case V:c+p.y<w&&(p.y=w-c);break;case et:v+p.y>T&&(p.y=T-v);break}};switch(o){case Zt:l+=p.x,c+=p.y;break;case Q:if(p.x>=0&&(m>=N||d&&(c<=w||v>=T))){E=!1;break}b(Q),h+=p.x,h<0&&(o=J,h=-h,l-=h),d&&(u=h/d,c+=(r.height-u)/2);break;case V:if(p.y<=0&&(c<=w||d&&(l<=x||m>=N))){E=!1;break}b(V),u-=p.y,c+=p.y,u<0&&(o=et,u=-u,c-=u),d&&(h=u*d,l+=(r.width-h)/2);break;case J:if(p.x<=0&&(l<=x||d&&(c<=w||v>=T))){E=!1;break}b(J),h-=p.x,l+=p.x,h<0&&(o=Q,h=-h,l-=h),d&&(u=h/d,c+=(r.height-u)/2);break;case et:if(p.y>=0&&(v>=T||d&&(l<=x||m>=N))){E=!1;break}b(et),u+=p.y,u<0&&(o=V,u=-u,c-=u),d&&(h=u*d,l+=(r.width-h)/2);break;case ct:if(d){if(p.y<=0&&(c<=w||m>=N)){E=!1;break}b(V),u-=p.y,c+=p.y,h=u*d}else b(V),b(Q),p.x>=0?m<N?h+=p.x:p.y<=0&&c<=w&&(E=!1):h+=p.x,p.y<=0?c>w&&(u-=p.y,c+=p.y):(u-=p.y,c+=p.y);h<0&&u<0?(o=ut,u=-u,h=-h,c-=u,l-=h):h<0?(o=lt,h=-h,l-=h):u<0&&(o=dt,u=-u,c-=u);break;case lt:if(d){if(p.y<=0&&(c<=w||l<=x)){E=!1;break}b(V),u-=p.y,c+=p.y,h=u*d,l+=r.width-h}else b(V),b(J),p.x<=0?l>x?(h-=p.x,l+=p.x):p.y<=0&&c<=w&&(E=!1):(h-=p.x,l+=p.x),p.y<=0?c>w&&(u-=p.y,c+=p.y):(u-=p.y,c+=p.y);h<0&&u<0?(o=dt,u=-u,h=-h,c-=u,l-=h):h<0?(o=ct,h=-h,l-=h):u<0&&(o=ut,u=-u,c-=u);break;case ut:if(d){if(p.x<=0&&(l<=x||v>=T)){E=!1;break}b(J),h-=p.x,l+=p.x,u=h/d}else b(et),b(J),p.x<=0?l>x?(h-=p.x,l+=p.x):p.y>=0&&v>=T&&(E=!1):(h-=p.x,l+=p.x),p.y>=0?v<T&&(u+=p.y):u+=p.y;h<0&&u<0?(o=ct,u=-u,h=-h,c-=u,l-=h):h<0?(o=dt,h=-h,l-=h):u<0&&(o=lt,u=-u,c-=u);break;case dt:if(d){if(p.x>=0&&(m>=N||v>=T)){E=!1;break}b(Q),h+=p.x,u=h/d}else b(et),b(Q),p.x>=0?m<N?h+=p.x:p.y>=0&&v>=T&&(E=!1):h+=p.x,p.y>=0?v<T&&(u+=p.y):u+=p.y;h<0&&u<0?(o=lt,u=-u,h=-h,c-=u,l-=h):h<0?(o=ut,h=-h,l-=h):u<0&&(o=ct,u=-u,c-=u);break;case Ce:this.move(p.x,p.y),E=!1;break;case Ne:this.zoom(Sa(n),t),E=!1;break;case Ee:if(!p.x||!p.y){E=!1;break}X=Oe(this.cropper),l=R.startX-X.left,c=R.startY-X.top,h=r.minWidth,u=r.minHeight,p.x>0?o=p.y>0?dt:ct:p.x<0&&(l-=h,o=p.y>0?ut:lt),p.y<0&&(c-=u),this.cropped||(z(this.cropBox,O),this.cropped=!0,this.limited&&this.limitCropBox(!0,!0));break}E&&(r.width=h,r.height=u,r.left=l,r.top=c,this.action=o,this.renderCropBox()),C(n,function(M){M.startX=M.endX,M.startY=M.endY})}},Ya={crop:function(){return this.ready&&!this.cropped&&!this.disabled&&(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&S(this.dragBox,Ct),z(this.cropBox,O),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&&!this.disabled&&(this.imageData=D({},this.initialImageData),this.canvasData=D({},this.initialCanvasData),this.cropBoxData=D({},this.initialCropBoxData),this.renderCanvas(),this.cropped&&this.renderCropBox()),this},clear:function(){return this.cropped&&!this.disabled&&(D(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),z(this.dragBox,Ct),S(this.cropBox,O)),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,C(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,z(this.cropper,ne)),this},disable:function(){return this.ready&&!this.disabled&&(this.disabled=!0,S(this.cropper,ne)),this},destroy:function(){var t=this.element;return t[y]?(t[y]=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,s=e.left,r=e.top;return this.moveTo(Bt(t)?t:s+Number(t),Bt(a)?a:r+Number(a))},moveTo:function(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t,e=this.canvasData,s=!1;return t=Number(t),a=Number(a),this.ready&&!this.disabled&&this.options.movable&&(g(t)&&(e.left=t,s=!0),g(a)&&(e.top=a,s=!0),s&&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 s=this.options,r=this.canvasData,n=r.width,o=r.height,d=r.naturalWidth,l=r.naturalHeight;if(t=Number(t),t>=0&&this.ready&&!this.disabled&&s.zoomable){var c=d*t,h=l*t;if(ot(this.element,$t,{ratio:t,oldRatio:n/d,originalEvent:e})===!1)return this;if(e){var u=this.pointers,m=Oe(this.cropper),v=u&&Object.keys(u).length?Aa(u):{pageX:e.pageX,pageY:e.pageY};r.left-=(c-n)*((v.pageX-m.left-r.left)/n),r.top-=(h-o)*((v.pageY-m.top-r.top)/o)}else rt(a)&&g(a.x)&&g(a.y)?(r.left-=(c-n)*((a.x-r.left)/n),r.top-=(h-o)*((a.y-r.top)/o)):(r.left-=(c-n)/2,r.top-=(h-o)/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),g(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,g(a)?a:1)},scaleY:function(t){var a=this.imageData.scaleX;return this.scale(g(a)?a:1,t)},scale:function(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t,e=this.imageData,s=!1;return t=Number(t),a=Number(a),this.ready&&!this.disabled&&this.options.scalable&&(g(t)&&(e.scaleX=t,s=!0),g(a)&&(e.scaleY=a,s=!0),s&&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,s=this.canvasData,r=this.cropBoxData,n;if(this.ready&&this.cropped){n={x:r.left-s.left,y:r.top-s.top,width:r.width,height:r.height};var o=e.width/e.naturalWidth;if(C(n,function(c,h){n[h]=c/o}),t){var d=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=d-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,s=this.canvasData,r={};if(this.ready&&!this.disabled&&rt(t)){var n=!1;a.rotatable&&g(t.rotate)&&t.rotate!==e.rotate&&(e.rotate=t.rotate,n=!0),a.scalable&&(g(t.scaleX)&&t.scaleX!==e.scaleX&&(e.scaleX=t.scaleX,n=!0),g(t.scaleY)&&t.scaleY!==e.scaleY&&(e.scaleY=t.scaleY,n=!0)),n&&this.renderCanvas(!0,!0);var o=e.width/e.naturalWidth;g(t.x)&&(r.left=t.x*o+s.left),g(t.y)&&(r.top=t.y*o+s.top),g(t.width)&&(r.width=t.width*o),g(t.height)&&(r.height=t.height*o),this.setCropBoxData(r)}return this},getContainerData:function(){return this.ready?D({},this.containerData):{}},getImageData:function(){return this.sized?D({},this.imageData):{}},getCanvasData:function(){var t=this.canvasData,a={};return this.ready&&C(["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&&rt(t)&&(g(t.left)&&(a.left=t.left),g(t.top)&&(a.top=t.top),g(t.width)?(a.width=t.width,a.height=t.width/e):g(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,s,r;return this.ready&&this.cropped&&!this.disabled&&rt(t)&&(g(t.left)&&(a.left=t.left),g(t.top)&&(a.top=t.top),g(t.width)&&t.width!==a.width&&(s=!0,a.width=t.width),g(t.height)&&t.height!==a.height&&(r=!0,a.height=t.height),e&&(s?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=Oa(this.image,this.imageData,a,t);if(!this.cropped)return e;var s=this.getData(),r=s.x,n=s.y,o=s.width,d=s.height,l=e.width/Math.floor(a.naturalWidth);l!==1&&(r*=l,n*=l,o*=l,d*=l);var c=o/d,h=F({aspectRatio:c,width:t.maxWidth||1/0,height:t.maxHeight||1/0}),u=F({aspectRatio:c,width:t.minWidth||0,height:t.minHeight||0},"cover"),m=F({aspectRatio:c,width:t.width||(l!==1?e.width:o),height:t.height||(l!==1?e.height:d)}),v=m.width,x=m.height;v=Math.min(h.width,Math.max(u.width,v)),x=Math.min(h.height,Math.max(u.height,x));var w=document.createElement("canvas"),N=w.getContext("2d");w.width=nt(v),w.height=nt(x),N.fillStyle=t.fillColor||"transparent",N.fillRect(0,0,v,x);var T=t.imageSmoothingEnabled,E=T===void 0?!0:T,X=t.imageSmoothingQuality;N.imageSmoothingEnabled=E,X&&(N.imageSmoothingQuality=X);var R=e.width,p=e.height,b=r,M=n,k,Y,G,Z,$,j;b<=-o||b>R?(b=0,k=0,G=0,$=0):b<=0?(G=-b,b=0,k=Math.min(R,o+b),$=k):b<=R&&(G=0,k=Math.min(o,R-b),$=k),k<=0||M<=-d||M>p?(M=0,Y=0,Z=0,j=0):M<=0?(Z=-M,M=0,Y=Math.min(p,d+M),j=Y):M<=p&&(Z=0,Y=Math.min(d,p-M),j=Y);var A=[b,M,k,Y];if($>0&&j>0){var K=v/o;A.push(G*K,Z*K,$*K,j*K)}return N.drawImage.apply(N,[e].concat(De(A.map(function(vt){return Math.floor(nt(vt))})))),w},setAspectRatio:function(t){var a=this.options;return!this.disabled&&!Bt(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,s=this.face;if(this.ready&&!this.disabled){var r=t===Kt,n=a.movable&&t===Me;t=r||n?t:Te,a.dragMode=t,gt(e,mt,t),st(e,Ut,r),st(e,Ht,n),a.cropBoxMovable||(gt(s,mt,t),st(s,Ut,r),st(s,Ht,n))}return this}},Wa=W.Cropper,ke=(function(){function i(t){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};if(aa(this,i),!t||!ma.test(t.tagName))throw new Error("The first argument is required and must be an <img> or <canvas> element.");this.element=t,this.options=D({},ge,rt(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 ia(i,[{key:"init",value:function(){var a=this.element,e=a.tagName.toLowerCase(),s;if(!a[y]){if(a[y]=this,e==="img"){if(this.isImg=!0,s=a.getAttribute("src")||"",this.originalUrl=s,!s)return;s=a.src}else e==="canvas"&&window.HTMLCanvasElement&&(s=a.toDataURL());this.load(s)}}},{key:"load",value:function(a){var e=this;if(a){this.url=a,this.imageData={};var s=this.element,r=this.options;if(!r.rotatable&&!r.scalable&&(r.checkOrientation=!1),!r.checkOrientation||!window.ArrayBuffer){this.clone();return}if(pa.test(a)){fa.test(a)?this.read(Pa(a)):this.clone();return}var n=new XMLHttpRequest,o=this.clone.bind(this);this.reloading=!0,this.xhr=n,n.onabort=o,n.onerror=o,n.ontimeout=o,n.onprogress=function(){n.getResponseHeader("content-type")!==me&&n.abort()},n.onload=function(){e.read(n.response)},n.onloadend=function(){e.reloading=!1,e.xhr=null},r.checkCrossOrigin&&we(a)&&s.crossOrigin&&(a=be(a)),n.open("GET",a),n.responseType="arraybuffer",n.withCredentials=s.crossOrigin==="use-credentials",n.send()}}},{key:"read",value:function(a){var e=this.options,s=this.imageData,r=_a(a),n=0,o=1,d=1;if(r>1){this.url=La(a,me);var l=Ba(r);n=l.rotate,o=l.scaleX,d=l.scaleY}e.rotatable&&(s.rotate=n),e.scalable&&(s.scaleX=o,s.scaleY=d),this.clone()}},{key:"clone",value:function(){var a=this.element,e=this.url,s=a.crossOrigin,r=e;this.options.checkCrossOrigin&&we(e)&&(s||(s="anonymous"),r=be(e)),this.crossOrigin=s,this.crossOriginUrl=r;var n=document.createElement("img");s&&(n.crossOrigin=s),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),S(n,oe),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 s=W.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(W.navigator.userAgent),r=function(l,c){D(a.imageData,{naturalWidth:l,naturalHeight:c,aspectRatio:l/c}),a.sizing=!1,a.sized=!0,a.build()};if(e.naturalWidth&&!s){r(e.naturalWidth,e.naturalHeight);return}var n=document.createElement("img"),o=document.body||document.documentElement;this.sizingImage=n,n.onload=function(){r(n.width,n.height),s||o.removeChild(n)},n.src=e.src,s||(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;",o.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,s=this.image,r=a.parentNode,n=document.createElement("div");n.innerHTML=wa;var o=n.querySelector(".".concat(y,"-container")),d=o.querySelector(".".concat(y,"-canvas")),l=o.querySelector(".".concat(y,"-drag-box")),c=o.querySelector(".".concat(y,"-crop-box")),h=c.querySelector(".".concat(y,"-face"));this.container=r,this.cropper=o,this.canvas=d,this.dragBox=l,this.cropBox=c,this.viewBox=o.querySelector(".".concat(y,"-view-box")),this.face=h,d.appendChild(s),S(a,O),r.insertBefore(o,a.nextSibling),this.isImg||z(s,oe),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,S(c,O),e.guides||S(c.getElementsByClassName("".concat(y,"-dashed")),O),e.center||S(c.getElementsByClassName("".concat(y,"-center")),O),e.background&&S(o,"".concat(y,"-bg")),e.highlight||S(h,ha),e.cropBoxMovable&&(S(h,Ht),gt(h,mt,Zt)),e.cropBoxResizable||(S(c.getElementsByClassName("".concat(y,"-line")),O),S(c.getElementsByClassName("".concat(y,"-point")),O)),this.render(),this.ready=!0,this.setDragMode(e.dragMode),e.autoCrop&&this.crop(),this.setData(e.data),I(e.ready)&&P(a,ue,e.ready,{once:!0}),ot(a,ue)}}},{key:"unbuild",value:function(){this.ready&&(this.ready=!1,this.unbind(),this.resetPreview(),this.cropper.parentNode.removeChild(this.cropper),z(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()}}],[{key:"noConflict",value:function(){return window.Cropper=Wa,i}},{key:"setDefaults",value:function(a){D(ge,rt(a)&&a)}}]),i})();D(ke.prototype,ja,Ua,Ha,za,Xa,Ya);const $a="shared.imageCropper",xe=Nt.encloseNamespace($a),Va=/data:([a-zA-Z0-9]+\/[a-zA-Z0-9-.+]+).*,.*/,qa=i=>{const t=i.match(Va);if(t)return t[1]};Pe.defaultProps={popupSize:"lg"};function Pe(i){const[t,a]=it.useState(!1),[e,s]=it.useState(!1),r=it.useRef(null),n=it.useRef(null),o=()=>{if(!t)return;const d=n.current.getCroppedCanvas().toDataURL(qa(i.src));s(!0),i.onClickCrop(d,i.closePopup)};return it.useEffect(()=>{const d=new Image;d.src=i.src;const l=r.current.offsetWidth/d.width,c=pt[i.imageType],h={viewMode:2,autoCropArea:1,ready:()=>a(!0)};return c&&(h.minCropBoxWidth=c.width*l,h.minCropBoxHeight=c.height*l,h.aspectRatio=c.width/c.height),n.current=new ke(r.current,h),()=>{n.current.destroy()}},[]),f.jsxs(je,{title:xe("title"),closePopup:i.closePopup,size:i.popupSize,children:[f.jsx("div",{children:f.jsx("img",{src:i.src,alt:i.alt,ref:r,className:"img img-fluid"})}),f.jsxs(At,{children:[f.jsx(At.Cancel,{onClick:i.closePopup}),f.jsx(At.Submit,{onClick:o,text:xe("crop"),variant:"dark",showSpinner:e})]})]})}const Fa={renderCropper(i){const t=Ue.createRoot(document.getElementById("dialog-region"));t.render(f.jsx(Pe,{...i,closePopup:()=>t.unmount()}))}},qt={onFileSelect(i,t,a,e){if(!t||!t.length)return;if(t.length>1){alert("Please only select one file");return}const s=t[0];if(!s.type.startsWith("image/")){alert("Please select an image file");return}const r=new FileReader;r.addEventListener("load",()=>qt.onReaderLoad(r,i,a,e)),r.readAsDataURL(s)},onReaderLoad(i,t,a,e){const s=new Image;s.src=i.result;const r=(e==null?void 0:e.width)??pt[t].width,n=(e==null?void 0:e.height)??pt[t].height;s.addEventListener("load",()=>{qt.isImageValid(t,s,e)&&He.isFunction(a)?a(s):alert(`Image too small: minimum dimensions are ${r} x ${n}`)})},isImageValid(i,t,a){const e=(a==null?void 0:a.width)??pt[i].width,s=(a==null?void 0:a.height)??pt[i].height;return!(e&&t.width<e||s&&t.height<s)},mapImageTypeToString(i){switch(i){case B.Avatars:return"avatars";case B.Thumbnails:return"thumbnails";case B.Logos:return"logos";case B.Covers:return"covers";case B.Posters:return"posters";case B.TallPosters:return"tallposters";case B.HeroBanners:return"herobanners";case B.None:default:return""}}},Ga="_profileImage_24nro_1",Za={profileImage:Ga},Ka="settings.editAvatar";function Qa(i,t){return Ye.createUrl(We.safeUrlConcat(i,`/v1/profile-images?initials=${t}`),{size:$e.Medium})}function Ja(i){return i.split(",")[1]}function ti(i){var r,n;const t=it.useRef(null),a=(r=i.user.avatar)!=null&&r.url?i.user.avatar.url:Qa(i.imageCdnUrl,ze.getInitials(i.user.name,i.user.surname));function e(){t.current.value=null,t.current.click(null)}function s(o){!o||!o[0]||qt.onFileSelect(B.Avatars,o,d=>{Fa.renderCropper({src:d.src,alt:"",onClickCrop:(l,c)=>i.onSelectImage(Ja(l),c),imageType:B.Avatars})})}return f.jsx(Xe.Provider,{value:Ka,children:f.jsxs("div",{className:"col-auto form-group d-flex flex-column align-items-center ps-4",children:[f.jsx("label",{className:"align-self-start",children:f.jsx(It,{phrase:"profileImage"})}),f.jsx("img",{className:`img img-fluid rounded ${Za.profileImage} mb-2`,alt:"User avatar",src:a}),f.jsx("button",{className:"btn btn-outline-dark px-3 text-center",onClick:e,children:f.jsx(It,{phrase:"uploadImage"})}),f.jsx("input",{type:"file",className:"file-select d-none",multiple:!1,accept:"image/jpg,image/jpeg,image/png",ref:t,onChange:o=>s(o.target.files)}),!!((n=i.user.avatar)!=null&&n.url)&&f.jsx("button",{className:"btn btn-link text-center",onClick:i.onClickRemoveImage,children:f.jsx(It,{phrase:"removeImage"})})]})})}const ei="settings.editProfileDetailsForm",at=Nt.encloseNamespace(ei),ai=ht.object().shape({firstName:ht.string().max(255,()=>at("nameExceeds")).required(()=>at("nameRequired")).default("").trim(),surname:ht.string().max(255,()=>at("surnameExceeds")).required(()=>at("surnameRequired")).default("").trim(),username:ht.string().max(255,()=>at("usernameExceeds")).default("").trim(),displayName:ht.string().max(255,()=>at("displayNameExceeds")).default("").trim()}),ii="settings.editProfileDetailsForm",_=Nt.encloseNamespace(ii);function ri(i){var t;return f.jsx(Je,{initialValues:{firstName:i.user.name,surname:i.user.surname,username:i.user.username,displayName:((t=i.user.metadata)==null?void 0:t.displayName)??""},validationSchema:ai,onSubmit:i.onClickSave,children:f.jsxs(Ve,{children:[f.jsx(bt,{label:_("firstName"),type:"text",name:"firstName",id:"firstName",placeholder:_("firstNamePlaceholder"),autoFocus:!0,showRequiredStar:!0}),f.jsx(bt,{label:_("lastName"),type:"text",name:"surname",id:"surname",placeholder:_("lastNamePlaceholder"),showRequiredStar:!0}),f.jsx(bt,{label:_("displayName"),type:"text",name:"displayName",id:"displayName",placeholder:_("displayNamePlaceholder"),infoTooltip:_("displayNameTooltip")}),f.jsx(bt,{label:_("username"),type:"text",name:"username",id:"username",placeholder:_("usernamePlaceholder"),showRequiredStar:!0,disabled:!0,infoTooltip:_("usernameTooltip")}),f.jsx(Qe,{variant:"dark",submitText:_("saveChanges"),isNew:!1})]})})}const si="_partialLabel_1r06u_1",ni="_partialInput_1r06u_6",oi="_partialSubmit_1r06u_10",hi="_partialAvatar_1r06u_14",ci="_partialUploadImage_1r06u_18",U={partialLabel:si,partialInput:ni,partialSubmit:oi,partialAvatar:hi,partialUploadImage:ci};function li(){return f.jsxs("div",{className:"row g-0",children:[f.jsxs("div",{className:"col-4",children:[f.jsxs("div",{className:"form-group",children:[f.jsx("div",{className:`partial-loading-background ${U.partialLabel}`}),f.jsx("div",{className:`partial-loading-background ${U.partialInput}`})]}),f.jsxs("div",{className:"form-group",children:[f.jsx("div",{className:`partial-loading-background ${U.partialLabel}`}),f.jsx("div",{className:`partial-loading-background ${U.partialInput}`})]}),f.jsxs("div",{className:"form-group",children:[f.jsx("div",{className:`partial-loading-background ${U.partialLabel}`}),f.jsx("div",{className:`partial-loading-background ${U.partialInput}`})]}),f.jsx("div",{className:`partial-loading-background ${U.partialSubmit}`})]}),f.jsxs("div",{className:"form-group d-flex flex-column align-items-center ps-4",children:[f.jsx("div",{className:`partial-loading-background align-self-start ${U.partialLabel}`}),f.jsx("div",{className:`partial-loading-background mb-2 ${U.partialAvatar}`}),f.jsx("div",{className:`partial-loading-background mx-3 ${U.partialUploadImage}`})]})]})}const di="settings.profileDetails",H=Nt.encloseNamespace(di);function Ei(){const i=qe(),t=Fe(),a=Ot(Ze.currentUser()),e=Ot(a.data&&xt.getUser(a.data.id)),s=Ot(Ke.config());Ge({title:H("heading")});function r(l,c){var u,m;const h={firstName:l.firstName,lastName:l.surname,displayName:l.displayName||null,jobTitle:((m=(u=e.data.userProfile)==null?void 0:u.metadata)==null?void 0:m.jobTitle)||""};wt(i,xt.updateUser(h,()=>{Rt.logUserAction(l,{location:_t.Settings,actionType:Lt.Edit,workflowPhase:Pt.Complete,entity:kt.User}),t.success(H("success"))},()=>{t.error(H("error"))},c))}function n(l,c){wt(i,ea.uploadBase64Image(B.Avatars,l,h=>{o(h,c)},()=>{t.error(H("avatarUploadError"))}))}function o(l,c){wt(i,xt.updateAvatar(l.id,a.data.id,()=>{Rt.logUserAction({id:a.data.id,avatarId:l.id,avatarUrl:l.location},{actionType:Lt.Associate,workflowPhase:Pt.Complete,location:_t.Settings,entity:kt.User,descriptor:ie.Avatar}),c(),t.success(H("avatarUploadSuccess"))},()=>{t.error(H("avatarUploadError"))}))}function d(){wt(i,xt.deleteAvatar(e.data.avatar.id,a.data.id,()=>{Rt.logUserAction({id:a.data.id,avatarId:e.data.avatar.id},{actionType:Lt.Dissociate,workflowPhase:Pt.Complete,location:_t.Settings,entity:kt.User,descriptor:ie.Avatar}),t.success(H("avatarDeleteSuccess"))},()=>{t.error(H("avatarDeleteError"))}))}return f.jsx(ta,{heading:H("heading"),breadcrumbs:[H("breadcrumb")],children:a.data&&e.data&&s.data?f.jsxs("div",{className:"row g-0",children:[f.jsx("div",{className:"col-4",children:f.jsx(ri,{user:e.data,onClickSave:r})}),f.jsx(ti,{user:e.data,onSelectImage:n,onClickRemoveImage:d,imageCdnUrl:s.data.imageCdnUrl})]}):f.jsx(li,{})})}export{Ei as ProfileDetailsView};
-//# sourceMappingURL=DYmgSjx-.chunk.js.map