@designcrowd/fe-shared-lib 1.8.8 → 1.8.9-ai-switch

package/.storybook-static/assets/UploadYourLogoApplication-nGy7BMKH.css

@@ -0,0 +1,9 @@
+/*!
+ * Cropper.js v1.5.12
+ * https://fengyuanchen.github.io/cropperjs
+ *
+ * Copyright 2015-present Chen Fengyuan
+ * Released under the MIT license
+ *
+ * Date: 2021-06-12T08:00:11.623Z
+ */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-container img{display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box{display:none}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media(min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media(min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media(min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.c-byo-cropper .cropper-bg{background-image:none}.c-byo-cropper .cropper-drag-box{background-color:transparent}.c-byo-cropper .cropper-view-box{outline:1px solid #fff;border:1px solid rgba(0,0,0,.2)!important}.c-byo-cropper .cropper-center:before,.c-byo-cropper .cropper-center:after{background-color:#eee}.c-byo-cropper .cropper-face{background-color:#fff}.c-byo-cropper .cropper-line{background-color:#b2b2b2}.c-byo-cropper .cropper-point{background-color:#7a7a7a;border:1px solid #fff;height:10px;width:10px}.c-byo-cropper .c-byo-cropper__container{width:300px;height:300px}.c-byo-cropper .c-byo-cropper__container>div{height:100%;width:100%}

package/.storybook-static/assets/UploadYourLogoApplication.stories-BhZE8DD8.js

@@ -0,0 +1,252 @@
+import{a as De}from"./index-Bz4la0P9.js";import{M as Ee}from"./index-_aBqSnL8.js";import{E as re}from"./event-constants-CMO9VQVu.js";import{b as xo}from"./brand-crowd-api.client-CMc6GnPx.js";import{t as ye}from"./tracking-ATsLLehC.js";import{c as V,f as G,e as _,h as H,g as ma,a as U,o as S,t as F,X as se,y as J,Y as va,b as bt,A as Jt,N as $t,x as wa}from"./iframe-ndUd-rmt.js";import{I as ya}from"./Icon-B_xzgi_Q.js";import{_ as ae}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{U as ba}from"./UploadYourLogoDropzone-DjLMXjVf.js";import{_ as xa}from"./AiPoweredLoader-K9ofJ40T.js";import{h as _a,L as Oa}from"./LogoBusinessBrandColours-wfQKCU3x.js";import{B as Me}from"./Button-CkyYO9sU.js";import{a as Ca,g as La}from"./_commonjsHelpers-D6-XlEtG.js";import{L as Da}from"./LogoKeywords-eT_i8ucw.js";import{A as k}from"./api-BlGvmpef.js";import"./HelloBar-DEIIHhYa.js";import"./ButtonPrimary-LDY_rMmo.js";const Ea={MAX_BYO_FILE_SIZE:26214400},_o={components:{Icon:ya},props:{showCancelButton:{type:Boolean,required:!1,default:!0}},methods:{cancel(){this.$emit("on-cancel")}}},Sa={class:"tw-relative tw-h-full lg:tw-h-auto tw-bg-grayscale-200 lg:tw-rounded tw-shadow-md tw-w-full lg:tw-max-w-xl tw-flex-col tw-pt-12"},Ta={class:"tw-flex tw-items-center tw-justify-center tw-flex-col tw-text-center tw-h-full lg:tw-h-auto"};function Aa(p,m,b,x,v,f){const w=U("Icon");return S(),V("div",Sa,[b.showCancelButton?(S(),V("button",{key:0,class:"tw-absolute tw-top-0 tw-right-0 tw-pt-6 tw-pr-6 tw-cursor-pointer tw-border-none tw-bg-transparent","data-test-cancel-btn":"",onClick:m[0]||(m[0]=(...y)=>f.cancel&&f.cancel(...y))},[H(w,{name:"close",size:"sm"})])):G("",!0),_("div",Ta,[ma(p.$slots,"content")])])}const Ba=ae(_o,[["render",Aa]]);_o.__docgenInfo={exportName:"default",displayName:"LogoUploadModal",description:"",tags:{},props:[{name:"showCancelButton",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}}],events:[{name:"on-cancel"}],slots:[{name:"content"}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/UploadYourLogoOnBoarding/LogoUploadModal.vue"]};const Oo={components:{AiPoweredLoader:xa},props:{loadingText:{type:String,required:!0},isAiPowered:{type:Boolean,default:!1}}},ka={class:"tw-pt-12 tw-pb-16 tw-flex tw-flex-col tw-items-center tw-justify-center"},Ua={key:0,class:"tw-mb-8"},Pa={key:1,src:"https://dcstatic.com/images/brandcrowd/on-boarding/loading/preloader-1-d1cc0b885f.gif",alt:"Loading",class:"tw-block tw-mb-8"},Ia={class:"tw-text-black tw-text-2xl tw-font-bold tw-text-center"};function Na(p,m,b,x,v,f){const w=U("AiPoweredLoader");return S(),V("div",ka,[b.isAiPowered?(S(),V("div",Ua,[H(w,{alt:"AI-powered loading"})])):(S(),V("img",Pa)),_("p",Ia,F(b.loadingText),1)])}const Co=ae(Oo,[["render",Na]]);Oo.__docgenInfo={exportName:"default",displayName:"LogoUploadingLoader",description:"",tags:{},props:[{name:"loadingText",type:{name:"string"},required:!0},{name:"isAiPowered",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/UploadYourLogoOnBoarding/LogoUploadingLoader.vue"]};const Lo={components:{LogoUploadingLoader:Co},props:{logoFile:{type:Object,required:!0,default:void 0},customUploadData:{type:Object,required:!1,default:null},eventCategory:{type:String,required:!0},isAiPowered:{type:Boolean,default:!1}},setup(){return{uploadYourLogoTr:se}},data(){return{isRunning:!1}},mounted(){this.uploadLogo()},methods:{async uploadLogo(){if(this.isRunning)return;this.isRunning=!0;let p=0;const m=Date.now(),b=setInterval(()=>{p=Date.now()-m},1),x=await xo.uploadLogoAndGetDetails(this.logoFile,this.customUploadData);if(clearInterval(b),this.isRunning=!1,x.error){this.$emit("on-upload-error",x.error);return}x.success?this.$emit("on-upload-success",x.response):this.$emit("on-upload-error",x.response);const v=_a(x.response.data.logoImageDetails.textColors[0],x.response.data.logoImageDetails.backgroundColors[0]);ye({eventCategory:this.eventCategory,eventAction:"timeTakenToUpload",eventLabel:`${p}`,event:"byoLogoUpload"}),ye({eventCategory:this.eventCategory,eventAction:"logoSize",eventLabel:`${this.logoFile.file.size}`,event:"byoLogoUpload"}),ye({eventCategory:this.eventCategory,eventAction:"colorDifference",eventLabel:`${v}`,event:"byoLogoUpload"})}}};function Ma(p,m,b,x,v,f){const w=U("LogoUploadingLoader");return S(),J(w,{"loading-text":x.uploadYourLogoTr("uploadingAndConverting"),"is-ai-powered":b.isAiPowered},null,8,["loading-text","is-ai-powered"])}const Ya=ae(Lo,[["render",Ma]]);Lo.__docgenInfo={exportName:"default",displayName:"LogoUploader",description:"",tags:{},props:[{name:"logoFile",type:{name:"object"},required:!0,defaultValue:{func:!1,value:"undefined"}},{name:"customUploadData",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"eventCategory",type:{name:"string"},required:!0},{name:"isAiPowered",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"on-upload-error",type:{names:["undefined"]}},{name:"on-upload-success",type:{names:["undefined"]}}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/UploadYourLogoOnBoarding/LogoUploader.vue"]};const Do={components:{Button:Me},props:{errorMessage:{type:String,required:!1,default:null}},setup(){return{uploadYourLogoTr:se}},methods:{cancel(){this.$emit("on-cancel")},openFileSelector(){this.$refs.fileInput.click()},onFileInputChange(p){p.target.files.length&&this.$emit("on-logo-file-change",p.target.files[0])}}},Ra={class:"tw-w-full"},za={class:"tw-px-8 tw-pb-8"},Fa={class:"tw-mb-8 tw-text-4xl tw-font-bold"},Ga={class:"tw-mt-0 tw-text-grayscale-600 tw-text-base tw-text-center"},Va={class:"tw-flex tw-w-full tw-items-center tw-justify-center tw-border-0 tw-border-t tw-border-black/10 tw-border-solid tw-py-4 tw-px-8"};function qa(p,m,b,x,v,f){const w=U("Button");return S(),V("div",Ra,[_("div",za,[_("h2",Fa,F(x.uploadYourLogoTr("uploadError")),1),_("p",Ga,F(b.errorMessage),1)]),_("div",Va,[H(w,{label:x.uploadYourLogoTr("cancel"),size:"large",variant:"outline","container-classes":"tw-mx-2","data-test-cancel-btn":"",onOnClick:f.cancel},null,8,["label","onOnClick"]),_("input",{ref:"fileInput",class:"tw-sr-only",type:"file",accept:".jpg,.jpeg,.png,.svg,.eps",onChange:m[0]||(m[0]=(...y)=>f.onFileInputChange&&f.onFileInputChange(...y))},null,544),H(w,{label:x.uploadYourLogoTr("uploadYourLogoText"),size:"large",variant:"primary-with-icon",icon:"chevron-right-wide","container-classes":"tw-mx-2",onOnClick:f.openFileSelector},null,8,["label","onOnClick"])])])}const ja=ae(Do,[["render",qa]]);Do.__docgenInfo={exportName:"default",displayName:"LogoUploadError",description:"",tags:{},props:[{name:"errorMessage",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}}],events:[{name:"on-cancel"},{name:"on-logo-file-change",type:{names:["undefined"]}}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/UploadYourLogoOnBoarding/LogoUploadError.vue"]};const Eo={components:{Button:Me},setup(){return{uploadYourLogoTr:se}},methods:{goBack(){this.$emit("on-go-back")},confirm(){this.$emit("on-confirm")}}},Xa={class:"tw-w-full"},Ha={class:"tw-px-8 tw-pb-8"},Wa={class:"tw-mb-4 tw-text-4xl tw-text-black tw-font-bold"},Ka={class:"tw-mt-0 tw-text-grayscale-600 tw-text-base tw-text-center"},Za={class:"tw-flex tw-w-full tw-items-center tw-justify-center tw-border-0 tw-border-t tw-border-black/10 tw-border-solid tw-py-4 tw-px-8"};function Qa(p,m,b,x,v,f){const w=U("Button");return S(),V("div",Xa,[_("div",Ha,[_("h2",Wa,F(x.uploadYourLogoTr("exitConfirmationTitle")),1),_("p",Ka,F(x.uploadYourLogoTr("exitConfirmationDescription")),1)]),_("div",Za,[H(w,{label:x.uploadYourLogoTr("no"),size:"large",variant:"outline","container-classes":"tw-mx-2","data-test-cancel-no-btn":"",onOnClick:f.goBack},null,8,["label","onOnClick"]),H(w,{label:x.uploadYourLogoTr("yes"),size:"large",variant:"primary-with-icon",icon:"chevron-right-wide","container-classes":"tw-mx-2","data-test-cancel-yes-btn":"",onOnClick:f.confirm},null,8,["label","onOnClick"])])])}const Ja=ae(Eo,[["render",Qa]]);Eo.__docgenInfo={exportName:"default",displayName:"LogoUploadExitConfirmation",description:"",tags:{},events:[{name:"on-go-back"},{name:"on-confirm"}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/UploadYourLogoOnBoarding/LogoUploadExitConfirmation.vue"]};var qe={};const $a=Ca(va);var Qe={exports:{}};/*!
+ * Cropper.js v1.6.1
+ * https://fengyuanchen.github.io/cropperjs
+ *
+ * Copyright 2015-present Chen Fengyuan
+ * Released under the MIT license
+ *
+ * Date: 2023-09-17T03:44:19.860Z
+ */var en=Qe.exports,eo;function tn(){return eo||(eo=1,(function(p,m){(function(b,x){p.exports=x()})(en,(function(){function b(a,e){var o=Object.keys(a);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(a);e&&(t=t.filter(function(r){return Object.getOwnPropertyDescriptor(a,r).enumerable})),o.push.apply(o,t)}return o}function x(a){for(var e=1;e<arguments.length;e++){var o=arguments[e]!=null?arguments[e]:{};e%2?b(Object(o),!0).forEach(function(t){P(a,t,o[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(o)):b(Object(o)).forEach(function(t){Object.defineProperty(a,t,Object.getOwnPropertyDescriptor(o,t))})}return a}function v(a){"@babel/helpers - typeof";return v=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(a)}function f(a,e){if(!(a instanceof e))throw new TypeError("Cannot call a class as a function")}function w(a,e){for(var o=0;o<e.length;o++){var t=e[o];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(a,Ye(t.key),t)}}function y(a,e,o){return e&&w(a.prototype,e),o&&w(a,o),Object.defineProperty(a,"prototype",{writable:!1}),a}function P(a,e,o){return e=Ye(e),e in a?Object.defineProperty(a,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[e]=o,a}function K(a){return he(a)||$e(a)||et(a)||tt()}function he(a){if(Array.isArray(a))return Te(a)}function $e(a){if(typeof Symbol<"u"&&a[Symbol.iterator]!=null||a["@@iterator"]!=null)return Array.from(a)}function et(a,e){if(a){if(typeof a=="string")return Te(a,e);var o=Object.prototype.toString.call(a).slice(8,-1);if(o==="Object"&&a.constructor&&(o=a.constructor.name),o==="Map"||o==="Set")return Array.from(a);if(o==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return Te(a,e)}}function Te(a,e){(e==null||e>a.length)&&(e=a.length);for(var o=0,t=new Array(e);o<e;o++)t[o]=a[o];return t}function tt(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function ot(a,e){if(typeof a!="object"||a===null)return a;var o=a[Symbol.toPrimitive];if(o!==void 0){var t=o.call(a,e);if(typeof t!="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(a)}function Ye(a){var e=ot(a,"string");return typeof e=="symbol"?e:String(e)}var Re=typeof window<"u"&&typeof window.document<"u",ee=Re?window:{},at=Re&&ee.document.documentElement?"ontouchstart"in ee.document.documentElement:!1,nt=Re?"PointerEvent"in ee:!1,T="cropper",it="all",xt="crop",_t="move",Ot="zoom",de="e",ge="w",xe="s",le="n",Ae="ne",Be="nw",ke="se",Ue="sw",rt="".concat(T,"-crop"),Ct="".concat(T,"-disabled"),q="".concat(T,"-hidden"),Lt="".concat(T,"-hide"),Uo="".concat(T,"-invisible"),ze="".concat(T,"-modal"),st="".concat(T,"-move"),Pe="".concat(T,"Action"),Fe="".concat(T,"Preview"),lt="crop",Dt="move",Et="none",ct="crop",ut="cropend",pt="cropmove",ht="cropstart",St="dblclick",Po=at?"touchstart":"mousedown",Io=at?"touchmove":"mousemove",No=at?"touchend touchcancel":"mouseup",Tt=nt?"pointerdown":Po,At=nt?"pointermove":Io,Bt=nt?"pointerup pointercancel":No,kt="ready",Ut="resize",Pt="wheel",dt="zoom",It="image/jpeg",Mo=/^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/,Yo=/^data:/,Ro=/^data:image\/jpeg;base64,/,zo=/^img|canvas$/i,Nt=200,Mt=100,Yt={viewMode:0,dragMode:lt,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:Nt,minContainerHeight:Mt,ready:null,cropstart:null,cropmove:null,cropend:null,crop:null,zoom:null},Fo='<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>',Go=Number.isNaN||ee.isNaN;function O(a){return typeof a=="number"&&!Go(a)}var Rt=function(e){return e>0&&e<1/0};function gt(a){return typeof a>"u"}function fe(a){return v(a)==="object"&&a!==null}var Vo=Object.prototype.hasOwnProperty;function _e(a){if(!fe(a))return!1;try{var e=a.constructor,o=e.prototype;return e&&o&&Vo.call(o,"isPrototypeOf")}catch{return!1}}function j(a){return typeof a=="function"}var qo=Array.prototype.slice;function zt(a){return Array.from?Array.from(a):qo.call(a)}function I(a,e){return a&&j(e)&&(Array.isArray(a)||O(a.length)?zt(a).forEach(function(o,t){e.call(a,o,t,a)}):fe(a)&&Object.keys(a).forEach(function(o){e.call(a,a[o],o,a)})),a}var A=Object.assign||function(e){for(var o=arguments.length,t=new Array(o>1?o-1:0),r=1;r<o;r++)t[r-1]=arguments[r];return fe(e)&&t.length>0&&t.forEach(function(n){fe(n)&&Object.keys(n).forEach(function(i){e[i]=n[i]})}),e},jo=/\.\d*(?:0|9){12}\d*$/;function Oe(a){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:1e11;return jo.test(a)?Math.round(a*e)/e:a}var Xo=/^width|height|left|top|marginLeft|marginTop$/;function ce(a,e){var o=a.style;I(e,function(t,r){Xo.test(r)&&O(t)&&(t="".concat(t,"px")),o[r]=t})}function Ho(a,e){return a.classList?a.classList.contains(e):a.className.indexOf(e)>-1}function R(a,e){if(e){if(O(a.length)){I(a,function(t){R(t,e)});return}if(a.classList){a.classList.add(e);return}var o=a.className.trim();o?o.indexOf(e)<0&&(a.className="".concat(o," ").concat(e)):a.className=e}}function te(a,e){if(e){if(O(a.length)){I(a,function(o){te(o,e)});return}if(a.classList){a.classList.remove(e);return}a.className.indexOf(e)>=0&&(a.className=a.className.replace(e,""))}}function Ce(a,e,o){if(e){if(O(a.length)){I(a,function(t){Ce(t,e,o)});return}o?R(a,e):te(a,e)}}var Wo=/([a-z\d])([A-Z])/g;function ft(a){return a.replace(Wo,"$1-$2").toLowerCase()}function mt(a,e){return fe(a[e])?a[e]:a.dataset?a.dataset[e]:a.getAttribute("data-".concat(ft(e)))}function Ie(a,e,o){fe(o)?a[e]=o:a.dataset?a.dataset[e]=o:a.setAttribute("data-".concat(ft(e)),o)}function Ko(a,e){if(fe(a[e]))try{delete a[e]}catch{a[e]=void 0}else if(a.dataset)try{delete a.dataset[e]}catch{a.dataset[e]=void 0}else a.removeAttribute("data-".concat(ft(e)))}var Ft=/\s\s*/,Gt=(function(){var a=!1;if(Re){var e=!1,o=function(){},t=Object.defineProperty({},"once",{get:function(){return a=!0,e},set:function(n){e=n}});ee.addEventListener("test",o,t),ee.removeEventListener("test",o,t)}return a})();function $(a,e,o){var t=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},r=o;e.trim().split(Ft).forEach(function(n){if(!Gt){var i=a.listeners;i&&i[n]&&i[n][o]&&(r=i[n][o],delete i[n][o],Object.keys(i[n]).length===0&&delete i[n],Object.keys(i).length===0&&delete a.listeners)}a.removeEventListener(n,r,t)})}function Z(a,e,o){var t=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},r=o;e.trim().split(Ft).forEach(function(n){if(t.once&&!Gt){var i=a.listeners,s=i===void 0?{}:i;r=function(){delete s[n][o],a.removeEventListener(n,r,t);for(var u=arguments.length,l=new Array(u),c=0;c<u;c++)l[c]=arguments[c];o.apply(a,l)},s[n]||(s[n]={}),s[n][o]&&a.removeEventListener(n,s[n][o],t),s[n][o]=r,a.listeners=s}a.addEventListener(n,r,t)})}function Le(a,e,o){var t;return j(Event)&&j(CustomEvent)?t=new CustomEvent(e,{detail:o,bubbles:!0,cancelable:!0}):(t=document.createEvent("CustomEvent"),t.initCustomEvent(e,!0,!0,o)),a.dispatchEvent(t)}function Vt(a){var e=a.getBoundingClientRect();return{left:e.left+(window.pageXOffset-document.documentElement.clientLeft),top:e.top+(window.pageYOffset-document.documentElement.clientTop)}}var vt=ee.location,Zo=/^(\w+:)\/\/([^:/?#]*):?(\d*)/i;function qt(a){var e=a.match(Zo);return e!==null&&(e[1]!==vt.protocol||e[2]!==vt.hostname||e[3]!==vt.port)}function jt(a){var e="timestamp=".concat(new Date().getTime());return a+(a.indexOf("?")===-1?"?":"&")+e}function Ne(a){var e=a.rotate,o=a.scaleX,t=a.scaleY,r=a.translateX,n=a.translateY,i=[];O(r)&&r!==0&&i.push("translateX(".concat(r,"px)")),O(n)&&n!==0&&i.push("translateY(".concat(n,"px)")),O(e)&&e!==0&&i.push("rotate(".concat(e,"deg)")),O(o)&&o!==1&&i.push("scaleX(".concat(o,")")),O(t)&&t!==1&&i.push("scaleY(".concat(t,")"));var s=i.length?i.join(" "):"none";return{WebkitTransform:s,msTransform:s,transform:s}}function Qo(a){var e=x({},a),o=0;return I(a,function(t,r){delete e[r],I(e,function(n){var i=Math.abs(t.startX-n.startX),s=Math.abs(t.startY-n.startY),d=Math.abs(t.endX-n.endX),u=Math.abs(t.endY-n.endY),l=Math.sqrt(i*i+s*s),c=Math.sqrt(d*d+u*u),h=(c-l)/l;Math.abs(h)>Math.abs(o)&&(o=h)})}),o}function Ge(a,e){var o=a.pageX,t=a.pageY,r={endX:o,endY:t};return e?r:x({startX:o,startY:t},r)}function Jo(a){var e=0,o=0,t=0;return I(a,function(r){var n=r.startX,i=r.startY;e+=n,o+=i,t+=1}),e/=t,o/=t,{pageX:e,pageY:o}}function ue(a){var e=a.aspectRatio,o=a.height,t=a.width,r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"contain",n=Rt(t),i=Rt(o);if(n&&i){var s=o*e;r==="contain"&&s>t||r==="cover"&&s<t?o=t/e:t=o*e}else n?o=t/e:i&&(t=o*e);return{width:t,height:o}}function $o(a){var e=a.width,o=a.height,t=a.degree;if(t=Math.abs(t)%180,t===90)return{width:o,height:e};var r=t%90*Math.PI/180,n=Math.sin(r),i=Math.cos(r),s=e*i+o*n,d=e*n+o*i;return t>90?{width:d,height:s}:{width:s,height:d}}function ea(a,e,o,t){var r=e.aspectRatio,n=e.naturalWidth,i=e.naturalHeight,s=e.rotate,d=s===void 0?0:s,u=e.scaleX,l=u===void 0?1:u,c=e.scaleY,h=c===void 0?1:c,L=o.aspectRatio,C=o.naturalWidth,B=o.naturalHeight,D=t.fillColor,M=D===void 0?"transparent":D,z=t.imageSmoothingEnabled,N=z===void 0?!0:z,ne=t.imageSmoothingQuality,W=ne===void 0?"low":ne,g=t.maxWidth,E=g===void 0?1/0:g,Y=t.maxHeight,Q=Y===void 0?1/0:Y,ie=t.minWidth,me=ie===void 0?0:ie,ve=t.minHeight,pe=ve===void 0?0:ve,oe=document.createElement("canvas"),X=oe.getContext("2d"),we=ue({aspectRatio:L,width:E,height:Q}),Ve=ue({aspectRatio:L,width:me,height:pe},"cover"),wt=Math.min(we.width,Math.max(Ve.width,C)),yt=Math.min(we.height,Math.max(Ve.height,B)),Wt=ue({aspectRatio:r,width:E,height:Q}),Kt=ue({aspectRatio:r,width:me,height:pe},"cover"),Zt=Math.min(Wt.width,Math.max(Kt.width,n)),Qt=Math.min(Wt.height,Math.max(Kt.height,i)),ga=[-Zt/2,-Qt/2,Zt,Qt];return oe.width=Oe(wt),oe.height=Oe(yt),X.fillStyle=M,X.fillRect(0,0,wt,yt),X.save(),X.translate(wt/2,yt/2),X.rotate(d*Math.PI/180),X.scale(l,h),X.imageSmoothingEnabled=N,X.imageSmoothingQuality=W,X.drawImage.apply(X,[a].concat(K(ga.map(function(fa){return Math.floor(Oe(fa))})))),X.restore(),oe}var Xt=String.fromCharCode;function ta(a,e,o){var t="";o+=e;for(var r=e;r<o;r+=1)t+=Xt(a.getUint8(r));return t}var oa=/^data:.*,/;function aa(a){var e=a.replace(oa,""),o=atob(e),t=new ArrayBuffer(o.length),r=new Uint8Array(t);return I(r,function(n,i){r[i]=o.charCodeAt(i)}),t}function na(a,e){for(var o=[],t=8192,r=new Uint8Array(a);r.length>0;)o.push(Xt.apply(null,zt(r.subarray(0,t)))),r=r.subarray(t);return"data:".concat(e,";base64,").concat(btoa(o.join("")))}function ia(a){var e=new DataView(a),o;try{var t,r,n;if(e.getUint8(0)===255&&e.getUint8(1)===216)for(var i=e.byteLength,s=2;s+1<i;){if(e.getUint8(s)===255&&e.getUint8(s+1)===225){r=s;break}s+=1}if(r){var d=r+4,u=r+10;if(ta(e,d,4)==="Exif"){var l=e.getUint16(u);if(t=l===18761,(t||l===19789)&&e.getUint16(u+2,t)===42){var c=e.getUint32(u+4,t);c>=8&&(n=u+c)}}}if(n){var h=e.getUint16(n,t),L,C;for(C=0;C<h;C+=1)if(L=n+C*12+2,e.getUint16(L,t)===274){L+=8,o=e.getUint16(L,t),e.setUint16(L,1,t);break}}}catch{o=1}return o}function ra(a){var e=0,o=1,t=1;switch(a){case 2:o=-1;break;case 3:e=-180;break;case 4:t=-1;break;case 5:e=90,t=-1;break;case 6:e=90;break;case 7:e=90,o=-1;break;case 8:e=-90;break}return{rotate:e,scaleX:o,scaleY:t}}var sa={render:function(){this.initContainer(),this.initCanvas(),this.initCropBox(),this.renderCanvas(),this.cropped&&this.renderCropBox()},initContainer:function(){var e=this.element,o=this.options,t=this.container,r=this.cropper,n=Number(o.minContainerWidth),i=Number(o.minContainerHeight);R(r,q),te(e,q);var s={width:Math.max(t.offsetWidth,n>=0?n:Nt),height:Math.max(t.offsetHeight,i>=0?i:Mt)};this.containerData=s,ce(r,{width:s.width,height:s.height}),R(e,q),te(r,q)},initCanvas:function(){var e=this.containerData,o=this.imageData,t=this.options.viewMode,r=Math.abs(o.rotate)%180===90,n=r?o.naturalHeight:o.naturalWidth,i=r?o.naturalWidth:o.naturalHeight,s=n/i,d=e.width,u=e.height;e.height*s>e.width?t===3?d=e.height*s:u=e.width/s:t===3?u=e.width/s:d=e.height*s;var l={aspectRatio:s,naturalWidth:n,naturalHeight:i,width:d,height:u};this.canvasData=l,this.limited=t===1||t===2,this.limitCanvas(!0,!0),l.width=Math.min(Math.max(l.width,l.minWidth),l.maxWidth),l.height=Math.min(Math.max(l.height,l.minHeight),l.maxHeight),l.left=(e.width-l.width)/2,l.top=(e.height-l.height)/2,l.oldLeft=l.left,l.oldTop=l.top,this.initialCanvasData=A({},l)},limitCanvas:function(e,o){var t=this.options,r=this.containerData,n=this.canvasData,i=this.cropBoxData,s=t.viewMode,d=n.aspectRatio,u=this.cropped&&i;if(e){var l=Number(t.minCanvasWidth)||0,c=Number(t.minCanvasHeight)||0;s>1?(l=Math.max(l,r.width),c=Math.max(c,r.height),s===3&&(c*d>l?l=c*d:c=l/d)):s>0&&(l?l=Math.max(l,u?i.width:0):c?c=Math.max(c,u?i.height:0):u&&(l=i.width,c=i.height,c*d>l?l=c*d:c=l/d));var h=ue({aspectRatio:d,width:l,height:c});l=h.width,c=h.height,n.minWidth=l,n.minHeight=c,n.maxWidth=1/0,n.maxHeight=1/0}if(o)if(s>(u?0:1)){var L=r.width-n.width,C=r.height-n.height;n.minLeft=Math.min(0,L),n.minTop=Math.min(0,C),n.maxLeft=Math.max(0,L),n.maxTop=Math.max(0,C),u&&this.limited&&(n.minLeft=Math.min(i.left,i.left+(i.width-n.width)),n.minTop=Math.min(i.top,i.top+(i.height-n.height)),n.maxLeft=i.left,n.maxTop=i.top,s===2&&(n.width>=r.width&&(n.minLeft=Math.min(0,L),n.maxLeft=Math.max(0,L)),n.height>=r.height&&(n.minTop=Math.min(0,C),n.maxTop=Math.max(0,C))))}else n.minLeft=-n.width,n.minTop=-n.height,n.maxLeft=r.width,n.maxTop=r.height},renderCanvas:function(e,o){var t=this.canvasData,r=this.imageData;if(o){var n=$o({width:r.naturalWidth*Math.abs(r.scaleX||1),height:r.naturalHeight*Math.abs(r.scaleY||1),degree:r.rotate||0}),i=n.width,s=n.height,d=t.width*(i/t.naturalWidth),u=t.height*(s/t.naturalHeight);t.left-=(d-t.width)/2,t.top-=(u-t.height)/2,t.width=d,t.height=u,t.aspectRatio=i/s,t.naturalWidth=i,t.naturalHeight=s,this.limitCanvas(!0,!1)}(t.width>t.maxWidth||t.width<t.minWidth)&&(t.left=t.oldLeft),(t.height>t.maxHeight||t.height<t.minHeight)&&(t.top=t.oldTop),t.width=Math.min(Math.max(t.width,t.minWidth),t.maxWidth),t.height=Math.min(Math.max(t.height,t.minHeight),t.maxHeight),this.limitCanvas(!1,!0),t.left=Math.min(Math.max(t.left,t.minLeft),t.maxLeft),t.top=Math.min(Math.max(t.top,t.minTop),t.maxTop),t.oldLeft=t.left,t.oldTop=t.top,ce(this.canvas,A({width:t.width,height:t.height},Ne({translateX:t.left,translateY:t.top}))),this.renderImage(e),this.cropped&&this.limited&&this.limitCropBox(!0,!0)},renderImage:function(e){var o=this.canvasData,t=this.imageData,r=t.naturalWidth*(o.width/o.naturalWidth),n=t.naturalHeight*(o.height/o.naturalHeight);A(t,{width:r,height:n,left:(o.width-r)/2,top:(o.height-n)/2}),ce(this.image,A({width:t.width,height:t.height},Ne(A({translateX:t.left,translateY:t.top},t)))),e&&this.output()},initCropBox:function(){var e=this.options,o=this.canvasData,t=e.aspectRatio||e.initialAspectRatio,r=Number(e.autoCropArea)||.8,n={width:o.width,height:o.height};t&&(o.height*t>o.width?n.height=n.width/t:n.width=n.height*t),this.cropBoxData=n,this.limitCropBox(!0,!0),n.width=Math.min(Math.max(n.width,n.minWidth),n.maxWidth),n.height=Math.min(Math.max(n.height,n.minHeight),n.maxHeight),n.width=Math.max(n.minWidth,n.width*r),n.height=Math.max(n.minHeight,n.height*r),n.left=o.left+(o.width-n.width)/2,n.top=o.top+(o.height-n.height)/2,n.oldLeft=n.left,n.oldTop=n.top,this.initialCropBoxData=A({},n)},limitCropBox:function(e,o){var t=this.options,r=this.containerData,n=this.canvasData,i=this.cropBoxData,s=this.limited,d=t.aspectRatio;if(e){var u=Number(t.minCropBoxWidth)||0,l=Number(t.minCropBoxHeight)||0,c=s?Math.min(r.width,n.width,n.width+n.left,r.width-n.left):r.width,h=s?Math.min(r.height,n.height,n.height+n.top,r.height-n.top):r.height;u=Math.min(u,r.width),l=Math.min(l,r.height),d&&(u&&l?l*d>u?l=u/d:u=l*d:u?l=u/d:l&&(u=l*d),h*d>c?h=c/d:c=h*d),i.minWidth=Math.min(u,c),i.minHeight=Math.min(l,h),i.maxWidth=c,i.maxHeight=h}o&&(s?(i.minLeft=Math.max(0,n.left),i.minTop=Math.max(0,n.top),i.maxLeft=Math.min(r.width,n.left+n.width)-i.width,i.maxTop=Math.min(r.height,n.top+n.height)-i.height):(i.minLeft=0,i.minTop=0,i.maxLeft=r.width-i.width,i.maxTop=r.height-i.height))},renderCropBox:function(){var e=this.options,o=this.containerData,t=this.cropBoxData;(t.width>t.maxWidth||t.width<t.minWidth)&&(t.left=t.oldLeft),(t.height>t.maxHeight||t.height<t.minHeight)&&(t.top=t.oldTop),t.width=Math.min(Math.max(t.width,t.minWidth),t.maxWidth),t.height=Math.min(Math.max(t.height,t.minHeight),t.maxHeight),this.limitCropBox(!1,!0),t.left=Math.min(Math.max(t.left,t.minLeft),t.maxLeft),t.top=Math.min(Math.max(t.top,t.minTop),t.maxTop),t.oldLeft=t.left,t.oldTop=t.top,e.movable&&e.cropBoxMovable&&Ie(this.face,Pe,t.width>=o.width&&t.height>=o.height?_t:it),ce(this.cropBox,A({width:t.width,height:t.height},Ne({translateX:t.left,translateY:t.top}))),this.cropped&&this.limited&&this.limitCanvas(!0,!0),this.disabled||this.output()},output:function(){this.preview(),Le(this.element,ct,this.getData())}},la={initPreview:function(){var e=this.element,o=this.crossOrigin,t=this.options.preview,r=o?this.crossOriginUrl:this.url,n=e.alt||"The image to preview",i=document.createElement("img");if(o&&(i.crossOrigin=o),i.src=r,i.alt=n,this.viewBox.appendChild(i),this.viewBoxImage=i,!!t){var s=t;typeof t=="string"?s=e.ownerDocument.querySelectorAll(t):t.querySelector&&(s=[t]),this.previews=s,I(s,function(d){var u=document.createElement("img");Ie(d,Fe,{width:d.offsetWidth,height:d.offsetHeight,html:d.innerHTML}),o&&(u.crossOrigin=o),u.src=r,u.alt=n,u.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(u)})}},resetPreview:function(){I(this.previews,function(e){var o=mt(e,Fe);ce(e,{width:o.width,height:o.height}),e.innerHTML=o.html,Ko(e,Fe)})},preview:function(){var e=this.imageData,o=this.canvasData,t=this.cropBoxData,r=t.width,n=t.height,i=e.width,s=e.height,d=t.left-o.left-e.left,u=t.top-o.top-e.top;!this.cropped||this.disabled||(ce(this.viewBoxImage,A({width:i,height:s},Ne(A({translateX:-d,translateY:-u},e)))),I(this.previews,function(l){var c=mt(l,Fe),h=c.width,L=c.height,C=h,B=L,D=1;r&&(D=h/r,B=n*D),n&&B>L&&(D=L/n,C=r*D,B=L),ce(l,{width:C,height:B}),ce(l.getElementsByTagName("img")[0],A({width:i*D,height:s*D},Ne(A({translateX:-d*D,translateY:-u*D},e))))}))}},ca={bind:function(){var e=this.element,o=this.options,t=this.cropper;j(o.cropstart)&&Z(e,ht,o.cropstart),j(o.cropmove)&&Z(e,pt,o.cropmove),j(o.cropend)&&Z(e,ut,o.cropend),j(o.crop)&&Z(e,ct,o.crop),j(o.zoom)&&Z(e,dt,o.zoom),Z(t,Tt,this.onCropStart=this.cropStart.bind(this)),o.zoomable&&o.zoomOnWheel&&Z(t,Pt,this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),o.toggleDragModeOnDblclick&&Z(t,St,this.onDblclick=this.dblclick.bind(this)),Z(e.ownerDocument,At,this.onCropMove=this.cropMove.bind(this)),Z(e.ownerDocument,Bt,this.onCropEnd=this.cropEnd.bind(this)),o.responsive&&Z(window,Ut,this.onResize=this.resize.bind(this))},unbind:function(){var e=this.element,o=this.options,t=this.cropper;j(o.cropstart)&&$(e,ht,o.cropstart),j(o.cropmove)&&$(e,pt,o.cropmove),j(o.cropend)&&$(e,ut,o.cropend),j(o.crop)&&$(e,ct,o.crop),j(o.zoom)&&$(e,dt,o.zoom),$(t,Tt,this.onCropStart),o.zoomable&&o.zoomOnWheel&&$(t,Pt,this.onWheel,{passive:!1,capture:!0}),o.toggleDragModeOnDblclick&&$(t,St,this.onDblclick),$(e.ownerDocument,At,this.onCropMove),$(e.ownerDocument,Bt,this.onCropEnd),o.responsive&&$(window,Ut,this.onResize)}},ua={resize:function(){if(!this.disabled){var e=this.options,o=this.container,t=this.containerData,r=o.offsetWidth/t.width,n=o.offsetHeight/t.height,i=Math.abs(r-1)>Math.abs(n-1)?r:n;if(i!==1){var s,d;e.restore&&(s=this.getCanvasData(),d=this.getCropBoxData()),this.render(),e.restore&&(this.setCanvasData(I(s,function(u,l){s[l]=u*i})),this.setCropBoxData(I(d,function(u,l){d[l]=u*i})))}}},dblclick:function(){this.disabled||this.options.dragMode===Et||this.setDragMode(Ho(this.dragBox,rt)?Dt:lt)},wheel:function(e){var o=this,t=Number(this.options.wheelZoomRatio)||.1,r=1;this.disabled||(e.preventDefault(),!this.wheeling&&(this.wheeling=!0,setTimeout(function(){o.wheeling=!1},50),e.deltaY?r=e.deltaY>0?1:-1:e.wheelDelta?r=-e.wheelDelta/120:e.detail&&(r=e.detail>0?1:-1),this.zoom(-r*t,e)))},cropStart:function(e){var o=e.buttons,t=e.button;if(!(this.disabled||(e.type==="mousedown"||e.type==="pointerdown"&&e.pointerType==="mouse")&&(O(o)&&o!==1||O(t)&&t!==0||e.ctrlKey))){var r=this.options,n=this.pointers,i;e.changedTouches?I(e.changedTouches,function(s){n[s.identifier]=Ge(s)}):n[e.pointerId||0]=Ge(e),Object.keys(n).length>1&&r.zoomable&&r.zoomOnTouch?i=Ot:i=mt(e.target,Pe),Mo.test(i)&&Le(this.element,ht,{originalEvent:e,action:i})!==!1&&(e.preventDefault(),this.action=i,this.cropping=!1,i===xt&&(this.cropping=!0,R(this.dragBox,ze)))}},cropMove:function(e){var o=this.action;if(!(this.disabled||!o)){var t=this.pointers;e.preventDefault(),Le(this.element,pt,{originalEvent:e,action:o})!==!1&&(e.changedTouches?I(e.changedTouches,function(r){A(t[r.identifier]||{},Ge(r,!0))}):A(t[e.pointerId||0]||{},Ge(e,!0)),this.change(e))}},cropEnd:function(e){if(!this.disabled){var o=this.action,t=this.pointers;e.changedTouches?I(e.changedTouches,function(r){delete t[r.identifier]}):delete t[e.pointerId||0],o&&(e.preventDefault(),Object.keys(t).length||(this.action=""),this.cropping&&(this.cropping=!1,Ce(this.dragBox,ze,this.cropped&&this.options.modal)),Le(this.element,ut,{originalEvent:e,action:o}))}}},pa={change:function(e){var o=this.options,t=this.canvasData,r=this.containerData,n=this.cropBoxData,i=this.pointers,s=this.action,d=o.aspectRatio,u=n.left,l=n.top,c=n.width,h=n.height,L=u+c,C=l+h,B=0,D=0,M=r.width,z=r.height,N=!0,ne;!d&&e.shiftKey&&(d=c&&h?c/h:1),this.limited&&(B=n.minLeft,D=n.minTop,M=B+Math.min(r.width,t.width,t.left+t.width),z=D+Math.min(r.height,t.height,t.top+t.height));var W=i[Object.keys(i)[0]],g={x:W.endX-W.startX,y:W.endY-W.startY},E=function(Q){switch(Q){case de:L+g.x>M&&(g.x=M-L);break;case ge:u+g.x<B&&(g.x=B-u);break;case le:l+g.y<D&&(g.y=D-l);break;case xe:C+g.y>z&&(g.y=z-C);break}};switch(s){case it:u+=g.x,l+=g.y;break;case de:if(g.x>=0&&(L>=M||d&&(l<=D||C>=z))){N=!1;break}E(de),c+=g.x,c<0&&(s=ge,c=-c,u-=c),d&&(h=c/d,l+=(n.height-h)/2);break;case le:if(g.y<=0&&(l<=D||d&&(u<=B||L>=M))){N=!1;break}E(le),h-=g.y,l+=g.y,h<0&&(s=xe,h=-h,l-=h),d&&(c=h*d,u+=(n.width-c)/2);break;case ge:if(g.x<=0&&(u<=B||d&&(l<=D||C>=z))){N=!1;break}E(ge),c-=g.x,u+=g.x,c<0&&(s=de,c=-c,u-=c),d&&(h=c/d,l+=(n.height-h)/2);break;case xe:if(g.y>=0&&(C>=z||d&&(u<=B||L>=M))){N=!1;break}E(xe),h+=g.y,h<0&&(s=le,h=-h,l-=h),d&&(c=h*d,u+=(n.width-c)/2);break;case Ae:if(d){if(g.y<=0&&(l<=D||L>=M)){N=!1;break}E(le),h-=g.y,l+=g.y,c=h*d}else E(le),E(de),g.x>=0?L<M?c+=g.x:g.y<=0&&l<=D&&(N=!1):c+=g.x,g.y<=0?l>D&&(h-=g.y,l+=g.y):(h-=g.y,l+=g.y);c<0&&h<0?(s=Ue,h=-h,c=-c,l-=h,u-=c):c<0?(s=Be,c=-c,u-=c):h<0&&(s=ke,h=-h,l-=h);break;case Be:if(d){if(g.y<=0&&(l<=D||u<=B)){N=!1;break}E(le),h-=g.y,l+=g.y,c=h*d,u+=n.width-c}else E(le),E(ge),g.x<=0?u>B?(c-=g.x,u+=g.x):g.y<=0&&l<=D&&(N=!1):(c-=g.x,u+=g.x),g.y<=0?l>D&&(h-=g.y,l+=g.y):(h-=g.y,l+=g.y);c<0&&h<0?(s=ke,h=-h,c=-c,l-=h,u-=c):c<0?(s=Ae,c=-c,u-=c):h<0&&(s=Ue,h=-h,l-=h);break;case Ue:if(d){if(g.x<=0&&(u<=B||C>=z)){N=!1;break}E(ge),c-=g.x,u+=g.x,h=c/d}else E(xe),E(ge),g.x<=0?u>B?(c-=g.x,u+=g.x):g.y>=0&&C>=z&&(N=!1):(c-=g.x,u+=g.x),g.y>=0?C<z&&(h+=g.y):h+=g.y;c<0&&h<0?(s=Ae,h=-h,c=-c,l-=h,u-=c):c<0?(s=ke,c=-c,u-=c):h<0&&(s=Be,h=-h,l-=h);break;case ke:if(d){if(g.x>=0&&(L>=M||C>=z)){N=!1;break}E(de),c+=g.x,h=c/d}else E(xe),E(de),g.x>=0?L<M?c+=g.x:g.y>=0&&C>=z&&(N=!1):c+=g.x,g.y>=0?C<z&&(h+=g.y):h+=g.y;c<0&&h<0?(s=Be,h=-h,c=-c,l-=h,u-=c):c<0?(s=Ue,c=-c,u-=c):h<0&&(s=Ae,h=-h,l-=h);break;case _t:this.move(g.x,g.y),N=!1;break;case Ot:this.zoom(Qo(i),e),N=!1;break;case xt:if(!g.x||!g.y){N=!1;break}ne=Vt(this.cropper),u=W.startX-ne.left,l=W.startY-ne.top,c=n.minWidth,h=n.minHeight,g.x>0?s=g.y>0?ke:Ae:g.x<0&&(u-=c,s=g.y>0?Ue:Be),g.y<0&&(l-=h),this.cropped||(te(this.cropBox,q),this.cropped=!0,this.limited&&this.limitCropBox(!0,!0));break}N&&(n.width=c,n.height=h,n.left=u,n.top=l,this.action=s,this.renderCropBox()),I(i,function(Y){Y.startX=Y.endX,Y.startY=Y.endY})}},ha={crop:function(){return this.ready&&!this.cropped&&!this.disabled&&(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&R(this.dragBox,ze),te(this.cropBox,q),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&&!this.disabled&&(this.imageData=A({},this.initialImageData),this.canvasData=A({},this.initialCanvasData),this.cropBoxData=A({},this.initialCropBoxData),this.renderCanvas(),this.cropped&&this.renderCropBox()),this},clear:function(){return this.cropped&&!this.disabled&&(A(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),te(this.dragBox,ze),R(this.cropBox,q)),this},replace:function(e){var o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;return!this.disabled&&e&&(this.isImg&&(this.element.src=e),o?(this.url=e,this.image.src=e,this.ready&&(this.viewBoxImage.src=e,I(this.previews,function(t){t.getElementsByTagName("img")[0].src=e}))):(this.isImg&&(this.replaced=!0),this.options.data=null,this.uncreate(),this.load(e))),this},enable:function(){return this.ready&&this.disabled&&(this.disabled=!1,te(this.cropper,Ct)),this},disable:function(){return this.ready&&!this.disabled&&(this.disabled=!0,R(this.cropper,Ct)),this},destroy:function(){var e=this.element;return e[T]?(e[T]=void 0,this.isImg&&this.replaced&&(e.src=this.originalUrl),this.uncreate(),this):this},move:function(e){var o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:e,t=this.canvasData,r=t.left,n=t.top;return this.moveTo(gt(e)?e:r+Number(e),gt(o)?o:n+Number(o))},moveTo:function(e){var o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:e,t=this.canvasData,r=!1;return e=Number(e),o=Number(o),this.ready&&!this.disabled&&this.options.movable&&(O(e)&&(t.left=e,r=!0),O(o)&&(t.top=o,r=!0),r&&this.renderCanvas(!0)),this},zoom:function(e,o){var t=this.canvasData;return e=Number(e),e<0?e=1/(1-e):e=1+e,this.zoomTo(t.width*e/t.naturalWidth,null,o)},zoomTo:function(e,o,t){var r=this.options,n=this.canvasData,i=n.width,s=n.height,d=n.naturalWidth,u=n.naturalHeight;if(e=Number(e),e>=0&&this.ready&&!this.disabled&&r.zoomable){var l=d*e,c=u*e;if(Le(this.element,dt,{ratio:e,oldRatio:i/d,originalEvent:t})===!1)return this;if(t){var h=this.pointers,L=Vt(this.cropper),C=h&&Object.keys(h).length?Jo(h):{pageX:t.pageX,pageY:t.pageY};n.left-=(l-i)*((C.pageX-L.left-n.left)/i),n.top-=(c-s)*((C.pageY-L.top-n.top)/s)}else _e(o)&&O(o.x)&&O(o.y)?(n.left-=(l-i)*((o.x-n.left)/i),n.top-=(c-s)*((o.y-n.top)/s)):(n.left-=(l-i)/2,n.top-=(c-s)/2);n.width=l,n.height=c,this.renderCanvas(!0)}return this},rotate:function(e){return this.rotateTo((this.imageData.rotate||0)+Number(e))},rotateTo:function(e){return e=Number(e),O(e)&&this.ready&&!this.disabled&&this.options.rotatable&&(this.imageData.rotate=e%360,this.renderCanvas(!0,!0)),this},scaleX:function(e){var o=this.imageData.scaleY;return this.scale(e,O(o)?o:1)},scaleY:function(e){var o=this.imageData.scaleX;return this.scale(O(o)?o:1,e)},scale:function(e){var o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:e,t=this.imageData,r=!1;return e=Number(e),o=Number(o),this.ready&&!this.disabled&&this.options.scalable&&(O(e)&&(t.scaleX=e,r=!0),O(o)&&(t.scaleY=o,r=!0),r&&this.renderCanvas(!0,!0)),this},getData:function(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1,o=this.options,t=this.imageData,r=this.canvasData,n=this.cropBoxData,i;if(this.ready&&this.cropped){i={x:n.left-r.left,y:n.top-r.top,width:n.width,height:n.height};var s=t.width/t.naturalWidth;if(I(i,function(l,c){i[c]=l/s}),e){var d=Math.round(i.y+i.height),u=Math.round(i.x+i.width);i.x=Math.round(i.x),i.y=Math.round(i.y),i.width=u-i.x,i.height=d-i.y}}else i={x:0,y:0,width:0,height:0};return o.rotatable&&(i.rotate=t.rotate||0),o.scalable&&(i.scaleX=t.scaleX||1,i.scaleY=t.scaleY||1),i},setData:function(e){var o=this.options,t=this.imageData,r=this.canvasData,n={};if(this.ready&&!this.disabled&&_e(e)){var i=!1;o.rotatable&&O(e.rotate)&&e.rotate!==t.rotate&&(t.rotate=e.rotate,i=!0),o.scalable&&(O(e.scaleX)&&e.scaleX!==t.scaleX&&(t.scaleX=e.scaleX,i=!0),O(e.scaleY)&&e.scaleY!==t.scaleY&&(t.scaleY=e.scaleY,i=!0)),i&&this.renderCanvas(!0,!0);var s=t.width/t.naturalWidth;O(e.x)&&(n.left=e.x*s+r.left),O(e.y)&&(n.top=e.y*s+r.top),O(e.width)&&(n.width=e.width*s),O(e.height)&&(n.height=e.height*s),this.setCropBoxData(n)}return this},getContainerData:function(){return this.ready?A({},this.containerData):{}},getImageData:function(){return this.sized?A({},this.imageData):{}},getCanvasData:function(){var e=this.canvasData,o={};return this.ready&&I(["left","top","width","height","naturalWidth","naturalHeight"],function(t){o[t]=e[t]}),o},setCanvasData:function(e){var o=this.canvasData,t=o.aspectRatio;return this.ready&&!this.disabled&&_e(e)&&(O(e.left)&&(o.left=e.left),O(e.top)&&(o.top=e.top),O(e.width)?(o.width=e.width,o.height=e.width/t):O(e.height)&&(o.height=e.height,o.width=e.height*t),this.renderCanvas(!0)),this},getCropBoxData:function(){var e=this.cropBoxData,o;return this.ready&&this.cropped&&(o={left:e.left,top:e.top,width:e.width,height:e.height}),o||{}},setCropBoxData:function(e){var o=this.cropBoxData,t=this.options.aspectRatio,r,n;return this.ready&&this.cropped&&!this.disabled&&_e(e)&&(O(e.left)&&(o.left=e.left),O(e.top)&&(o.top=e.top),O(e.width)&&e.width!==o.width&&(r=!0,o.width=e.width),O(e.height)&&e.height!==o.height&&(n=!0,o.height=e.height),t&&(r?o.height=o.width/t:n&&(o.width=o.height*t)),this.renderCropBox()),this},getCroppedCanvas:function(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(!this.ready||!window.HTMLCanvasElement)return null;var o=this.canvasData,t=ea(this.image,this.imageData,o,e);if(!this.cropped)return t;var r=this.getData(e.rounded),n=r.x,i=r.y,s=r.width,d=r.height,u=t.width/Math.floor(o.naturalWidth);u!==1&&(n*=u,i*=u,s*=u,d*=u);var l=s/d,c=ue({aspectRatio:l,width:e.maxWidth||1/0,height:e.maxHeight||1/0}),h=ue({aspectRatio:l,width:e.minWidth||0,height:e.minHeight||0},"cover"),L=ue({aspectRatio:l,width:e.width||(u!==1?t.width:s),height:e.height||(u!==1?t.height:d)}),C=L.width,B=L.height;C=Math.min(c.width,Math.max(h.width,C)),B=Math.min(c.height,Math.max(h.height,B));var D=document.createElement("canvas"),M=D.getContext("2d");D.width=Oe(C),D.height=Oe(B),M.fillStyle=e.fillColor||"transparent",M.fillRect(0,0,C,B);var z=e.imageSmoothingEnabled,N=z===void 0?!0:z,ne=e.imageSmoothingQuality;M.imageSmoothingEnabled=N,ne&&(M.imageSmoothingQuality=ne);var W=t.width,g=t.height,E=n,Y=i,Q,ie,me,ve,pe,oe;E<=-s||E>W?(E=0,Q=0,me=0,pe=0):E<=0?(me=-E,E=0,Q=Math.min(W,s+E),pe=Q):E<=W&&(me=0,Q=Math.min(s,W-E),pe=Q),Q<=0||Y<=-d||Y>g?(Y=0,ie=0,ve=0,oe=0):Y<=0?(ve=-Y,Y=0,ie=Math.min(g,d+Y),oe=ie):Y<=g&&(ve=0,ie=Math.min(d,g-Y),oe=ie);var X=[E,Y,Q,ie];if(pe>0&&oe>0){var we=C/s;X.push(me*we,ve*we,pe*we,oe*we)}return M.drawImage.apply(M,[t].concat(K(X.map(function(Ve){return Math.floor(Oe(Ve))})))),D},setAspectRatio:function(e){var o=this.options;return!this.disabled&&!gt(e)&&(o.aspectRatio=Math.max(0,e)||NaN,this.ready&&(this.initCropBox(),this.cropped&&this.renderCropBox())),this},setDragMode:function(e){var o=this.options,t=this.dragBox,r=this.face;if(this.ready&&!this.disabled){var n=e===lt,i=o.movable&&e===Dt;e=n||i?e:Et,o.dragMode=e,Ie(t,Pe,e),Ce(t,rt,n),Ce(t,st,i),o.cropBoxMovable||(Ie(r,Pe,e),Ce(r,rt,n),Ce(r,st,i))}return this}},da=ee.Cropper,Ht=(function(){function a(e){var o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};if(f(this,a),!e||!zo.test(e.tagName))throw new Error("The first argument is required and must be an <img> or <canvas> element.");this.element=e,this.options=A({},Yt,_e(o)&&o),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 y(a,[{key:"init",value:function(){var o=this.element,t=o.tagName.toLowerCase(),r;if(!o[T]){if(o[T]=this,t==="img"){if(this.isImg=!0,r=o.getAttribute("src")||"",this.originalUrl=r,!r)return;r=o.src}else t==="canvas"&&window.HTMLCanvasElement&&(r=o.toDataURL());this.load(r)}}},{key:"load",value:function(o){var t=this;if(o){this.url=o,this.imageData={};var r=this.element,n=this.options;if(!n.rotatable&&!n.scalable&&(n.checkOrientation=!1),!n.checkOrientation||!window.ArrayBuffer){this.clone();return}if(Yo.test(o)){Ro.test(o)?this.read(aa(o)):this.clone();return}var i=new XMLHttpRequest,s=this.clone.bind(this);this.reloading=!0,this.xhr=i,i.onabort=s,i.onerror=s,i.ontimeout=s,i.onprogress=function(){i.getResponseHeader("content-type")!==It&&i.abort()},i.onload=function(){t.read(i.response)},i.onloadend=function(){t.reloading=!1,t.xhr=null},n.checkCrossOrigin&&qt(o)&&r.crossOrigin&&(o=jt(o)),i.open("GET",o,!0),i.responseType="arraybuffer",i.withCredentials=r.crossOrigin==="use-credentials",i.send()}}},{key:"read",value:function(o){var t=this.options,r=this.imageData,n=ia(o),i=0,s=1,d=1;if(n>1){this.url=na(o,It);var u=ra(n);i=u.rotate,s=u.scaleX,d=u.scaleY}t.rotatable&&(r.rotate=i),t.scalable&&(r.scaleX=s,r.scaleY=d),this.clone()}},{key:"clone",value:function(){var o=this.element,t=this.url,r=o.crossOrigin,n=t;this.options.checkCrossOrigin&&qt(t)&&(r||(r="anonymous"),n=jt(t)),this.crossOrigin=r,this.crossOriginUrl=n;var i=document.createElement("img");r&&(i.crossOrigin=r),i.src=n||t,i.alt=o.alt||"The image to crop",this.image=i,i.onload=this.start.bind(this),i.onerror=this.stop.bind(this),R(i,Lt),o.parentNode.insertBefore(i,o.nextSibling)}},{key:"start",value:function(){var o=this,t=this.image;t.onload=null,t.onerror=null,this.sizing=!0;var r=ee.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(ee.navigator.userAgent),n=function(u,l){A(o.imageData,{naturalWidth:u,naturalHeight:l,aspectRatio:u/l}),o.initialImageData=A({},o.imageData),o.sizing=!1,o.sized=!0,o.build()};if(t.naturalWidth&&!r){n(t.naturalWidth,t.naturalHeight);return}var i=document.createElement("img"),s=document.body||document.documentElement;this.sizingImage=i,i.onload=function(){n(i.width,i.height),r||s.removeChild(i)},i.src=t.src,r||(i.style.cssText="left:0;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:0;position:absolute;top:0;z-index:-1;",s.appendChild(i))}},{key:"stop",value:function(){var o=this.image;o.onload=null,o.onerror=null,o.parentNode.removeChild(o),this.image=null}},{key:"build",value:function(){if(!(!this.sized||this.ready)){var o=this.element,t=this.options,r=this.image,n=o.parentNode,i=document.createElement("div");i.innerHTML=Fo;var s=i.querySelector(".".concat(T,"-container")),d=s.querySelector(".".concat(T,"-canvas")),u=s.querySelector(".".concat(T,"-drag-box")),l=s.querySelector(".".concat(T,"-crop-box")),c=l.querySelector(".".concat(T,"-face"));this.container=n,this.cropper=s,this.canvas=d,this.dragBox=u,this.cropBox=l,this.viewBox=s.querySelector(".".concat(T,"-view-box")),this.face=c,d.appendChild(r),R(o,q),n.insertBefore(s,o.nextSibling),te(r,Lt),this.initPreview(),this.bind(),t.initialAspectRatio=Math.max(0,t.initialAspectRatio)||NaN,t.aspectRatio=Math.max(0,t.aspectRatio)||NaN,t.viewMode=Math.max(0,Math.min(3,Math.round(t.viewMode)))||0,R(l,q),t.guides||R(l.getElementsByClassName("".concat(T,"-dashed")),q),t.center||R(l.getElementsByClassName("".concat(T,"-center")),q),t.background&&R(s,"".concat(T,"-bg")),t.highlight||R(c,Uo),t.cropBoxMovable&&(R(c,st),Ie(c,Pe,it)),t.cropBoxResizable||(R(l.getElementsByClassName("".concat(T,"-line")),q),R(l.getElementsByClassName("".concat(T,"-point")),q)),this.render(),this.ready=!0,this.setDragMode(t.dragMode),t.autoCrop&&this.crop(),this.setData(t.data),j(t.ready)&&Z(o,kt,t.ready,{once:!0}),Le(o,kt)}}},{key:"unbuild",value:function(){if(this.ready){this.ready=!1,this.unbind(),this.resetPreview();var o=this.cropper.parentNode;o&&o.removeChild(this.cropper),te(this.element,q)}}},{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=da,a}},{key:"setDefaults",value:function(o){A(Yt,_e(o)&&o)}}]),a})();return A(Ht.prototype,sa,la,ca,ua,pa,ha),Ht}))})(Qe)),Qe.exports}var to;function on(){if(to)return qe;to=1,Object.defineProperty(qe,"__esModule",{value:!0});var p=$a,m=tn(),b=x(m);function x(w){return w&&w.__esModule?w:{default:w}}function v(w,y){var P={};for(var K in w)y.indexOf(K)>=0||Object.prototype.hasOwnProperty.call(w,K)&&(P[K]=w[K]);return P}var f=typeof window>"u"?[String,Array]:[String,Array,Element,NodeList];return qe.default={render:function(){var y=this.crossorigin||void 0;return(0,p.h)("div",{style:this.containerStyle},[(0,p.h)("img",{ref:"img",src:this.src,alt:this.alt||"image",style:[{"max-width":"100%"},this.imgStyle],crossorigin:y})])},props:{containerStyle:Object,src:{type:String,default:""},alt:String,imgStyle:Object,viewMode:Number,dragMode:String,initialAspectRatio:Number,aspectRatio:Number,data:Object,preview:f,responsive:{type:Boolean,default:!0},restore:{type:Boolean,default:!0},checkCrossOrigin:{type:Boolean,default:!0},checkOrientation:{type:Boolean,default:!0},crossorigin:{type:String},modal:{type:Boolean,default:!0},guides:{type:Boolean,default:!0},center:{type:Boolean,default:!0},highlight:{type:Boolean,default:!0},background:{type:Boolean,default:!0},autoCrop:{type:Boolean,default:!0},autoCropArea:Number,movable:{type:Boolean,default:!0},rotatable:{type:Boolean,default:!0},scalable:{type:Boolean,default:!0},zoomable:{type:Boolean,default:!0},zoomOnTouch:{type:Boolean,default:!0},zoomOnWheel:{type:Boolean,default:!0},wheelZoomRatio:Number,cropBoxMovable:{type:Boolean,default:!0},cropBoxResizable:{type:Boolean,default:!0},toggleDragModeOnDblclick:{type:Boolean,default:!0},minCanvasWidth:Number,minCanvasHeight:Number,minCropBoxWidth:Number,minCropBoxHeight:Number,minContainerWidth:Number,minContainerHeight:Number,ready:Function,cropstart:Function,cropmove:Function,cropend:Function,crop:Function,zoom:Function},mounted:function(){var y=this.$options.props;y.containerStyle,y.src,y.alt,y.imgStyle;var P=v(y,["containerStyle","src","alt","imgStyle"]),K={};for(var he in P)this[he]!==void 0&&(K[he]=this[he]);this.cropper=new b.default(this.$refs.img,K)},methods:{reset:function(){return this.cropper.reset()},clear:function(){return this.cropper.clear()},initCrop:function(){return this.cropper.crop()},replace:function(y){var P=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;return this.cropper.replace(y,P)},enable:function(){return this.cropper.enable()},disable:function(){return this.cropper.disable()},destroy:function(){return this.cropper.destroy()},move:function(y,P){return this.cropper.move(y,P)},moveTo:function(y){var P=arguments.length>1&&arguments[1]!==void 0?arguments[1]:y;return this.cropper.moveTo(y,P)},relativeZoom:function(y,P){return this.cropper.zoom(y,P)},zoomTo:function(y,P){return this.cropper.zoomTo(y,P)},rotate:function(y){return this.cropper.rotate(y)},rotateTo:function(y){return this.cropper.rotateTo(y)},scaleX:function(y){return this.cropper.scaleX(y)},scaleY:function(y){return this.cropper.scaleY(y)},scale:function(y){var P=arguments.length>1&&arguments[1]!==void 0?arguments[1]:y;return this.cropper.scale(y,P)},getData:function(){var y=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1;return this.cropper.getData(y)},setData:function(y){return this.cropper.setData(y)},getContainerData:function(){return this.cropper.getContainerData()},getImageData:function(){return this.cropper.getImageData()},getCanvasData:function(){return this.cropper.getCanvasData()},setCanvasData:function(y){return this.cropper.setCanvasData(y)},getCropBoxData:function(){return this.cropper.getCropBoxData()},setCropBoxData:function(y){return this.cropper.setCropBoxData(y)},getCroppedCanvas:function(){var y=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};return this.cropper.getCroppedCanvas(y)},setAspectRatio:function(y){return this.cropper.setAspectRatio(y)},setDragMode:function(y){return this.cropper.setDragMode(y)}}},qe}var an=on();const nn=La(an),So={components:{Button:Me,VueCropper:nn},props:{logoData:{type:Object,required:!0,default:null},progressLabel:{type:String,required:!0},eventCategory:{type:String,required:!0}},setup(){return{uploadYourLogoTr:se}},data(){return{cropperToolReady:!1}},methods:{cropImage(){if(!this.cropperToolReady)return;const{x:p,y:m,width:b,height:x}=this.$refs.cropper.getData(!0),v={left:p,top:m,width:b,height:x},{naturalHeight:f,naturalWidth:w}=this.$refs.cropper.getImageData(),y=p!==0||m!==0||b!==w||x!==f;this.$emit("on-image-cropped",{bounds:v,dataUrl:this.$refs.cropper.getCroppedCanvas().toDataURL(),isCropped:y}),ye({eventCategory:this.eventCategory,eventAction:"cropLogo",eventLabel:"Clicked_Continue",event:"click"})},cancel(){this.$emit("on-cancel")},onCropReady(){this.cropperToolReady=!0}}},rn={class:"c-byo-cropper tw-relative tw-w-full tw-h-full lg:tw-h-auto tw-flex tw-flex-col"},sn={class:"tw-h-full tw-pb-24 lg:tw-pb-0 tw-overflow-scroll"},ln={class:"tw-pb-8"},cn={class:"tw-text-grayscale-600 tw-font-bold tw-text-xs tw-mb-2 tw-uppercase"},un={class:"tw-mb-4 tw-text-4xl tw-text-black tw-font-bold"},pn={class:"tw-mt-0"},hn={class:"tw-fixed tw-rounded-b tw-bottom-0 tw-left-0 tw-z-10 tw-bg-grayscale-200 lg:tw-static tw-flex tw-w-full tw-items-center tw-justify-center tw-border-0 tw-border-t tw-border-black/10 tw-border-solid tw-py-4 tw-px-8 tw-box-border"};function dn(p,m,b,x,v,f){const w=U("vue-cropper"),y=U("Button");return S(),V("div",rn,[_("div",sn,[_("div",ln,[_("p",cn,F(b.progressLabel),1),_("h2",un,F(x.uploadYourLogoTr("cropYourLogo")),1),_("p",pn,F(x.uploadYourLogoTr("cropDescription")),1)]),_("div",{class:bt(["c-byo-cropper__container lg:tw-pb-8 tw-mx-auto",{"tw-opacity-0":!v.cropperToolReady}])},[b.logoData&&b.logoData.logoImageUrl?(S(),J(w,{key:0,ref:"cropper","view-mode":2,zoomable:!1,movable:!1,src:b.logoData.logoImageUrl,ready:f.onCropReady,"auto-crop-area":1},null,8,["src","ready"])):G("",!0)],2)]),_("div",hn,[H(y,{label:x.uploadYourLogoTr("cancel"),size:"large",variant:"outline","container-classes":"tw-mx-2","data-test-cancel-btn":"",onOnClick:f.cancel},null,8,["label","onOnClick"]),H(y,{label:x.uploadYourLogoTr("continue"),size:"large",variant:"primary-with-icon",icon:"chevron-right-wide","container-classes":"tw-mx-2","data-test-continue-btn":"",onOnClick:f.cropImage},null,8,["label","onOnClick"])])])}const gn=ae(So,[["render",dn]]);So.__docgenInfo={exportName:"default",displayName:"LogoCropper",description:"",tags:{},props:[{name:"logoData",type:{name:"object"},required:!0,defaultValue:{func:!1,value:"null"}},{name:"progressLabel",type:{name:"string"},required:!0},{name:"eventCategory",type:{name:"string"},required:!0}],events:[{name:"on-image-cropped",type:{names:["undefined"]}},{name:"on-cancel"}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/UploadYourLogoOnBoarding/LogoCropper.vue"]};const To={components:{Button:Me},props:{logoData:{type:Object,required:!0,default:null},progressLabel:{type:String,required:!0},eventCategory:{type:String,required:!0}},setup(){return{uploadYourLogoTr:se}},methods:{cropImage(){if(!this.$refs.preview.complete)return;const p={left:0,top:0,width:this.$refs.preview.naturalWidth,height:this.$refs.preview.naturalHeight};this.$emit("on-continue",{bounds:p,dataUrl:this.logoData.logoImageUrl}),ye({eventCategory:this.eventCategory,eventAction:"previewLogo",eventLabel:"Clicked_Continue",event:"click"})},cancel(){this.$emit("on-cancel")}}},fn={class:"tw-relative tw-w-full tw-h-full lg:tw-h-auto tw-flex tw-flex-col"},mn={class:"tw-h-full tw-pb-24 lg:tw-pb-0"},vn={class:"lg:tw-pb-8"},wn={class:"tw-text-grayscale-600 tw-font-bold tw-text-xs tw-mb-2 tw-uppercase"},yn={class:"tw-mb-4 tw-text-4xl tw-text-black tw-font-bold"},bn={class:"tw-mt-0"},xn={class:"lg:tw-pb-8 lg:tw-px-8"},_n=["src"],On={class:"tw-fixed tw-rounded-b tw-bottom-0 tw-left-0 tw-z-10 tw-bg-grayscale-200 lg:tw-static tw-flex tw-w-full tw-items-center tw-justify-center tw-border-0 tw-border-t tw-border-black/10 tw-border-solid tw-py-4 tw-px-8 tw-box-border"};function Cn(p,m,b,x,v,f){const w=U("Button");return S(),V("div",fn,[_("div",mn,[_("div",vn,[_("p",wn,F(b.progressLabel),1),_("h2",yn,F(x.uploadYourLogoTr("logoPreview")),1),_("p",bn,F(x.uploadYourLogoTr("logoPreviewDescription")),1)]),_("div",xn,[b.logoData&&b.logoData.logoImageUrl?(S(),V("img",{key:0,ref:"preview",class:"tw-inline tw-max-h-72",src:b.logoData.logoImageUrl,alt:"preview"},null,8,_n)):G("",!0)])]),_("div",On,[H(w,{label:x.uploadYourLogoTr("cancel"),size:"large",variant:"outline","container-classes":"tw-mx-2","data-test-cancel-btn":"",onOnClick:f.cancel},null,8,["label","onOnClick"]),H(w,{label:x.uploadYourLogoTr("continue"),size:"large",variant:"primary-with-icon",icon:"chevron-right-wide","container-classes":"tw-mx-2","data-test-continue-btn":"",onOnClick:f.cropImage},null,8,["label","onOnClick"])])])}const Ln=ae(To,[["render",Cn]]);To.__docgenInfo={exportName:"default",displayName:"LogoPreview",description:"",tags:{},props:[{name:"logoData",type:{name:"object"},required:!0,defaultValue:{func:!1,value:"null"}},{name:"progressLabel",type:{name:"string"},required:!0},{name:"eventCategory",type:{name:"string"},required:!0}],events:[{name:"on-continue",type:{names:["undefined"]}},{name:"on-cancel"}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/UploadYourLogoOnBoarding/LogoPreview.vue"]};const Ao={components:{Button:Me},props:{logoData:{type:Object,required:!0,default:null},savedBusinessText:{type:Object,required:!1,default:null},progressLabel:{type:String,required:!0},eventCategory:{type:String,required:!0}},setup(){return{uploadYourLogoTr:se}},data(){return{businessText:null,sloganText:null}},mounted(){this.savedBusinessText?this.businessText=this.savedBusinessText.businessText:this.businessText=this.logoData.logoImageDetails.businessText,this.savedBusinessText?this.sloganText=this.savedBusinessText.sloganText:this.logoData.logoImageDetails.sloganText&&(this.sloganText=this.logoData.logoImageDetails.sloganText)},methods:{back(){this.$emit("on-go-back")},onSloganTextKeyUp(p){p.keyCode===13&&this.save()},onBusinessTextKeyUp(p){p.keyCode===13&&this.save()},save(){const p={businessText:this.businessText};this.sloganText&&(p.sloganText=this.sloganText),this.$emit("on-save",p),ye({eventCategory:this.eventCategory,eventAction:"businessName",eventLabel:"Clicked_Continue",event:"click"})}}},Dn={class:"tw-w-full tw-flex tw-flex-col tw-h-full lg:tw-h-auto"},En={class:"tw-h-full tw-pb-24 lg:tw-pb-0"},Sn={class:"tw-pb-8"},Tn={class:"tw-text-grayscale-600 tw-font-bold tw-text-xs tw-mb-2 tw-uppercase"},An={class:"tw-mb-4 tw-text-4xl tw-text-black tw-font-bold"},Bn={class:"tw-mt-0"},kn={class:"tw-pb-8 tw-px-8"},Un={class:"tw-fixed tw-rounded-b tw-bottom-0 tw-left-0 tw-z-10 tw-bg-grayscale-200 lg:tw-static tw-flex tw-w-full tw-items-center tw-justify-center tw-border-0 tw-border-t tw-border-black/10 tw-border-solid tw-py-4 tw-px-8 tw-box-border"};function Pn(p,m,b,x,v,f){const w=U("Button");return S(),V("div",Dn,[_("div",En,[_("div",Sn,[_("p",Tn,F(b.progressLabel),1),_("h2",An,F(x.uploadYourLogoTr("businessName")),1),_("p",Bn,F(x.uploadYourLogoTr("businessNameDescription")),1)]),_("div",kn,[_("div",{class:bt({"tw-mb-4":b.logoData.logoImageDetails.sloganText})},[Jt(_("input",{"onUpdate:modelValue":m[0]||(m[0]=y=>v.businessText=y),class:"tw-w-full tw-py-3.5 tw-px-4 tw-rounded tw-box-border tw-border tw-border-solid tw-border-grayscale-500 tw-text-grayscale-600",onKeyup:m[1]||(m[1]=(...y)=>f.onBusinessTextKeyUp&&f.onBusinessTextKeyUp(...y))},null,544),[[$t,v.businessText]])],2),_("div",null,[b.logoData.logoImageDetails.sloganText?Jt((S(),V("input",{key:0,"onUpdate:modelValue":m[2]||(m[2]=y=>v.sloganText=y),class:"tw-w-full tw-py-3.5 tw-px-4 tw-rounded tw-box-border tw-border tw-border-solid tw-border-grayscale-500 tw-text-grayscale-600",onKeyup:m[3]||(m[3]=(...y)=>f.onSloganTextKeyUp&&f.onSloganTextKeyUp(...y))},null,544)),[[$t,v.sloganText]]):G("",!0)])])]),_("div",Un,[H(w,{label:x.uploadYourLogoTr("back"),size:"large",variant:"outline","container-classes":"tw-mx-2","data-test-back-btn":"",onOnClick:f.back},null,8,["label","onOnClick"]),H(w,{label:x.uploadYourLogoTr("continue"),size:"large",variant:"primary-with-icon",icon:"chevron-right-wide","container-classes":"tw-mx-2","data-test-continue-btn":"",onOnClick:f.save},null,8,["label","onOnClick"])])])}const In=ae(Ao,[["render",Pn]]);Ao.__docgenInfo={exportName:"default",displayName:"LogoBusinessText",description:"",tags:{},props:[{name:"logoData",type:{name:"object"},required:!0,defaultValue:{func:!1,value:"null"}},{name:"savedBusinessText",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"progressLabel",type:{name:"string"},required:!0},{name:"eventCategory",type:{name:"string"},required:!0}],events:[{name:"on-go-back"},{name:"on-save",type:{names:["undefined"]}}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/UploadYourLogoOnBoarding/LogoBusinessText.vue"]};const Bo={components:{LogoUploadModal:Ba,UploadYourLogoDropzone:ba,LogoUploader:Ya,LogoUploadError:ja,LogoUploadExitConfirmation:Ja,LogoCropper:gn,LogoPreview:Ln,LogoBusinessText:In,LogoBusinessBrandColours:Oa,LogoKeywords:Da,LogoUploadingLoader:Co},props:{logoFile:{type:Object,required:!1,default:void 0},useDropzone:{type:Boolean,required:!1,default:!1},isPostPurchaseUserUpload:{type:Boolean,required:!1,default:!1},customUploadData:{type:Object,required:!1,default:void 0},isAiPowered:{type:Boolean,default:!1},showKeywordsStep:{type:Boolean,required:!1,default:!1},templateType:{type:String,required:!1,default:null},antiForgeryToken:{type:String,required:!1,default:""},refreshAntiForgeryToken:{type:Function,required:!1,default:null}},setup(){return{uploadYourLogoTr:se}},data(){return{currentStep:this.useDropzone?0:1,includeDropzoneInModal:this.useDropzone,totalNumSteps:4+(this.useDropzone?1:0)+(this.showKeywordsStep?1:0),errorMessage:null,isAttemptingToExit:!1,uploadedLogoData:null,croppedImageBoxBounds:null,savedBusinessText:null,savedKeywords:null,brandColourData:null,isCurrentlySaving:!1}},computed:{currentStepProgressLabel(){if(this.includeDropzoneInModal){const p=this.currentStep===0?1:this.currentStep;return this.uploadYourLogoTr("stepOf",{CURRENT:p,TOTAL:this.totalNumSteps})}return this.uploadYourLogoTr("stepOf",{CURRENT:this.currentStep-1,TOTAL:this.totalNumSteps})},hasError(){return!!this.errorMessage},canCropImage(){return!this.uploadedLogoData.logoImageUrl.split(".").pop().startsWith("svg")},currentStepTrackingLabel(){const p=this.currentStep===2&&!this.canCropImage?"previewLogo":"cropLogo";return(this.showKeywordsStep?["logoUploader",p,"businessName","keywords","brandColors"]:["logoUploader",p,"businessName","brandColors"])[this.currentStep-1]},keywordsStep(){return 4},brandColoursStep(){return this.showKeywordsStep?5:4},eventCategory(){return this.isPostPurchaseUserUpload?"BYO-PostPurchase":"BYO-PrePurchase"}},watch:{logoFile:{immediate:!0,handler(){this.logoFile&&(this.errorMessage=this.logoFile.file.size>Ea.MAX_BYO_FILE_SIZE?se("maxByoFileErrorMessage"):null)}}},methods:{onUploadSuccess(p){this.$emit("on-logo-upload-success"),this.uploadedLogoData=p.data,this.currentStep=2},onUploadError(p){var m,b,x,v;this.$emit("on-logo-upload-error"),typeof((b=(m=p.response)==null?void 0:m.data)==null?void 0:b.errorMessage)=="string"&&((v=(x=p.response)==null?void 0:x.data)==null?void 0:v.errorMessage)!==""?this.errorMessage=p.response.data.errorMessage:this.errorMessage=se("genericByoErrorMessage"),this.currentStep=null},onImageCropped(p){this.$emit("on-image-cropped",{isCropped:p.isCropped});const{bounds:m,dataUrl:b}=p;this.croppedImageBoxBounds=m,this.croppedImageBoxDataUrl=b,this.currentStep=3},onCancel(){this.isAttemptingToExit=!0,(this.currentStep===0||this.hasError)&&this.onExitConfirm(),ye({eventCategory:this.eventCategory,eventAction:this.currentStepTrackingLabel,eventLabel:"Clicked_Cancel",event:"click"})},onLogoFileChange(p){this.$emit("on-file-change",p),this.reset()},onExitConfirm(){const{currentStepTrackingLabel:p}=this;this.reset(),this.$emit("on-exit",{currentStepTrackingLabel:p})},onAbortExitConfirmation(){this.isAttemptingToExit=!1},onGoBackToCropper(){this.$emit("on-back",{currentStepTrackingLabel:this.currentStepTrackingLabel}),this.currentStep=2},onGoBackToBusinessText(){this.$emit("on-back",{currentStepTrackingLabel:this.currentStepTrackingLabel}),this.currentStep=3},onSaveKeywords(p){this.$emit("on-save-keywords",{keywords:p.keywords}),this.savedKeywords=p.keywords,this.currentStep=this.brandColoursStep},onGoBackFromBrandColours(){this.$emit("on-back",{currentStepTrackingLabel:this.currentStepTrackingLabel}),this.currentStep=this.showKeywordsStep?this.keywordsStep:3},onSaveBusinessText(p){this.$emit("on-save-business-text",{businessText:p.businessText}),this.savedBusinessText=p,this.currentStep=this.showKeywordsStep?this.keywordsStep:this.brandColoursStep},onBrandColoursSave(p){this.$emit("on-brand-colors-save",{textColorUserSelected:p.textColorUserSelected,backgroundColorUserSelected:p.backgroundColorUserSelected}),this.brandColourData=p,this.save()},async save(){if(this.isCurrentlySaving)return;this.isCurrentlySaving=!0;const p={templateUploadToken:this.uploadedLogoData.templateUploadToken,businessText:this.savedBusinessText.businessText,businessSlogin:this.savedBusinessText.sloganText,textColor:this.brandColourData.textColor,backgroundColor:this.brandColourData.backgroundColor,cropBoundingBox:JSON.parse(JSON.stringify(this.croppedImageBoxBounds)),isPostPurchaseUserUpload:this.isPostPurchaseUserUpload},m=await xo.createUserLogo(p);if(this.isCurrentlySaving=!1,m.error){this.onUploadError(m.error);return}this.$emit("on-finish",m.response)},reset(){this.currentStep=1,this.errorMessage=null,this.isAttemptingToExit=!1,this.isCurrentlySaving=!1,this.uploadedLogoData=null,this.croppedImageBoxBounds=null,this.savedBusinessText=null,this.savedKeywords=null,this.brandColourData=null}}},Nn={class:"tw-fixed tw-w-full tw-h-full tw-z-50 tw-top-0 tw-left-0 tw-bg-black tw-bg-opacity-80 lg:tw-flex tw-items-start tw-justify-center lg:tw-pt-20"},Mn={key:0,class:"tw-w-full"},Yn={class:"tw-text-grayscale-600 tw-font-bold tw-text-xs tw-mb-2 tw-uppercase"},Rn={class:"tw-mb-4 tw-text-4xl tw-text-black tw-font-bold"},zn={class:"tw-mt-0 tw-pb-8"};function Fn(p,m,b,x,v,f){const w=U("UploadYourLogoDropzone"),y=U("LogoUploader"),P=U("LogoCropper"),K=U("LogoPreview"),he=U("LogoBusinessText"),$e=U("LogoKeywords"),et=U("LogoBusinessBrandColours"),Te=U("LogoUploadError"),tt=U("LogoUploadingLoader"),ot=U("LogoUploadExitConfirmation"),Ye=U("LogoUploadModal");return S(),V("div",Nn,[H(Ye,{"show-cancel-button":(v.currentStep===0||v.currentStep>1||f.hasError)&&!v.isAttemptingToExit,class:bt({"tw-p-6":v.currentStep===0}),onOnCancel:f.onCancel},{content:wa(()=>[v.currentStep===0&&!v.isAttemptingToExit?(S(),V("div",Mn,[_("p",Yn,F(f.currentStepProgressLabel),1),_("h2",Rn,F(x.uploadYourLogoTr("uploadYourLogoText")),1),_("p",zn,F(x.uploadYourLogoTr("disclaimerText")),1),H(w,{"is-modal":!0,onOnUploadSuccess:f.onLogoFileChange},null,8,["onOnUploadSuccess"])])):G("",!0),b.logoFile&&!v.isAttemptingToExit&&!f.hasError&&v.currentStep===1?(S(),J(y,{key:1,"logo-file":b.logoFile,"custom-upload-data":b.customUploadData,"event-category":f.eventCategory,"is-ai-powered":b.isAiPowered,onOnUploadSuccess:f.onUploadSuccess,onOnUploadError:f.onUploadError},null,8,["logo-file","custom-upload-data","event-category","is-ai-powered","onOnUploadSuccess","onOnUploadError"])):G("",!0),!v.isAttemptingToExit&&v.currentStep===2&&v.uploadedLogoData&&f.canCropImage?(S(),J(P,{key:2,"logo-data":v.uploadedLogoData,"progress-label":f.currentStepProgressLabel,"event-category":f.eventCategory,onOnCancel:f.onCancel,onOnImageCropped:f.onImageCropped},null,8,["logo-data","progress-label","event-category","onOnCancel","onOnImageCropped"])):G("",!0),!v.isAttemptingToExit&&v.currentStep===2&&v.uploadedLogoData&&!f.canCropImage?(S(),J(K,{key:3,"logo-data":v.uploadedLogoData,"progress-label":f.currentStepProgressLabel,"event-category":f.eventCategory,onOnCancel:f.onCancel,onOnContinue:f.onImageCropped},null,8,["logo-data","progress-label","event-category","onOnCancel","onOnContinue"])):G("",!0),!v.isAttemptingToExit&&v.currentStep===3&&v.uploadedLogoData?(S(),J(he,{key:4,"logo-data":v.uploadedLogoData,"saved-business-text":v.savedBusinessText,"progress-label":f.currentStepProgressLabel,"event-category":f.eventCategory,onOnGoBack:f.onGoBackToCropper,onOnSave:f.onSaveBusinessText},null,8,["logo-data","saved-business-text","progress-label","event-category","onOnGoBack","onOnSave"])):G("",!0),b.showKeywordsStep&&!v.isAttemptingToExit&&v.currentStep===4&&v.uploadedLogoData?(S(),J($e,{key:5,"progress-label":f.currentStepProgressLabel,"event-category":f.eventCategory,"saved-keywords":v.savedKeywords,"business-name":v.savedBusinessText&&v.savedBusinessText.businessText||"","template-type":b.templateType,"anti-forgery-token":b.antiForgeryToken,"refresh-anti-forgery-token":b.refreshAntiForgeryToken,onOnGoBack:f.onGoBackToBusinessText,onOnSave:f.onSaveKeywords},null,8,["progress-label","event-category","saved-keywords","business-name","template-type","anti-forgery-token","refresh-anti-forgery-token","onOnGoBack","onOnSave"])):G("",!0),!v.isAttemptingToExit&&v.currentStep===f.brandColoursStep&&v.uploadedLogoData&&!v.isCurrentlySaving?(S(),J(et,{key:6,"logo-data":v.uploadedLogoData,"cropped-logo-image":p.croppedImageBoxDataUrl,"total-num-steps":v.totalNumSteps,"event-category":f.eventCategory,onOnGoBack:f.onGoBackFromBrandColours,onOnSave:f.onBrandColoursSave},null,8,["logo-data","cropped-logo-image","total-num-steps","event-category","onOnGoBack","onOnSave"])):G("",!0),f.hasError&&!v.isAttemptingToExit?(S(),J(Te,{key:7,"error-message":v.errorMessage,onOnCancel:f.onCancel,onOnLogoFileChange:f.onLogoFileChange},null,8,["error-message","onOnCancel","onOnLogoFileChange"])):G("",!0),v.isCurrentlySaving?(S(),J(tt,{key:8,"loading-text":x.uploadYourLogoTr("generatingDesigns"),"is-ai-powered":b.isAiPowered},null,8,["loading-text","is-ai-powered"])):G("",!0),v.isAttemptingToExit&&v.currentStep>1?(S(),J(ot,{key:9,onOnConfirm:f.onExitConfirm,onOnGoBack:f.onAbortExitConfirmation},null,8,["onOnConfirm","onOnGoBack"])):G("",!0)]),_:1},8,["show-cancel-button","class","onOnCancel"])])}const Gn=ae(Bo,[["render",Fn]]);Bo.__docgenInfo={exportName:"default",displayName:"UploadYourLogoOnBoarding",description:"",tags:{},props:[{name:"logoFile",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"useDropzone",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"isPostPurchaseUserUpload",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"customUploadData",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"isAiPowered",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"showKeywordsStep",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"templateType",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"antiForgeryToken",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"refreshAntiForgeryToken",type:{name:"func"},required:!1,defaultValue:{func:!1,value:"null"}}],events:[{name:"on-logo-upload-success"},{name:"on-logo-upload-error"},{name:"on-image-cropped",type:{names:["undefined"]}},{name:"on-file-change",type:{names:["undefined"]}},{name:"on-exit",type:{names:["undefined"]}},{name:"on-back",type:{names:["undefined"]}},{name:"on-save-keywords",type:{names:["undefined"]}},{name:"on-save-business-text",type:{names:["undefined"]}},{name:"on-brand-colors-save",type:{names:["undefined"]}},{name:"on-finish",type:{names:["undefined"]}}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/UploadYourLogoOnBoarding/UploadYourLogoOnBoarding.vue"]};const ko={components:{UploadYourLogoOnBoarding:Gn},props:{useDropzone:{type:Boolean,default:!1},isPostPurchaseUserUpload:{type:Boolean,default:!1},customUploadData:{type:Object,default:null},isAiPowered:{type:Boolean,default:!1},showKeywordsStep:{type:Boolean,required:!1,default:!1},templateType:{type:String,required:!1,default:null},antiForgeryToken:{type:String,required:!1,default:""},refreshAntiForgeryToken:{type:Function,required:!1,default:null}},data(){return{logoData:{logoFile:null},active:this.useDropzone}},watch:{useDropzone:{immediate:!0,handler(){this.useDropzone&&(this.active=!0)}}},mounted(){window&&window.addEventListener(re.BeginUploadLogoExperience,p=>{this.onBeginUploadLogoExperience(p.detail.file)})},beforeDestroy(){window.removeEventListener(re.BeginUploadLogoExperience,p=>{this.onBeginUploadLogoExperience(p.detail.file)})},methods:{onBeginUploadLogoExperience(p){this.active=!0,this.logoData.logoFile={file:p}},onExit({currentStepTrackingLabel:p}){this.$emit("on-exit",{currentStepTrackingLabel:p}),this.reset()},reset(){this.active=!1,this.logoData.logoFile=null},onUploadError(){this.logoData.logoFile=null},onFileChange(p){this.logoData.logoFile={file:p}},onFinish(p){this.$emit("on-finish",p),window.dispatchEvent(new CustomEvent(re.UploadLogoSuccess)),this.reset()},onBack({currentStepTrackingLabel:p}){this.$emit("on-back",{currentStepTrackingLabel:p})},onImageCropped({isCropped:p}){this.$emit("on-image-cropped",{isCropped:p})},onSaveBusinessText({businessText:p}){this.$emit("on-save-business-text",{businessText:p})},onBrandColorsSave({textColorUserSelected:p,backgroundColorUserSelected:m}){this.$emit("on-brand-colors-save",{textColorUserSelected:p,backgroundColorUserSelected:m})},onLogoUploadSuccess(){this.$emit("on-logo-upload-success")},onSaveKeywords(p){this.$emit("on-save-keywords",p)}}};function Vn(p,m,b,x,v,f){const w=U("UploadYourLogoOnBoarding");return S(),V("div",null,[v.active?(S(),J(w,{key:0,"logo-file":v.logoData.logoFile,"custom-upload-data":b.customUploadData,"use-dropzone":b.useDropzone,"is-post-purchase-user-upload":b.isPostPurchaseUserUpload,"is-ai-powered":b.isAiPowered,"show-keywords-step":b.showKeywordsStep,"template-type":b.templateType,"anti-forgery-token":b.antiForgeryToken,"refresh-anti-forgery-token":b.refreshAntiForgeryToken,onOnExit:f.onExit,onOnUploadError:f.onUploadError,onOnFileChange:f.onFileChange,onOnFinish:f.onFinish,onOnImageCropped:f.onImageCropped,onOnSaveBusinessText:f.onSaveBusinessText,onOnBrandColorsSave:f.onBrandColorsSave,onOnBack:f.onBack,onOnLogoUploadSuccess:f.onLogoUploadSuccess,onOnSaveKeywords:f.onSaveKeywords},null,8,["logo-file","custom-upload-data","use-dropzone","is-post-purchase-user-upload","is-ai-powered","show-keywords-step","template-type","anti-forgery-token","refresh-anti-forgery-token","onOnExit","onOnUploadError","onOnFileChange","onOnFinish","onOnImageCropped","onOnSaveBusinessText","onOnBrandColorsSave","onOnBack","onOnLogoUploadSuccess","onOnSaveKeywords"])):G("",!0)])}const be=ae(ko,[["render",Vn]]);ko.__docgenInfo={exportName:"default",displayName:"UploadYourLogoApplication",description:"",tags:{},props:[{name:"useDropzone",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isPostPurchaseUserUpload",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"customUploadData",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"isAiPowered",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"showKeywordsStep",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"templateType",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"antiForgeryToken",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"refreshAntiForgeryToken",type:{name:"func"},required:!1,defaultValue:{func:!1,value:"null"}}],events:[{name:"on-exit",type:{names:["undefined"]}},{name:"on-finish",type:{names:["undefined"]}},{name:"on-back",type:{names:["undefined"]}},{name:"on-image-cropped",type:{names:["undefined"]}},{name:"on-save-business-text",type:{names:["undefined"]}},{name:"on-brand-colors-save",type:{names:["undefined"]}},{name:"on-logo-upload-success"},{name:"on-save-keywords",type:{names:["undefined"]}}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/UploadYourLogoApplication/UploadYourLogoApplication.vue"]};const li={title:"Components/UploadYourLogoApplication",component:be},Se=2e3,Je={templateUploadToken:"6bc3885c-7e5c-4c9e-9b54-21dcd06ca647",logoImageUrl:"/images/logos/coke.jpeg",logoImageDetails:{businessText:"LOGO TEXT HERE",sloganText:"Slogan Text Here",textColors:["#2ab1f8","#ff0000","#00ff00","#0fb0fb","#87adbb","#7ef99f"],backgroundColors:["#041444"]}},qn={templateUploadToken:"6bc3885c-7e5c-4c9e-9b54-21dcd06ca647",logoImageUrl:"https://cdn.worldvectorlogo.com/logos/raspberry-pi.svg",logoImageDetails:{businessText:"LOGO TEXT HERE",textColors:["#cd003f"],backgroundColors:["#000000"]}},je=()=>{const p=new Ee(De,{delayResponse:Se});return p.onPost(k.BYO_LOGO_API_URL+k.BYO_LOGO_API_UPLOAD_LOGO_ENDPOINT).reply(200,Je),p.onPost(k.BYO_LOGO_API_URL+k.BYO_LOGO_API_SAVE_ENDPOINT).reply(200,{success:!0}),{components:{UploadYourLogoApplication:be},template:`
+      <div>
+        <input type="file" @change="onFileInputChange" accept=".png,.svg,.eps" />
+        <UploadYourLogoApplication :use-dropzone="true" @on-finish="onFinish" />
+      </div>
+    `,methods:{onFileInputChange(m){m.target.files.length&&window.dispatchEvent(new CustomEvent(re.BeginUploadLogoExperience,{detail:{file:m.target.files[0]}}))},onFinish(m){alert("on finish"),console.log(m)}}}},Xe=()=>{const p=new Ee(De,{delayResponse:Se});return p.onPost(k.BYO_LOGO_API_URL+k.BYO_LOGO_API_UPLOAD_LOGO_ENDPOINT).reply(200,Je),p.onPost(k.BYO_LOGO_API_URL+k.BYO_LOGO_API_SAVE_ENDPOINT).reply(200,{success:!0}),{components:{UploadYourLogoApplication:be},template:`
+          <div>
+            <UploadYourLogoApplication :active="true" :use-dropzone="true" @on-file-change="onFileChange" />
+          </div>
+        `,methods:{onFileChange(m){m&&window.dispatchEvent(new CustomEvent(re.BeginUploadLogoExperience,{detail:{file:m}}))}}}},He=()=>{const p=new Ee(De,{delayResponse:Se});return p.onPost(k.BYO_LOGO_API_URL+k.BYO_LOGO_API_UPLOAD_LOGO_ENDPOINT).reply(200,qn),p.onPost(k.BYO_LOGO_API_URL+k.BYO_LOGO_API_SAVE_ENDPOINT).reply(200,{success:!0}),{components:{UploadYourLogoApplication:be},template:`
+      <div>
+        <input type="file" @change="onFileInputChange" accept=".png,.svg,.eps" />
+        <UploadYourLogoApplication :is-user-authenticated="true" @on-finish="onFinish" />
+      </div>
+    `,methods:{onFileInputChange(m){m.target.files.length&&window.dispatchEvent(new CustomEvent(re.BeginUploadLogoExperience,{detail:{file:m.target.files[0]}}))},onFinish(m){alert("on finish"),console.log(m)}}}},We=()=>{const p=new Ee(De,{delayResponse:Se,onNoMatch:"passthrough"});return p.onPost(k.BYO_LOGO_API_URL+k.BYO_LOGO_API_UPLOAD_LOGO_ENDPOINT).reply(200,Je),p.onPost(k.BYO_LOGO_API_URL+k.BYO_LOGO_API_SAVE_ENDPOINT).reply(200,{success:!0}),p.onGet(new RegExp(k.KEYWORD_SUGGESTIONS_API_URL)).reply(200,{keywords:["professional","modern"]}),{components:{UploadYourLogoApplication:be},template:`
+      <div>
+        <input type="file" @change="onFileInputChange" accept=".png,.svg,.eps" />
+        <UploadYourLogoApplication
+          :use-dropzone="true"
+          :show-keywords-step="true"
+          template-type="business card"
+          @on-save-keywords="onSaveKeywords"
+          @on-finish="onFinish"
+        />
+      </div>
+    `,methods:{onFileInputChange(m){m.target.files.length&&window.dispatchEvent(new CustomEvent(re.BeginUploadLogoExperience,{detail:{file:m.target.files[0]}}))},onSaveKeywords(m){console.log("on-save-keywords",m)},onFinish(m){alert("on finish"),console.log(m)}}}},Ke=()=>(new Ee(De,{delayResponse:Se}).onPost(k.BYO_LOGO_API_URL+k.BYO_LOGO_API_UPLOAD_LOGO_ENDPOINT).reply(500,"An error occured when extracting details from the image. Please try again."),{components:{UploadYourLogoApplication:be},template:`
+      <div>
+        <input type="file" @change="onFileInputChange" accept=".png,.svg,.eps" />
+        <UploadYourLogoApplication @on-finish="onFinish" />
+      </div>
+    `,methods:{onFileInputChange(m){m.target.files.length&&window.dispatchEvent(new CustomEvent(re.BeginUploadLogoExperience,{detail:{file:m.target.files[0]}}))},onFinish(m){alert("on finish"),console.log(m)}}}),Ze=()=>{const p=new Ee(De,{delayResponse:Se});return p.onPost(k.BYO_LOGO_API_URL+k.BYO_LOGO_API_UPLOAD_LOGO_ENDPOINT).reply(200,Je),p.onPost(k.BYO_LOGO_API_URL+k.BYO_LOGO_API_SAVE_ENDPOINT).reply(500,"An error occured when creating a logo from the provided details. Please try again."),{components:{UploadYourLogoApplication:be},template:`
+      <div>
+        <input type="file" @change="onFileInputChange" accept=".png,.svg,.eps" />
+        <UploadYourLogoApplication :is-user-authenticated="true" @on-finish="onFinish" />
+      </div>
+    `,methods:{onFileInputChange(m){m.target.files.length&&window.dispatchEvent(new CustomEvent(re.BeginUploadLogoExperience,{detail:{file:m.target.files[0]}}))},onFinish(m){alert("on finish"),console.log(m)}}}};var oo,ao,no;je.parameters={...je.parameters,docs:{...(oo=je.parameters)==null?void 0:oo.docs,source:{originalSource:`() => {
+  const mock = new MockAdapter(axios, {
+    delayResponse: MOCK_RESPONSE_DELAY
+  });
+  mock.onPost(API.BYO_LOGO_API_URL + API.BYO_LOGO_API_UPLOAD_LOGO_ENDPOINT).reply(200, UPLOAD_SUCCESS_RESPONSE);
+  mock.onPost(API.BYO_LOGO_API_URL + API.BYO_LOGO_API_SAVE_ENDPOINT).reply(200, {
+    success: true
+  });
+  return {
+    components: {
+      UploadYourLogoApplication
+    },
+    template: \`
+      <div>
+        <input type="file" @change="onFileInputChange" accept=".png,.svg,.eps" />
+        <UploadYourLogoApplication :use-dropzone="true" @on-finish="onFinish" />
+      </div>
+    \`,
+    methods: {
+      onFileInputChange(e) {
+        if (e.target.files.length) {
+          window.dispatchEvent(new CustomEvent(Events.BeginUploadLogoExperience, {
+            detail: {
+              file: e.target.files[0]
+            }
+          }));
+        }
+      },
+      onFinish(e) {
+        alert('on finish');
+        console.log(e);
+      }
+    }
+  };
+}`,...(no=(ao=je.parameters)==null?void 0:ao.docs)==null?void 0:no.source}}};var io,ro,so;Xe.parameters={...Xe.parameters,docs:{...(io=Xe.parameters)==null?void 0:io.docs,source:{originalSource:`() => {
+  const mock = new MockAdapter(axios, {
+    delayResponse: MOCK_RESPONSE_DELAY
+  });
+  mock.onPost(API.BYO_LOGO_API_URL + API.BYO_LOGO_API_UPLOAD_LOGO_ENDPOINT).reply(200, UPLOAD_SUCCESS_RESPONSE);
+  mock.onPost(API.BYO_LOGO_API_URL + API.BYO_LOGO_API_SAVE_ENDPOINT).reply(200, {
+    success: true
+  });
+  return {
+    components: {
+      UploadYourLogoApplication
+    },
+    template: \`
+          <div>
+            <UploadYourLogoApplication :active="true" :use-dropzone="true" @on-file-change="onFileChange" />
+          </div>
+        \`,
+    methods: {
+      onFileChange(fileInput) {
+        if (fileInput) {
+          window.dispatchEvent(new CustomEvent(Events.BeginUploadLogoExperience, {
+            detail: {
+              file: fileInput
+            }
+          }));
+        }
+      }
+    }
+  };
+}`,...(so=(ro=Xe.parameters)==null?void 0:ro.docs)==null?void 0:so.source}}};var lo,co,uo;He.parameters={...He.parameters,docs:{...(lo=He.parameters)==null?void 0:lo.docs,source:{originalSource:`() => {
+  const mock = new MockAdapter(axios, {
+    delayResponse: MOCK_RESPONSE_DELAY
+  });
+  mock.onPost(API.BYO_LOGO_API_URL + API.BYO_LOGO_API_UPLOAD_LOGO_ENDPOINT).reply(200, UPLOAD_SUCCESS_RESPONSE_SVG);
+  mock.onPost(API.BYO_LOGO_API_URL + API.BYO_LOGO_API_SAVE_ENDPOINT).reply(200, {
+    success: true
+  });
+  return {
+    components: {
+      UploadYourLogoApplication
+    },
+    template: \`
+      <div>
+        <input type="file" @change="onFileInputChange" accept=".png,.svg,.eps" />
+        <UploadYourLogoApplication :is-user-authenticated="true" @on-finish="onFinish" />
+      </div>
+    \`,
+    methods: {
+      onFileInputChange(e) {
+        if (e.target.files.length) {
+          window.dispatchEvent(new CustomEvent(Events.BeginUploadLogoExperience, {
+            detail: {
+              file: e.target.files[0]
+            }
+          }));
+        }
+      },
+      onFinish(e) {
+        alert('on finish');
+        console.log(e);
+      }
+    }
+  };
+}`,...(uo=(co=He.parameters)==null?void 0:co.docs)==null?void 0:uo.source}}};var po,ho,go;We.parameters={...We.parameters,docs:{...(po=We.parameters)==null?void 0:po.docs,source:{originalSource:`() => {
+  const mock = new MockAdapter(axios, {
+    delayResponse: MOCK_RESPONSE_DELAY,
+    onNoMatch: 'passthrough'
+  });
+  mock.onPost(API.BYO_LOGO_API_URL + API.BYO_LOGO_API_UPLOAD_LOGO_ENDPOINT).reply(200, UPLOAD_SUCCESS_RESPONSE);
+  mock.onPost(API.BYO_LOGO_API_URL + API.BYO_LOGO_API_SAVE_ENDPOINT).reply(200, {
+    success: true
+  });
+  mock.onGet(new RegExp(API.KEYWORD_SUGGESTIONS_API_URL)).reply(200, {
+    keywords: ['professional', 'modern']
+  });
+  return {
+    components: {
+      UploadYourLogoApplication
+    },
+    template: \`
+      <div>
+        <input type="file" @change="onFileInputChange" accept=".png,.svg,.eps" />
+        <UploadYourLogoApplication
+          :use-dropzone="true"
+          :show-keywords-step="true"
+          template-type="business card"
+          @on-save-keywords="onSaveKeywords"
+          @on-finish="onFinish"
+        />
+      </div>
+    \`,
+    methods: {
+      onFileInputChange(e) {
+        if (e.target.files.length) {
+          window.dispatchEvent(new CustomEvent(Events.BeginUploadLogoExperience, {
+            detail: {
+              file: e.target.files[0]
+            }
+          }));
+        }
+      },
+      onSaveKeywords(e) {
+        console.log('on-save-keywords', e);
+      },
+      onFinish(e) {
+        alert('on finish');
+        console.log(e);
+      }
+    }
+  };
+}`,...(go=(ho=We.parameters)==null?void 0:ho.docs)==null?void 0:go.source}}};var fo,mo,vo;Ke.parameters={...Ke.parameters,docs:{...(fo=Ke.parameters)==null?void 0:fo.docs,source:{originalSource:`() => {
+  const mock = new MockAdapter(axios, {
+    delayResponse: MOCK_RESPONSE_DELAY
+  });
+  mock.onPost(API.BYO_LOGO_API_URL + API.BYO_LOGO_API_UPLOAD_LOGO_ENDPOINT).reply(500, 'An error occured when extracting details from the image. Please try again.');
+  return {
+    components: {
+      UploadYourLogoApplication
+    },
+    template: \`
+      <div>
+        <input type="file" @change="onFileInputChange" accept=".png,.svg,.eps" />
+        <UploadYourLogoApplication @on-finish="onFinish" />
+      </div>
+    \`,
+    methods: {
+      onFileInputChange(e) {
+        if (e.target.files.length) {
+          window.dispatchEvent(new CustomEvent(Events.BeginUploadLogoExperience, {
+            detail: {
+              file: e.target.files[0]
+            }
+          }));
+        }
+      },
+      onFinish(e) {
+        alert('on finish');
+        console.log(e);
+      }
+    }
+  };
+}`,...(vo=(mo=Ke.parameters)==null?void 0:mo.docs)==null?void 0:vo.source}}};var wo,yo,bo;Ze.parameters={...Ze.parameters,docs:{...(wo=Ze.parameters)==null?void 0:wo.docs,source:{originalSource:`() => {
+  const mock = new MockAdapter(axios, {
+    delayResponse: MOCK_RESPONSE_DELAY
+  });
+  mock.onPost(API.BYO_LOGO_API_URL + API.BYO_LOGO_API_UPLOAD_LOGO_ENDPOINT).reply(200, UPLOAD_SUCCESS_RESPONSE);
+  mock.onPost(API.BYO_LOGO_API_URL + API.BYO_LOGO_API_SAVE_ENDPOINT).reply(500, 'An error occured when creating a logo from the provided details. Please try again.');
+  return {
+    components: {
+      UploadYourLogoApplication
+    },
+    template: \`
+      <div>
+        <input type="file" @change="onFileInputChange" accept=".png,.svg,.eps" />
+        <UploadYourLogoApplication :is-user-authenticated="true" @on-finish="onFinish" />
+      </div>
+    \`,
+    methods: {
+      onFileInputChange(e) {
+        if (e.target.files.length) {
+          window.dispatchEvent(new CustomEvent(Events.BeginUploadLogoExperience, {
+            detail: {
+              file: e.target.files[0]
+            }
+          }));
+        }
+      },
+      onFinish(e) {
+        alert('on finish');
+        console.log(e);
+      }
+    }
+  };
+}`,...(bo=(yo=Ze.parameters)==null?void 0:yo.docs)==null?void 0:bo.source}}};const ci=["Success","SuccessNotLoggedIn","SuccessSvg","SuccessWithKeywords","FailOnUpload","FailOnCreate"];export{Ze as FailOnCreate,Ke as FailOnUpload,je as Success,Xe as SuccessNotLoggedIn,He as SuccessSvg,We as SuccessWithKeywords,ci as __namedExportsOrder,li as default};

package/.storybook-static/assets/UploadYourLogoDropzone-DQqACf-e.css

@@ -0,0 +1 @@
+@keyframes passing-through{0%{opacity:0;transform:translateY(40px)}30%,70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}@keyframes slide-in{0%{opacity:0;transform:translateY(40px)}30%{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:1px solid rgba(0,0,0,.8);border-radius:5px;padding:20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{text-align:center;margin:3em 0}.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom,#eee,#ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:#fff}.dropzone .dz-preview.dz-image-preview .dz-details{transition:opacity .2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:#000000e6;line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:#fffc}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:#fff6;padding:0 .4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{transform:scale(1.05);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{animation:passing-through 3s cubic-bezier(.77,0,.175,1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;animation:slide-in 3s cubic-bezier(.77,0,.175,1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px;background:#000c;border-radius:50%}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px;fill:#fff}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;transition:all .2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;transition:opacity .4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:20px;top:50%;margin-top:-10px;left:15%;right:15%;border:3px solid rgba(0,0,0,.8);background:#000c;border-radius:10px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#fff;display:block;position:relative;height:100%;width:0;transition:width .3s ease-in-out;border-radius:17px}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;transition:opacity .3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#b10606;padding:.5em 1em;color:#fff}.dropzone .dz-preview .dz-error-message:after{content:"";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #b10606}.vue-dropzone{border:2px solid #e5e5e5;font-family:Arial,sans-serif;letter-spacing:.2px;color:#777;transition:.2s linear}.vue-dropzone:hover{background-color:#f6f6f6}.vue-dropzone>i{color:#ccc}.vue-dropzone>.dz-preview .dz-image{border-radius:0;width:100%;height:100%}.vue-dropzone>.dz-preview .dz-image img:not([src]){width:200px;height:200px}.vue-dropzone>.dz-preview .dz-image:hover img{transform:none;-webkit-filter:none}.vue-dropzone>.dz-preview .dz-details{bottom:0;top:0;color:#fff;background-color:#2196f3cc;transition:opacity .2s linear;text-align:left}.vue-dropzone>.dz-preview .dz-details .dz-filename{overflow:hidden}.vue-dropzone>.dz-preview .dz-details .dz-filename span,.vue-dropzone>.dz-preview .dz-details .dz-size span{background-color:transparent}.vue-dropzone>.dz-preview .dz-details .dz-filename:not(:hover) span{border:none}.vue-dropzone>.dz-preview .dz-details .dz-filename:hover span{background-color:transparent;border:none}.vue-dropzone>.dz-preview .dz-progress .dz-upload{background:#ccc}.vue-dropzone>.dz-preview .dz-remove{position:absolute;z-index:30;color:#fff;margin-left:15px;padding:10px;top:inherit;bottom:15px;border:2px white solid;text-decoration:none;text-transform:uppercase;font-size:.8rem;font-weight:800;letter-spacing:1.1px;opacity:0}.vue-dropzone>.dz-preview:hover .dz-remove{opacity:1}.vue-dropzone>.dz-preview .dz-success-mark svg,.vue-dropzone>.dz-preview .dz-error-mark svg{margin-left:auto;margin-right:auto}.vue-dropzone>.dz-preview .dz-error-message{margin-left:auto;margin-right:auto;left:0;width:100%;text-align:center}.vue-dropzone>.dz-preview .dz-error-message:after{display:none}.c-upload-your-logo .dz-success-mark,.c-upload-your-logo .dz-error-mark,.c-upload-your-logo .dz-details{display:none}.c-upload-your-logo .dz-error-message{color:#f21b3f;font-size:.875rem;line-height:1.25rem}