vue-image-cropper/dist/index.js

Image uploader and cropper for Vue.js

!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define("vue-image-cropper",[],e):"object"==typeof exports?exports["vue-image-cropper"]=e():t["vue-image-cropper"]=e()}(this,function(){return function(t){function e(r){if(n[r])return n[r].exports;var i=n[r]={i:r,l:!1,exports:{}};return t[r].call(i.exports,i,i.exports,e),i.l=!0,i.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=11)}([function(t,e){function n(t,e){var n=t[1]||"",i=t[3];if(!i)return n;if(e&&"function"==typeof btoa){var o=r(i);return[n].concat(i.sources.map(function(t){return"/*# sourceURL="+i.sourceRoot+t+" */"})).concat([o]).join("\n")}return[n].join("\n")}function r(t){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t))))+" */"}t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var r=n(e,t);return e[2]?"@media "+e[2]+"{"+r+"}":r}).join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var r={},i=0;i<this.length;i++){var o=this[i][0];"number"==typeof o&&(r[o]=!0)}for(i=0;i<t.length;i++){var a=t[i];"number"==typeof a[0]&&r[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),e.push(a))}},e}},function(t,e){t.exports=function(t,e,n,r,i){var o,a=t=t||{},s=typeof t.default;"object"!==s&&"function"!==s||(o=t,a=t.default);var c="function"==typeof a?a.options:a;e&&(c.render=e.render,c.staticRenderFns=e.staticRenderFns),r&&(c._scopeId=r);var l;if(i?(l=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),n&&n.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(i)},c._ssrRegister=l):n&&(l=n),l){var u=c.functional,p=u?c.render:c.beforeCreate;u?c.render=function(t,e){return l.call(e),p(t,e)}:c.beforeCreate=p?[].concat(p,l):[l]}return{esModule:o,exports:a,options:c}}},function(t,e,n){function r(t){for(var e=0;e<t.length;e++){var n=t[e],r=u[n.id];if(r){r.refs++;for(var i=0;i<r.parts.length;i++)r.parts[i](n.parts[i]);for(;i<n.parts.length;i++)r.parts.push(o(n.parts[i]));r.parts.length>n.parts.length&&(r.parts.length=n.parts.length)}else{for(var a=[],i=0;i<n.parts.length;i++)a.push(o(n.parts[i]));u[n.id]={id:n.id,refs:1,parts:a}}}}function i(){var t=document.createElement("style");return t.type="text/css",p.appendChild(t),t}function o(t){var e,n,r=document.querySelector('style[data-vue-ssr-id~="'+t.id+'"]');if(r){if(h)return v;r.parentNode.removeChild(r)}if(m){var o=f++;r=d||(d=i()),e=a.bind(null,r,o,!1),n=a.bind(null,r,o,!0)}else r=i(),e=s.bind(null,r),n=function(){r.parentNode.removeChild(r)};return e(t),function(r){if(r){if(r.css===t.css&&r.media===t.media&&r.sourceMap===t.sourceMap)return;e(t=r)}else n()}}function a(t,e,n,r){var i=n?"":r.css;if(t.styleSheet)t.styleSheet.cssText=g(e,i);else{var o=document.createTextNode(i),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(o,a[e]):t.appendChild(o)}}function s(t,e){var n=e.css,r=e.media,i=e.sourceMap;if(r&&t.setAttribute("media",r),i&&(n+="\n/*# sourceURL="+i.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */"),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}var c="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!c)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var l=n(37),u={},p=c&&(document.head||document.getElementsByTagName("head")[0]),d=null,f=0,h=!1,v=function(){},m="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());t.exports=function(t,e,n){h=n;var i=l(t,e);return r(i),function(e){for(var n=[],o=0;o<i.length;o++){var a=i[o],s=u[a.id];s.refs--,n.push(s)}e?(i=l(t,e),r(i)):i=[];for(var o=0;o<n.length;o++){var s=n[o];if(0===s.refs){for(var c=0;c<s.parts.length;c++)s.parts[c]();delete u[s.id]}}}};var g=function(){var t=[];return function(e,n){return t[e]=n,t.filter(Boolean).join("\n")}}()},function(t,e,n){"use strict";function r(t,e){var n={};for(var r in t)e.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r]);return n}var i=n(38),o=n(12),a=n.n(o),s=n(20),c=(n.n(s),i.a.extend({name:"vue-cropper",render:function(t){return t("div",{style:this.containerStyle},[t("img",{ref:"img",attrs:{src:this.src,alt:this.alt||"image",style:"max-width: 100%"},style:this.imgStyle})])},props:{containerStyle:Object,data:Object,preview:String,src:{type:String,default:""},alt:String,imgStyle:Object,dragMode:String,responsive:{type:Boolean,default:!0},restore:{type:Boolean,default:!0},checkCrossOrigin:{type:Boolean,default:!0},checkOrientation:{type:Boolean,default:!0},cropBoxMovable:{type:Boolean,default:!0},cropBoxResizable:{type:Boolean,default:!0},toggleDragModeOnDblclick:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},center:{type:Boolean,default:!0},highlight:{type:Boolean,default:!0},zoomOnTouch:{type:Boolean,default:!0},zoomOnWheel:{type:Boolean,default:!0},scalable:{type:Boolean,default:!0},zoomable:{type:Boolean,default:!0},guides:{type:Boolean,default:!0},background:{type:Boolean,default:!0},autoCrop:{type:Boolean,default:!0},movable:{type:Boolean,default:!0},rotatable:{type:Boolean,default:!0},viewMode:Number,aspectRatio:Number,autoCropArea:Number,wheelZoomRatio:Number,minCanvasWidth:Number,minCanvasHeight:Number,minCropBoxWidth:Number,minCropBoxHeight:Number,minContainerWidth:Number,minContainerHeight:Number,ready:Function,cropstart:Function,cropmove:Function,cropend:Function,crop:Function},mounted:function(){var t=this.$options.props,e=(t.containerStyle,t.src,t.alt,t.imgStyle,r(t,["containerStyle","src","alt","imgStyle"])),n={};for(var i in e)void 0!==this[i]&&(n[i]=this[i]);this.cropper=new a.a(this.$refs.img,n)},methods:{reset:function(){return this.cropper.reset()},clear:function(){return this.cropper.clear()},replace:function(t,e){return this.cropper.replace(t,e)},enable:function(){return this.cropper.enable()},disable:function(){return this.cropper.disable()},destroy:function(){return this.cropper.destroy()},move:function(t,e){return this.cropper.move(t,e)},moveTo:function(t,e){return this.cropper.moveTo(t,e)},zoom:function(t,e){return this.cropper.zoom(t,e)},zoomTo:function(t,e){return this.cropper.zoomTo(t,e)},rotate:function(t){return this.cropper.rotate(t)},rotateTo:function(t){return this.cropper.rotateTo(t)},scale:function(t,e){return this.cropper.scale(t,e)},scaleX:function(t){return this.cropper.scaleX(t)},scaleY:function(t){return this.cropper.scaleY(t)},getData:function(t){return this.cropper.getData(t)},setData:function(t){return this.cropper.setData(t)},getContainerData:function(){return this.cropper.getContainerData()},getImageData:function(){return this.cropper.getImageData()},getCanvasData:function(){return this.cropper.getCanvasData()},setCanvasData:function(t){return this.cropper.setCanvasData(t)},getCropBoxData:function(){return this.cropper.getCropBoxData()},setCropBoxData:function(t){return this.cropper.setCropBoxData(t)},getCroppedCanvas:function(t){return this.cropper.getCroppedCanvas(t)},setAspectRatio:function(t){return this.cropper.setAspectRatio(t)},setDragMode:function(t){return this.cropper.setDragMode(t)}}})),l=i.a.component("vue-cropper",c);e.a=l},function(t,e,n){function r(t){n(36)}var i=n(1)(null,n(30),r,"data-v-6edd3850",null);t.exports=i.exports},function(t,e,n){function r(t){n(35)}var i=n(1)(n(10),n(29),r,"data-v-4eee149a",null);t.exports=i.exports},function(t,e){t.exports=function(t){function e(r){if(n[r])return n[r].exports;var i=n[r]={exports:{},id:r,loaded:!1};return t[r].call(i.exports,i,i.exports,e),i.loaded=!0,i.exports}var n={};return e.m=t,e.c=n,e.p="",e(0)}([function(t,e,n){"use strict";e.__esModule=!0,n(8),n(9),e.default=function(t,e){if(t&&e){var n=function(){var n=Array.isArray(e)?e:e.split(","),r=t.name||"",i=t.type||"",o=i.replace(/\/.*$/,"");return{v:n.some(function(t){var e=t.trim();return"."===e.charAt(0)?r.toLowerCase().endsWith(e.toLowerCase()):/\/\*$/.test(e)?o===e.replace(/\/.*$/,""):i===e})}}();if("object"==typeof n)return n.v}return!0},t.exports=e.default},function(t,e){var n=t.exports={version:"1.2.2"};"number"==typeof __e&&(__e=n)},function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(t,e,n){var r=n(2),i=n(1),o=n(4),a=n(19),s="prototype",c=function(t,e){return function(){return t.apply(e,arguments)}},l=function(t,e,n){var u,p,d,f,h=t&l.G,v=t&l.P,m=h?r:t&l.S?r[e]||(r[e]={}):(r[e]||{})[s],g=h?i:i[e]||(i[e]={});h&&(n=e);for(u in n)p=!(t&l.F)&&m&&u in m,d=(p?m:n)[u],f=t&l.B&&p?c(d,r):v&&"function"==typeof d?c(Function.call,d):d,m&&!p&&a(m,u,d),g[u]!=d&&o(g,u,f),v&&((g[s]||(g[s]={}))[u]=d)};r.core=i,l.F=1,l.G=2,l.S=4,l.P=8,l.B=16,l.W=32,t.exports=l},function(t,e,n){var r=n(5),i=n(18);t.exports=n(22)?function(t,e,n){return r.setDesc(t,e,i(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e){var n=Object;t.exports={create:n.create,getProto:n.getPrototypeOf,isEnum:{}.propertyIsEnumerable,getDesc:n.getOwnPropertyDescriptor,setDesc:n.defineProperty,setDescs:n.defineProperties,getKeys:n.keys,getNames:n.getOwnPropertyNames,getSymbols:n.getOwnPropertySymbols,each:[].forEach}},function(t,e){var n=0,r=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++n+r).toString(36))}},function(t,e,n){var r=n(20)("wks"),i=n(2).Symbol;t.exports=function(t){return r[t]||(r[t]=i&&i[t]||(i||n(6))("Symbol."+t))}},function(t,e,n){n(26),t.exports=n(1).Array.some},function(t,e,n){n(25),t.exports=n(1).String.endsWith},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},function(t,e,n){var r=n(10);t.exports=function(t,e,n){if(r(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,r){return t.call(e,n,r)};case 3:return function(n,r,i){return t.call(e,n,r,i)}}return function(){return t.apply(e,arguments)}}},function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on  "+t);return t}},function(t,e,n){t.exports=function(t){var e=/./;try{"/./"[t](e)}catch(r){try{return e[n(7)("match")]=!1,!"/./"[t](e)}catch(t){}}return!0}},function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e,n){var r=n(16),i=n(11),o=n(7)("match");t.exports=function(t){var e;return r(t)&&(void 0!==(e=t[o])?!!e:"RegExp"==i(t))}},function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e,n){var r=n(2),i=n(4),o=n(6)("src"),a="toString",s=Function[a],c=(""+s).split(a);n(1).inspectSource=function(t){return s.call(t)},(t.exports=function(t,e,n,a){"function"==typeof n&&(i(n,o,t[e]?""+t[e]:c.join(String(e))),"name"in n||(n.name=e)),t===r?t[e]=n:(a||delete t[e],i(t,e,n))})(Function.prototype,a,function(){return"function"==typeof this&&this[o]||s.call(this)})},function(t,e,n){var r=n(2),i="__core-js_shared__",o=r[i]||(r[i]={});t.exports=function(t){return o[t]||(o[t]={})}},function(t,e,n){var r=n(17),i=n(13);t.exports=function(t,e,n){if(r(e))throw TypeError("String#"+n+" doesn't accept regex!");return String(i(t))}},function(t,e,n){t.exports=!n(15)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(t,e){var n=Math.ceil,r=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?r:n)(t)}},function(t,e,n){var r=n(23),i=Math.min;t.exports=function(t){return t>0?i(r(t),9007199254740991):0}},function(t,e,n){"use strict";var r=n(3),i=n(24),o=n(21),a="endsWith",s=""[a];r(r.P+r.F*n(14)(a),"String",{endsWith:function(t){var e=o(this,t,a),n=arguments,r=n.length>1?n[1]:void 0,c=i(e.length),l=void 0===r?c:Math.min(i(r),c),u=String(t);return s?s.call(e,u,l):e.slice(l-u.length,l)===u}})},function(t,e,n){var r=n(5),i=n(3),o=n(1).Array||Array,a={},s=function(t,e){r.each.call(t.split(","),function(t){void 0==e&&t in o?a[t]=o[t]:t in[]&&(a[t]=n(12)(Function.call,[][t],e))})};s("pop,reverse,shift,keys,values,entries",1),s("indexOf,every,some,forEach,map,filter,find,findIndex,includes",3),s("join,slice,concat,push,splice,unshift,sort,lastIndexOf,reduce,reduceRight,copyWithin,fill"),i(i.S,"Array",a)}])},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(3),i=n(4),o=n.n(i);e.default={name:"cropper-modal",props:{autoCropData:{required:!0},image:{required:!0},cropOptions:{type:Object,required:!0},locales:{type:Object,required:!0}},mounted:function(){this.setAutoCropData()},methods:{cropImage:function(){var t=this.cropOptions,e=t.height,n=t.width,r=this.$refs.cropper.getCroppedCanvas({height:e,width:n}).toDataURL();this.$emit("cropped",r),this.close()},setAutoCropData:function(){this.autoCropData&&this.$refs.cropper.setData(this.autoCropData)},rotate:function(t){this.$refs.cropper.rotate(t)},close:function(){this.$parent.toggleCropperModal()}},components:{VueCropper:r.a,Actions:o.a}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(3),i=n(4),o=n.n(i),a=n(23),s=n.n(a),c=n(19),l=n.n(c),u=n(31),p=n.n(u);e.default={props:{autoCrop:{type:Boolean,default:!0},image:{type:String,required:!0},imageSizes:{type:Object,required:!0},locales:{type:Object,required:!0},cropOptions:{type:Object,required:!0},styles:{type:Object,required:!0}},data:function(){return{croppedImage:null,showCropperModal:!1,processing:!1}},mounted:function(){this.smartCrop()},computed:{previewImage:function(){return this.autoCrop||this.croppedImage?this.croppedImage:this.image},cropSizes:function(){var t=this.imageSizes,e=t.height,n=t.width,r=this.cropOptions.aspectRatio||n/e,i=this.cropOptions,o=i.height,a=i.width;return a?o=a/r:o&&(a=o*r),{height:Math.floor(o||e),width:Math.floor(a||n)}},autoCropData:function(){return this.$refs.cropper?this.$refs.cropper.getData():null}},methods:{smartCrop:function(){var t=this;if(this.autoCrop){this.processing=!0;var e=new Image;e.src=this.image,e.onload=function(){l.a.crop(e,t.cropSizes).then(t.onSmartCropped)}}},cropperReady:function(){this.processing=!1},imageCropped:function(t){this.croppedImage=t,this.$emit("cropped",t)},removeImage:function(){this.$emit("remove")},toggleCropperModal:function(){this.showCropperModal=!this.showCropperModal},onSmartCropped:function(t){var e=t.topCrop,n=e.x,r=e.y,i=this.$refs.cropper.cropper;i.moveTo(n,r),i.crop(),this.toggleCropperModal()}},components:{VueCropper:r.a,Actions:o.a,CropperModal:s.a,Spinner:p.a}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"upload-form",props:{locales:{type:Object,required:!0},accept:{required:!0}},data:function(){return{isDragging:!1,image:null}},mounted:function(){this.dndEvents()},watch:{image:function(){this.$emit("image-selected",this.image)}},methods:{dragenter:function(t){this.isDragging=!0,t.preventDefault()},dragleave:function(t){t.preventDefault(),this.isDragging=!1},dragover:function(t){return t.preventDefault(),t.dataTransfer.dropEffect="copy",!1},drop:function(t){t.preventDefault(),t.stopPropagation(),this.image=t.dataTransfer.files[0],this.isDragging=!1},selectImage:function(t){this.image=t.target.files[0]},dndEvents:function(){var t=this;["dragenter","dragleave","dragover","drop"].forEach(function(e){return t.$el.addEventListener(e,t[e])})}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(6),i=n.n(r),o=n(25),a=n.n(o),s=n(24),c=n.n(s);e.default={name:"vue-image-cropper",props:{path:{type:String},accept:{default:"*"},styles:{type:Object,default:function(){return{}}},locales:{type:Object,default:function(){return{title:"Drop file here or click to select file",cancel:"Cancel",confirm:"Confirm"}}},cropOptions:{type:Object,default:function(){return{aspectRatio:NaN,height:0,width:0}}}},data:function(){return{autoCrop:!this.path,image:this.path,imageSizes:{height:0,width:0}}},computed:{containerSize:function(){var t=this.cropOptions,e=t.height,n=t.width;return e=e||400,n=n||600,{height:e+"px",width:"100%",maxWidth:n+"px"}}},watch:{path:function(){this.image=this.path,this.autoCrop=!this.path}},methods:{imageSelected:function(t){"*"!==this.accept&&!i()(t,this.accept)||!i()(t,"image/*")?this.$emit("error","accept"):this.toDataUrl(t)},toDataUrl:function(t){var e=this,n=new FileReader;n.readAsDataURL(t),n.onload=function(t){var n=t.target;e.image=n.result;var r=new Image;r.src=n.result,r.onload=function(){var t=r.height,n=r.width;e.imageSizes.height=t,e.imageSizes.width=n}}},imageCropped:function(t){this.$emit("cropped",t)},removeImage:function(){this.image=null,this.autoCrop=!0,this.$emit("removed")}},components:{UploadForm:a.a,Preview:c.a}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(5),i=n.n(r);e.default=i.a},function(t,e,n){/*!
 * Cropper.js v1.0.0
 * https://github.com/fengyuanchen/cropperjs
 *
 * Copyright (c) 2017 Fengyuan Chen
 * Released under the MIT license
 *
 * Date: 2017-09-03T12:52:44.102Z
 */
!function(e,n){t.exports=n()}(0,function(){"use strict";function t(t){return it.call(t).slice(8,-1).toLowerCase()}function e(t){return"number"==typeof t&&!isNaN(t)}function n(t){return void 0===t}function r(t){return"object"===(void 0===t?"undefined":V(t))&&null!==t}function i(t){if(!r(t))return!1;try{var e=t.constructor,n=e.prototype;return e&&n&&ot.call(n,"isPrototypeOf")}catch(t){return!1}}function o(e){return"function"===t(e)}function a(e){return Array.isArray?Array.isArray(e):"array"===t(e)}function s(t){return"string"==typeof t&&(t=t.trim?t.trim():t.replace(Q,"$1")),t}function c(t,n){if(t&&o(n)){var i=void 0;if(a(t)||e(t.length)){var s=t.length;for(i=0;i<s&&!1!==n.call(t,t[i],i,t);i+=1);}else r(t)&&Object.keys(t).forEach(function(e){n.call(t,t[e],e,t)})}return t}function l(t){for(var e=arguments.length,n=Array(e>1?e-1:0),i=1;i<e;i++)n[i-1]=arguments[i];if(r(t)&&n.length>0){if(Object.assign)return Object.assign.apply(Object,[t].concat(n));n.forEach(function(e){r(e)&&Object.keys(e).forEach(function(n){t[n]=e[n]})})}return t}function u(t,e){for(var n=arguments.length,r=Array(n>2?n-2:0),i=2;i<n;i++)r[i-2]=arguments[i];return function(){for(var n=arguments.length,i=Array(n),o=0;o<n;o++)i[o]=arguments[o];return t.apply(e,r.concat(i))}}function p(t,n){var r=t.style;c(n,function(t,n){Z.test(n)&&e(t)&&(t+="px"),r[n]=t})}function d(t,e){return t.classList?t.classList.contains(e):t.className.indexOf(e)>-1}function f(t,n){if(n){if(e(t.length))return void c(t,function(t){f(t,n)});if(t.classList)return void t.classList.add(n);var r=s(t.className);r?r.indexOf(n)<0&&(t.className=r+" "+n):t.className=n}}function h(t,n){if(n)return e(t.length)?void c(t,function(t){h(t,n)}):t.classList?void t.classList.remove(n):void(t.className.indexOf(n)>=0&&(t.className=t.className.replace(n,"")))}function v(t,n,r){if(n)return e(t.length)?void c(t,function(t){v(t,n,r)}):void(r?f(t,n):h(t,n))}function m(t){return t.replace(J,"$1-$2").toLowerCase()}function g(t,e){return r(t[e])?t[e]:t.dataset?t.dataset[e]:t.getAttribute("data-"+m(e))}function y(t,e,n){r(n)?t[e]=n:t.dataset?t.dataset[e]=n:t.setAttribute("data-"+m(e),n)}function b(t,e){if(r(t[e]))delete t[e];else if(t.dataset)try{delete t.dataset[e]}catch(n){t.dataset[e]=null}else t.removeAttribute("data-"+m(e))}function w(t,e,n){var r=s(e).split(G);if(r.length>1)return void c(r,function(e){w(t,e,n)});t.removeEventListener?t.removeEventListener(e,n,!1):t.detachEvent&&t.detachEvent("on"+e,n)}function x(t,e,n,r){var i=s(e).split(G),o=n;if(i.length>1)return void c(i,function(e){x(t,e,n)});r&&(n=function(){for(var r=arguments.length,i=Array(r),a=0;a<r;a++)i[a]=arguments[a];return w(t,e,n),o.apply(t,i)}),t.addEventListener?t.addEventListener(e,n,!1):t.attachEvent&&t.attachEvent("on"+e,n)}function _(t,e,r){if(t.dispatchEvent){var i=void 0;return o(Event)&&o(CustomEvent)?i=n(r)?new Event(e,{bubbles:!0,cancelable:!0}):new CustomEvent(e,{detail:r,bubbles:!0,cancelable:!0}):n(r)?(i=document.createEvent("Event"),i.initEvent(e,!0,!0)):(i=document.createEvent("CustomEvent"),i.initCustomEvent(e,!0,!0,r)),t.dispatchEvent(i)}return!t.fireEvent||t.fireEvent("on"+e)}function C(t){var n=t||window.event;if(n.target||(n.target=n.srcElement||document),!e(n.pageX)&&e(n.clientX)){var r=t.target.ownerDocument||document,i=r.documentElement,o=r.body;n.pageX=n.clientX+((i&&i.scrollLeft||o&&o.scrollLeft||0)-(i&&i.clientLeft||o&&o.clientLeft||0)),n.pageY=n.clientY+((i&&i.scrollTop||o&&o.scrollTop||0)-(i&&i.clientTop||o&&o.clientTop||0))}return n}function k(t){var e=document.documentElement,n=t.getBoundingClientRect();return{left:n.left+((window.scrollX||e&&e.scrollLeft||0)-(e&&e.clientLeft||0)),top:n.top+((window.scrollY||e&&e.scrollTop||0)-(e&&e.clientTop||0))}}function M(t,e){return t.getElementsByTagName(e)}function A(t,e){return t.getElementsByClassName?t.getElementsByClassName(e):t.querySelectorAll("."+e)}function $(t){return document.createElement(t)}function O(t,e){t.appendChild(e)}function S(t){t.parentNode&&t.parentNode.removeChild(t)}function D(t){for(;t.firstChild;)t.removeChild(t.firstChild)}function T(t){var e=t.match(K);return e&&(e[1]!==location.protocol||e[2]!==location.hostname||e[3]!==location.port)}function E(t){var e="timestamp="+(new Date).getTime();return t+(-1===t.indexOf("?")?"?":"&")+e}function B(t,e){if(t.naturalWidth&&!nt)return void e(t.naturalWidth,t.naturalHeight);var n=$("img");n.onload=function(){e(this.width,this.height)},n.src=t.src}function j(t){var n=[],r=t.translateX,i=t.translateY,o=t.rotate,a=t.scaleX,s=t.scaleY;e(r)&&0!==r&&n.push("translateX("+r+"px)"),e(i)&&0!==i&&n.push("translateY("+i+"px)"),e(o)&&0!==o&&n.push("rotate("+o+"deg)"),e(a)&&1!==a&&n.push("scaleX("+a+")"),e(s)&&1!==s&&n.push("scaleY("+s+")");var c=n.length?n.join(" "):"none";return{WebkitTransform:c,msTransform:c,transform:c}}function N(t,e){var n=Math.abs(t.degree)%180,r=(n>90?180-n:n)*Math.PI/180,i=Math.sin(r),o=Math.cos(r),a=t.width,s=t.height,c=t.aspectRatio,l=void 0,u=void 0;return e?(l=a/(o+i/c),u=l/c):(l=a*o+s*i,u=a*i+s*o),{width:l,height:u}}function L(t,n,r){var i=$("canvas"),o=i.getContext("2d"),a=0,s=0,c=n.naturalWidth,l=n.naturalHeight,u=n.rotate,p=n.scaleX,d=n.scaleY,f=e(p)&&e(d)&&(1!==p||1!==d),h=e(u)&&0!==u,v=h||f,m=c*Math.abs(p||1),g=l*Math.abs(d||1),y=void 0,b=void 0,w=void 0;return f&&(y=m/2,b=g/2),h&&(w=N({width:m,height:g,degree:u}),m=w.width,g=w.height,y=m/2,b=g/2),i.width=m,i.height=g,r.fillColor&&(o.fillStyle=r.fillColor,o.fillRect(0,0,m,g)),v&&(a=-c/2,s=-l/2,o.save(),o.translate(y,b)),h&&o.rotate(u*Math.PI/180),f&&o.scale(p,d),o.imageSmoothingEnabled=!!r.imageSmoothingEnabled,r.imageSmoothingQuality&&(o.imageSmoothingQuality=r.imageSmoothingQuality),o.drawImage(t,Math.floor(a),Math.floor(s),Math.floor(c),Math.floor(l)),v&&o.restore(),i}function R(t,e,n){var r="",i=e;for(n+=e;i<n;i+=1)r+=at(t.getUint8(i));return r}function I(t){var e=new DataView(t),n=e.byteLength,r=void 0,i=void 0,o=void 0,a=void 0,s=void 0,c=void 0,l=void 0,u=void 0,p=void 0,d=void 0;if(255===e.getUint8(0)&&216===e.getUint8(1))for(p=2;p<n;){if(255===e.getUint8(p)&&225===e.getUint8(p+1)){l=p;break}p+=1}if(l&&(i=l+4,o=l+10,"Exif"===R(e,i,4)&&(c=e.getUint16(o),((s=18761===c)||19789===c)&&42===e.getUint16(o+2,s)&&(a=e.getUint32(o+4,s))>=8&&(u=o+a))),u)for(n=e.getUint16(u,s),d=0;d<n;d+=1)if(p=u+12*d+2,274===e.getUint16(p,s)){p+=8,r=e.getUint16(p,s),nt&&e.setUint16(p,1,s);break}return r}function z(t){var e=t.replace(q,""),n=atob(e),r=n.length,i=new ArrayBuffer(r),o=new Uint8Array(i),a=void 0;for(a=0;a<r;a+=1)o[a]=n.charCodeAt(a);return i}function P(t){var e=new Uint8Array(t),n=e.length,r="",i=void 0;for(i=0;i<n;i+=1)r+=at(e[i]);return"data:image/jpeg;base64,"+btoa(r)}function H(t,e){var n=t.pageX,r=t.pageY,i={endX:n,endY:r};return e?i:l({startX:n,startY:r},i)}function F(t){var e=l({},t),n=[];return c(t,function(t,r){delete e[r],c(e,function(e){var r=Math.abs(t.startX-e.startX),i=Math.abs(t.startY-e.startY),o=Math.abs(t.endX-e.endX),a=Math.abs(t.endY-e.endY),s=Math.sqrt(r*r+i*i),c=Math.sqrt(o*o+a*a),l=(c-s)/s;n.push(l)})}),n.sort(function(t,e){return Math.abs(t)<Math.abs(e)}),n[0]}function U(t){if(Array.isArray(t)){for(var e=0,n=Array(t.length);e<t.length;e++)n[e]=t[e];return n}return Array.from(t)}function W(t){var e=0,n=0,r=0;return c(t,function(t){var i=t.startX,o=t.startY;e+=i,n+=o,r+=1}),e/=r,n/=r,{pageX:e,pageY:n}}function X(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var Y={viewMode:0,dragMode:"crop",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},V="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},q=/^data:.*,/,J=/([a-z\d])([A-Z])/g,K=/^(https?:)\/\/([^:\/?#]+):?(\d*)/i,G=/\s+/,Z=/^(width|height|left|top|marginLeft|marginTop)$/,Q=/^\s+(.*)\s+$/,tt=/(Macintosh|iPhone|iPod|iPad).*AppleWebKit/i,et="undefined"!=typeof window?window.navigator:null,nt=et&&tt.test(et.userAgent),rt=Object.prototype,it=rt.toString,ot=rt.hasOwnProperty,at=String.fromCharCode,st={render:function(){var t=this;t.initContainer(),t.initCanvas(),t.initCropBox(),t.renderCanvas(),t.cropped&&t.renderCropBox()},initContainer:function(){var t=this,e=t.options,n=t.element,r=t.container,i=t.cropper,o="cropper-hidden";f(i,o),h(n,o);var a={width:Math.max(r.offsetWidth,Number(e.minContainerWidth)||200),height:Math.max(r.offsetHeight,Number(e.minContainerHeight)||100)};t.containerData=a,p(i,{width:a.width,height:a.height}),f(n,o),h(i,o)},initCanvas:function(){var t=this,e=t.options.viewMode,n=t.containerData,r=t.imageData,i=Math.abs(r.rotate)%180==90,o=i?r.naturalHeight:r.naturalWidth,a=i?r.naturalWidth:r.naturalHeight,s=o/a,c=n.width,u=n.height;n.height*s>n.width?3===e?c=n.height*s:u=n.width/s:3===e?u=n.width/s:c=n.height*s;var p={naturalWidth:o,naturalHeight:a,aspectRatio:s,width:c,height:u};p.left=(n.width-c)/2,p.top=(n.height-u)/2,p.oldLeft=p.left,p.oldTop=p.top,t.canvasData=p,t.limited=1===e||2===e,t.limitCanvas(!0,!0),t.initialImageData=l({},r),t.initialCanvasData=l({},p)},limitCanvas:function(t,e){var n=this,r=n.options,i=r.viewMode,o=n.containerData,a=n.canvasData,s=a.aspectRatio,c=n.cropBoxData,l=n.cropped&&c;if(t){var u=Number(r.minCanvasWidth)||0,p=Number(r.minCanvasHeight)||0;i>1?(u=Math.max(u,o.width),p=Math.max(p,o.height),3===i&&(p*s>u?u=p*s:p=u/s)):i>0&&(u?u=Math.max(u,l?c.width:0):p?p=Math.max(p,l?c.height:0):l&&(u=c.width,p=c.height,p*s>u?u=p*s:p=u/s)),u&&p?p*s>u?p=u/s:u=p*s:u?p=u/s:p&&(u=p*s),a.minWidth=u,a.minHeight=p,a.maxWidth=1/0,a.maxHeight=1/0}if(e)if(i){var d=o.width-a.width,f=o.height-a.height;a.minLeft=Math.min(0,d),a.minTop=Math.min(0,f),a.maxLeft=Math.max(0,d),a.maxTop=Math.max(0,f),l&&n.limited&&(a.minLeft=Math.min(c.left,c.left+(c.width-a.width)),a.minTop=Math.min(c.top,c.top+(c.height-a.height)),a.maxLeft=c.left,a.maxTop=c.top,2===i&&(a.width>=o.width&&(a.minLeft=Math.min(0,d),a.maxLeft=Math.max(0,d)),a.height>=o.height&&(a.minTop=Math.min(0,f),a.maxTop=Math.max(0,f))))}else a.minLeft=-a.width,a.minTop=-a.height,a.maxLeft=o.width,a.maxTop=o.height},renderCanvas:function(t){var e=this,n=e.canvasData,r=e.imageData,i=r.rotate;if(e.rotated){e.rotated=!1;var o=N({width:r.width,height:r.height,degree:i}),a=o.width/o.height,s=1===r.aspectRatio;if(s||a!==n.aspectRatio){if(n.left-=(o.width-n.width)/2,n.top-=(o.height-n.height)/2,n.width=o.width,n.height=o.height,n.aspectRatio=a,n.naturalWidth=r.naturalWidth,n.naturalHeight=r.naturalHeight,s&&i%90||i%180){var c=N({width:r.naturalWidth,height:r.naturalHeight,degree:i});n.naturalWidth=c.width,n.naturalHeight=c.height}e.limitCanvas(!0,!1)}}(n.width>n.maxWidth||n.width<n.minWidth)&&(n.left=n.oldLeft),(n.height>n.maxHeight||n.height<n.minHeight)&&(n.top=n.oldTop),n.width=Math.min(Math.max(n.width,n.minWidth),n.maxWidth),n.height=Math.min(Math.max(n.height,n.minHeight),n.maxHeight),e.limitCanvas(!1,!0),n.left=Math.min(Math.max(n.left,n.minLeft),n.maxLeft),n.top=Math.min(Math.max(n.top,n.minTop),n.maxTop),n.oldLeft=n.left,n.oldTop=n.top,p(e.canvas,l({width:n.width,height:n.height},j({translateX:n.left,translateY:n.top}))),e.renderImage(),e.cropped&&e.limited&&e.limitCropBox(!0,!0),t&&e.output()},renderImage:function(t){var e=this,n=e.canvasData,r=e.imageData,i=void 0,o=void 0,a=void 0,s=void 0;r.rotate&&(o=N({width:n.width,height:n.height,degree:r.rotate,aspectRatio:r.aspectRatio},!0),a=o.width,s=o.height,i={width:a,height:s,left:(n.width-a)/2,top:(n.height-s)/2}),l(r,i||{width:n.width,height:n.height,left:0,top:0}),p(e.image,l({width:r.width,height:r.height},j(l({translateX:r.left,translateY:r.top},r)))),t&&e.output()},initCropBox:function(){var t=this,e=t.options,n=e.aspectRatio,r=Number(e.autoCropArea)||.8,i=t.canvasData,o={width:i.width,height:i.height};n&&(i.height*n>i.width?o.height=o.width/n:o.width=o.height*n),t.cropBoxData=o,t.limitCropBox(!0,!0),o.width=Math.min(Math.max(o.width,o.minWidth),o.maxWidth),o.height=Math.min(Math.max(o.height,o.minHeight),o.maxHeight),o.width=Math.max(o.minWidth,o.width*r),o.height=Math.max(o.minHeight,o.height*r),o.left=i.left+(i.width-o.width)/2,o.top=i.top+(i.height-o.height)/2,o.oldLeft=o.left,o.oldTop=o.top,t.initialCropBoxData=l({},o)},limitCropBox:function(t,e){var n=this,r=n.options,i=r.aspectRatio,o=n.containerData,a=n.canvasData,s=n.cropBoxData,c=n.limited;if(t){var l=Number(r.minCropBoxWidth)||0,u=Number(r.minCropBoxHeight)||0,p=Math.min(o.width,c?a.width:o.width),d=Math.min(o.height,c?a.height:o.height);l=Math.min(l,o.width),u=Math.min(u,o.height),i&&(l&&u?u*i>l?u=l/i:l=u*i:l?u=l/i:u&&(l=u*i),d*i>p?d=p/i:p=d*i),s.minWidth=Math.min(l,p),s.minHeight=Math.min(u,d),s.maxWidth=p,s.maxHeight=d}e&&(c?(s.minLeft=Math.max(0,a.left),s.minTop=Math.max(0,a.top),s.maxLeft=Math.min(o.width,a.left+a.width)-s.width,s.maxTop=Math.min(o.height,a.top+a.height)-s.height):(s.minLeft=0,s.minTop=0,s.maxLeft=o.width-s.width,s.maxTop=o.height-s.height))},renderCropBox:function(){var t=this,e=t.options,n=t.containerData,r=t.cropBoxData;(r.width>r.maxWidth||r.width<r.minWidth)&&(r.left=r.oldLeft),(r.height>r.maxHeight||r.height<r.minHeight)&&(r.top=r.oldTop),r.width=Math.min(Math.max(r.width,r.minWidth),r.maxWidth),r.height=Math.min(Math.max(r.height,r.minHeight),r.maxHeight),t.limitCropBox(!1,!0),r.left=Math.min(Math.max(r.left,r.minLeft),r.maxLeft),r.top=Math.min(Math.max(r.top,r.minTop),r.maxTop),r.oldLeft=r.left,r.oldTop=r.top,e.movable&&e.cropBoxMovable&&y(t.face,"action",r.width===n.width&&r.height===n.height?"move":"all"),p(t.cropBox,l({width:r.width,height:r.height},j({translateX:r.left,translateY:r.top}))),t.cropped&&t.limited&&t.limitCanvas(!0,!0),t.disabled||t.output()},output:function(){var t=this;t.preview(),t.complete&&_(t.element,"crop",t.getData())}},ct={initPreview:function(){var t=this,e=t.options.preview,n=$("img"),r=t.crossOrigin,i=r?t.crossOriginUrl:t.url;if(r&&(n.crossOrigin=r),n.src=i,O(t.viewBox,n),t.image2=n,e){var o=e.querySelector?[e]:document.querySelectorAll(e);t.previews=o,c(o,function(t){var e=$("img");y(t,"preview",{width:t.offsetWidth,height:t.offsetHeight,html:t.innerHTML}),r&&(e.crossOrigin=r),e.src=i,e.style.cssText='display:block;width:100%;height:auto;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;image-orientation:0deg!important;"',D(t),O(t,e)})}},resetPreview:function(){c(this.previews,function(t){var e=g(t,"preview");p(t,{width:e.width,height:e.height}),t.innerHTML=e.html,b(t,"preview")})},preview:function(){var t=this,e=t.imageData,n=t.canvasData,r=t.cropBoxData,i=r.width,o=r.height,a=e.width,s=e.height,u=r.left-n.left-e.left,d=r.top-n.top-e.top;t.cropped&&!t.disabled&&(p(t.image2,l({width:a,height:s},j(l({translateX:-u,translateY:-d},e)))),c(t.previews,function(t){var n=g(t,"preview"),r=n.width,c=n.height,f=r,h=c,v=1;i&&(v=r/i,h=o*v),o&&h>c&&(v=c/o,f=i*v,h=c),p(t,{width:f,height:h}),p(M(t,"img")[0],l({width:a*v,height:s*v},j(l({translateX:-u*v,translateY:-d*v},e))))}))}},lt="undefined"!=typeof window?window.PointerEvent:null,ut=lt?"pointerdown":"touchstart mousedown",pt=lt?"pointermove":"touchmove mousemove",dt=lt?" pointerup pointercancel":"touchend touchcancel mouseup",ft={bind:function(){var t=this,e=t.options,n=t.element,r=t.cropper;o(e.cropstart)&&x(n,"cropstart",e.cropstart),o(e.cropmove)&&x(n,"cropmove",e.cropmove),o(e.cropend)&&x(n,"cropend",e.cropend),o(e.crop)&&x(n,"crop",e.crop),o(e.zoom)&&x(n,"zoom",e.zoom),x(r,ut,t.onCropStart=u(t.cropStart,t)),e.zoomable&&e.zoomOnWheel&&x(r,"wheel mousewheel DOMMouseScroll",t.onWheel=u(t.wheel,t)),e.toggleDragModeOnDblclick&&x(r,"dblclick",t.onDblclick=u(t.dblclick,t)),x(document,pt,t.onCropMove=u(t.cropMove,t)),x(document,dt,t.onCropEnd=u(t.cropEnd,t)),e.responsive&&x(window,"resize",t.onResize=u(t.resize,t))},unbind:function(){var t=this,e=t.options,n=t.element,r=t.cropper;o(e.cropstart)&&w(n,"cropstart",e.cropstart),o(e.cropmove)&&w(n,"cropmove",e.cropmove),o(e.cropend)&&w(n,"cropend",e.cropend),o(e.crop)&&w(n,"crop",e.crop),o(e.zoom)&&w(n,"zoom",e.zoom),w(r,ut,t.onCropStart),e.zoomable&&e.zoomOnWheel&&w(r,"wheel mousewheel DOMMouseScroll",t.onWheel),e.toggleDragModeOnDblclick&&w(r,"dblclick",t.onDblclick),w(document,pt,t.onCropMove),w(document,dt,t.onCropEnd),e.responsive&&w(window,"resize",t.onResize)}},ht=/^(e|w|s|n|se|sw|ne|nw|all|crop|move|zoom)$/,vt={resize:function(){var t=this,e=t.options,n=t.container,r=t.containerData,i=Number(e.minContainerWidth)||200,o=Number(e.minContainerHeight)||100;if(!t.disabled&&r.width!==i&&r.height!==o){var a=n.offsetWidth/r.width;if(1!==a||n.offsetHeight!==r.height){var s=void 0,l=void 0;e.restore&&(s=t.getCanvasData(),l=t.getCropBoxData()),t.render(),e.restore&&(t.setCanvasData(c(s,function(t,e){s[e]=t*a})),t.setCropBoxData(c(l,function(t,e){l[e]=t*a})))}}},dblclick:function(){var t=this;t.disabled||"none"===t.options.dragMode||t.setDragMode(d(t.dragBox,"cropper-crop")?"move":"crop")},wheel:function(t){var e=this,n=C(t),r=Number(e.options.wheelZoomRatio)||.1,i=1;e.disabled||(n.preventDefault(),e.wheeling||(e.wheeling=!0,setTimeout(function(){e.wheeling=!1},50),n.deltaY?i=n.deltaY>0?1:-1:n.wheelDelta?i=-n.wheelDelta/120:n.detail&&(i=n.detail>0?1:-1),e.zoom(-i*r,n)))},cropStart:function(t){var e=this;if(!e.disabled){var n=e.options,r=e.pointers,i=C(t),o=void 0;i.changedTouches?c(i.changedTouches,function(t){r[t.identifier]=H(t)}):r[i.pointerId||0]=H(i),o=Object.keys(r).length>1&&n.zoomable&&n.zoomOnTouch?"zoom":g(i.target,"action"),ht.test(o)&&!1!==_(e.element,"cropstart",{originalEvent:i,action:o})&&(i.preventDefault(),e.action=o,e.cropping=!1,"crop"===o&&(e.cropping=!0,f(e.dragBox,"cropper-modal")))}},cropMove:function(t){var e=this,n=e.action;if(!e.disabled&&n){var r=e.pointers,i=C(t);i.preventDefault(),!1!==_(e.element,"cropmove",{originalEvent:i,action:n})&&(i.changedTouches?c(i.changedTouches,function(t){l(r[t.identifier],H(t,!0))}):l(r[i.pointerId||0],H(i,!0)),e.change(i))}},cropEnd:function(t){var e=this;if(!e.disabled){var n=e.action,r=e.pointers,i=C(t);i.changedTouches?c(i.changedTouches,function(t){delete r[t.identifier]}):delete r[i.pointerId||0],n&&(i.preventDefault(),Object.keys(r).length||(e.action=""),e.cropping&&(e.cropping=!1,v(e.dragBox,"cropper-modal",e.cropped&&this.options.modal)),_(e.element,"cropend",{originalEvent:i,action:n}))}}},mt={change:function(t){var e=this,n=e.options,r=e.containerData,i=e.canvasData,o=e.cropBoxData,a=n.aspectRatio,s=e.action,l=o.width,u=o.height,p=o.left,d=o.top,f=p+l,v=d+u,m=0,g=0,y=r.width,b=r.height,w=!0,x=void 0;!a&&t.shiftKey&&(a=l&&u?l/u:1),e.limited&&(m=o.minLeft,g=o.minTop,y=m+Math.min(r.width,i.width,i.left+i.width),b=g+Math.min(r.height,i.height,i.top+i.height));var _=e.pointers,C=_[Object.keys(_)[0]],M={x:C.endX-C.startX,y:C.endY-C.startY};switch(s){case"all":p+=M.x,d+=M.y;break;case"e":if(M.x>=0&&(f>=y||a&&(d<=g||v>=b))){w=!1;break}f+M.x>y&&(M.x=y-f),l+=M.x,a&&(u=l/a,d-=M.x/a/2),l<0&&(s="w",l=0);break;case"n":if(M.y<=0&&(d<=g||a&&(p<=m||f>=y))){w=!1;break}d+M.y<g&&(M.y=g-d),u-=M.y,d+=M.y,a&&(l=u*a,p+=M.y*a/2),u<0&&(s="s",u=0);break;case"w":if(M.x<=0&&(p<=m||a&&(d<=g||v>=b))){w=!1;break}p+M.x<m&&(M.x=m-p),l-=M.x,p+=M.x,a&&(u=l/a,d+=M.x/a/2),l<0&&(s="e",l=0);break;case"s":if(M.y>=0&&(v>=b||a&&(p<=m||f>=y))){w=!1;break}v+M.y>b&&(M.y=b-v),u+=M.y,a&&(l=u*a,p-=M.y*a/2),u<0&&(s="n",u=0);break;case"ne":if(a){if(M.y<=0&&(d<=g||f>=y)){w=!1;break}u-=M.y,d+=M.y,l=u*a}else M.x>=0?f<y?l+=M.x:M.y<=0&&d<=g&&(w=!1):l+=M.x,M.y<=0?d>g&&(u-=M.y,d+=M.y):(u-=M.y,d+=M.y);l<0&&u<0?(s="sw",u=0,l=0):l<0?(s="nw",l=0):u<0&&(s="se",u=0);break;case"nw":if(a){if(M.y<=0&&(d<=g||p<=m)){w=!1;break}u-=M.y,d+=M.y,l=u*a,p+=M.y*a}else M.x<=0?p>m?(l-=M.x,p+=M.x):M.y<=0&&d<=g&&(w=!1):(l-=M.x,p+=M.x),M.y<=0?d>g&&(u-=M.y,d+=M.y):(u-=M.y,d+=M.y);l<0&&u<0?(s="se",u=0,l=0):l<0?(s="ne",l=0):u<0&&(s="sw",u=0);break;case"sw":if(a){if(M.x<=0&&(p<=m||v>=b)){w=!1;break}l-=M.x,p+=M.x,u=l/a}else M.x<=0?p>m?(l-=M.x,p+=M.x):M.y>=0&&v>=b&&(w=!1):(l-=M.x,p+=M.x),M.y>=0?v<b&&(u+=M.y):u+=M.y;l<0&&u<0?(s="ne",u=0,l=0):l<0?(s="se",l=0):u<0&&(s="nw",u=0);break;case"se":if(a){if(M.x>=0&&(f>=y||v>=b)){w=!1;break}l+=M.x,u=l/a}else M.x>=0?f<y?l+=M.x:M.y>=0&&v>=b&&(w=!1):l+=M.x,M.y>=0?v<b&&(u+=M.y):u+=M.y;l<0&&u<0?(s="nw",u=0,l=0):l<0?(s="sw",l=0):u<0&&(s="ne",u=0);break;case"move":e.move(M.x,M.y),w=!1;break;case"zoom":e.zoom(F(_),t),w=!1;break;case"crop":if(!M.x||!M.y){w=!1;break}x=k(e.cropper),p=C.startX-x.left,d=C.startY-x.top,l=o.minWidth,u=o.minHeight,M.x>0?s=M.y>0?"se":"ne":M.x<0&&(p-=l,s=M.y>0?"sw":"nw"),M.y<0&&(d-=u),e.cropped||(h(e.cropBox,"cropper-hidden"),e.cropped=!0,e.limited&&e.limitCropBox(!0,!0))}w&&(o.width=l,o.height=u,o.left=p,o.top=d,e.action=s,e.renderCropBox()),c(_,function(t){t.startX=t.endX,t.startY=t.endY})}},gt={crop:function(){var t=this;return t.ready&&!t.disabled&&(t.cropped||(t.cropped=!0,t.limitCropBox(!0,!0),t.options.modal&&f(t.dragBox,"cropper-modal"),h(t.cropBox,"cropper-hidden")),t.setCropBoxData(t.initialCropBoxData)),t},reset:function(){var t=this;return t.ready&&!t.disabled&&(t.imageData=l({},t.initialImageData),t.canvasData=l({},t.initialCanvasData),t.cropBoxData=l({},t.initialCropBoxData),t.renderCanvas(),t.cropped&&t.renderCropBox()),t},clear:function(){var t=this;return t.cropped&&!t.disabled&&(l(t.cropBoxData,{left:0,top:0,width:0,height:0}),t.cropped=!1,t.renderCropBox(),t.limitCanvas(!0,!0),t.renderCanvas(),h(t.dragBox,"cropper-modal"),f(t.cropBox,"cropper-hidden")),t},replace:function(t,e){var n=this;return!n.disabled&&t&&(n.isImg&&(n.element.src=t),e?(n.url=t,n.image.src=t,n.ready&&(n.image2.src=t,c(n.previews,function(e){M(e,"img")[0].src=t}))):(n.isImg&&(n.replaced=!0),n.options.data=null,n.load(t))),n},enable:function(){var t=this;return t.ready&&(t.disabled=!1,h(t.cropper,"cropper-disabled")),t},disable:function(){var t=this;return t.ready&&(t.disabled=!0,f(t.cropper,"cropper-disabled")),t},destroy:function(){var t=this,e=t.element,n=t.image;return t.loaded?(t.isImg&&t.replaced&&(e.src=t.originalUrl),t.unbuild(),h(e,"cropper-hidden")):t.isImg?w(e,"load",t.onStart):n&&S(n),b(e,"cropper"),t},move:function(t,e){var r=this,i=r.canvasData;return r.moveTo(n(t)?t:i.left+Number(t),n(e)?e:i.top+Number(e))},moveTo:function(t,r){var i=this,o=i.canvasData,a=!1;return n(r)&&(r=t),t=Number(t),r=Number(r),i.ready&&!i.disabled&&i.options.movable&&(e(t)&&(o.left=t,a=!0),e(r)&&(o.top=r,a=!0),a&&i.renderCanvas(!0)),i},zoom:function(t,e){var n=this,r=n.canvasData;return t=Number(t),t=t<0?1/(1-t):1+t,n.zoomTo(r.width*t/r.naturalWidth,e)},zoomTo:function(t,e){var n=this,r=n.options,i=n.canvasData,o=i.width,a=i.height,s=i.naturalWidth,c=i.naturalHeight;if((t=Number(t))>=0&&n.ready&&!n.disabled&&r.zoomable){var l=s*t,u=c*t;if(!1===_(n.element,"zoom",{originalEvent:e,oldRatio:o/s,ratio:l/s}))return n;if(e){var p=n.pointers,d=k(n.cropper),f=p&&Object.keys(p).length?W(p):{pageX:e.pageX,pageY:e.pageY};i.left-=(l-o)*((f.pageX-d.left-i.left)/o),i.top-=(u-a)*((f.pageY-d.top-i.top)/a)}else i.left-=(l-o)/2,i.top-=(u-a)/2;i.width=l,i.height=u,n.renderCanvas(!0)}return n},rotate:function(t){var e=this;return e.rotateTo((e.imageData.rotate||0)+Number(t))},rotateTo:function(t){var n=this;return t=Number(t),e(t)&&n.ready&&!n.disabled&&n.options.rotatable&&(n.imageData.rotate=t%360,n.rotated=!0,n.renderCanvas(!0)),n},scale:function(t,r){var i=this,o=i.imageData,a=!1;return n(r)&&(r=t),t=Number(t),r=Number(r),i.ready&&!i.disabled&&i.options.scalable&&(e(t)&&(o.scaleX=t,a=!0),e(r)&&(o.scaleY=r,a=!0),a&&i.renderImage(!0)),i},scaleX:function(t){var n=this,r=n.imageData.scaleY;return n.scale(t,e(r)?r:1)},scaleY:function(t){var n=this,r=n.imageData.scaleX;return n.scale(e(r)?r:1,t)},getData:function(t){var e=this,n=e.options,r=e.imageData,i=e.canvasData,o=e.cropBoxData,a=void 0,s=void 0;return e.ready&&e.cropped?(s={x:o.left-i.left,y:o.top-i.top,width:o.width,height:o.height},a=r.width/r.naturalWidth,c(s,function(e,n){e/=a,s[n]=t?Math.round(e):e})):s={x:0,y:0,width:0,height:0},n.rotatable&&(s.rotate=r.rotate||0),n.scalable&&(s.scaleX=r.scaleX||1,s.scaleY=r.scaleY||1),s},setData:function(t){var n=this,r=n.options,a=n.imageData,s=n.canvasData,c={},l=void 0,u=void 0,p=void 0;return o(t)&&(t=t.call(n.element)),n.ready&&!n.disabled&&i(t)&&(r.rotatable&&e(t.rotate)&&t.rotate!==a.rotate&&(a.rotate=t.rotate,l=!0,n.rotated=l),r.scalable&&(e(t.scaleX)&&t.scaleX!==a.scaleX&&(a.scaleX=t.scaleX,u=!0),e(t.scaleY)&&t.scaleY!==a.scaleY&&(a.scaleY=t.scaleY,u=!0)),l?n.renderCanvas():u&&n.renderImage(),p=a.width/a.naturalWidth,e(t.x)&&(c.left=t.x*p+s.left),e(t.y)&&(c.top=t.y*p+s.top),e(t.width)&&(c.width=t.width*p),e(t.height)&&(c.height=t.height*p),n.setCropBoxData(c)),n},getContainerData:function(){var t=this;return t.ready?t.containerData:{}},getImageData:function(){var t=this;return t.loaded?t.imageData:{}},getCanvasData:function(){var t=this,e=t.canvasData,n={};return t.ready&&c(["left","top","width","height","naturalWidth","naturalHeight"],function(t){n[t]=e[t]}),n},setCanvasData:function(t){var n=this,r=n.canvasData,a=r.aspectRatio;return o(t)&&(t=t.call(n.element)),n.ready&&!n.disabled&&i(t)&&(e(t.left)&&(r.left=t.left),e(t.top)&&(r.top=t.top),e(t.width)?(r.width=t.width,r.height=t.width/a):e(t.height)&&(r.height=t.height,r.width=t.height*a),n.renderCanvas(!0)),n},getCropBoxData:function(){var t=this,e=t.cropBoxData,n=void 0;return t.ready&&t.cropped&&(n={left:e.left,top:e.top,width:e.width,height:e.height}),n||{}},setCropBoxData:function(t){var n=this,r=n.cropBoxData,a=n.options.aspectRatio,s=void 0,c=void 0;return o(t)&&(t=t.call(n.element)),n.ready&&n.cropped&&!n.disabled&&i(t)&&(e(t.left)&&(r.left=t.left),e(t.top)&&(r.top=t.top),e(t.width)&&t.width!==r.width&&(s=!0,r.width=t.width),e(t.height)&&t.height!==r.height&&(c=!0,r.height=t.height),a&&(s?r.height=r.width/a:c&&(r.width=r.height*a)),n.renderCropBox()),n},getCroppedCanvas:function(t){var e=this;if(!e.ready||!window.HTMLCanvasElement)return null;if(i(t)||(t={}),!e.cropped)return L(e.image,e.imageData,t);var n=e.getData(),r=n.width,o=n.height,a=r/o,s=void 0,c=void 0,l=void 0;i(t)&&(s=t.width,c=t.height,s?(c=s/a,l=s/r):c&&(s=c*a,l=c/o));var u=Math.floor(s||r),p=Math.floor(c||o),d=$("canvas"),f=d.getContext("2d");d.width=u,d.height=p,t.fillColor&&(f.fillStyle=t.fillColor,f.fillRect(0,0,u,p));var h=function(){var i=L(e.image,e.imageData,t),a=i.width,s=i.height,c=e.canvasData,u=[i],p=n.x+c.naturalWidth*(Math.abs(n.scaleX||1)-1)/2,d=n.y+c.naturalHeight*(Math.abs(n.scaleY||1)-1)/2,f=void 0,h=void 0,v=void 0,m=void 0,g=void 0,y=void 0;return p<=-r||p>a?(p=0,f=0,v=0,g=0):p<=0?(v=-p,p=0,f=Math.min(a,r+p),g=f):p<=a&&(v=0,f=Math.min(r,a-p),g=f),f<=0||d<=-o||d>s?(d=0,h=0,m=0,y=0):d<=0?(m=-d,d=0,h=Math.min(s,o+d),y=h):d<=s&&(m=0,h=Math.min(o,s-d),y=h),u.push(Math.floor(p),Math.floor(d),Math.floor(f),Math.floor(h)),l&&(v*=l,m*=l,g*=l,y*=l),g>0&&y>0&&u.push(Math.floor(v),Math.floor(m),Math.floor(g),Math.floor(y)),u}();return f.imageSmoothingEnabled=!!t.imageSmoothingEnabled,t.imageSmoothingQuality&&(f.imageSmoothingQuality=t.imageSmoothingQuality),f.drawImage.apply(f,U(h)),d},setAspectRatio:function(t){var e=this,r=e.options;return e.disabled||n(t)||(r.aspectRatio=Math.max(0,t)||NaN,e.ready&&(e.initCropBox(),e.cropped&&e.renderCropBox())),e},setDragMode:function(t){var e=this,n=e.options,r=e.dragBox,i=e.face,o=void 0,a=void 0;return e.loaded&&!e.disabled&&(o="crop"===t,a=n.movable&&"move"===t,t=o||a?t:"none",y(r,"action",t),v(r,"cropper-crop",o),v(r,"cropper-move",a),n.cropBoxMovable||(y(i,"action",t),v(i,"cropper-crop",o),v(i,"cropper-move",a))),e}},yt=function(){function t(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}return function(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),e}}(),bt=/^data:/,wt=/^data:image\/jpeg;base64,/,xt=void 0,_t=function(){function t(e,n){X(this,t);var r=this;r.element=e,r.options=l({},Y,i(n)&&n),r.loaded=!1,r.ready=!1,r.complete=!1,r.rotated=!1,r.cropped=!1,r.disabled=!1,r.replaced=!1,r.limited=!1,r.wheeling=!1,r.isImg=!1,r.originalUrl="",r.canvasData=null,r.cropBoxData=null,r.previews=null,r.pointers={},r.init()}return yt(t,[{key:"init",value:function(){var t=this,e=t.element,n=e.tagName.toLowerCase(),r=void 0;if(!g(e,"cropper")){if(y(e,"cropper",t),"img"===n){if(t.isImg=!0,r=e.getAttribute("src"),t.originalUrl=r,!r)return;r=e.src}else"canvas"===n&&window.HTMLCanvasElement&&(r=e.toDataURL());t.load(r)}}},{key:"load",value:function(t){var e=this,n=e.options,r=e.element;if(t){if(e.url=t,e.imageData={},!n.checkOrientation||!window.ArrayBuffer)return void e.clone();if(bt.test(t))return void(wt.test(t)?e.read(z(t)):e.clone());var i=new XMLHttpRequest;i.onerror=function(){e.clone()},i.onload=function(){e.read(i.response)},n.checkCrossOrigin&&T(t)&&r.crossOrigin&&(t=E(t)),i.open("get",t),i.responseType="arraybuffer",i.withCredentials="use-credentials"===r.crossOrigin,i.send()}}},{key:"read",value:function(t){var e=this,n=e.options,r=I(t),i=e.imageData,o=0,a=1,s=1;if(r>1)switch(e.url=P(t),r){case 2:a=-1;break;case 3:o=-180;break;case 4:s=-1;break;case 5:o=90,s=-1;break;case 6:o=90;break;case 7:o=90,a=-1;break;case 8:o=-90}n.rotatable&&(i.rotate=o),n.scalable&&(i.scaleX=a,i.scaleY=s),e.clone()}},{key:"clone",value:function(){var t=this,e=t.element,n=t.url,r=void 0,i=void 0;t.options.checkCrossOrigin&&T(n)&&(r=e.crossOrigin,r?i=n:(r="anonymous",i=E(n))),t.crossOrigin=r,t.crossOriginUrl=i;var o=$("img");r&&(o.crossOrigin=r),o.src=i||n;var a=u(t.start,t),s=u(t.stop,t);t.image=o,t.onStart=a,t.onStop=s,t.isImg?e.complete?t.start():x(e,"load",a):(x(o,"load",a),x(o,"error",s),f(o,"cropper-hide"),e.parentNode.insertBefore(o,e.nextSibling))}},{key:"start",value:function(t){var e=this,n=e.isImg?e.element:e.image;t&&(w(n,"load",e.onStart),w(n,"error",e.onStop)),B(n,function(t,n){l(e.imageData,{naturalWidth:t,naturalHeight:n,aspectRatio:t/n}),e.loaded=!0,e.build()})}},{key:"stop",value:function(){var t=this,e=t.image;w(e,"load",t.onStart),w(e,"error",t.onStop),S(e),t.image=null}},{key:"build",value:function(){var t=this,e=t.options,n=t.element,r=t.image;if(t.loaded){t.ready&&t.unbuild();var i=n.parentNode,a=$("div");a.innerHTML='<div class="cropper-container"><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-action="e"></span><span class="cropper-line line-n" data-action="n"></span><span class="cropper-line line-w" data-action="w"></span><span class="cropper-line line-s" data-action="s"></span><span class="cropper-point point-e" data-action="e"></span><span class="cropper-point point-n" data-action="n"></span><span class="cropper-point point-w" data-action="w"></span><span class="cropper-point point-s" data-action="s"></span><span class="cropper-point point-ne" data-action="ne"></span><span class="cropper-point point-nw" data-action="nw"></span><span class="cropper-point point-sw" data-action="sw"></span><span class="cropper-point point-se" data-action="se"></span></div></div>';var s=A(a,"cropper-container")[0],c=A(s,"cropper-canvas")[0],l=A(s,"cropper-drag-box")[0],u=A(s,"cropper-crop-box")[0],p=A(u,"cropper-face")[0];t.container=i,t.cropper=s,t.canvas=c,t.dragBox=l,t.cropBox=u,t.viewBox=A(s,"cropper-view-box")[0],t.face=p,O(c,r),f(n,"cropper-hidden"),i.insertBefore(s,n.nextSibling),t.isImg||h(r,"cropper-hide"),t.initPreview(),t.bind(),e.aspectRatio=Math.max(0,e.aspectRatio)||NaN,e.viewMode=Math.max(0,Math.min(3,Math.round(e.vi