@tiddh/brave-vue 1.92.82 → 1.92.83

package/dist/brave-vue.esm.js

@@ -1391,7 +1391,7 @@ pages:{type:Number,required:!0},
 /** Product ID. `109` */
 product_id:{type:Number,required:!0},
 /** If preloaded images are base64 formated. `false` */
-base64:{type:Boolean,required:!1},typeLanguage:{type:String,required:!1,default:"br"},zoom:{type:Boolean,required:!1,default:!0},apiUrl:{type:String,required:!1,default:"https://builder.dentrodahistoria.com.br"}},data:function(){var t;return V(t={mobileStopped:!0,pageNum:32,pagesToRender:[],pagesZoom:[],numberPositions:0,mobilePagePosition:0,loadedPages:3,loadedPagesZoom:1,isLoading:!1,lang:wt[this.typeLanguage],zoomActive:!1,zoomMultiPages:!1,zoomSettings:{dots:!1,focusOnSelect:!0,infinite:!0,speed:500,slidesToShow:1,slidesToScroll:1,touchThreshold:5},currentPage:0},"lang",wt[this.typeLanguage]),V(t,"marginMenu",0),t},mounted:function(){var t=this;this.pageNum=this.pages,this.initBookMobile(),this.initBookMobileZoom(),setTimeout((function(){t.isLoading=!0}),3e3);var e=document.getElementById("header-menu");e&&(t.marginMenu=e.offsetHeight+40),window.addEventListener("resize",(function(e){var a=document.getElementById("header-menu");a&&(t.marginMenu=a.offsetHeight+40)}))},updated:function(){var t=this;this.$nextTick((function(){document.getElementById("page-"+(t.loadedPages-1))&&(t.mobilePagePosition=document.getElementById("page-"+(t.loadedPages-1)).offsetLeft-50,document.getElementById("list-mobile").addEventListener("scroll",t.handleScroll))}))},methods:{changeZoom:function(t,e){this.currentPage=e,(2==this.zoomSettings.slidesToShow&&this.currentPage+1===this.loadedPagesZoom||1==this.zoomSettings.slidesToShow&&this.currentPage===this.loadedPagesZoom)&&this.getZoomList()},setFormatZoom:function(t){this.zoomSettings.slidesToShow=t,this.zoomSettings.slidesToScroll=t,this.currentPage=0},openZoom:function(){this.mobileStopped=!1,this.getZoomList(),this.zoomActive=!0},closeZoom:function(){this.zoomSettings.slidesToShow=1,this.zoomActive=!1},initBookMobile:function(){this.loadedPages=1;for(var t=1;t<this.pageNum;t++)if(t<5){var e={url:this.apiUrl+"/api/builder/getpreview/"+this.uuid+"?page="+t+"&w=533&pw=0&noCache=true",isLoaded:!0};this.pagesToRender.push(e)}else{var a={url:this.apiUrl+"/api/builder/getplaceholder/"+this.product_id+"?page="+t+"&w=100&pw=0&noCache=true",isLoaded:!1};this.pagesToRender.push(a)}this.moreBooksMobile()},initBookMobileZoom:function(){this.loadedPages=1;for(var t=1;t<this.pageNum+1;t++)if(t<5){var e={url:this.apiUrl+"/api/builder/getpreview/"+this.uuid+"?page="+t+"&w=533&pw=0&noCache=true",isLoaded:!0};this.pagesZoom.push(e)}else{var a={url:this.apiUrl+"/api/builder/getplaceholder/"+this.product_id+"?page="+t+"&w=100&pw=0&noCache=true",isLoaded:!1};this.pagesZoom.push(a)}},getZoomList:function(){for(var t=this,e=this,a=function(){var a=i;o=t.apiUrl+"/api/builder/getpreview/"+e.uuid+"?page="+i+"&w=533&v=0",Ct.get(o,{responseType:"arraybuffer"}).then((function(t){var i={url:"data:image/png;base64,"+new Buffer.from(t.data,"binary").toString("base64"),isLoaded:!0};e.pagesZoom.splice(a-1,1,i)}))},i=e.loadedPagesZoom;i<=e.loadedPagesZoom+4&&i<=e.pageNum;i++){var o;a()}e.loadedPagesZoom=e.loadedPagesZoom+4},moreBooksMobile:function(){for(var t=this,e=this,a=function(){var a=i;o=t.apiUrl+"/api/builder/getpreview/"+e.uuid+"?page="+i+"&w=533&v=0",Ct.get(o,{responseType:"arraybuffer"}).then((function(t){var i={url:"data:image/png;base64,"+new Buffer.from(t.data,"binary").toString("base64"),isLoaded:!0};e.pagesToRender.splice(a-1,1,i)}))},i=e.loadedPages;i<=e.loadedPages+4&&i<=e.pageNum;i++){var o;a()}e.loadedPages=e.loadedPages+4,document.getElementById("page-"+e.loadedPages-1)&&(e.mobilePagePosition=document.getElementById("page-"+e.loadedPages).offsetLeft-50)},handleScroll:function(t){null!==document.getElementById("list-mobile")&&document.getElementById("list-mobile").scrollLeft>=this.mobilePagePosition&&this.moreBooksMobile(),this.mobileStopped=!1},startedMethod:function(){this.$emit("start")},completedMethod:function(t){this.$emit("completed",t)}},computed:{}},"data-v-4668f6c8",!1,void 0,!1,x,void 0,void 0),Pt=require("axios"),St=b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"main-tool",class:[t.sidebarOpen?"active":"inactive",!t.isMobile&&t.toolbarAnimate?"shake":"stop-shake"],style:t.colorsVar},[t.isMobile?t._e():a("div",{staticClass:"backdrop",on:{click:function(e){"active"==t.sidebarOpen&&t.toggleSidebar()}}}),t._v(" "),a("div",{staticClass:"custom-properties",class:[t.sidebarOpen?"active":"inactive"],style:t.colorsVar},[a("div",{staticClass:"box-close",on:{click:function(e){return t.toggleSidebar()}}},[a("span",{staticClass:"icon icons-close size-lg"},[t.preview_color?a("Icon",{attrs:{name:"close",fill:t.preview_color,stroke:t.preview_color,size:"md"}}):t._e()],1),t._v(" "),a("span",{staticClass:"icon icon-edit-menu size-lg"},[a("Icon",{attrs:{name:"edit",fill:"#fff",size:"md",stroke:"transparent"}})],1)]),t._v(" "),a("div",{staticClass:"list-properties"},[a("div",{staticClass:"title-custom-properties"},[a("Heading",{attrs:{kind:"h4",size:t.isMobile?"xs":"sm",color:"#68596E"}},[t._v(t._s(t.lang.editArea))])],1),t._v(" "),a("HR",{attrs:{height:"1px",color:t.preview_color}}),t._v(" "),t.properties?a("div",{staticClass:"itens-properties"},t._l(t.properties,(function(e,i){return a("div",{key:i,staticClass:"item",on:{click:function(a){return t.showModal(e)}}},[a("div",{staticClass:"text-list"},["nome"==e.code||24==e.property_id?a("Paragraph",{attrs:{size:"xs",color:"#AFA2BA"}},[t._v(t._s(t.lang.name))]):t._e(),t._v(" "),"dedicatoria"==e.code||26==e.property_id?a("Paragraph",{attrs:{size:"xs",color:"#AFA2BA"}},[t._v(t._s(t.lang.dedication))]):t._e(),t._v(" "),"nome-do-mooner"==e.code?a("Paragraph",{attrs:{size:"xs",color:"#AFA2BA"}},[t._v(t._s(t.lang.moonerLabelSidebar))]):t._e(),t._v(" "),"nome-pet"==e.code?a("Paragraph",{attrs:{size:"xs",color:"#AFA2BA"}},[t._v(t._s(t.lang.pet))]):t._e(),t._v(" "),"numero"==e.code?a("Paragraph",{attrs:{size:"xs",color:"#AFA2BA"}},[t._v(t._s(t.lang.birthday_label)+" - "+t._s(e.code))]):t._e(),t._v(" "),"birthday"==e.code?a("Paragraph",{attrs:{size:"xs",color:"#AFA2BA"}},[t._v(t._s(t.lang.birthday_label))]):t._e(),t._v(" "),"fantasy"==e.code?a("Paragraph",{attrs:{size:"xs",color:"#AFA2BA"}},[t._v("Fantasia")]):t._e(),t._v(" "),"languages"==e.code?a("Paragraph",{attrs:{size:"xs",color:"#AFA2BA"}},[t._v("Fantasia")]):t._e(),t._v(" "),"layouts"==e.code?a("Paragraph",{attrs:{size:"xs",color:"#AFA2BA"}},[t._v("Roteiro")]):t._e(),t._v(" "),"nome"==e.code||24==e.property_id?a("Paragraph",{staticClass:"tool-value",attrs:{size:"sm"}},[t._v(t._s(e.value))]):t._e(),t._v(" "),"dedicatoria"==e.code||26==e.property_id?a("Paragraph",{staticClass:"dedication-text tool-value",attrs:{size:"sm"}},[t._v("\n\t\t\t\t\t\t\t"+t._s(t.dedication_text!=t.current_dedication_text?t.current_dedication_text:"Escreva uma dedicatória"))]):t._e(),t._v(" "),"nome-do-mooner"==e.code?a("Paragraph",{staticClass:"tool-value",attrs:{size:"sm"}},[t._v(t._s(e.value))]):t._e(),t._v(" "),"nome-pet"==e.code?a("Paragraph",{attrs:{size:"sm"}},[t._v(t._s(e.value))]):t._e(),t._v(" "),"birthday"==e.code?a("Paragraph",{staticClass:"tool-value",attrs:{size:"sm"}},[t._v(t._s(e.value))]):t._e(),t._v(" "),"fantasy"==e.code?a("Paragraph",{staticClass:"tool-value",attrs:{size:"sm"}},[t._v(t._s(e.value))]):t._e(),t._v(" "),"languages"==e.code?a("Paragraph",{staticClass:"tool-value",attrs:{size:"sm"}},[t._v(t._s(e.value))]):t._e(),t._v(" "),"layouts"==e.code?a("Paragraph",{staticClass:"tool-value",attrs:{size:"sm"}},[t._v(t._s(e.value))]):t._e()],1),t._v(" "),a("Icon",{attrs:{name:"edit",size:"md",fill:t.preview_color,stroke:"transparent"}})],1)})),0):t._e(),t._v(" "),t.isMobile?a("Button",{staticClass:"continue-mobile-tools",attrs:{kind:"primary",size:"md",icon:"right",width:"fluid"},on:{click:t.clickContinue}},[a("Icon",{attrs:{name:"chevron-right",size:"md",stroke:"transparent"}}),t._v(" "),a("span",[t._v("Continuar")])],1):t._e()],1)]),t._v(" "),t.modalName?a("Modal",{attrs:{heading:t.lang.kidName,headingColor:t.preview_color,paragraph:"Para deixar o livro mais legal use apenas o primeiro nome",size:"md",bottomFixed:!1},on:{closeModal:t.closeModal}},[a("Input",{attrs:{type:"text",numeric:!1,name:"name",label:t.lang.kidName,placeholder:"",helper:t.lang.recommendName,value:t.current_character_name,disabled:!1,maxlength:"20"},on:{update:t.updateName}}),t._v(" "),a("div",{staticClass:"name-footer",attrs:{slot:"footer"},slot:"footer"},[a("Button",{attrs:{kind:"secondary",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:function(e){return t.updateNameAndDedicationCustomCharacter()}}},[t._v("\n\t\t\t\t"+t._s(t.lang.update)+"\n\t\t\t")]),t._v(" "),t.isMobile?t._e():a("Button",{attrs:{kind:"ghost",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:t.closeModal}},[t._v("\n\t\t\t\t"+t._s(t.lang.cancel)+"\n\t\t\t")])],1)],1):t._e(),t._v(" "),t.modalDedication?a("Modal",{attrs:{size:"md",heading:t.lang.dedicationFree,headingColor:t.preview_color,paragraph:t.lang.cusutomDedication,bottomFixed:!1},on:{closeModal:t.closeModal}},[a("TextArea",{attrs:{name:"dedication",value:t.current_dedication_text,label:t.lang.messageDedication,placeholder:t.lang.dedcationPlaceholder,maxlength:400,counter:!0,disabled:!1},on:{keydown:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")||e.ctrlKey||e.shiftKey||e.altKey||e.metaKey?null:void e.preventDefault()},update:t.updateDedicationText}}),t._v(" "),a("div",{staticClass:"dedication-footer",attrs:{slot:"footer"},slot:"footer"},[a("Button",{attrs:{kind:"secondary",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:function(e){return t.updateDedicationCustomCharacterDedication()}}},[t._v("\n\t\t\t\t"+t._s(t.lang.update)+"\n\t\t\t")]),t._v(" "),t.isMobile?t._e():a("Button",{attrs:{kind:"ghost",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:t.closeModal}},[t._v("\n\t\t\t\t"+t._s(t.lang.cancel)+"\n\t\t\t")])],1)],1):t._e(),t._v(" "),t.modalShirtNumber?a("Modal",{attrs:{heading:t.lang.editShirt},on:{closeModal:t.closeModal}},[a("Input",{attrs:{type:"text",numeric:!1,name:"number",label:t.lang.shirtNumber,placeholder:"",helper:t.reccomendName,value:t.currentShirtNumber,disabled:!1},on:{change:t.updateShirtNumber}}),t._v(" "),a("div",{attrs:{slot:"footer"},slot:"footer"},[a("Button",{attrs:{kind:"secondary",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:function(e){return t.changeLayout()}}},[t._v("\n\t\t\t\t"+t._s(t.lang.update)+"\n\t\t\t")]),t._v(" "),a("Button",{attrs:{kind:"ghost",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:t.closeModal}},[t._v("\n\t\t\t\t"+t._s(t.lang.cancel)+"\n\t\t\t")])],1)],1):t._e(),t._v(" "),t.modalLayout?a("Modal",{attrs:{heading:t.lang.chooseScript,paragraph:t.lang.choosePetLabel1+" <b>"+t.current_character_name+"</b> "+t.lang.choosePetLabel1},on:{closeModal:t.closeModal}},[a("div",{staticClass:"layout-boxes"},t._l(t.layouts,(function(e,i){return a("div",{key:i,staticClass:"layout-option",class:t.currentLayout==e?"active":"inactive",on:{click:function(e){return t.setCurrentLayout(i)}}},[a("div",{staticClass:"imagem"},[a("img",{attrs:{width:"100%",src:e.image,alt:""}})]),t._v(" "),a("div",{staticClass:"panel-title"},[a("div",{staticClass:"title"},[t._v(t._s(e.name))]),t._v(" "),a("div",{staticClass:"flag",class:t.currentLayout==e?"active":"inactive"},[a("Icon",{attrs:{name:"check"}})],1)])])})),0),t._v(" "),a("div",{attrs:{slot:"footer"},slot:"footer"},[a("Button",{attrs:{kind:"secondary",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:function(e){return t.changeLayout()}}},[t._v("\n\t\t\t\t"+t._s(t.lang.update)+"\n\t\t\t")]),t._v(" "),a("Button",{attrs:{kind:"ghost",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:t.closeModal}},[t._v("\n\t\t\t\t"+t._s(t.lang.cancel)+"\n\t\t\t")])],1)]):t._e(),t._v(" "),t.modalLanguage?a("Modal",{attrs:{heading:t.lang.chooseScript,paragraph:t.lang.choosePetLabel1+" <b>"+t.current_character_name+"</b> "+t.lang.choosePetLabel1},on:{closeModal:t.closeModal}},[a("div",{staticClass:"layout-boxes"},t._l(t.languages,(function(e,i){return a("div",{key:i,staticClass:"layout-option",class:e==t.currentLanguage?"active":"inactive",on:{click:function(e){return t.setCurrentLayout(i)}}},[a("div",{staticClass:"imagem"},[a("img",{attrs:{width:"100%",src:e.Image,alt:""}})]),t._v(" "),a("div",{staticClass:"panel-title"},[a("div",{staticClass:"title"},[t._v(t._s(e.label))]),t._v(" "),a("div",{staticClass:"flag",class:t.currentLanguage==i?"active":"inactive"},[a("Icon",{attrs:{name:"check"}})],1)])])})),0),t._v(" "),a("div",{attrs:{slot:"footer"},slot:"footer"},[a("Button",{attrs:{kind:"secondary",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:function(e){return t.changeLayout()}}},[t._v("\n\t\t\t\t"+t._s(t.lang.update)+"\n\t\t\t")]),t._v(" "),a("Button",{attrs:{kind:"ghost",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:t.closeModal}},[t._v("\n\t\t\t\t"+t._s(t.lang.cancel)+"\n\t\t\t")])],1)]):t._e(),t._v(" "),t.modalBirthdate?a("Modal",{attrs:{heading:t.lang.editDateBirth,size:"md"},on:{closeModal:t.closeModal}},[a("div",{staticClass:"box-dates-columns"},[t.selectedBirthDay?a("div",{staticClass:"day"},[a("Select",{attrs:{selected:t.selectedBirthDay,name:"day",label:"Dia",placeholder:"Dia",options:t.days},on:{change:t.onChangeDay}})],1):t._e(),t._v(" "),t.selectedBirthMonth?a("div",{staticClass:"month"},[a("Select",{attrs:{selected:t.selectedBirthMonth,name:"month",label:"Mês",placeholder:"Mês",options:t.months},on:{change:t.onChangeMonth}})],1):t._e()]),t._v(" "),a("div",{attrs:{slot:"footer"},slot:"footer"},[a("Button",{attrs:{kind:"secondary",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:function(e){return t.changeLayout()}}},[t._v("\n\t\t\t\t"+t._s(t.lang.update)+"\n\t\t\t")]),t._v(" "),a("Button",{attrs:{kind:"ghost",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:t.closeModal}},[t._v("\n\t\t\t\t"+t._s(t.lang.cancel)+"\n\t\t\t")])],1)]):t._e(),t._v(" "),t.modalPet?a("Modal",{staticClass:"modal-pet",attrs:{heading:"Altere o bichinho da história",headingColor:t.preview_color,paragraph:"Esse bichinho acompanhará <span>"+t.current_character_name+"</span> em toda a história.",size:"lg"},on:{closeModal:t.closeModal}},[a("div",{staticClass:"pet-view"},[t.currentPet?a("div",{staticClass:"selected-pet",class:[t.currentPet?"active":"inactive",t.petAnimation?"fade-in-image":"inactive-pet"]},[t.currentPet&&t.currentPet.assets&&t.currentPet.assets.asset?a("div",[t.currentPetColor.assets.asset?a("img",{class:t.petInitAnimation?"fade-in-image-init":"",attrs:{src:t.currentPetColor.assets.asset,width:"100%",alt:""}}):t._e()]):t._e()]):t._e(),t._v(" "),a("div",{staticClass:"pet-selectors",style:t.currentPetColor?"width: 70%;":""},[a("div",{},[a("Input",{attrs:{value:t.searchExtraProperty("nome-pet").value.name,error:"",helper:"",label:t.lang.typePetname,name:"currentPetName"},on:{input:function(e){t.searchExtraProperty("nome-pet").value.name=e.target.value.toUpperCase()}}})],1),t._v(" "),a("label",{staticClass:"pet-label"},[t._v(t._s(t.lang.selectPet))]),t._v(" "),a("div",{staticClass:"pet-combo-list"},[a("div",{staticClass:"full-list",class:[t.currentPet?"active":"inactive"]},[t.listPet?a("div",{staticClass:"pet-list"},t._l(t.listPet.assets.subcategories,(function(e,i){return a("div",{key:i,class:t.currentPet===e?"active":"inactive",on:{click:function(a){return t.setPet(e)}}},[a("img",{attrs:{src:e.assets.icon,alt:""}}),t._v(" "),a("br")])})),0):t._e(),t._v(" "),t.currentPet?a("div",{staticClass:"colors-list"},t._l(t.currentPet.assets.colors,(function(e,i){return a("div",{key:i,class:t.currentPetColor===e?"active":"inactive",on:{click:function(a){return t.setColor(e)}}},[a("div",{staticClass:"color-selector"},[a("span",{staticClass:"main-color",style:"background-color:"+e.hexa+";"}),t._v(" "),a("span",{staticClass:"auxiliary",style:"background-color:"+e.auxiliary+";"})]),t._v(" "),a("br")])})),0):t._e()])])]),t._v(" "),t.searchExtraProperty("nome-pet").value.newPet?a("div",{staticClass:"pet-avatar",style:t.searchExtraProperty("nome-pet").value.newPet?"width: 30%;":""},[a("img",{attrs:{src:t.searchExtraProperty("nome-pet").value.newPet.assets.asset,alt:""}}),t._v(" "),a("br")]):t._e()]),t._v(" "),a("div",{attrs:{slot:"footer"},slot:"footer"},[a("Button",{attrs:{kind:"secondary",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:function(e){return t.changeMoonerLayout()}}},[t._v("\n\t\t\t\t"+t._s(t.lang.update)+"\n\t\t\t")]),t._v(" "),a("Button",{attrs:{kind:"ghost",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:t.closeModal}},[t._v("\n\t\t\t\t"+t._s(t.lang.cancel)+"\n\t\t\t")])],1)]):t._e(),t._v(" "),t.modalMooner?a("Modal",{staticClass:"modal-mooner",attrs:{size:"lg",heading:t.currentTitleMooney,paragraph:t.currentParagraphMooney,divider:!0,headingColor:t.preview_color,haveClose:!0,bottomFixed:!1,paragraphSize:t.isMobile?"sm":"lg"},on:{closeModal:t.closeModal}},[a("div",{staticClass:"mooner-view"},[a("div",{staticClass:"mooner-selectors",style:t.currentMooner?"width: 60%;":""},[a("div",{staticClass:"mooney-align-center"},[a("div",{},[a("Input",{ref:"mooneyName",attrs:{label:t.lang.moonerLabel,value:t.currentMoonerName,name:"currentPetName",placeholder:"Digite o nome do mooner",maxlength:"20",error:"",helper:""},on:{input:function(e){t.currentMoonerName=e.target.value.toUpperCase()}}})],1),t._v(" "),a("label",{staticClass:"mooner-label"},[t._v(t._s(t.lang.moonerLabelSelector))]),t._v(" "),a("div",{staticClass:"mooner-combo-list"},[a("div",{staticClass:"full-list",class:t.currentMooner?"active":"inactive"},[t.listMooner?a("div",{staticClass:"mooner-list",class:t.currentComboClassList},t._l(t.listMooner.assets.subcategories,(function(e,i){return a("div",{key:i,class:t.currentMooner===e?"active":"inactive",on:{click:function(a){return t.setMooner(e)}}},[a("img",{attrs:{src:e.assets.icon,alt:""}}),t._v(" "),a("br")])})),0):t._e(),t._v(" "),t.currentMooner?a("div",{staticClass:"colors-list"},t._l(t.currentMooner.assets.colors,(function(e,i){return a("div",{key:i,class:t.currentMoonerColor===e?"active":"inactive",on:{click:function(a){return t.setColor(e)}}},[a("div",{staticClass:"color-selector"},[a("span",{staticClass:"main-color",style:"background-color:"+e.hexa+";"}),t._v(" "),a("span",{staticClass:"auxiliary",style:"background-color:"+e.auxiliary+";"})]),t._v(" "),a("br")])})),0):t._e()])])])]),t._v(" "),t.currentMooner?a("div",{staticClass:"selected-mooner",class:[t.currentMooner?"active":"inactive",t.moonerAnimation?"fade-in-image":"inactive-pet"]},[t.currentMooner&&t.currentMooner.assets&&t.currentMooner.assets.asset?a("div",[t.currentMooner.assets.asset?a("img",{class:t.moonerInitAnimation?"fade-in-image-init":"",attrs:{src:t.currentMooner.assets.asset,width:"100%",alt:""}}):t._e()]):t._e()]):t._e()]),t._v(" "),a("div",{staticClass:"mooner-footer",attrs:{slot:"footer"},slot:"footer"},[a("Button",{attrs:{kind:"secondary",size:"md",width:"liquid",disabled:0==t.currentMoonerName.length,inverted:!1},on:{click:function(e){return t.changeMoonerLayout()}}},[t._v("\n\t\t\t\t"+t._s(t.isCreated?t.lang.moonerCtaFirstOpen:t.lang.moonerCta)+"\n\t\t\t")]),t._v(" "),a("Button",{attrs:{kind:"ghost",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:function(e){return e.preventDefault(),t.closeModal.apply(null,arguments)}}},[t._v("\n\t\t\t\t"+t._s(t.isCreated?"Escolher depois":"Fechar")+"\n\t\t\t")])],1)]):t._e(),t._v(" "),t.modalFantasy?a("Modal",{staticClass:"modal-fantasy",attrs:{heading:"Fantasia",headingColor:t.preview_color,paragraph:"Descrição fantasia",haveClose:!1},on:{closeModal:t.closeModal}},[a("div",{staticClass:"fantasy-view"},[a("div",{staticClass:"selected-fantasy",class:[t.currentFantasy?"active":"inactive",t.fantasyAnimation?"fade-in-image":"inactive-pet"]},[a("div",{staticClass:"fantasy-items"},[t.currentFantasy&&t.currentFantasy.assets&&t.currentFantasy.assets.asset?a("div",{staticClass:"clip-avatar"},[t.currentFantasy.assets.asset?a("img",{class:t.fantasyInitAnimation?"fade-in-image-init":"",attrs:{src:t.currentFantasy.assets.asset,alt:""}}):t._e()]):t._e(),t._v(" "),a("div",{staticClass:"avatar-fantasy"},t._l(t.avatarFantasy,(function(e,i){return a("div",{key:i,staticClass:"avatar-item"},[a("img",{attrs:{src:e.assets.asset,alt:""}}),t._v(" "),a("br")])})),0)])]),t._v(" "),a("div",[a("div",{staticClass:"pet-selectors",style:t.currentFantasy?"width: 100%;":""},[a("label",{staticClass:"pet-label"},[t._v("Fatansia")]),t._v(" "),a("div",{staticClass:"pet-combo-list"},[t.listFantasy?a("div",{staticClass:"pet-list",class:t.currentFantasy?"active":"inactive"},t._l(t.listFantasy,(function(e,i){return a("div",{key:i,class:t.currentFantasy===e?"active":"inactive",on:{click:function(a){return t.setFantasy(e)}}},[a("img",{attrs:{src:e.assets.icon,alt:""}}),t._v(" "),a("br")])})),0):t._e()])])])]),t._v(" "),a("div",{staticClass:"mooner-footer",attrs:{slot:"footer"},slot:"footer"},[a("Button",{attrs:{kind:"secondary",size:"md",width:"liquid",disabled:!t.currentFantasy,inverted:!1},on:{click:function(e){return t.changeFantasyLayout()}}},[t._v("\n\t\t\t\tProntinho salvar história\n\t\t\t")]),t._v(" "),a("Button",{attrs:{kind:"ghost",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:t.closeModal}},[t._v("\n\t\t\t\tEscolher depois\n\t\t\t")])],1)]):t._e()],1)},staticRenderFns:[]},(function(t){t&&t("data-v-5e198737_0",{source:'@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Nunito:400,600,700,900&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto:400,600,700,900&display=swap);[data-v-5e198737]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-5e198737]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-5e198737]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-5e198737]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-5e198737]{font-size:14px}}@media (min-width:1024px){[data-v-5e198737]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-5e198737]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-5e198737]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-5e198737]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-5e198737]{font-size:1.56vw}}html[data-v-5e198737]{box-sizing:border-box}*[data-v-5e198737],[data-v-5e198737]::after,[data-v-5e198737]::before{box-sizing:border-box}.modal-pet[data-v-5e198737]{background-color:#000}.modal-pet .paragraph span[data-v-5e198737]{color:var(--preview-color);font-weight:700}@media (max-width:990px){.modal-pet .modal-content[data-v-5e198737]{padding-bottom:500px;overflow-y:scroll}}.modal-pet .pet-view[data-v-5e198737]{width:100%;display:flex}.modal-pet .pet-view .selected-pet[data-v-5e198737]{max-width:10.8571428571rem;width:100%;overflow:hidden}.modal-pet .pet-view .selected-pet .clip-mooney img[data-v-5e198737]{margin-top:0;margin-left:-1.9047619048rem;margin-bottom:-1.9047619048rem}.modal-pet .pet-view .selected-pet img[data-v-5e198737]{margin-top:-3.8095238095rem}.modal-pet .pet-view .pet-label[data-v-5e198737]{font-family:Roboto,sans-serif;color:#68596e;line-height:1.5;font-size:.7619047619rem;text-align:left;margin-top:1.1428571429rem;display:block}@media (max-width:479px){.modal-pet .pet-view .pet-label[data-v-5e198737]{font-size:1.308411215rem;margin-top:1.4953271028rem}}.modal-pet .pet-selectors[data-v-5e198737]{width:100%}.modal-pet .pet-selectors p[data-v-5e198737]{margin:0;font-size:.7619047619rem}.modal-pet .pet-selectors .input-text-group[data-v-5e198737]{padding-bottom:0}.modal-pet .pet-selectors .pet-combo-list[data-v-5e198737]{display:flex;flex-wrap:wrap}@media (max-width:990px){.modal-pet .pet-selectors .pet-combo-list[data-v-5e198737]{flex-direction:column-reverse}}.modal-pet .pet-selectors .pet-combo-list .selected-pet[data-v-5e198737]{width:0%;transition:width .5s;max-height:9.5238095238rem}.modal-pet .pet-selectors .pet-combo-list .selected-pet .clip-mooney[data-v-5e198737]{max-height:11.619047619rem;overflow:hidden;display:block}@media (max-width:990px){.modal-pet .pet-selectors .pet-combo-list .selected-pet .clip-mooney[data-v-5e198737]{max-height:22.8037383178rem;overflow:hidden;display:flex;justify-content:center}}@media (max-width:990px){.modal-pet .pet-selectors .pet-combo-list .selected-pet .clip-mooney img[data-v-5e198737]{max-width:80%;margin:0 auto;margin-top:-1.4285714286rem}}.modal-pet .pet-selectors .pet-combo-list .selected-pet img[data-v-5e198737]{margin-top:-.9523809524rem;opacity:0}.modal-pet .pet-selectors .pet-combo-list .selected-pet.active[data-v-5e198737]{width:40%}@media (max-width:990px){.modal-pet .pet-selectors .pet-combo-list .selected-pet.active[data-v-5e198737]{width:100%}}.modal-pet .pet-selectors .pet-combo-list .full-list[data-v-5e198737]{width:100%}.modal-pet .pet-selectors .pet-combo-list .full-list.active[data-v-5e198737]{width:100%}.modal-pet .pet-selectors .pet-combo-list .pet-list[data-v-5e198737]{transition:all .5s;width:100%;align-items:center;display:flex}@media (max-width:990px){.modal-pet .pet-selectors .pet-combo-list .pet-list[data-v-5e198737]{width:100%}}.modal-pet .pet-selectors .pet-combo-list .pet-list.inactive[data-v-5e198737]{width:100%}.modal-pet .pet-selectors .pet-combo-list .colors-list[data-v-5e198737]{display:flex;flex-wrap:wrap;justify-content:space-evenly;max-width:100%;justify-content:flex-start}.modal-pet .pet-selectors .pet-combo-list .color-selector[data-v-5e198737]{width:1.619047619rem;height:1.619047619rem;border-radius:500px;overflow:hidden;cursor:pointer;margin-right:.7619047619rem;border:2px solid #efefef;-webkit-transition:border-color .3s cubic-bezier(.4,0,.2,1);transition:border-color .3s cubic-bezier(.4,0,.2,1);position:relative}.modal-pet .pet-selectors .pet-combo-list .color-selector .main-color[data-v-5e198737]{width:100%;height:100%;display:block}.modal-pet .pet-selectors .pet-combo-list .color-selector .auxiliary[data-v-5e198737]{width:50%;height:100%;position:absolute;right:0;top:0}.modal-pet .pet-list[data-v-5e198737]{width:100%;display:flex}.modal-pet .pet-list div[data-v-5e198737]{margin:.2380952381rem;cursor:pointer}.modal-pet .pet-list .inactive[data-v-5e198737]{opacity:.3}.modal-pet .pet-list img[data-v-5e198737]{width:100%}.modal-mooner[data-v-5e198737]{background-color:#000}.modal-mooner .paragraph span[data-v-5e198737]{color:var(--preview-color);font-weight:700}@media (max-width:990px){.modal-mooner .modal-content[data-v-5e198737]{padding-bottom:500px;overflow-y:scroll}}.modal-mooner .mooner-view[data-v-5e198737]{width:100%;display:flex}.modal-mooner .mooner-view .selected-mooner[data-v-5e198737]{max-width:40%;width:100%;overflow:hidden;padding-left:1.5238095238rem;padding-right:1.5238095238rem}@media (max-width:479px){.modal-mooner .mooner-view .selected-mooner[data-v-5e198737]{margin-top:0;padding-left:0;padding-right:0;max-width:100%;display:flex;justify-content:center}.modal-mooner .mooner-view .selected-mooner div[data-v-5e198737]{max-width:60%}}.modal-mooner .mooner-view .selected-mooner .clip-mooney img[data-v-5e198737]{margin-top:0;margin-left:-1.9047619048rem;margin-bottom:-1.9047619048rem}.modal-mooner .mooner-view .selected-mooner img[data-v-5e198737]{display:block}@media (max-width:479px){.modal-mooner .mooner-view .selected-mooner img[data-v-5e198737]{margin-top:.380952381rem;margin-bottom:-1.5238095238rem}}.modal-mooner .mooner-view .mooner-label[data-v-5e198737]{font-family:Roboto,sans-serif;color:#68596e;line-height:1.5;font-size:.7619047619rem;text-align:left;margin-top:1.1428571429rem;display:block}@media (max-width:479px){.modal-mooner .mooner-view .mooner-label[data-v-5e198737]{font-size:1.308411215rem;margin-top:1.4953271028rem}}.modal-mooner[data-v-5e198737]  .modal-header-content b{font-weight:700!important;color:var(--preview-color)!important}.modal-mooner .mooner-selectors[data-v-5e198737]{width:100%;display:flex;align-items:center}@media (max-width:990px){.modal-mooner .mooner-selectors[data-v-5e198737]{width:100%!important}}.modal-mooner .mooner-selectors p[data-v-5e198737]{margin:0;font-size:.7619047619rem}.modal-mooner .mooner-selectors .input-text-group[data-v-5e198737]{padding-bottom:0}.modal-mooner .mooner-selectors .mooner-combo-list[data-v-5e198737]{display:flex;flex-wrap:wrap}@media (max-width:990px){.modal-mooner .mooner-selectors .mooner-combo-list[data-v-5e198737]{flex-direction:column-reverse}}.modal-mooner .mooner-selectors .mooner-combo-list .selected-mooner[data-v-5e198737]{width:0%;transition:width .5s;max-height:9.5238095238rem}.modal-mooner .mooner-selectors .mooner-combo-list .selected-mooner .clip-mooney[data-v-5e198737]{max-height:11.619047619rem;overflow:hidden;display:block}@media (max-width:990px){.modal-mooner .mooner-selectors .mooner-combo-list .selected-mooner .clip-mooney[data-v-5e198737]{max-height:22.8037383178rem;overflow:hidden;display:flex;justify-content:center}}@media (max-width:990px){.modal-mooner .mooner-selectors .mooner-combo-list .selected-mooner .clip-mooney img[data-v-5e198737]{max-width:80%;margin:0 auto;margin-top:-1.4285714286rem}}.modal-mooner .mooner-selectors .mooner-combo-list .selected-mooner img[data-v-5e198737]{margin-top:-.9523809524rem;opacity:0}.modal-mooner .mooner-selectors .mooner-combo-list .selected-mooner.active[data-v-5e198737]{width:40%}@media (max-width:990px){.modal-mooner .mooner-selectors .mooner-combo-list .selected-mooner.active[data-v-5e198737]{width:100%}}.modal-mooner .mooner-selectors .mooner-combo-list .full-list[data-v-5e198737]{width:100%}.modal-mooner .mooner-selectors .mooner-combo-list .full-list.active[data-v-5e198737]{width:100%}.modal-mooner .mooner-selectors .mooner-combo-list .colors-list[data-v-5e198737]{display:flex;flex-wrap:wrap;justify-content:space-evenly;max-width:100%;justify-content:flex-start}.modal-mooner .mooner-selectors .mooner-combo-list .color-selector[data-v-5e198737]{width:1.619047619rem;height:1.619047619rem;border-radius:500px;overflow:hidden;cursor:pointer;margin-right:.7619047619rem;border:2px solid #efefef;-webkit-transition:border-color .3s cubic-bezier(.4,0,.2,1);transition:border-color .3s cubic-bezier(.4,0,.2,1);position:relative}.modal-mooner .mooner-selectors .mooner-combo-list .color-selector .main-color[data-v-5e198737]{width:100%;height:100%;display:block}.modal-mooner .mooner-selectors .mooner-combo-list .color-selector .auxiliary[data-v-5e198737]{width:50%;height:100%;position:absolute;right:0;top:0}.modal-mooner .mooner-list[data-v-5e198737]{width:100%;display:flex;align-items:flex-start;align-content:flex-start;gap:.380952381rem .380952381rem;align-self:stretch;flex-wrap:wrap}.modal-mooner .mooner-list div[data-v-5e198737]{cursor:pointer;width:23.572%;border-radius:.380952381rem;border:.0952380952rem solid var(--color-brand-primary-medium,#12d3db);background:#fff;box-shadow:0 8px 14px 0 #dfdae4}@media (max-width:990px){.modal-mooner .mooner-list div[data-v-5e198737]{border-radius:.7476635514rem;border:.1869158879rem solid var(--color-brand-primary-medium,#12d3db)}}@media (max-width:990px){.modal-mooner .mooner-list.is-three[data-v-5e198737]{gap:.7476635514rem .7476635514rem}.modal-mooner .mooner-list.is-three div[data-v-5e198737]{width:31.6%}}.modal-mooner .mooner-list .inactive[data-v-5e198737]{border:2px solid var(--color-brand-primary-medium,#dfdae4);box-shadow:none!important}.modal-mooner .mooner-list img[data-v-5e198737]{width:100%}.main-tool[data-v-5e198737]{position:fixed;width:100%;height:100%}.main-tool.shake[data-v-5e198737]{-webkit-animation:shake-data-v-5e198737 1.6s ease-in-out infinite;animation:shake-data-v-5e198737 1.6s ease-in-out infinite}@media (max-width:990px){.main-tool[data-v-5e198737]{position:relative;width:100%!important;max-width:100%!important}}.main-tool .backdrop[data-v-5e198737]{content:"";width:100vw;height:100vh;background:rgba(104,89,110,0);backdrop-filter:blur(0);position:fixed;transition:all 1s ease;opacity:0;top:0}.main-tool.active[data-v-5e198737]{z-index:24;max-width:100%}.main-tool.active .backdrop[data-v-5e198737]{background:rgba(104,89,110,.8);backdrop-filter:blur(8px);cursor:pointer;opacity:1}@media (max-width:990px){.main-tool.active .backdrop[data-v-5e198737]{display:none}}.main-tool.inactive[data-v-5e198737]{z-index:24;top:0;max-width:48px;right:0}.custom-properties[data-v-5e198737]{right:0;text-align:left;top:0;max-width:16.1904761905rem;font-family:Roboto;width:100%;position:fixed;z-index:3;overflow:initial;height:100vh;transition:all 1s ease;transform:translateX(100%)}@media (max-width:990px){.custom-properties[data-v-5e198737]{max-width:100%;width:100%;left:0;bottom:0;border-radius:0;top:0;background:0 0;height:100%;transform:translateX(0);position:relative}}.custom-properties.inactive .icon-close[data-v-5e198737]{opacity:0}.custom-properties.inactive .icon-edit[data-v-5e198737]{opacity:1;transform:rotate(0)}.custom-properties.active[data-v-5e198737]{z-index:10;transform:translateX(0)}.custom-properties.active .icon-close[data-v-5e198737]{opacity:1}.custom-properties.active .icon-edit-menu[data-v-5e198737]{opacity:0;transform:rotate(-180deg)}.custom-properties.active .box-close[data-v-5e198737]{background:#fff}.custom-properties .list-properties[data-v-5e198737]{background-color:#fff;box-shadow:4px 4px 16px rgba(175,162,186,.24);width:100%;background-color:#fff;position:relative;height:100vh;z-index:3;padding:1.1428571429rem 2.7777777778vw}.custom-properties .list-properties hr[data-v-5e198737]{border-color:var(--preview-color)!important;margin-top:.7619047619rem;margin-bottom:0}@media (max-width:990px){.custom-properties .list-properties hr[data-v-5e198737]{margin-top:.3738317757rem;margin-bottom:0}}@media (max-width:990px){.custom-properties .list-properties[data-v-5e198737]{width:100%;height:auto;background-color:#fff;position:relative;border-radius:0;padding:2.2429906542rem 6.6666666667vw}}.custom-properties .title-custom-properties[data-v-5e198737]{padding-bottom:.7619047619rem 0;width:100%;line-height:15px}.custom-properties .title-custom-properties span[data-v-5e198737]{font-family:Nunito;font-size:14px;color:#68596e}.custom-properties .itens-properties .item[data-v-5e198737]{position:relative;padding:.7619047619rem 0;border-bottom:1px solid #dfdae4;cursor:pointer;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center;align-items:center}.custom-properties .itens-properties .item[data-v-5e198737]:last-child{border-bottom:0}@media (max-width:990px){.custom-properties .itens-properties .item[data-v-5e198737]:last-child{border-bottom:1px solid #dfdae4}}.custom-properties .itens-properties .item .text-list[data-v-5e198737]{width:90%}.custom-properties .itens-properties .item .text-list .tool-value[data-v-5e198737]{text-transform:uppercase}.custom-properties .itens-properties .paragraph[data-v-5e198737]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.custom-properties .itens-properties hr[data-v-5e198737]{margin:0!important;margin-bottom:10px!important;margin-top:10px!important}.custom-properties .itens-properties .flex[data-v-5e198737]{cursor:pointer;position:relative}.custom-properties .itens-properties .flex svg[data-v-5e198737]{position:absolute;right:0;top:.8571428571rem}.layout-boxes[data-v-5e198737]{display:flex}.layout-option[data-v-5e198737]{background:#fff;border-radius:.4761904762rem;border:2px solid transparent;margin-top:5px;margin-bottom:5px;cursor:pointer;position:relative;flex-basis:100%;-webkit-box-shadow:-1px 2px 22px -14px rgba(0,0,0,.75);-moz-box-shadow:-1px 2px 22px -14px rgba(0,0,0,.75);box-shadow:-1px 2px 22px -14px rgba(0,0,0,.75);margin:1%;overflow:hidden}.layout-option .panel-title[data-v-5e198737]{display:flex;padding-bottom:.4761904762rem}.layout-option .panel-title .title[data-v-5e198737]{font-family:Roboto;color:#68596e;width:8.3333333333vw;justify-content:center;align-self:center;align-items:center;font-size:.6666666667rem;padding-left:.4761904762rem}.layout-option .panel-title .flag[data-v-5e198737]{text-align:center;width:2.7777777778vw}.layout-option .panel-title .flag .icon[data-v-5e198737]{border-radius:5px;border:solid 2px #e9eaed;background-color:#fff;width:1.4285714286rem;height:1.4285714286rem;display:flex;justify-content:center;align-self:center;align-items:center}.layout-option .panel-title .flag .icon svg[data-v-5e198737]{width:1.4285714286rem;height:1.4285714286rem}.layout-option .panel-title .flag .icon svg path[data-v-5e198737]{fill:#e9eaed!important}.layout-option.active[data-v-5e198737]{border:2px solid #01dfa1}.layout-option.active .panel-title .title[data-v-5e198737]{color:#68596e}.layout-option.active .panel-title .flag span[data-v-5e198737]{border:solid 2px #2dd3d8;background-color:#2dd3d8}.layout-option.active .panel-title .flag svg path[data-v-5e198737]{fill:#fff!important}.color[data-v-5e198737]{height:1.9047619048rem;width:1.9047619048rem;display:block;border-radius:100%;margin-left:.2857142857rem;margin-right:.2857142857rem;padding:.1428571429rem;border:.0952380952rem solid #efefef;-webkit-transition:border-color .3s cubic-bezier(.4,0,.2,1);transition:border-color .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.color.is-selected[data-v-5e198737]{border-color:#01dfa1}.color .secondary-color[data-v-5e198737]{width:50%;position:absolute;right:0;height:100%;top:0}.footer-pet[data-v-5e198737]{width:100%;display:flex}.footer-pet .cancel[data-v-5e198737]{margin-left:20px;background-color:none;background-image:none;box-shadow:none;padding:0;border-radius:0;color:#68596e;background:0 0}.mooner-view[data-v-5e198737]{width:100%;display:flex}@media (max-width:479px){.mooner-view[data-v-5e198737]{flex-wrap:wrap}}.mooner-view .selected-pet[data-v-5e198737]{max-width:10.8571428571rem;width:100%;overflow:hidden}.mooner-view .selected-pet .clip-mooney img[data-v-5e198737]{margin-top:0;margin-left:-1.9047619048rem;margin-bottom:-1.9047619048rem}.mooner-view .selected-pet img[data-v-5e198737]{margin-top:-3.8095238095rem}.mooner-view .mooner-label[data-v-5e198737]{font-family:Roboto,sans-serif;color:#68596e;line-height:1.5;font-size:.7619047619rem;text-align:left;margin-top:.7619047619rem;margin-bottom:.1904761905rem;display:block}@media (max-width:479px){.mooner-view .mooner-label[data-v-5e198737]{font-size:1.308411215rem;margin-top:1.4953271028rem}}.box-dates-columns[data-v-5e198737]{display:flex}.box-dates-columns .day[data-v-5e198737]{width:11.1111111111vw}.box-dates-columns .month[data-v-5e198737]{padding-left:.7619047619rem;width:22.2222222222vw}.box-close[data-v-5e198737]{width:2.4761904762rem;height:2.2857142857rem;top:.7619047619rem;background:var(--preview-color);box-shadow:4px 4px 16px rgba(175,162,186,.24);position:absolute;left:-2.2857142857rem;display:flex;justify-content:center;align-items:center;z-index:2;border-radius:50% 0 0 50%;cursor:pointer;transition:all .3s ease;animation-delay:.5s}@media (max-width:479px){.box-close[data-v-5e198737]{display:none}}.box-close .icon[data-v-5e198737]{width:1.5238095238rem;height:1.5238095238rem;position:absolute;transition:all .5s ease;animation-delay:.5s;display:flex;align-items:center;justify-content:center;color:#fff}.box-close .icon.icons-close[data-v-5e198737]{color:#12d3db}.box-close .icon.icons-close .icon[data-v-5e198737]{color:#12d3db}@media (max-width:990px){[data-v-5e198737] .name-footer button{width:100%!important;text-align:center}[data-v-5e198737] .name-footer button div{width:100%;text-align:center!important;display:block!important}}@media (max-width:990px){[data-v-5e198737] .dedication-footer button{width:100%!important;text-align:center}[data-v-5e198737] .dedication-footer button div{width:100%;text-align:center!important;display:block!important}}.fade-in-image-init[data-v-5e198737]{transition:all .5s;opacity:1!important}.fade-in-image[data-v-5e198737]{animation:fadeIn-data-v-5e198737 .5s;-webkit-animation:fadeIn-data-v-5e198737 .5s;-moz-animation:fadeIn-data-v-5e198737 .5s;-o-animation:fadeIn-data-v-5e198737 .5s;-ms-animation:fadeIn-data-v-5e198737 .5s}@keyframes fadeIn-data-v-5e198737{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn-data-v-5e198737{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn-data-v-5e198737{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn-data-v-5e198737{0%{opacity:0}100%{opacity:1}}@-ms-keyframes fadeIn-data-v-5e198737{0%{opacity:0}100%{opacity:1}}.bottom-bar-area[data-v-5e198737]{position:absolute;z-index:4;width:100%;bottom:0;left:0}.avatar[data-v-5e198737]{position:relative}.avatar .avatar-item[data-v-5e198737]{position:absolute;left:0;top:0}.fantasy-view[data-v-5e198737]{display:flex}.fantasy-view .pet-label[data-v-5e198737]{font-family:Roboto,sans-serif;color:#68596e;line-height:1.5;font-size:.7619047619rem;text-align:left;margin-top:1.1428571429rem;display:block}@media (max-width:479px){.fantasy-view .pet-label[data-v-5e198737]{font-size:1.308411215rem;margin-top:1.4953271028rem}}.fantasy-view .selected-fantasy[data-v-5e198737]{position:relative;width:6.0952380952rem;height:9.5238095238rem}.fantasy-view .selected-fantasy .fantasy-items[data-v-5e198737]{width:6.0952380952rem;position:relative}.fantasy-view .selected-fantasy .fantasy-items .clip-avatar[data-v-5e198737]{width:100%;height:100%;top:0;position:absolute;left:0;z-index:3}.fantasy-view .selected-fantasy .fantasy-items .avatar-fantasy[data-v-5e198737]{width:100%;height:100%;top:0;position:absolute;left:0;z-index:2}.fantasy-view .selected-fantasy .fantasy-items .avatar-fantasy .avatar-item[data-v-5e198737]{position:absolute;left:0;top:0;width:6.0952380952rem}.fantasy-view .selected-fantasy .fantasy-items .avatar-fantasy .avatar-item img[data-v-5e198737]{width:100%}@keyframes shake-data-v-5e198737{0%{-webkit-transform:translateX(0)}40%{-webkit-transform:translateX(-20px)}50%{-webkit-transform:translateX(0)}60%{-webkit-transform:translateX(-20px)}100%{-webkit-transform:translateX(0)}}.continue-mobile-tools[data-v-5e198737]{background-color:var(--preview-color)!important;margin-top:1.4953271028rem;margin-bottom:4.4859813084rem}.continue-mobile-tools span[data-v-5e198737]{color:#fff;position:relative;z-index:2}.continue-mobile-tools[data-v-5e198737]:hover:after{right:0;bottom:0;top:0;left:0;display:block;content:"";position:absolute;background-color:rgba(0,0,0,.2)}.modal-footer-items .btn-secondary[data-v-5e198737]{background-color:var(--preview-color)!important}.modal-footer-items .btn-secondary.is-disabled[data-v-5e198737]{background-color:#dfdae4!important}.modal-footer-items .btn-secondary span[data-v-5e198737]{color:#fff;position:relative;z-index:2}.modal-footer-items .btn-secondary[data-v-5e198737]:hover:after{right:0;bottom:0;top:0;left:0;display:block;content:"";position:absolute;background-color:rgba(0,0,0,.2)}.modal-footer-items .btn-ghost[data-v-5e198737]{color:var(--preview-color)!important;background-color:#fff!important;border:1px solid var(--preview-color)!important}.modal-footer-items .btn-ghost span[data-v-5e198737]{position:relative;z-index:2}',map:void 0,media:void 0})}),{name:"PreviewTools",components:{Vue:c,Heading:vt,Paragraph:ft,Icon:C,Modal:bt,Input:R,Button:A,TextArea:mt,Select:Z},props:(xt={
+base64:{type:Boolean,required:!1},typeLanguage:{type:String,required:!1,default:"br"},zoom:{type:Boolean,required:!1,default:!0},apiUrl:{type:String,required:!1,default:"https://builder.dentrodahistoria.com.br"}},data:function(){var t;return V(t={mobileStopped:!0,pageNum:32,pagesToRender:[],pagesZoom:[],numberPositions:0,mobilePagePosition:0,loadedPages:3,loadedPagesZoom:1,isLoading:!1,lang:wt[this.typeLanguage],zoomActive:!1,zoomMultiPages:!1,zoomSettings:{dots:!1,focusOnSelect:!0,infinite:!0,speed:500,slidesToShow:1,slidesToScroll:1,touchThreshold:5},currentPage:0},"lang",wt[this.typeLanguage]),V(t,"marginMenu",0),t},mounted:function(){var t=this;this.pageNum=this.pages,this.initBookMobile(),this.initBookMobileZoom(),setTimeout((function(){t.isLoading=!0}),3e3);var e=document.getElementById("header-menu");e&&(t.marginMenu=e.offsetHeight+40),window.addEventListener("resize",(function(e){var a=document.getElementById("header-menu");a&&(t.marginMenu=a.offsetHeight+40)}))},updated:function(){var t=this;this.$nextTick((function(){document.getElementById("page-"+(t.loadedPages-1))&&(t.mobilePagePosition=document.getElementById("page-"+(t.loadedPages-1)).offsetLeft-50,document.getElementById("list-mobile").addEventListener("scroll",t.handleScroll))}))},methods:{changeZoom:function(t,e){this.currentPage=e,(2==this.zoomSettings.slidesToShow&&this.currentPage+1===this.loadedPagesZoom||1==this.zoomSettings.slidesToShow&&this.currentPage===this.loadedPagesZoom)&&this.getZoomList()},setFormatZoom:function(t){this.zoomSettings.slidesToShow=t,this.zoomSettings.slidesToScroll=t,this.currentPage=0},openZoom:function(){this.mobileStopped=!1,this.getZoomList(),this.zoomActive=!0},closeZoom:function(){this.zoomSettings.slidesToShow=1,this.zoomActive=!1},initBookMobile:function(){this.loadedPages=1;for(var t=1;t<this.pageNum;t++)if(t<5){var e={url:this.apiUrl+"/api/builder/getpreview/"+this.uuid+"?page="+t+"&w=533&pw=0&noCache=true",isLoaded:!0};this.pagesToRender.push(e)}else{var a={url:this.apiUrl+"/api/builder/getplaceholder/"+this.product_id+"?page="+t+"&w=100&pw=0&noCache=true",isLoaded:!1};this.pagesToRender.push(a)}this.moreBooksMobile()},initBookMobileZoom:function(){this.loadedPages=1;for(var t=1;t<this.pageNum+1;t++)if(t<5){var e={url:this.apiUrl+"/api/builder/getpreview/"+this.uuid+"?page="+t+"&w=533&pw=0&noCache=true",isLoaded:!0};this.pagesZoom.push(e)}else{var a={url:this.apiUrl+"/api/builder/getplaceholder/"+this.product_id+"?page="+t+"&w=100&pw=0&noCache=true",isLoaded:!1};this.pagesZoom.push(a)}},getZoomList:function(){for(var t=this,e=this,a=function(){var a=i;o=t.apiUrl+"/api/builder/getpreview/"+e.uuid+"?page="+i+"&w=533&v=0",Ct.get(o,{responseType:"arraybuffer"}).then((function(t){var i={url:"data:image/png;base64,"+new Buffer.from(t.data,"binary").toString("base64"),isLoaded:!0};e.pagesZoom.splice(a-1,1,i)}))},i=e.loadedPagesZoom;i<=e.loadedPagesZoom+4&&i<=e.pageNum;i++){var o;a()}e.loadedPagesZoom=e.loadedPagesZoom+4},moreBooksMobile:function(){for(var t=this,e=this,a=function(){var a=i;o=t.apiUrl+"/api/builder/getpreview/"+e.uuid+"?page="+i+"&w=533&v=0",Ct.get(o,{responseType:"arraybuffer"}).then((function(t){var i={url:"data:image/png;base64,"+new Buffer.from(t.data,"binary").toString("base64"),isLoaded:!0};e.pagesToRender.splice(a-1,1,i)}))},i=e.loadedPages;i<=e.loadedPages+4&&i<=e.pageNum;i++){var o;a()}e.loadedPages=e.loadedPages+4,document.getElementById("page-"+e.loadedPages-1)&&(e.mobilePagePosition=document.getElementById("page-"+e.loadedPages).offsetLeft-50)},handleScroll:function(t){null!==document.getElementById("list-mobile")&&document.getElementById("list-mobile").scrollLeft>=this.mobilePagePosition&&this.moreBooksMobile(),this.mobileStopped=!1},startedMethod:function(){this.$emit("start")},completedMethod:function(t){this.$emit("completed",t)}},computed:{}},"data-v-4668f6c8",!1,void 0,!1,x,void 0,void 0),Pt=require("axios"),St=b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"main-tool",class:[t.sidebarOpen?"active":"inactive",!t.isMobile&&t.toolbarAnimate?"shake":"stop-shake"],style:t.colorsVar},[t.isMobile?t._e():a("div",{staticClass:"backdrop",on:{click:function(e){"active"==t.sidebarOpen&&t.toggleSidebar()}}}),t._v(" "),a("div",{staticClass:"custom-properties",class:[t.sidebarOpen?"active":"inactive"],style:t.colorsVar},[a("div",{staticClass:"box-close",on:{click:function(e){return t.toggleSidebar()}}},[a("span",{staticClass:"icon icons-close size-lg"},[t.preview_color?a("Icon",{attrs:{name:"close",fill:t.preview_color,stroke:t.preview_color,size:"md"}}):t._e()],1),t._v(" "),a("span",{staticClass:"icon icon-edit-menu size-lg"},[a("Icon",{attrs:{name:"edit",fill:"#fff",size:"md",stroke:"transparent"}})],1)]),t._v(" "),a("div",{staticClass:"list-properties"},[a("div",{staticClass:"title-custom-properties"},[a("Heading",{attrs:{kind:"h4",size:t.isMobile?"xs":"sm",color:"#68596E"}},[t._v(t._s(t.lang.editArea))])],1),t._v(" "),a("HR",{attrs:{height:"1px",color:t.preview_color}}),t._v(" "),t.properties?a("div",{staticClass:"itens-properties"},t._l(t.properties,(function(e,i){return a("div",{key:i,staticClass:"item",on:{click:function(a){return t.showModal(e)}}},[a("div",{staticClass:"text-list"},["nome"==e.code||24==e.property_id?a("Paragraph",{attrs:{size:"xs",color:"#AFA2BA"}},[t._v(t._s(t.lang.name))]):t._e(),t._v(" "),"dedicatoria"==e.code||26==e.property_id?a("Paragraph",{attrs:{size:"xs",color:"#AFA2BA"}},[t._v(t._s(t.lang.dedication))]):t._e(),t._v(" "),"nome-do-mooner"==e.code?a("Paragraph",{attrs:{size:"xs",color:"#AFA2BA"}},[t._v(t._s(t.lang.moonerLabelSidebar))]):t._e(),t._v(" "),"nome-pet"==e.code?a("Paragraph",{attrs:{size:"xs",color:"#AFA2BA"}},[t._v(t._s(t.lang.pet))]):t._e(),t._v(" "),"numero"==e.code?a("Paragraph",{attrs:{size:"xs",color:"#AFA2BA"}},[t._v(t._s(t.lang.birthday_label)+" - "+t._s(e.code))]):t._e(),t._v(" "),"birthday"==e.code?a("Paragraph",{attrs:{size:"xs",color:"#AFA2BA"}},[t._v(t._s(t.lang.birthday_label))]):t._e(),t._v(" "),"fantasy"==e.code?a("Paragraph",{attrs:{size:"xs",color:"#AFA2BA"}},[t._v("Fantasia")]):t._e(),t._v(" "),"languages"==e.code?a("Paragraph",{attrs:{size:"xs",color:"#AFA2BA"}},[t._v("Fantasia")]):t._e(),t._v(" "),"layouts"==e.code?a("Paragraph",{attrs:{size:"xs",color:"#AFA2BA"}},[t._v("Roteiro")]):t._e(),t._v(" "),"nome"==e.code||24==e.property_id?a("Paragraph",{staticClass:"tool-value",attrs:{size:"sm"}},[t._v(t._s(e.value))]):t._e(),t._v(" "),"dedicatoria"==e.code||26==e.property_id?a("Paragraph",{staticClass:"dedication-text tool-value",attrs:{size:"sm"}},[t._v("\n\t\t\t\t\t\t\t"+t._s(t.dedicationFirstEdit?"Escreva uma dedicatória":t.current_dedication_text)+"\n\t\t\t\t\t\t\t")]):t._e(),t._v(" "),"nome-do-mooner"==e.code?a("Paragraph",{staticClass:"tool-value",attrs:{size:"sm"}},[t._v(t._s(e.value))]):t._e(),t._v(" "),"nome-pet"==e.code?a("Paragraph",{attrs:{size:"sm"}},[t._v(t._s(e.value))]):t._e(),t._v(" "),"birthday"==e.code?a("Paragraph",{staticClass:"tool-value",attrs:{size:"sm"}},[t._v(t._s(e.value))]):t._e(),t._v(" "),"fantasy"==e.code?a("Paragraph",{staticClass:"tool-value",attrs:{size:"sm"}},[t._v(t._s(e.value))]):t._e(),t._v(" "),"languages"==e.code?a("Paragraph",{staticClass:"tool-value",attrs:{size:"sm"}},[t._v(t._s(e.value))]):t._e(),t._v(" "),"layouts"==e.code?a("Paragraph",{staticClass:"tool-value",attrs:{size:"sm"}},[t._v(t._s(e.value))]):t._e()],1),t._v(" "),a("Icon",{attrs:{name:"edit",size:"md",fill:t.preview_color,stroke:"transparent"}})],1)})),0):t._e(),t._v(" "),t.isMobile?a("Button",{staticClass:"continue-mobile-tools",attrs:{kind:"primary",size:"md",icon:"right",width:"fluid"},on:{click:t.clickContinue}},[a("Icon",{attrs:{name:"chevron-right",size:"md",stroke:"transparent"}}),t._v(" "),a("span",[t._v("Continuar")])],1):t._e()],1)]),t._v(" "),t.modalName?a("Modal",{attrs:{heading:t.lang.kidName,headingColor:t.preview_color,paragraph:"Para deixar o livro mais legal use apenas o primeiro nome",size:"md",bottomFixed:!1},on:{closeModal:t.closeModal}},[a("Input",{attrs:{type:"text",numeric:!1,name:"name",label:t.lang.kidName,placeholder:"",helper:t.lang.recommendName,value:t.current_character_name,disabled:!1,maxlength:"20"},on:{update:t.updateName}}),t._v(" "),a("div",{staticClass:"name-footer",attrs:{slot:"footer"},slot:"footer"},[a("Button",{attrs:{kind:"secondary",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:function(e){return t.updateNameAndDedicationCustomCharacter()}}},[t._v("\n\t\t\t\t"+t._s(t.lang.update)+"\n\t\t\t")]),t._v(" "),t.isMobile?t._e():a("Button",{attrs:{kind:"ghost",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:t.closeModal}},[t._v("\n\t\t\t\t"+t._s(t.lang.cancel)+"\n\t\t\t")])],1)],1):t._e(),t._v(" "),t.modalDedication?a("Modal",{attrs:{size:"md",heading:t.lang.dedicationFree,headingColor:t.preview_color,paragraph:t.lang.cusutomDedication,bottomFixed:!1},on:{closeModal:t.closeModal}},[a("TextArea",{attrs:{name:"dedication",value:t.current_dedication_text,label:t.lang.messageDedication,placeholder:t.lang.dedcationPlaceholder,maxlength:400,counter:!0,disabled:!1},on:{keydown:function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")||e.ctrlKey||e.shiftKey||e.altKey||e.metaKey?null:void e.preventDefault()},update:t.updateDedicationText}}),t._v(" "),a("div",{staticClass:"dedication-footer",attrs:{slot:"footer"},slot:"footer"},[a("Button",{attrs:{kind:"secondary",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:function(e){return t.updateDedicationCustomCharacterDedication()}}},[t._v("\n\t\t\t\t"+t._s(t.lang.update)+"\n\t\t\t")]),t._v(" "),t.isMobile?t._e():a("Button",{attrs:{kind:"ghost",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:t.closeModal}},[t._v("\n\t\t\t\t"+t._s(t.lang.cancel)+"\n\t\t\t")])],1)],1):t._e(),t._v(" "),t.modalShirtNumber?a("Modal",{attrs:{heading:t.lang.editShirt},on:{closeModal:t.closeModal}},[a("Input",{attrs:{type:"text",numeric:!1,name:"number",label:t.lang.shirtNumber,placeholder:"",helper:t.reccomendName,value:t.currentShirtNumber,disabled:!1},on:{change:t.updateShirtNumber}}),t._v(" "),a("div",{attrs:{slot:"footer"},slot:"footer"},[a("Button",{attrs:{kind:"secondary",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:function(e){return t.changeLayout()}}},[t._v("\n\t\t\t\t"+t._s(t.lang.update)+"\n\t\t\t")]),t._v(" "),a("Button",{attrs:{kind:"ghost",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:t.closeModal}},[t._v("\n\t\t\t\t"+t._s(t.lang.cancel)+"\n\t\t\t")])],1)],1):t._e(),t._v(" "),t.modalLayout?a("Modal",{attrs:{heading:t.lang.chooseScript,paragraph:t.lang.choosePetLabel1+" <b>"+t.current_character_name+"</b> "+t.lang.choosePetLabel1},on:{closeModal:t.closeModal}},[a("div",{staticClass:"layout-boxes"},t._l(t.layouts,(function(e,i){return a("div",{key:i,staticClass:"layout-option",class:t.currentLayout==e?"active":"inactive",on:{click:function(e){return t.setCurrentLayout(i)}}},[a("div",{staticClass:"imagem"},[a("img",{attrs:{width:"100%",src:e.image,alt:""}})]),t._v(" "),a("div",{staticClass:"panel-title"},[a("div",{staticClass:"title"},[t._v(t._s(e.name))]),t._v(" "),a("div",{staticClass:"flag",class:t.currentLayout==e?"active":"inactive"},[a("Icon",{attrs:{name:"check"}})],1)])])})),0),t._v(" "),a("div",{attrs:{slot:"footer"},slot:"footer"},[a("Button",{attrs:{kind:"secondary",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:function(e){return t.changeLayout()}}},[t._v("\n\t\t\t\t"+t._s(t.lang.update)+"\n\t\t\t")]),t._v(" "),a("Button",{attrs:{kind:"ghost",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:t.closeModal}},[t._v("\n\t\t\t\t"+t._s(t.lang.cancel)+"\n\t\t\t")])],1)]):t._e(),t._v(" "),t.modalLanguage?a("Modal",{attrs:{heading:t.lang.chooseScript,paragraph:t.lang.choosePetLabel1+" <b>"+t.current_character_name+"</b> "+t.lang.choosePetLabel1},on:{closeModal:t.closeModal}},[a("div",{staticClass:"layout-boxes"},t._l(t.languages,(function(e,i){return a("div",{key:i,staticClass:"layout-option",class:e==t.currentLanguage?"active":"inactive",on:{click:function(e){return t.setCurrentLayout(i)}}},[a("div",{staticClass:"imagem"},[a("img",{attrs:{width:"100%",src:e.Image,alt:""}})]),t._v(" "),a("div",{staticClass:"panel-title"},[a("div",{staticClass:"title"},[t._v(t._s(e.label))]),t._v(" "),a("div",{staticClass:"flag",class:t.currentLanguage==i?"active":"inactive"},[a("Icon",{attrs:{name:"check"}})],1)])])})),0),t._v(" "),a("div",{attrs:{slot:"footer"},slot:"footer"},[a("Button",{attrs:{kind:"secondary",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:function(e){return t.changeLayout()}}},[t._v("\n\t\t\t\t"+t._s(t.lang.update)+"\n\t\t\t")]),t._v(" "),a("Button",{attrs:{kind:"ghost",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:t.closeModal}},[t._v("\n\t\t\t\t"+t._s(t.lang.cancel)+"\n\t\t\t")])],1)]):t._e(),t._v(" "),t.modalBirthdate?a("Modal",{attrs:{heading:t.lang.editDateBirth,size:"md"},on:{closeModal:t.closeModal}},[a("div",{staticClass:"box-dates-columns"},[t.selectedBirthDay?a("div",{staticClass:"day"},[a("Select",{attrs:{selected:t.selectedBirthDay,name:"day",label:"Dia",placeholder:"Dia",options:t.days},on:{change:t.onChangeDay}})],1):t._e(),t._v(" "),t.selectedBirthMonth?a("div",{staticClass:"month"},[a("Select",{attrs:{selected:t.selectedBirthMonth,name:"month",label:"Mês",placeholder:"Mês",options:t.months},on:{change:t.onChangeMonth}})],1):t._e()]),t._v(" "),a("div",{attrs:{slot:"footer"},slot:"footer"},[a("Button",{attrs:{kind:"secondary",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:function(e){return t.changeLayout()}}},[t._v("\n\t\t\t\t"+t._s(t.lang.update)+"\n\t\t\t")]),t._v(" "),a("Button",{attrs:{kind:"ghost",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:t.closeModal}},[t._v("\n\t\t\t\t"+t._s(t.lang.cancel)+"\n\t\t\t")])],1)]):t._e(),t._v(" "),t.modalPet?a("Modal",{staticClass:"modal-pet",attrs:{heading:"Altere o bichinho da história",headingColor:t.preview_color,paragraph:"Esse bichinho acompanhará <span>"+t.current_character_name+"</span> em toda a história.",size:"lg"},on:{closeModal:t.closeModal}},[a("div",{staticClass:"pet-view"},[t.currentPet?a("div",{staticClass:"selected-pet",class:[t.currentPet?"active":"inactive",t.petAnimation?"fade-in-image":"inactive-pet"]},[t.currentPet&&t.currentPet.assets&&t.currentPet.assets.asset?a("div",[t.currentPetColor.assets.asset?a("img",{class:t.petInitAnimation?"fade-in-image-init":"",attrs:{src:t.currentPetColor.assets.asset,width:"100%",alt:""}}):t._e()]):t._e()]):t._e(),t._v(" "),a("div",{staticClass:"pet-selectors",style:t.currentPetColor?"width: 70%;":""},[a("div",{},[a("Input",{attrs:{value:t.searchExtraProperty("nome-pet").value.name,error:"",helper:"",label:t.lang.typePetname,name:"currentPetName"},on:{input:function(e){t.searchExtraProperty("nome-pet").value.name=e.target.value.toUpperCase()}}})],1),t._v(" "),a("label",{staticClass:"pet-label"},[t._v(t._s(t.lang.selectPet))]),t._v(" "),a("div",{staticClass:"pet-combo-list"},[a("div",{staticClass:"full-list",class:[t.currentPet?"active":"inactive"]},[t.listPet?a("div",{staticClass:"pet-list"},t._l(t.listPet.assets.subcategories,(function(e,i){return a("div",{key:i,class:t.currentPet===e?"active":"inactive",on:{click:function(a){return t.setPet(e)}}},[a("img",{attrs:{src:e.assets.icon,alt:""}}),t._v(" "),a("br")])})),0):t._e(),t._v(" "),t.currentPet?a("div",{staticClass:"colors-list"},t._l(t.currentPet.assets.colors,(function(e,i){return a("div",{key:i,class:t.currentPetColor===e?"active":"inactive",on:{click:function(a){return t.setColor(e)}}},[a("div",{staticClass:"color-selector"},[a("span",{staticClass:"main-color",style:"background-color:"+e.hexa+";"}),t._v(" "),a("span",{staticClass:"auxiliary",style:"background-color:"+e.auxiliary+";"})]),t._v(" "),a("br")])})),0):t._e()])])]),t._v(" "),t.searchExtraProperty("nome-pet").value.newPet?a("div",{staticClass:"pet-avatar",style:t.searchExtraProperty("nome-pet").value.newPet?"width: 30%;":""},[a("img",{attrs:{src:t.searchExtraProperty("nome-pet").value.newPet.assets.asset,alt:""}}),t._v(" "),a("br")]):t._e()]),t._v(" "),a("div",{attrs:{slot:"footer"},slot:"footer"},[a("Button",{attrs:{kind:"secondary",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:function(e){return t.changeMoonerLayout()}}},[t._v("\n\t\t\t\t"+t._s(t.lang.update)+"\n\t\t\t")]),t._v(" "),a("Button",{attrs:{kind:"ghost",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:t.closeModal}},[t._v("\n\t\t\t\t"+t._s(t.lang.cancel)+"\n\t\t\t")])],1)]):t._e(),t._v(" "),t.modalMooner?a("Modal",{staticClass:"modal-mooner",attrs:{size:"lg",heading:t.currentTitleMooney,paragraph:t.currentParagraphMooney,divider:!0,headingColor:t.preview_color,haveClose:!0,bottomFixed:!1,paragraphSize:t.isMobile?"sm":"lg"},on:{closeModal:t.closeModal}},[a("div",{staticClass:"mooner-view"},[a("div",{staticClass:"mooner-selectors",style:t.currentMooner?"width: 60%;":""},[a("div",{staticClass:"mooney-align-center"},[a("div",{},[a("Input",{ref:"mooneyName",attrs:{label:t.lang.moonerLabel,value:t.currentMoonerName,name:"currentPetName",placeholder:"Digite o nome do mooner",maxlength:"20",error:"",helper:""},on:{input:function(e){t.currentMoonerName=e.target.value.toUpperCase()}}})],1),t._v(" "),a("label",{staticClass:"mooner-label"},[t._v(t._s(t.lang.moonerLabelSelector))]),t._v(" "),a("div",{staticClass:"mooner-combo-list"},[a("div",{staticClass:"full-list",class:t.currentMooner?"active":"inactive"},[t.listMooner?a("div",{staticClass:"mooner-list",class:t.currentComboClassList},t._l(t.listMooner.assets.subcategories,(function(e,i){return a("div",{key:i,class:t.currentMooner===e?"active":"inactive",on:{click:function(a){return t.setMooner(e)}}},[a("img",{attrs:{src:e.assets.icon,alt:""}}),t._v(" "),a("br")])})),0):t._e(),t._v(" "),t.currentMooner?a("div",{staticClass:"colors-list"},t._l(t.currentMooner.assets.colors,(function(e,i){return a("div",{key:i,class:t.currentMoonerColor===e?"active":"inactive",on:{click:function(a){return t.setColor(e)}}},[a("div",{staticClass:"color-selector"},[a("span",{staticClass:"main-color",style:"background-color:"+e.hexa+";"}),t._v(" "),a("span",{staticClass:"auxiliary",style:"background-color:"+e.auxiliary+";"})]),t._v(" "),a("br")])})),0):t._e()])])])]),t._v(" "),t.currentMooner?a("div",{staticClass:"selected-mooner",class:[t.currentMooner?"active":"inactive",t.moonerAnimation?"fade-in-image":"inactive-pet"]},[t.currentMooner&&t.currentMooner.assets&&t.currentMooner.assets.asset?a("div",[t.currentMooner.assets.asset?a("img",{class:t.moonerInitAnimation?"fade-in-image-init":"",attrs:{src:t.currentMooner.assets.asset,width:"100%",alt:""}}):t._e()]):t._e()]):t._e()]),t._v(" "),a("div",{staticClass:"mooner-footer",attrs:{slot:"footer"},slot:"footer"},[a("Button",{attrs:{kind:"secondary",size:"md",width:"liquid",disabled:0==t.currentMoonerName.length,inverted:!1},on:{click:function(e){return t.changeMoonerLayout()}}},[t._v("\n\t\t\t\t"+t._s(t.isCreated?t.lang.moonerCtaFirstOpen:t.lang.moonerCta)+"\n\t\t\t")]),t._v(" "),a("Button",{attrs:{kind:"ghost",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:function(e){return e.preventDefault(),t.closeModal.apply(null,arguments)}}},[t._v("\n\t\t\t\t"+t._s(t.isCreated?"Escolher depois":"Fechar")+"\n\t\t\t")])],1)]):t._e(),t._v(" "),t.modalFantasy?a("Modal",{staticClass:"modal-fantasy",attrs:{heading:"Fantasia",headingColor:t.preview_color,paragraph:"Descrição fantasia",haveClose:!1},on:{closeModal:t.closeModal}},[a("div",{staticClass:"fantasy-view"},[a("div",{staticClass:"selected-fantasy",class:[t.currentFantasy?"active":"inactive",t.fantasyAnimation?"fade-in-image":"inactive-pet"]},[a("div",{staticClass:"fantasy-items"},[t.currentFantasy&&t.currentFantasy.assets&&t.currentFantasy.assets.asset?a("div",{staticClass:"clip-avatar"},[t.currentFantasy.assets.asset?a("img",{class:t.fantasyInitAnimation?"fade-in-image-init":"",attrs:{src:t.currentFantasy.assets.asset,alt:""}}):t._e()]):t._e(),t._v(" "),a("div",{staticClass:"avatar-fantasy"},t._l(t.avatarFantasy,(function(e,i){return a("div",{key:i,staticClass:"avatar-item"},[a("img",{attrs:{src:e.assets.asset,alt:""}}),t._v(" "),a("br")])})),0)])]),t._v(" "),a("div",[a("div",{staticClass:"pet-selectors",style:t.currentFantasy?"width: 100%;":""},[a("label",{staticClass:"pet-label"},[t._v("Fatansia")]),t._v(" "),a("div",{staticClass:"pet-combo-list"},[t.listFantasy?a("div",{staticClass:"pet-list",class:t.currentFantasy?"active":"inactive"},t._l(t.listFantasy,(function(e,i){return a("div",{key:i,class:t.currentFantasy===e?"active":"inactive",on:{click:function(a){return t.setFantasy(e)}}},[a("img",{attrs:{src:e.assets.icon,alt:""}}),t._v(" "),a("br")])})),0):t._e()])])])]),t._v(" "),a("div",{staticClass:"mooner-footer",attrs:{slot:"footer"},slot:"footer"},[a("Button",{attrs:{kind:"secondary",size:"md",width:"liquid",disabled:!t.currentFantasy,inverted:!1},on:{click:function(e){return t.changeFantasyLayout()}}},[t._v("\n\t\t\t\tProntinho salvar história\n\t\t\t")]),t._v(" "),a("Button",{attrs:{kind:"ghost",size:"md",width:"liquid",disabled:!1,inverted:!1},on:{click:t.closeModal}},[t._v("\n\t\t\t\tEscolher depois\n\t\t\t")])],1)]):t._e()],1)},staticRenderFns:[]},(function(t){t&&t("data-v-e940d552_0",{source:'@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Nunito:400,600,700,900&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto:400,600,700,900&display=swap);[data-v-e940d552]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-e940d552]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-e940d552]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-e940d552]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-e940d552]{font-size:14px}}@media (min-width:1024px){[data-v-e940d552]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-e940d552]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-e940d552]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-e940d552]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-e940d552]{font-size:1.56vw}}html[data-v-e940d552]{box-sizing:border-box}*[data-v-e940d552],[data-v-e940d552]::after,[data-v-e940d552]::before{box-sizing:border-box}.modal-pet[data-v-e940d552]{background-color:#000}.modal-pet .paragraph span[data-v-e940d552]{color:var(--preview-color);font-weight:700}@media (max-width:990px){.modal-pet .modal-content[data-v-e940d552]{padding-bottom:500px;overflow-y:scroll}}.modal-pet .pet-view[data-v-e940d552]{width:100%;display:flex}.modal-pet .pet-view .selected-pet[data-v-e940d552]{max-width:10.8571428571rem;width:100%;overflow:hidden}.modal-pet .pet-view .selected-pet .clip-mooney img[data-v-e940d552]{margin-top:0;margin-left:-1.9047619048rem;margin-bottom:-1.9047619048rem}.modal-pet .pet-view .selected-pet img[data-v-e940d552]{margin-top:-3.8095238095rem}.modal-pet .pet-view .pet-label[data-v-e940d552]{font-family:Roboto,sans-serif;color:#68596e;line-height:1.5;font-size:.7619047619rem;text-align:left;margin-top:1.1428571429rem;display:block}@media (max-width:479px){.modal-pet .pet-view .pet-label[data-v-e940d552]{font-size:1.308411215rem;margin-top:1.4953271028rem}}.modal-pet .pet-selectors[data-v-e940d552]{width:100%}.modal-pet .pet-selectors p[data-v-e940d552]{margin:0;font-size:.7619047619rem}.modal-pet .pet-selectors .input-text-group[data-v-e940d552]{padding-bottom:0}.modal-pet .pet-selectors .pet-combo-list[data-v-e940d552]{display:flex;flex-wrap:wrap}@media (max-width:990px){.modal-pet .pet-selectors .pet-combo-list[data-v-e940d552]{flex-direction:column-reverse}}.modal-pet .pet-selectors .pet-combo-list .selected-pet[data-v-e940d552]{width:0%;transition:width .5s;max-height:9.5238095238rem}.modal-pet .pet-selectors .pet-combo-list .selected-pet .clip-mooney[data-v-e940d552]{max-height:11.619047619rem;overflow:hidden;display:block}@media (max-width:990px){.modal-pet .pet-selectors .pet-combo-list .selected-pet .clip-mooney[data-v-e940d552]{max-height:22.8037383178rem;overflow:hidden;display:flex;justify-content:center}}@media (max-width:990px){.modal-pet .pet-selectors .pet-combo-list .selected-pet .clip-mooney img[data-v-e940d552]{max-width:80%;margin:0 auto;margin-top:-1.4285714286rem}}.modal-pet .pet-selectors .pet-combo-list .selected-pet img[data-v-e940d552]{margin-top:-.9523809524rem;opacity:0}.modal-pet .pet-selectors .pet-combo-list .selected-pet.active[data-v-e940d552]{width:40%}@media (max-width:990px){.modal-pet .pet-selectors .pet-combo-list .selected-pet.active[data-v-e940d552]{width:100%}}.modal-pet .pet-selectors .pet-combo-list .full-list[data-v-e940d552]{width:100%}.modal-pet .pet-selectors .pet-combo-list .full-list.active[data-v-e940d552]{width:100%}.modal-pet .pet-selectors .pet-combo-list .pet-list[data-v-e940d552]{transition:all .5s;width:100%;align-items:center;display:flex}@media (max-width:990px){.modal-pet .pet-selectors .pet-combo-list .pet-list[data-v-e940d552]{width:100%}}.modal-pet .pet-selectors .pet-combo-list .pet-list.inactive[data-v-e940d552]{width:100%}.modal-pet .pet-selectors .pet-combo-list .colors-list[data-v-e940d552]{display:flex;flex-wrap:wrap;justify-content:space-evenly;max-width:100%;justify-content:flex-start}.modal-pet .pet-selectors .pet-combo-list .color-selector[data-v-e940d552]{width:1.619047619rem;height:1.619047619rem;border-radius:500px;overflow:hidden;cursor:pointer;margin-right:.7619047619rem;border:2px solid #efefef;-webkit-transition:border-color .3s cubic-bezier(.4,0,.2,1);transition:border-color .3s cubic-bezier(.4,0,.2,1);position:relative}.modal-pet .pet-selectors .pet-combo-list .color-selector .main-color[data-v-e940d552]{width:100%;height:100%;display:block}.modal-pet .pet-selectors .pet-combo-list .color-selector .auxiliary[data-v-e940d552]{width:50%;height:100%;position:absolute;right:0;top:0}.modal-pet .pet-list[data-v-e940d552]{width:100%;display:flex}.modal-pet .pet-list div[data-v-e940d552]{margin:.2380952381rem;cursor:pointer}.modal-pet .pet-list .inactive[data-v-e940d552]{opacity:.3}.modal-pet .pet-list img[data-v-e940d552]{width:100%}.modal-mooner[data-v-e940d552]{background-color:#000}.modal-mooner .paragraph span[data-v-e940d552]{color:var(--preview-color);font-weight:700}@media (max-width:990px){.modal-mooner .modal-content[data-v-e940d552]{padding-bottom:500px;overflow-y:scroll}}.modal-mooner .mooner-view[data-v-e940d552]{width:100%;display:flex}.modal-mooner .mooner-view .selected-mooner[data-v-e940d552]{max-width:40%;width:100%;overflow:hidden;padding-left:1.5238095238rem;padding-right:1.5238095238rem}@media (max-width:479px){.modal-mooner .mooner-view .selected-mooner[data-v-e940d552]{margin-top:0;padding-left:0;padding-right:0;max-width:100%;display:flex;justify-content:center}.modal-mooner .mooner-view .selected-mooner div[data-v-e940d552]{max-width:60%}}.modal-mooner .mooner-view .selected-mooner .clip-mooney img[data-v-e940d552]{margin-top:0;margin-left:-1.9047619048rem;margin-bottom:-1.9047619048rem}.modal-mooner .mooner-view .selected-mooner img[data-v-e940d552]{display:block}@media (max-width:479px){.modal-mooner .mooner-view .selected-mooner img[data-v-e940d552]{margin-top:.380952381rem;margin-bottom:-1.5238095238rem}}.modal-mooner .mooner-view .mooner-label[data-v-e940d552]{font-family:Roboto,sans-serif;color:#68596e;line-height:1.5;font-size:.7619047619rem;text-align:left;margin-top:1.1428571429rem;display:block}@media (max-width:479px){.modal-mooner .mooner-view .mooner-label[data-v-e940d552]{font-size:1.308411215rem;margin-top:1.4953271028rem}}.modal-mooner[data-v-e940d552]  .modal-header-content b{font-weight:700!important;color:var(--preview-color)!important}.modal-mooner .mooner-selectors[data-v-e940d552]{width:100%;display:flex;align-items:center}@media (max-width:990px){.modal-mooner .mooner-selectors[data-v-e940d552]{width:100%!important}}.modal-mooner .mooner-selectors p[data-v-e940d552]{margin:0;font-size:.7619047619rem}.modal-mooner .mooner-selectors .input-text-group[data-v-e940d552]{padding-bottom:0}.modal-mooner .mooner-selectors .mooner-combo-list[data-v-e940d552]{display:flex;flex-wrap:wrap}@media (max-width:990px){.modal-mooner .mooner-selectors .mooner-combo-list[data-v-e940d552]{flex-direction:column-reverse}}.modal-mooner .mooner-selectors .mooner-combo-list .selected-mooner[data-v-e940d552]{width:0%;transition:width .5s;max-height:9.5238095238rem}.modal-mooner .mooner-selectors .mooner-combo-list .selected-mooner .clip-mooney[data-v-e940d552]{max-height:11.619047619rem;overflow:hidden;display:block}@media (max-width:990px){.modal-mooner .mooner-selectors .mooner-combo-list .selected-mooner .clip-mooney[data-v-e940d552]{max-height:22.8037383178rem;overflow:hidden;display:flex;justify-content:center}}@media (max-width:990px){.modal-mooner .mooner-selectors .mooner-combo-list .selected-mooner .clip-mooney img[data-v-e940d552]{max-width:80%;margin:0 auto;margin-top:-1.4285714286rem}}.modal-mooner .mooner-selectors .mooner-combo-list .selected-mooner img[data-v-e940d552]{margin-top:-.9523809524rem;opacity:0}.modal-mooner .mooner-selectors .mooner-combo-list .selected-mooner.active[data-v-e940d552]{width:40%}@media (max-width:990px){.modal-mooner .mooner-selectors .mooner-combo-list .selected-mooner.active[data-v-e940d552]{width:100%}}.modal-mooner .mooner-selectors .mooner-combo-list .full-list[data-v-e940d552]{width:100%}.modal-mooner .mooner-selectors .mooner-combo-list .full-list.active[data-v-e940d552]{width:100%}.modal-mooner .mooner-selectors .mooner-combo-list .colors-list[data-v-e940d552]{display:flex;flex-wrap:wrap;justify-content:space-evenly;max-width:100%;justify-content:flex-start}.modal-mooner .mooner-selectors .mooner-combo-list .color-selector[data-v-e940d552]{width:1.619047619rem;height:1.619047619rem;border-radius:500px;overflow:hidden;cursor:pointer;margin-right:.7619047619rem;border:2px solid #efefef;-webkit-transition:border-color .3s cubic-bezier(.4,0,.2,1);transition:border-color .3s cubic-bezier(.4,0,.2,1);position:relative}.modal-mooner .mooner-selectors .mooner-combo-list .color-selector .main-color[data-v-e940d552]{width:100%;height:100%;display:block}.modal-mooner .mooner-selectors .mooner-combo-list .color-selector .auxiliary[data-v-e940d552]{width:50%;height:100%;position:absolute;right:0;top:0}.modal-mooner .mooner-list[data-v-e940d552]{width:100%;display:flex;align-items:flex-start;align-content:flex-start;gap:.380952381rem .380952381rem;align-self:stretch;flex-wrap:wrap}.modal-mooner .mooner-list div[data-v-e940d552]{cursor:pointer;width:23.572%;border-radius:.380952381rem;border:.0952380952rem solid var(--color-brand-primary-medium,#12d3db);background:#fff}@media (max-width:990px){.modal-mooner .mooner-list div[data-v-e940d552]{border-radius:.7476635514rem;border:.1869158879rem solid var(--color-brand-primary-medium,#12d3db);box-shadow:0 8px 14px 0 #dfdae4}}@media (max-width:990px){.modal-mooner .mooner-list.is-three[data-v-e940d552]{gap:.7476635514rem .7476635514rem}.modal-mooner .mooner-list.is-three div[data-v-e940d552]{width:31.6%}}.modal-mooner .mooner-list .inactive[data-v-e940d552]{border:2px solid var(--color-brand-primary-medium,#dfdae4);box-shadow:none!important}.modal-mooner .mooner-list img[data-v-e940d552]{width:100%}.main-tool[data-v-e940d552]{position:fixed;width:100%;height:100%}.main-tool.shake[data-v-e940d552]{-webkit-animation:shake-data-v-e940d552 1.6s ease-in-out infinite;animation:shake-data-v-e940d552 1.6s ease-in-out infinite}@media (max-width:990px){.main-tool[data-v-e940d552]{position:relative;width:100%!important;max-width:100%!important}}.main-tool .backdrop[data-v-e940d552]{content:"";width:100vw;height:100vh;background:rgba(104,89,110,0);backdrop-filter:blur(0);position:fixed;transition:all 1s ease;opacity:0;top:0}.main-tool.active[data-v-e940d552]{z-index:24;max-width:100%}.main-tool.active .backdrop[data-v-e940d552]{background:rgba(104,89,110,.8);backdrop-filter:blur(8px);cursor:pointer;opacity:1}@media (max-width:990px){.main-tool.active .backdrop[data-v-e940d552]{display:none}}.main-tool.inactive[data-v-e940d552]{z-index:24;top:0;max-width:48px;right:0}.custom-properties[data-v-e940d552]{right:0;text-align:left;top:0;max-width:16.1904761905rem;font-family:Roboto;width:100%;position:fixed;z-index:3;overflow:initial;height:100vh;transition:all 1s ease;transform:translateX(100%)}@media (max-width:990px){.custom-properties[data-v-e940d552]{max-width:100%;width:100%;left:0;bottom:0;border-radius:0;top:0;background:0 0;height:100%;transform:translateX(0);position:relative}}.custom-properties.inactive .icon-close[data-v-e940d552]{opacity:0}.custom-properties.inactive .icon-edit[data-v-e940d552]{opacity:1;transform:rotate(0)}.custom-properties.active[data-v-e940d552]{z-index:10;transform:translateX(0)}.custom-properties.active .icon-close[data-v-e940d552]{opacity:1}.custom-properties.active .icon-edit-menu[data-v-e940d552]{opacity:0;transform:rotate(-180deg)}.custom-properties.active .box-close[data-v-e940d552]{background:#fff}.custom-properties .list-properties[data-v-e940d552]{background-color:#fff;box-shadow:4px 4px 16px rgba(175,162,186,.24);width:100%;background-color:#fff;position:relative;height:100vh;z-index:3;padding:1.1428571429rem 2.7777777778vw}.custom-properties .list-properties hr[data-v-e940d552]{border-color:var(--preview-color)!important;margin-top:.7619047619rem;margin-bottom:0}@media (max-width:990px){.custom-properties .list-properties hr[data-v-e940d552]{margin-top:.3738317757rem;margin-bottom:0}}@media (max-width:990px){.custom-properties .list-properties[data-v-e940d552]{width:100%;height:auto;background-color:#fff;position:relative;border-radius:0;padding:2.2429906542rem 6.6666666667vw}}.custom-properties .title-custom-properties[data-v-e940d552]{padding-bottom:.7619047619rem 0;width:100%;line-height:15px}.custom-properties .title-custom-properties span[data-v-e940d552]{font-family:Nunito;font-size:14px;color:#68596e}.custom-properties .itens-properties .item[data-v-e940d552]{position:relative;padding:.7619047619rem 0;border-bottom:1px solid #dfdae4;cursor:pointer;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center;align-items:center}.custom-properties .itens-properties .item[data-v-e940d552]:last-child{border-bottom:0}@media (max-width:990px){.custom-properties .itens-properties .item[data-v-e940d552]:last-child{border-bottom:1px solid #dfdae4}}.custom-properties .itens-properties .item .text-list[data-v-e940d552]{width:90%}.custom-properties .itens-properties .item .text-list .tool-value[data-v-e940d552]{text-transform:uppercase}.custom-properties .itens-properties .paragraph[data-v-e940d552]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.custom-properties .itens-properties hr[data-v-e940d552]{margin:0!important;margin-bottom:10px!important;margin-top:10px!important}.custom-properties .itens-properties .flex[data-v-e940d552]{cursor:pointer;position:relative}.custom-properties .itens-properties .flex svg[data-v-e940d552]{position:absolute;right:0;top:.8571428571rem}.layout-boxes[data-v-e940d552]{display:flex}.layout-option[data-v-e940d552]{background:#fff;border-radius:.4761904762rem;border:2px solid transparent;margin-top:5px;margin-bottom:5px;cursor:pointer;position:relative;flex-basis:100%;-webkit-box-shadow:-1px 2px 22px -14px rgba(0,0,0,.75);-moz-box-shadow:-1px 2px 22px -14px rgba(0,0,0,.75);box-shadow:-1px 2px 22px -14px rgba(0,0,0,.75);margin:1%;overflow:hidden}.layout-option .panel-title[data-v-e940d552]{display:flex;padding-bottom:.4761904762rem}.layout-option .panel-title .title[data-v-e940d552]{font-family:Roboto;color:#68596e;width:8.3333333333vw;justify-content:center;align-self:center;align-items:center;font-size:.6666666667rem;padding-left:.4761904762rem}.layout-option .panel-title .flag[data-v-e940d552]{text-align:center;width:2.7777777778vw}.layout-option .panel-title .flag .icon[data-v-e940d552]{border-radius:5px;border:solid 2px #e9eaed;background-color:#fff;width:1.4285714286rem;height:1.4285714286rem;display:flex;justify-content:center;align-self:center;align-items:center}.layout-option .panel-title .flag .icon svg[data-v-e940d552]{width:1.4285714286rem;height:1.4285714286rem}.layout-option .panel-title .flag .icon svg path[data-v-e940d552]{fill:#e9eaed!important}.layout-option.active[data-v-e940d552]{border:2px solid #01dfa1}.layout-option.active .panel-title .title[data-v-e940d552]{color:#68596e}.layout-option.active .panel-title .flag span[data-v-e940d552]{border:solid 2px #2dd3d8;background-color:#2dd3d8}.layout-option.active .panel-title .flag svg path[data-v-e940d552]{fill:#fff!important}.color[data-v-e940d552]{height:1.9047619048rem;width:1.9047619048rem;display:block;border-radius:100%;margin-left:.2857142857rem;margin-right:.2857142857rem;padding:.1428571429rem;border:.0952380952rem solid #efefef;-webkit-transition:border-color .3s cubic-bezier(.4,0,.2,1);transition:border-color .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.color.is-selected[data-v-e940d552]{border-color:#01dfa1}.color .secondary-color[data-v-e940d552]{width:50%;position:absolute;right:0;height:100%;top:0}.footer-pet[data-v-e940d552]{width:100%;display:flex}.footer-pet .cancel[data-v-e940d552]{margin-left:20px;background-color:none;background-image:none;box-shadow:none;padding:0;border-radius:0;color:#68596e;background:0 0}.mooner-view[data-v-e940d552]{width:100%;display:flex}@media (max-width:479px){.mooner-view[data-v-e940d552]{flex-wrap:wrap}}.mooner-view .selected-pet[data-v-e940d552]{max-width:10.8571428571rem;width:100%;overflow:hidden}.mooner-view .selected-pet .clip-mooney img[data-v-e940d552]{margin-top:0;margin-left:-1.9047619048rem;margin-bottom:-1.9047619048rem}.mooner-view .selected-pet img[data-v-e940d552]{margin-top:-3.8095238095rem}.mooner-view .mooner-label[data-v-e940d552]{font-family:Roboto,sans-serif;color:#68596e;line-height:1.5;font-size:.7619047619rem;text-align:left;margin-top:.7619047619rem;margin-bottom:.1904761905rem;display:block}@media (max-width:479px){.mooner-view .mooner-label[data-v-e940d552]{font-size:1.308411215rem;margin-top:1.4953271028rem}}.box-dates-columns[data-v-e940d552]{display:flex}.box-dates-columns .day[data-v-e940d552]{width:11.1111111111vw}.box-dates-columns .month[data-v-e940d552]{padding-left:.7619047619rem;width:22.2222222222vw}.box-close[data-v-e940d552]{width:2.4761904762rem;height:2.2857142857rem;top:.7619047619rem;background:var(--preview-color);box-shadow:4px 4px 16px rgba(175,162,186,.24);position:absolute;left:-2.2857142857rem;display:flex;justify-content:center;align-items:center;z-index:2;border-radius:50% 0 0 50%;cursor:pointer;transition:all .3s ease;animation-delay:.5s}@media (max-width:479px){.box-close[data-v-e940d552]{display:none}}.box-close .icon[data-v-e940d552]{width:1.5238095238rem;height:1.5238095238rem;position:absolute;transition:all .5s ease;animation-delay:.5s;display:flex;align-items:center;justify-content:center;color:#fff}.box-close .icon.icons-close[data-v-e940d552]{color:#12d3db}.box-close .icon.icons-close .icon[data-v-e940d552]{color:#12d3db}@media (max-width:990px){[data-v-e940d552] .name-footer button{width:100%!important;text-align:center}[data-v-e940d552] .name-footer button div{width:100%;text-align:center!important;display:block!important}}@media (max-width:990px){[data-v-e940d552] .dedication-footer button{width:100%!important;text-align:center}[data-v-e940d552] .dedication-footer button div{width:100%;text-align:center!important;display:block!important}}.fade-in-image-init[data-v-e940d552]{transition:all .5s;opacity:1!important}.fade-in-image[data-v-e940d552]{animation:fadeIn-data-v-e940d552 .5s;-webkit-animation:fadeIn-data-v-e940d552 .5s;-moz-animation:fadeIn-data-v-e940d552 .5s;-o-animation:fadeIn-data-v-e940d552 .5s;-ms-animation:fadeIn-data-v-e940d552 .5s}@keyframes fadeIn-data-v-e940d552{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn-data-v-e940d552{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn-data-v-e940d552{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn-data-v-e940d552{0%{opacity:0}100%{opacity:1}}@-ms-keyframes fadeIn-data-v-e940d552{0%{opacity:0}100%{opacity:1}}.bottom-bar-area[data-v-e940d552]{position:absolute;z-index:4;width:100%;bottom:0;left:0}.avatar[data-v-e940d552]{position:relative}.avatar .avatar-item[data-v-e940d552]{position:absolute;left:0;top:0}.fantasy-view[data-v-e940d552]{display:flex}.fantasy-view .pet-label[data-v-e940d552]{font-family:Roboto,sans-serif;color:#68596e;line-height:1.5;font-size:.7619047619rem;text-align:left;margin-top:1.1428571429rem;display:block}@media (max-width:479px){.fantasy-view .pet-label[data-v-e940d552]{font-size:1.308411215rem;margin-top:1.4953271028rem}}.fantasy-view .selected-fantasy[data-v-e940d552]{position:relative;width:6.0952380952rem;height:9.5238095238rem}.fantasy-view .selected-fantasy .fantasy-items[data-v-e940d552]{width:6.0952380952rem;position:relative}.fantasy-view .selected-fantasy .fantasy-items .clip-avatar[data-v-e940d552]{width:100%;height:100%;top:0;position:absolute;left:0;z-index:3}.fantasy-view .selected-fantasy .fantasy-items .avatar-fantasy[data-v-e940d552]{width:100%;height:100%;top:0;position:absolute;left:0;z-index:2}.fantasy-view .selected-fantasy .fantasy-items .avatar-fantasy .avatar-item[data-v-e940d552]{position:absolute;left:0;top:0;width:6.0952380952rem}.fantasy-view .selected-fantasy .fantasy-items .avatar-fantasy .avatar-item img[data-v-e940d552]{width:100%}@keyframes shake-data-v-e940d552{0%{-webkit-transform:translateX(0)}40%{-webkit-transform:translateX(-20px)}50%{-webkit-transform:translateX(0)}60%{-webkit-transform:translateX(-20px)}100%{-webkit-transform:translateX(0)}}.continue-mobile-tools[data-v-e940d552]{background-color:var(--preview-color)!important;margin-top:1.4953271028rem;margin-bottom:4.4859813084rem}.continue-mobile-tools span[data-v-e940d552]{color:#fff;position:relative;z-index:2}.continue-mobile-tools[data-v-e940d552]:hover:after{right:0;bottom:0;top:0;left:0;display:block;content:"";position:absolute;background-color:rgba(0,0,0,.2)}.modal-footer-items .btn-secondary[data-v-e940d552]{background-color:var(--preview-color)!important}.modal-footer-items .btn-secondary.is-disabled[data-v-e940d552]{background-color:#dfdae4!important}.modal-footer-items .btn-secondary span[data-v-e940d552]{color:#fff;position:relative;z-index:2}.modal-footer-items .btn-secondary[data-v-e940d552]:hover:after{right:0;bottom:0;top:0;left:0;display:block;content:"";position:absolute;background-color:rgba(0,0,0,.2)}.modal-footer-items .btn-ghost[data-v-e940d552]{color:var(--preview-color)!important;background-color:#fff!important;border:1px solid var(--preview-color)!important}.modal-footer-items .btn-ghost span[data-v-e940d552]{position:relative;z-index:2}',map:void 0,media:void 0})}),{name:"PreviewTools",components:{Vue:c,Heading:vt,Paragraph:ft,Icon:C,Modal:bt,Input:R,Button:A,TextArea:mt,Select:Z},props:(xt={
 /** Character uuid. `ddh5e177ff920f15` */
 uuid:{type:String,required:!0},
 /** Slug of product on builder `bb-a-grande-viagem` */
@@ -1423,7 +1423,7 @@ isCreated:!1,
 // Nome
 default_value_dedication:"",default_value_pet:"",
 // Nome customizado
-default_character_name:"",default_dedication_text:"",current_character_name:"",current_dedication_text:"",
+default_character_name:"",dedicationFirstEdit:!0,default_dedication_text:"",current_character_name:"",current_dedication_text:"",
 // Birthday
 days:t,months:[{value:"Janeiro",key:1},{value:"Fevereiro",key:2},{value:"Março",key:3},{value:"Abril",key:4},{value:"Maio",key:5},{value:"Junho",key:6},{value:"Julho",key:7},{value:"Agosto",key:8},{value:"Setembro",key:9},{value:"Outubro",key:10},{value:"Novembro",key:11},{value:"Dezembro",key:12}],years:e,selectedBirthDay:0,selectedBirthMonth:0,
 // Mooner
@@ -1486,24 +1486,23 @@ t.assets.subcategories.forEach((function(t){(1==a.haveWheelChair&&1==t.name.incl
 // self.getProductInfo();
 // self.getTreeList();
 case 4:case"end":return e.stop()}}),e)})))()},setHeaderMoonner:function(){this.isMobile?(this.currentTitleMooney=this.isCreated?this.lang.moonerTitleFirstOpenMobile:this.lang.moonerTitleMobile,this.isCreated,this.currentParagraphMooney=this.lang.moonerDescriptionOne+"<b>"+this.current_character_name+"</b>"+this.lang.moonerDescriptionTwoMobile):(this.currentTitleMooney=this.isCreated?this.lang.moonerTitleFirstOpen:this.lang.moonerTitle,this.isCreated,this.currentParagraphMooney=this.lang.moonerDescriptionOne+"<b>"+this.current_character_name+"</b>"+this.lang.moonerDescriptionTwo)},getCustomCharacter:function(){var t=this;Pt.get(this.lang.urlBuilder+"/api/customs_characters/"+t.uuid).then((function(e){
-// Aniversário
+// Dedicatória
 if(t.custom=e.data.custom,t.properties=e.data.custom.user_data.properties,t.type_id=e.data.custom.user_data.type,
 // Nome
-t.properties.nome&&(t.default_character_name=t.properties.nome.value.toUpperCase(),t.current_character_name=t.properties.nome.value.toUpperCase()),
-// Dedicatória
-t.dedication_text&&t.dedication_text.length>2?(t.default_dedication_text=t.dedication_text.toUpperCase(),t.current_dedication_text=t.dedication_text.toUpperCase()):t.properties.dedicatoria&&(t.default_dedication_text=t.properties.dedicatoria.value.toUpperCase(),t.current_dedication_text=t.properties.dedicatoria.value.toUpperCase()),
+t.properties.nome&&(t.default_character_name=t.properties.nome.value.toUpperCase(),t.current_character_name=t.properties.nome.value.toUpperCase()),t.dedication_text&&t.dedication_text.length>2){var a=t.dedication_text.toUpperCase().replace("{NOME}",t.default_character_name);t.default_dedication_text=a,t.current_dedication_text=a,t.dedicationFirstEdit=!1}else if(t.properties.dedicatoria){a=t.properties.dedicatoria.value.toUpperCase().replace("{NOME}",t.default_character_name);t.default_dedication_text=a,t.current_dedication_text=a,t.dedicationFirstEdit=!1}
 // Mooner
-t.properties["nome-do-mooner"]&&(
+// Aniversário
+if(t.properties["nome-do-mooner"]&&(
 // self.mooner_name =
 // 	self.properties["nome-do-mooner"].value.toUpperCase();
 t.defaultMoonerName=t.properties["nome-do-mooner"].value.toUpperCase(),t.currentMoonerName=t.properties["nome-do-mooner"].value.toUpperCase(),t.currentComboClassList="is-three",
 //self.$refs.mooneyName.$el.querySelector("input").focus();
-t.setHeaderMoonner()),t.properties.numero&&t.properties.mes){t.selectedBirthDay=t.properties.numero.value,t.months.forEach((function(e,a){e.value==t.properties.mes.value&&(t.selectedBirthMonth=e.key)}));var a={code:"birthday",value:t.selectedBirthDay+" de "+t.months[t.selectedBirthMonth-1].value};delete t.properties.numero,delete t.properties.mes,t.properties.birthday=a}
+t.setHeaderMoonner()),t.properties.numero&&t.properties.mes){t.selectedBirthDay=t.properties.numero.value,t.months.forEach((function(e,a){e.value==t.properties.mes.value&&(t.selectedBirthMonth=e.key)}));var i={code:"birthday",value:t.selectedBirthDay+" de "+t.months[t.selectedBirthMonth-1].value};delete t.properties.numero,delete t.properties.mes,t.properties.birthday=i}
 // Fantasia
 // Linguagens
-if(e.data.assets.forEach((function(e,a){e.assets.name.includes("roupa-cadeirante")&&(t.haveWheelChair=!0)})),e.data.assets.forEach((function(a,i){if(a.assets.name.includes("fantasia")){var o={code:"fantasy",value:a.assets.name};t.properties.fantasy=o,t.avatarFantasy=e.data.assets}})),t.languages&&t.language){t.languages.forEach((function(e){e.Slug==t.language&&(t.currentLanguage=e)}));var i={code:"languages",value:t.currentLanguage.Label};t.properties.languages=i}
+if(e.data.assets.forEach((function(e,a){e.assets.name.includes("roupa-cadeirante")&&(t.haveWheelChair=!0)})),e.data.assets.forEach((function(a,i){if(a.assets.name.includes("fantasia")){var o={code:"fantasy",value:a.assets.name};t.properties.fantasy=o,t.avatarFantasy=e.data.assets}})),t.languages&&t.language){t.languages.forEach((function(e){e.Slug==t.language&&(t.currentLanguage=e)}));var o={code:"languages",value:t.currentLanguage.Label};t.properties.languages=o}
 // Layouts
-if(t.layouts&&t.layout){t.layouts.forEach((function(e){e.builderProductId==t.layout&&(t.currentLayout=e)}));var o={code:"layouts",value:t.currentLayout.name};t.properties.layouts=o}t.getTreeList()})).catch((function(t){console.log(t)}))},getProductInfo:function(){var t=this;return v(h().mark((function e(){var a;return h().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=t,e.abrupt("return",Pt.get(t.lang.urlBuilder+"/api/products/info/"+a.product_id).then((function(t){a.pageNum=t.data.product.pages,a.isPagesNumLoaded=!0,a.availableLayouts=t.data.product.layout})).catch((function(t){console.log(t)})));case 2:case"end":return e.stop()}}),e)})))()},changeMoonerLayout:function(){var t=this;if(t.callingLayout=!0,t.closeModal(),t.isLoadingMethod(!1),t.defaultMooner==t.currentMooner&&t.defaultMoonerName==t.currentMoonerName)return t.closeModal(),t.sidebarOpen=!1,!1;var e={custom_character:{character_id:t.character_id,product_id:t.product_id,type_id:t.type_id,user_data:{type:t.type_id,properties:{nome:{code:"nome",property_id:24,value:t.current_character_name},dedicatoria:{code:"dedicatoria",property_id:26,value:t.current_dedication_text}}},uuid:t.uuid}};if(t.currentMooner&&t.properties["nome-do-mooner"]){var a={property_id:t.properties["nome-do-mooner"].property_id,value:t.currentMoonerName,code:t.properties["nome-do-mooner"].code};
+if(t.layouts&&t.layout){t.layouts.forEach((function(e){e.builderProductId==t.layout&&(t.currentLayout=e)}));var r={code:"layouts",value:t.currentLayout.name};t.properties.layouts=r}t.getTreeList()})).catch((function(t){console.log(t)}))},getProductInfo:function(){var t=this;return v(h().mark((function e(){var a;return h().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=t,e.abrupt("return",Pt.get(t.lang.urlBuilder+"/api/products/info/"+a.product_id).then((function(t){a.pageNum=t.data.product.pages,a.isPagesNumLoaded=!0,a.availableLayouts=t.data.product.layout})).catch((function(t){console.log(t)})));case 2:case"end":return e.stop()}}),e)})))()},changeMoonerLayout:function(){var t=this;if(t.callingLayout=!0,t.closeModal(),t.isLoadingMethod(!1),t.defaultMooner==t.currentMooner&&t.defaultMoonerName==t.currentMoonerName)return t.closeModal(),t.sidebarOpen=!1,!1;var e={custom_character:{character_id:t.character_id,product_id:t.product_id,type_id:t.type_id,user_data:{type:t.type_id,properties:{nome:{code:"nome",property_id:24,value:t.current_character_name},dedicatoria:{code:"dedicatoria",property_id:26,value:t.current_dedication_text}}},uuid:t.uuid}};if(t.currentMooner&&t.properties["nome-do-mooner"]){var a={property_id:t.properties["nome-do-mooner"].property_id,value:t.currentMoonerName,code:t.properties["nome-do-mooner"].code};
 //itemProperty.value = self.currentMoonerName;
 e.custom_character.user_data.properties["nome-do-mooner"]=a}
 // Envio da custom porperties dynamic
@@ -1532,7 +1531,7 @@ var e={custom_character:{character_id:t.character_id,product_id:t.product_id,typ
 // 		}
 // 	});
 // }
-t.properties.dedicatoria.value=t.current_dedication_text,t.changeDedication(t.current_dedication_text,e.data.custom.uuid),
+t.properties.dedicatoria.value=t.current_dedication_text,t.dedicationFirstEdit=!1,t.changeDedication(t.current_dedication_text,e.data.custom.uuid),
 // if (self.have_birth_date) {
 // 	var birthDayPayload = {
 // 		custom_numero: self.selectedBirthDay,
@@ -1560,7 +1559,7 @@ var a={name:t,uuid:e};self.sidebarOpen=!1,this.$emit("changeName",a)},changeDedi
 //alert("Método de change name");
 var a={dedication:t,uuid:e};self.sidebarOpen=!1,
 //console.log("Bereta", payload);
-this.$emit("changeDedication",a)},changeBirthday:function(t){this.$emit("changeBirthday",t)},isLoadingMethod:function(t){this.$emit("isLoadingMethod",t)},validateDays:function(t){var e,a=t.month?t.month:this.selectedBirthMonth,i=t.year?t.year:this.selectedBirthYear;a||(a=13);var o=[];e=1===a||3===a||5===a||7===a||8===a||10===a||12===a||13===a?31:4===a||6===a||9===a||11===a?30:i%4==0&&i%100>0||i%400==0?29:28,a||i||(e=31);for(var r=1;r<=e;r++)o.push({key:r,value:r});this.days=o}}},"data-v-5e198737",!1,void 0,!1,x,void 0,void 0),Nt=(require("axios"),b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"preview-full"},[t.isLoaded&&!t.isMobile?a("Preview",{attrs:{uuid:t.uuid,pages:t.pages,age:t.age,product_id:t.product_id,typeLanguage:t.typeLanguage,apiUrl:t.apiUrl}}):t._e(),t._v(" "),t.isLoaded&&t.isMobile?a("PreviewMobile",{attrs:{uuid:t.uuid,pages:t.pages,age:t.age,product_id:t.product_id,typeLanguage:t.typeLanguage,apiUrl:t.apiUrl}}):t._e()],1)},staticRenderFns:[]},(function(t){t&&t("data-v-379ddc4b_0",{source:'.storybook-6{width:columns("lg", 6)}.storybook-12{width:columns("lg", 12)}.storybook-25{width:columns("lg", 25)}.custom-properties{position:absolute;top:30px}',map:void 0,media:void 0})}),{name:"PreviewFull",components:{Preview:_t,PreviewMobile:Mt},props:{
+this.$emit("changeDedication",a)},changeBirthday:function(t){this.$emit("changeBirthday",t)},isLoadingMethod:function(t){this.$emit("isLoadingMethod",t)},validateDays:function(t){var e,a=t.month?t.month:this.selectedBirthMonth,i=t.year?t.year:this.selectedBirthYear;a||(a=13);var o=[];e=1===a||3===a||5===a||7===a||8===a||10===a||12===a||13===a?31:4===a||6===a||9===a||11===a?30:i%4==0&&i%100>0||i%400==0?29:28,a||i||(e=31);for(var r=1;r<=e;r++)o.push({key:r,value:r});this.days=o}}},"data-v-e940d552",!1,void 0,!1,x,void 0,void 0),Nt=(require("axios"),b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"preview-full"},[t.isLoaded&&!t.isMobile?a("Preview",{attrs:{uuid:t.uuid,pages:t.pages,age:t.age,product_id:t.product_id,typeLanguage:t.typeLanguage,apiUrl:t.apiUrl}}):t._e(),t._v(" "),t.isLoaded&&t.isMobile?a("PreviewMobile",{attrs:{uuid:t.uuid,pages:t.pages,age:t.age,product_id:t.product_id,typeLanguage:t.typeLanguage,apiUrl:t.apiUrl}}):t._e()],1)},staticRenderFns:[]},(function(t){t&&t("data-v-379ddc4b_0",{source:'.storybook-6{width:columns("lg", 6)}.storybook-12{width:columns("lg", 12)}.storybook-25{width:columns("lg", 25)}.custom-properties{position:absolute;top:30px}',map:void 0,media:void 0})}),{name:"PreviewFull",components:{Preview:_t,PreviewMobile:Mt},props:{
 /** Name of protagonist. `Diego` */
 current_name:{type:String,required:!0},pages:{type:String,required:!0},age:{type:String,required:!0},
 /** Product id of Builder. `595` */
@@ -1585,7 +1584,7 @@ have_birth_date:{type:Boolean,required:!1,default:!1},
 have_pet:{type:Boolean,required:!1,default:!1},typeLanguage:{type:String,required:!1,default:"br"},apiUrl:{type:String,required:!1,default:"https://builder.dentrodahistoria.com.br"}},data:function(){return{isLoaded:!0,isMobile:!1,uuid:"ddh5e5fb1b09b88d",pages:32,age:6,character_id:57,product_id:595}},mounted:function(){var t=this;t.isMobile=t.detectSize(),window.addEventListener("resize",(function(e){t.isMobile=t.detectSize()}))},methods:{detectSize:function(){var t=!1;return window.innerWidth<990&&(t=!0),t},isLoadingMethod:function(t){this.isLoaded=t},changeUuid:function(t){this.uuid=t,//.uuid
 this.isLoaded=!0}}},void 0,!1,void 0,!1,x,void 0,void 0)),Lt=b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"stepper"},[a("div",{staticClass:"stepper-links"},[a("div",{staticClass:"stepper-links-item-area"},[a("div",{staticClass:"preview-button",style:"color:"+t.color,on:{click:function(e){return t.onClick()}}},[a("Icon",{staticClass:"back-button",attrs:{name:"arrow-left",fill:t.color,color:t.color,size:"md",stroke:"transparent"}})],1),t._v(" "),a("Paragraph",{staticClass:"stepper-link-text",attrs:{size:"sm",color:t.color}},[t._v("\n\t\t\t\t"+t._s(t.steps)+"\n\t\t\t")])],1),t._v(" "),a("Paragraph",{staticClass:"stepper-link-divider",attrs:{size:"sm",color:t.color},domProps:{innerHTML:t._s("/")}}),t._v(" "),a("Paragraph",{staticClass:"stepper-link-text",attrs:{size:"sm",color:t.color}},[t._v("\n\t\t\t"+t._s(t.currentText)+"\n\t\t")])],1)])},staticRenderFns:[]},(function(t){t&&t("data-v-5e8fa3ad_0",{source:'@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Nunito:400,600,700,900&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto:400,600,700,900&display=swap);[data-v-5e8fa3ad]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-5e8fa3ad]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-5e8fa3ad]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-5e8fa3ad]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-5e8fa3ad]{font-size:14px}}@media (min-width:1024px){[data-v-5e8fa3ad]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-5e8fa3ad]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-5e8fa3ad]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-5e8fa3ad]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-5e8fa3ad]{font-size:1.56vw}}html[data-v-5e8fa3ad]{box-sizing:border-box}*[data-v-5e8fa3ad],[data-v-5e8fa3ad]::after,[data-v-5e8fa3ad]::before{box-sizing:border-box}.stepper[data-v-5e8fa3ad]{display:flex;flex-wrap:wrap;position:relative;z-index:9}.stepper .stepper-links[data-v-5e8fa3ad]{display:flex;flex-wrap:wrap;align-items:center}.stepper .stepper-links .stepper-links-item-area[data-v-5e8fa3ad]{display:flex;cursor:pointer}.stepper .stepper-links .stepper-links-item-area:hover .preview-button .icon[data-v-5e8fa3ad]{color:#12d3db!important}.stepper .stepper-links .stepper-links-item-area:hover .icon[data-v-5e8fa3ad]{fill:#12d3db!important}.stepper .stepper-links .stepper-links-item-area:hover .icon svg[data-v-5e8fa3ad]{fill:#12d3db!important}.stepper .stepper-links .stepper-links-item-area:hover .icon svg path[data-v-5e8fa3ad]{fill:#12d3db!important}.stepper .stepper-links .stepper-links-item-area:hover .dropdown-stepper[data-v-5e8fa3ad]{display:block;position:absolute;top:24px;padding:1.1428571429rem;display:flex;flex-wrap:wrap;width:180px;left:40px;box-shadow:4px 4px 16px rgba(175,162,186,.24);background-color:#fff}.stepper .stepper-links .stepper-links-item-area:hover .dropdown-stepper .stepper-links[data-v-5e8fa3ad]{width:100%}.stepper .stepper-links .stepper-links-item-area:hover .dropdown-stepper .stepper-links p[data-v-5e8fa3ad]{width:100%;text-align:center}.stepper .stepper-links .stepper-links-item-area .dropdown-stepper[data-v-5e8fa3ad]{display:none}.stepper .stepper-links .stepper-links-item-area .stepper-link-text[data-v-5e8fa3ad]{display:flex;flex-wrap:wrap;align-content:center;align-items:center}.stepper .stepper-links .stepper-links-item-area .stepper-link-text.is-current[data-v-5e8fa3ad]{cursor:default;font-weight:700}.stepper .stepper-links .stepper-links-item-area .stepper-link-text:hover.not-current[data-v-5e8fa3ad]{color:#12d3db!important}.stepper .stepper-links .stepper-links-item-area .icon[data-v-5e8fa3ad]{margin-right:.380952381rem}@media (max-width:479px){.stepper .stepper-links .stepper-links-item-area .icon[data-v-5e8fa3ad]{margin-right:.7619047619rem}}.stepper .stepper-links .stepper-link-divider[data-v-5e8fa3ad]{margin-right:.1904761905rem;margin-left:.1904761905rem}',map:void 0,media:void 0})}),{name:"Stepper",components:{Button:A,Heading:vt,Paragraph:ft,Icon:C},props:{steps:{type:String,required:!0},currentText:{type:String,required:!0},route:{type:String,required:!0},color:{type:String,required:!1,default:"#68596E"}},methods:{onClick:function(t){this.$emit("click",t)}},computed:{}},"data-v-5e8fa3ad",!1,void 0,!1,x,void 0,void 0),Et=b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"top-bar",style:t.colorsVar},[t.steps&&t.steps.length?a("div",{staticClass:"steppers"},[a("Stepper",{attrs:{routes:t.steps,currentText:t.currentText,color:t.color},on:{click:t.onClick}})],1):t._e(),t._v(" "),t.breadcrumbs&&t.breadcrumbs.length?a("div",{staticClass:"steppers"},[a("Breadcrumb",{attrs:{routes:t.breadcrumbs,color:t.color},on:{click:t.onClick}})],1):t._e(),t._v(" "),t.have_button&&t.isMobile?a("div",{staticClass:"button-right"},[a("Button",{attrs:{kind:"secondary",size:"sm",width:"fluid"},on:{click:t.clickContinue}},[a("span",[t._v("Continuar")])])],1):t._e()])},staticRenderFns:[]},(function(t){t&&t("data-v-b70e0528_0",{source:'@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Nunito:400,600,700,900&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto:400,600,700,900&display=swap);[data-v-b70e0528]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-b70e0528]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-b70e0528]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-b70e0528]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-b70e0528]{font-size:14px}}@media (min-width:1024px){[data-v-b70e0528]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-b70e0528]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-b70e0528]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-b70e0528]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-b70e0528]{font-size:1.56vw}}html[data-v-b70e0528]{box-sizing:border-box}*[data-v-b70e0528],[data-v-b70e0528]::after,[data-v-b70e0528]::before{box-sizing:border-box}.top-bar[data-v-b70e0528]{position:relative;width:100%;top:0;left:0;padding-top:1.1428571429rem;padding-bottom:1.1428571429rem;align-items:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-left:2.7777777778vw;padding-right:2.7777777778vw}.preview-button[data-v-b70e0528]{cursor:pointer}.button-right button[data-v-b70e0528]{background-color:var(--preview-color)!important}.button-right button span[data-v-b70e0528]{z-index:2;position:relative}.button-right button[data-v-b70e0528]:hover{background-color:var(--preview-color)!important}.button-right button[data-v-b70e0528]:hover:after{right:0;bottom:0;top:0;left:0;display:block;content:"";position:absolute;background-color:rgba(0,0,0,.24)}',map:void 0,media:void 0})}),{name:"TopBar",components:{Button:A,Heading:vt,Paragraph:ft,Icon:C,Stepper:Lt,Breadcrumb:b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"stepper"},t._l(t.routes,(function(e,i){return a("div",{key:i,staticClass:"stepper-links"},[e?a("div",{staticClass:"stepper-links-item-area"},[a("Paragraph",{staticClass:"stepper-link-text",class:t.routes.length-1==i?"is-current":"not-current",attrs:{size:"sm",color:t.color},on:{click:function(a){t.routes.length,t.onClick(e)}}},[a("div",{staticClass:"preview-button",style:"color:"+t.color,on:{click:function(a){return t.onClick(e)}}},[0==i?a("Icon",{staticClass:"back-button",attrs:{name:"arrow-left",fill:t.color,color:t.color,size:"md",stroke:"transparent"}}):t._e()],1),t._v("\n\n\t\t\t\t"+t._s(e.stepperName))])],1):t._e(),t._v(" "),t.routes.length-1!=i?a("Paragraph",{staticClass:"stepper-link-divider",attrs:{size:"sm",color:t.color},domProps:{innerHTML:t._s("/")}}):t._e()],1)})),0)},staticRenderFns:[]},(function(t){t&&t("data-v-7e4cd3fe_0",{source:'@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Nunito:400,600,700,900&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto:400,600,700,900&display=swap);[data-v-7e4cd3fe]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-7e4cd3fe]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-7e4cd3fe]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-7e4cd3fe]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-7e4cd3fe]{font-size:14px}}@media (min-width:1024px){[data-v-7e4cd3fe]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-7e4cd3fe]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-7e4cd3fe]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-7e4cd3fe]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-7e4cd3fe]{font-size:1.56vw}}html[data-v-7e4cd3fe]{box-sizing:border-box}*[data-v-7e4cd3fe],[data-v-7e4cd3fe]::after,[data-v-7e4cd3fe]::before{box-sizing:border-box}.stepper[data-v-7e4cd3fe]{display:flex;flex-wrap:wrap;position:relative;z-index:9}.stepper .stepper-links[data-v-7e4cd3fe]{display:flex;flex-wrap:wrap;align-items:center}.stepper .stepper-links .stepper-links-item-area[data-v-7e4cd3fe]{display:flex;cursor:pointer}.stepper .stepper-links .stepper-links-item-area:hover .preview-button .icon[data-v-7e4cd3fe]{color:#12d3db!important}.stepper .stepper-links .stepper-links-item-area:hover .icon[data-v-7e4cd3fe]{fill:#12d3db!important}.stepper .stepper-links .stepper-links-item-area:hover .icon svg[data-v-7e4cd3fe]{fill:#12d3db!important}.stepper .stepper-links .stepper-links-item-area:hover .icon svg path[data-v-7e4cd3fe]{fill:#12d3db!important}.stepper .stepper-links .stepper-links-item-area:hover .dropdown-stepper[data-v-7e4cd3fe]{display:block;position:absolute;top:24px;padding:1.1428571429rem;display:flex;flex-wrap:wrap;width:180px;left:40px;box-shadow:4px 4px 16px rgba(175,162,186,.24);background-color:#fff}.stepper .stepper-links .stepper-links-item-area:hover .dropdown-stepper .stepper-links[data-v-7e4cd3fe]{width:100%}.stepper .stepper-links .stepper-links-item-area:hover .dropdown-stepper .stepper-links p[data-v-7e4cd3fe]{width:100%;text-align:center}.stepper .stepper-links .stepper-links-item-area .dropdown-stepper[data-v-7e4cd3fe]{display:none}.stepper .stepper-links .stepper-links-item-area .stepper-link-text[data-v-7e4cd3fe]{display:flex;flex-wrap:wrap;align-content:center;align-items:center}.stepper .stepper-links .stepper-links-item-area .stepper-link-text.is-current[data-v-7e4cd3fe]{cursor:default;font-weight:700}.stepper .stepper-links .stepper-links-item-area .stepper-link-text:hover.not-current[data-v-7e4cd3fe]{color:#12d3db!important}.stepper .stepper-links .stepper-links-item-area .icon[data-v-7e4cd3fe]{margin-right:.380952381rem}@media (max-width:479px){.stepper .stepper-links .stepper-links-item-area .icon[data-v-7e4cd3fe]{margin-right:.7619047619rem}}.stepper .stepper-links .stepper-link-divider[data-v-7e4cd3fe]{margin-right:.1904761905rem;margin-left:.1904761905rem}',map:void 0,media:void 0})}),{name:"Breadcrumb",components:{Button:A,Heading:vt,Paragraph:ft,Icon:C},props:{routes:{type:Array,required:!0},color:{type:String,required:!1,default:"#68596E"}},methods:{onClick:function(t){this.$emit("click",t)}},computed:{}},"data-v-7e4cd3fe",!1,void 0,!1,x,void 0,void 0)},props:{breadcrumbs:{type:Array,required:!1},steps:{type:Array,required:!1},color:{type:String,required:!1,default:"#AFA2BA"},have_button:{type:Boolean,required:!1},isMobile:{type:Boolean,required:!1},preview_color:{type:String,default:"#12d3db",required:!1}},computed:{colorsVar:function(){return{"--preview-color":this.preview_color}}},methods:{onClick:function(t){this.$emit("click",t)},clickContinue:function(){this.$emit("clickContinue",null)}}},"data-v-b70e0528",!1,void 0,!1,x,void 0,void 0),It=b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"bottom-bar",style:t.colorsVar},[t.isMobile?t._e():a("div",{staticClass:"book-area"},[a("div",{staticClass:"book-cover"},[t.imageAsset?a("img",{attrs:{src:t.imageAsset,width:"46",alt:""}}):a("div",{staticClass:"placeholder-loading"},[t._m(0),t._v(" "),"a4"==t.book_format?a("img",{attrs:{src:"../assets/images/placeholder-a4.jpg",width:"46",alt:""}}):a("img",{attrs:{src:"../assets/images/placeholder-square.jpg",width:"46",alt:""}})])]),t._v(" "),a("div",{staticClass:"book-info"},[a("div",[t.book_brand?a("Paragraph",{attrs:{size:"sm",color:"#68596E"}},[t._v(t._s(t.book_brand))]):t._e(),t._v(" "),t.book_name?a("Paragraph",{attrs:{size:"sm",color:"#68596E",type:"bold"}},[t._v(t._s(t.book_name))]):t._e()],1)])]),t._v(" "),a("div",{staticClass:"btn-foward"},[a("Button",{attrs:{kind:"primary",size:"md",width:"fluid"},on:{click:t.action}},[a("span",[t._v("Continuar")])])],1)])},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"loading-bg"},[e("div",{staticClass:"loading book-loading"})])}]},(function(t){t&&t("data-v-0ebd7106_0",{source:'@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Nunito:400,600,700,900&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto:400,600,700,900&display=swap);[data-v-0ebd7106]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-0ebd7106]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-0ebd7106]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-0ebd7106]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-0ebd7106]{font-size:14px}}@media (min-width:1024px){[data-v-0ebd7106]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-0ebd7106]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-0ebd7106]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-0ebd7106]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-0ebd7106]{font-size:1.56vw}}html[data-v-0ebd7106]{box-sizing:border-box}*[data-v-0ebd7106],[data-v-0ebd7106]::after,[data-v-0ebd7106]::before{box-sizing:border-box}.bottom-bar[data-v-0ebd7106]{position:relative;width:100%;bottom:0;left:0;box-shadow:0 10px 26px rgba(104,89,110,.24);padding-top:.7619047619rem;padding-bottom:.7619047619rem;display:flex;flex-wrap:wrap;align-items:center;width:100%;justify-content:space-between;padding-left:1.7142857143rem;z-index:4;position:absolute;z-index:23;bottom:0;background-color:#fff}@media (max-width:990px){.bottom-bar[data-v-0ebd7106]{position:relative!important}}.bottom-bar .book-area[data-v-0ebd7106]{display:flex;align-content:center;flex-wrap:wrap}.bottom-bar .book-area .book-cover[data-v-0ebd7106]{display:flex;align-content:center;flex-wrap:wrap;border-radius:4px;overflow:hidden;height:3.0476190476rem}.bottom-bar .book-area .book-cover img[data-v-0ebd7106]{height:100%;width:auto}.bottom-bar .book-area .book-info[data-v-0ebd7106]{display:flex;padding-left:.7619047619rem;flex-wrap:nowrap;align-items:center}.bottom-bar .book-area .book-info p[data-v-0ebd7106]{width:100%}.bottom-bar .btn-foward[data-v-0ebd7106]{display:flex;width:27.7777777778vw;padding-right:1.7142857143rem}@media (max-width:990px){.bottom-bar .btn-foward[data-v-0ebd7106]{width:100%}}.bottom-bar .btn-foward button[data-v-0ebd7106]{background-color:var(--preview-color)!important}.bottom-bar .btn-foward button span[data-v-0ebd7106]{z-index:2;position:relative}.bottom-bar .btn-foward button[data-v-0ebd7106]:hover{background-color:var(--preview-color)!important}.bottom-bar .btn-foward button[data-v-0ebd7106]:hover:after{right:0;bottom:0;top:0;left:0;display:block;content:"";position:absolute;background-color:rgba(0,0,0,.24)}.loading-bg[data-v-0ebd7106]{position:absolute}.loading[data-v-0ebd7106]{border:2px solid #f3f3f3;border-top:2px solid #42cda1;border-radius:50%;width:.7142857143rem;height:.7142857143rem;animation:spin-data-v-0ebd7106 .6s linear infinite}@media (max-width:479px){.loading[data-v-0ebd7106]{border:2px solid #f3f3f3;border-top:2px solid #42cda1;width:.9345794393rem;height:.9345794393rem}}.placeholder-loading[data-v-0ebd7106]{width:100%;position:relative;height:100%}.placeholder-loading .loading-bg[data-v-0ebd7106]{position:absolute;left:0;bottom:0;top:0;margin:auto;height:15px;width:100%;margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;display:flex;justify-content:center}.placeholder-loading img[data-v-0ebd7106]{width:100%;max-height:3.0476190476rem}@keyframes spin-data-v-0ebd7106{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}',map:void 0,media:void 0})}),{name:"BottomBar",components:{Button:A,Heading:vt,Paragraph:ft,Icon:C,Stepper:Lt,VLazyImage:e},props:{uuid:{type:String,required:!1},book_name:{type:String,required:!1},book_brand:{type:String,required:!1},preview_color:{type:String,default:"#12d3db",required:!1},book_format:{type:String,required:!0}},data:function(){return{isMobile:null,
 //coverLoading: true,
-imageAsset:null,routes:[{path:"index",stepperName:"Etapa 2"},{path:"second",stepperName:"5 - Próximos personagens"}]}},mounted:function(){var t=this;t.isMobile=t.detectSize(),window.addEventListener("resize",(function(e){t.isMobile=t.detectSize()})),t.getBase64("https://builder.dentrodahistoria.com.br/api/builder/getpreview/"+t.uuid+"?page=1&w=120&v=0&noCache=true")},methods:(yt={detectSize:function(){var t=!1;return window.innerWidth<990&&(t=!0),t},onClick:function(){this.$emit("click")},action:function(){this.$emit("changeUrl")}},V(yt,"detectSize",(function(){var t=!1;return window.innerWidth<990&&(t=!0),t})),V(yt,"closeModal",(function(){this.$emit("closeModal"),document.getElementsByTagName("html")[0].removeAttribute("style"),document.getElementsByTagName("body")[0].removeAttribute("style"),document.getElementsByClassName("boxes")&&document.getElementsByClassName("boxes").length>0&&document.getElementsByClassName("boxes")[0].removeAttribute("style")})),V(yt,"getBase64",(function(t){var e=this;o.get(t,{responseType:"arraybuffer"}).then((function(t){e.imageAsset="data:image/png;base64,"+Buffer.from(t.data,"binary").toString("base64")}))})),yt),computed:{colorsVar:function(){return{"--preview-color":this.preview_color}}}},"data-v-0ebd7106",!1,void 0,!1,x,void 0,void 0),At=require("axios"),Bt=b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"preview-full"},[t.isLoaded?a("div",{staticClass:"top-bar-area"},[a("TopBar",{attrs:{breadcrumbs:t.breadcrumbs,color:(t.isMobile,"#afa2ba"),isMobile:t.isMobile,have_button:!0,preview_color:t.preview_color},on:{click:t.changeRoute,clickContinue:t.changeRouteContinue}})],1):t._e(),t._v(" "),t.isLoaded&&!t.isMobile?a("div",{staticClass:"preview-desktop-area"},[a("Preview",{attrs:{uuid:t.uuid,pages:t.pages,book_format:t.book_format,product_id:t.product_id,preview_color:t.preview_color,typeLanguage:t.typeLanguage,goToPage:t.currentPage},on:{updateCurrentPage:t.updateCurrentPage}})],1):t._e(),t._v(" "),t.isLoaded&&t.isMobile?a("div",{staticClass:"preview-mobile-area"},[a("PreviewMobile",{attrs:{uuid:t.uuid,pages:t.pages,book_format:t.book_format,product_id:t.product_id,typeLanguage:t.typeLanguage}})],1):t._e(),t._v(" "),a("div",{staticClass:"preview-mobile-tools",class:t.isLoaded?"":"invisible"},[a("PreviewTools",{directives:[{name:"show",rawName:"v-show",value:t.isLoaded&&t.have_tools,expression:"isLoaded && have_tools"}],attrs:{dedication_text:t.dedication_text,uuid:t.uuid,slug:t.slug,character_id:t.character_id,have_dedication:t.have_dedication,product_id:t.product_id,gender:t.gender,typeLanguage:t.typeLanguage,language:t.language,languages:t.languages,layout:t.layout,layouts:t.layouts,preview_color:t.preview_color,character_position_id:t.character_position_id,typeRead:t.typeRead,custom_mes:t.custom_mes,custom_numero:t.custom_numero,is_created:t.is_created},on:{isLoadingMethod:t.isLoadingMethod,changeUuid:t.changeUuid,changeName:t.changeName,changeDedication:t.changeDedication,changeBirthday:t.changeBirthday,clickContinue:t.changeRouteContinue}})],1),t._v(" "),t.isMobile?t._e():a("div",{staticClass:"bottom-bar-area"},[t.isLoaded?a("BottomBar",{attrs:{uuid:t.uuid,book_brand:t.book_brand,book_name:t.book_name,preview_color:t.preview_color,book_format:t.book_format},on:{changeUrl:t.changeUrl}}):t._e()],1)])},staticRenderFns:[]},(function(t){t&&t("data-v-62cd8568_0",{source:'@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Nunito:400,600,700,900&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto:400,600,700,900&display=swap);:root{--column-width:6.6666666667vw}@media (min-width:0px){:root{--column-width:6.6666666667vw}}@media (min-width:480px){:root{--column-width:2.7777777778vw}}@media (min-width:0px){html{font-size:2.9166666667vw}}@media (min-width:480px){html{font-size:14px}}@media (min-width:1024px){:root{--column-width:2.7777777778vw}}@media (min-width:1920px){:root{--column-width:2.7777777778vw}}@media (min-width:2620px){:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html{font-size:1.5648854962vw}}@media (min-width:2620px){html{font-size:1.56vw}}html{box-sizing:border-box}*,::after,::before{box-sizing:border-box}.top-bar-area{position:absolute}@media (max-width:990px){.top-bar-area{position:relative;background-color:#fff}}body{margin:0}.storybook-6{width:16.6666666667vw}.storybook-12{width:33.3333333333vw}.storybook-25{width:69.4444444444vw}.invisible{opacity:0}.preview-full{height:100vh;background-color:rgba(223,218,228,.64)}.preview-mobile-area{width:100%;position:relative}.preview-desktop-area{position:relative;z-index:4;height:calc(100vh - 4.619047619rem);display:flex;justify-content:center}@media (max-width:990px){.preview-mobile-tools{position:relative;z-index:20}}.custom-properties{position:absolute;top:30px}',map:void 0,media:void 0})}),{name:"PreviewWithTools",components:{Preview:_t,PreviewMobile:Mt,PreviewTools:St,TopBar:Et,BottomBar:It},props:{dedication_text:{type:String,required:!1},
+imageAsset:null,routes:[{path:"index",stepperName:"Etapa 2"},{path:"second",stepperName:"5 - Próximos personagens"}]}},mounted:function(){var t=this;t.isMobile=t.detectSize(),window.addEventListener("resize",(function(e){t.isMobile=t.detectSize()})),t.getBase64("https://builder.dentrodahistoria.com.br/api/builder/getpreview/"+t.uuid+"?page=1&w=120&v=0&noCache=true")},methods:(yt={detectSize:function(){var t=!1;return window.innerWidth<990&&(t=!0),t},onClick:function(){this.$emit("click")},action:function(){this.$emit("changeUrl")}},V(yt,"detectSize",(function(){var t=!1;return window.innerWidth<990&&(t=!0),t})),V(yt,"closeModal",(function(){this.$emit("closeModal"),document.getElementsByTagName("html")[0].removeAttribute("style"),document.getElementsByTagName("body")[0].removeAttribute("style"),document.getElementsByClassName("boxes")&&document.getElementsByClassName("boxes").length>0&&document.getElementsByClassName("boxes")[0].removeAttribute("style")})),V(yt,"getBase64",(function(t){var e=this;o.get(t,{responseType:"arraybuffer"}).then((function(t){e.imageAsset="data:image/png;base64,"+Buffer.from(t.data,"binary").toString("base64")}))})),yt),computed:{colorsVar:function(){return{"--preview-color":this.preview_color}}}},"data-v-0ebd7106",!1,void 0,!1,x,void 0,void 0),At=require("axios"),Bt=b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"preview-full"},[t.isLoaded?a("div",{staticClass:"top-bar-area"},[a("TopBar",{attrs:{breadcrumbs:t.breadcrumbs,color:(t.isMobile,"#afa2ba"),isMobile:t.isMobile,have_button:!0,preview_color:t.preview_color},on:{click:t.changeRoute,clickContinue:t.changeRouteContinue}})],1):t._e(),t._v(" "),t.isLoaded&&!t.isMobile?a("div",{staticClass:"preview-desktop-area"},[a("Preview",{attrs:{uuid:t.uuid,pages:t.pages,book_format:t.book_format,product_id:t.product_id,preview_color:t.preview_color,typeLanguage:t.typeLanguage,goToPage:t.currentPage},on:{updateCurrentPage:t.updateCurrentPage}})],1):t._e(),t._v(" "),t.isLoaded&&t.isMobile?a("div",{staticClass:"preview-mobile-area"},[a("PreviewMobile",{attrs:{uuid:t.uuid,pages:t.pages,book_format:t.book_format,product_id:t.product_id,typeLanguage:t.typeLanguage}})],1):t._e(),t._v(" "),a("div",{staticClass:"preview-mobile-tools",class:t.isLoaded?"":"invisible"},[a("PreviewTools",{directives:[{name:"show",rawName:"v-show",value:t.isLoaded&&t.have_tools,expression:"isLoaded && have_tools"}],attrs:{dedication_text:t.dedication_text,uuid:t.uuid,slug:t.slug,character_id:t.character_id,have_dedication:t.have_dedication,product_id:t.product_id,gender:t.gender,typeLanguage:t.typeLanguage,language:t.language,languages:t.languages,layout:t.layout,layouts:t.layouts,preview_color:t.preview_color,character_position_id:t.character_position_id,typeRead:t.typeRead,custom_mes:t.custom_mes,custom_numero:t.custom_numero,is_created:t.is_created},on:{isLoadingMethod:t.isLoadingMethod,changeUuid:t.changeUuid,changeName:t.changeName,changeDedication:t.changeDedication,changeBirthday:t.changeBirthday,clickContinue:t.changeRouteContinue}})],1),t._v(" "),t.isMobile?t._e():a("div",{staticClass:"bottom-bar-area"},[t.isLoaded?a("BottomBar",{attrs:{uuid:t.uuid,book_brand:t.book_brand,book_name:t.book_name,preview_color:t.preview_color,book_format:t.book_format},on:{changeUrl:t.changeUrl}}):t._e()],1)])},staticRenderFns:[]},(function(t){t&&t("data-v-608c7318_0",{source:'@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Nunito:400,600,700,900&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto:400,600,700,900&display=swap);:root{--column-width:6.6666666667vw}@media (min-width:0px){:root{--column-width:6.6666666667vw}}@media (min-width:480px){:root{--column-width:2.7777777778vw}}@media (min-width:0px){html{font-size:2.9166666667vw}}@media (min-width:480px){html{font-size:14px}}@media (min-width:1024px){:root{--column-width:2.7777777778vw}}@media (min-width:1920px){:root{--column-width:2.7777777778vw}}@media (min-width:2620px){:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html{font-size:1.5648854962vw}}@media (min-width:2620px){html{font-size:1.56vw}}html{box-sizing:border-box}*,::after,::before{box-sizing:border-box}.top-bar-area{position:absolute}@media (max-width:990px){.top-bar-area{position:relative;background-color:#fff}}body{margin:0}.storybook-6{width:16.6666666667vw}.storybook-12{width:33.3333333333vw}.storybook-25{width:69.4444444444vw}.invisible{opacity:0}.preview-full{height:100vh;background-color:rgba(223,218,228,.64)}.preview-mobile-area{width:100%;position:relative}.preview-desktop-area{position:relative;z-index:4;height:calc(100vh - 4.619047619rem);display:flex;justify-content:center}@media (max-width:990px){.preview-mobile-tools{position:relative;z-index:20}}.custom-properties{position:absolute;top:30px}',map:void 0,media:void 0})}),{name:"PreviewWithTools",components:{Preview:_t,PreviewMobile:Mt,PreviewTools:St,TopBar:Et,BottomBar:It},props:{dedication_text:{type:String,required:!1},
 /** Product id of Builder. `595` */
 product_id:{type:Number,required:!0},
 /** Character id of Builder. `57` */