@tiddh/brave-vue 1.91.21 → 1.91.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/brave-vue.esm.js +4 -4
- package/dist/brave-vue.min.js +1 -1
- package/dist/brave-vue.ssr.js +6 -6
- package/package.json +1 -1
- package/src/components/Avatar/elements/CustomizationPreview.vue +2 -2
- package/src/components/Avatar/elements/CustomizationView.vue +0 -1
- package/src/components/Preview/PreviewTools.vue +1 -0
package/dist/brave-vue.esm.js
CHANGED
|
@@ -81,8 +81,8 @@ type:{type:String,default:"regular"}},data:function(){return{}}},"data-v-494fbea
|
|
|
81
81
|
// Array.from(avatar).forEach(piece => {
|
|
82
82
|
// piece.style.transform = transform
|
|
83
83
|
// })
|
|
84
|
-
this.isMobile&&(this.isMobile=!1)}else this.isMobile||(this.isMobile=!0);this.categoriesAssets&&this.categoriesAssets.categories&&(this.selectedCategory=this.categoriesAssets.categories[0]),this.selectedGroup=null,this.selectedCollection=null}},updated:function(){!this.categoriesAssets||!this.categoriesAssets.categories||this.selectedCategory||this.selectedGroup||this.selectedCollection||(this.selectedCategory=this.categoriesAssets.categories[0])}},void 0,!1,void 0,!1,x,void 0,void 0),P=b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"customization-preview",class:"avatar-"+t.characterSlug,style:t.gradientColors&&t.gradientColors.bgInner?"background-image: radial-gradient(circle, "+t.gradientColors.bgInner+" 0%, "+t.gradientColors.bgCentral+" 10%, "+t.gradientColors.bgOuter+" 100%);":null},[a("div",{staticClass:"overlay-opacity"}),t._v(" "),a("div",{staticClass:"customization-preview-stage"},t._l(t.customizations,(function(e){return a("img",{key:e.categoryId,staticClass:"customization-preview-asset",class:t.characterHeight?"alt":"com",style:[{transform:"scale("+t.selectedCharacter.fixers.size*t.scaleFixer+") translate("+(t.isMobile?t.selectedCharacter.fixers.x*t.scaleFixerMobile:t.selectedCharacter.fixers.x)+"px, "+(t.isMobile?t.selectedCharacter.fixers.y*t.scaleFixerMobile:t.selectedCharacter.fixers.y)+"px)",zIndex:null!=e.optionZIndex?e.optionZIndex:e.categoryZIndex}],attrs:{src:e.optionAsset}})})),0)])},staticRenderFns:[]},(function(t){t&&t("data-v-
|
|
85
|
-
}))},methods:{detectSize:function(){this.isMobile=!1,this.screenWidth<990&&(this.isMobile=!0)}}},void 0,!1,void 0,!1,x,void 0,void 0),S=require("axios"),L=b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",[a("link",{attrs:{rel:"stylesheet",href:"https://use.fontawesome.com/releases/v5.8.1/css/all.css",integrity:"sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf",crossorigin:"anonymous"}}),t._v(" "),a("div",{staticClass:"mobile-tooltip",on:{click:t.removeTooltip}},[t._m(0)]),t._v(" "),a("CustomizationPreview",{attrs:{customizations:t.customizations,"selected-character":t.selectedCharacter,"character-height":t.characterHeight?t.characterHeight:null,"gradient-colors":t.gradient_colors,"character-slug":t.custom_properties.slug,characterHeight:1}}),t._v(" "),a("CustomizationPanel",{attrs:{"builder-api":t.builder_api,"selected-character":t.selectedCharacter,"character-name":t.custom_properties.user_data.properties.nome.value,"subscription-id":"1","stack-id":"1","character-slug":t.custom_properties.slug,"character-id":t.characterId,"character-type-id":t.characterTypeId,"character-is-male":t.custom_properties.is_male,"categories-assets":t.categoriesAssets,"disabled-categories":t.disabledCategories,customizations:t.customizations,"builder-product-id":t.builderProductId?t.builderProductId:this.custom_properties.product_id,userDataProperties:t.custom_properties.user_data.properties,builderLayoutId:t.builderLayoutId,language:t.language},on:{"update:customization":t.handleCustomization,startedMethod:t.startedMethod,completedMethod:t.completedMethod}})],1)},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"tooltip"},[this._v("\n\t\t\tLorem ipsum dolor sit amet, eum ne sale vidit epicuri, usu populo\n\t\t\tincorrupte ex. His falli intellegebat no.\n\t\t\t"),e("i",{staticClass:"fas fa-times"})])}]},(function(t){t&&t("data-v-
|
|
84
|
+
this.isMobile&&(this.isMobile=!1)}else this.isMobile||(this.isMobile=!0);this.categoriesAssets&&this.categoriesAssets.categories&&(this.selectedCategory=this.categoriesAssets.categories[0]),this.selectedGroup=null,this.selectedCollection=null}},updated:function(){!this.categoriesAssets||!this.categoriesAssets.categories||this.selectedCategory||this.selectedGroup||this.selectedCollection||(this.selectedCategory=this.categoriesAssets.categories[0])}},void 0,!1,void 0,!1,x,void 0,void 0),P=b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"customization-preview",class:"avatar-"+t.characterSlug,style:t.gradientColors&&t.gradientColors.bgInner?"background-image: radial-gradient(circle, "+t.gradientColors.bgInner+" 0%, "+t.gradientColors.bgCentral+" 10%, "+t.gradientColors.bgOuter+" 100%);":null},[a("div",{staticClass:"overlay-opacity"}),t._v(" "),a("div",{staticClass:"customization-preview-stage"},t._l(t.customizations,(function(e){return a("img",{key:e.categoryId,staticClass:"customization-preview-asset",class:t.characterHeight?"alt":"com",style:[{transform:"scale("+t.selectedCharacter.fixers.size*t.scaleFixer+") translate("+(t.isMobile?t.selectedCharacter.fixers.x*t.scaleFixerMobile:t.selectedCharacter.fixers.x)+"px, "+(t.isMobile?t.selectedCharacter.fixers.y*t.scaleFixerMobile:t.selectedCharacter.fixers.y)+"px)",zIndex:null!=e.optionZIndex?e.optionZIndex:e.categoryZIndex}],attrs:{src:e.optionAsset}})})),0)])},staticRenderFns:[]},(function(t){t&&t("data-v-77dad66c_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}.customization-preview{position:relative;width:calc(100vw - 520px);height:100vh;transition:all .5s}@media (max-width:479px){.customization-preview{height:calc(var(--vh,1vh) * 100 - var(--cp));width:100%;top:0;min-width:100vw}}.customization-preview-asset{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .3s}.customization-preview.zoom-in{transform:scale(1.8) translate(-2%,10%)!important}@media (max-width:479px){.customization-preview.zoom-in{transform:scale(2.3) translate(0,19%)!important}}',map:void 0,media:void 0})}),{name:"CustomizationPreview",props:{customizations:{type:Array,required:!0},selectedCharacter:{type:Object,required:!0},characterHeight:{type:Number,default:0},gradientColors:{type:Object,required:!1},characterSlug:{type:String,required:!1,default:"noone"}},data:function(){return{screenWidth:null,isMobile:!1,scaleFixer:1.2,scaleFixerMobile:.1}},mounted:function(){var t=this;console.log(t.isMobile);var e=document.querySelector(".customization-panel").clientHeight;console.log(document.documentElement.style),document.documentElement.style.setProperty("--cp","".concat(e,"px")),this.screenWidth=screen.width,t.detectSize(),window.addEventListener("resize",(function(e){t.detectSize();//alert(self.isMobile);
|
|
85
|
+
}))},methods:{detectSize:function(){this.isMobile=!1,this.screenWidth<990&&(this.isMobile=!0)}}},void 0,!1,void 0,!1,x,void 0,void 0),S=require("axios"),L=b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",[a("link",{attrs:{rel:"stylesheet",href:"https://use.fontawesome.com/releases/v5.8.1/css/all.css",integrity:"sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf",crossorigin:"anonymous"}}),t._v(" "),a("div",{staticClass:"mobile-tooltip",on:{click:t.removeTooltip}},[t._m(0)]),t._v(" "),a("CustomizationPreview",{attrs:{customizations:t.customizations,"selected-character":t.selectedCharacter,"character-height":t.characterHeight?t.characterHeight:null,"gradient-colors":t.gradient_colors,"character-slug":t.custom_properties.slug,characterHeight:1}}),t._v(" "),a("CustomizationPanel",{attrs:{"builder-api":t.builder_api,"selected-character":t.selectedCharacter,"character-name":t.custom_properties.user_data.properties.nome.value,"subscription-id":"1","stack-id":"1","character-slug":t.custom_properties.slug,"character-id":t.characterId,"character-type-id":t.characterTypeId,"character-is-male":t.custom_properties.is_male,"categories-assets":t.categoriesAssets,"disabled-categories":t.disabledCategories,customizations:t.customizations,"builder-product-id":t.builderProductId?t.builderProductId:this.custom_properties.product_id,userDataProperties:t.custom_properties.user_data.properties,builderLayoutId:t.builderLayoutId,language:t.language},on:{"update:customization":t.handleCustomization,startedMethod:t.startedMethod,completedMethod:t.completedMethod}})],1)},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"tooltip"},[this._v("\n\t\t\tLorem ipsum dolor sit amet, eum ne sale vidit epicuri, usu populo\n\t\t\tincorrupte ex. His falli intellegebat no.\n\t\t\t"),e("i",{staticClass:"fas fa-times"})])}]},(function(t){t&&t("data-v-264948b7_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}.mobile-tooltip{display:none}@media (max-width:992px){.mobile-tooltip{display:none;position:absolute;z-index:90000000;height:calc(100vh - 59px);width:100%;transition:all .3s;bottom:0}.mobile-tooltip .tooltip{border-radius:5px;color:#fff;font-size:14px;padding:10px 36px 10px 16px;width:350px;margin-left:15px;box-shadow:0 1px 2px 0 rgba(0,0,0,.31);line-height:1.5;position:relative;margin-top:auto;bottom:calc(var(--cp) + 25px)}.mobile-tooltip .tooltip:after{top:100%;left:5%;border:solid transparent;content:" ";position:absolute;border-width:10px}.mobile-tooltip .tooltip i{position:absolute;right:10px;top:10px}}',map:void 0,media:void 0})}),{name:"CustomizationView",components:{CustomizationPanel:M,CustomizationPreview:P},props:{custom_properties:{type:Object,required:!0},builder_api:{type:String,default:"https://builder.dentrodahistoria.com.br/api"},is_subscription:{type:Boolean,default:!1},gradient_colors:{type:Object,required:!1},builderLayoutId:{type:[Number,String],required:!1},language:{type:String,required:!1}},data:function(){return{categoriesAssets:{},customizations:[],
|
|
86
86
|
// Velho e bom customizations
|
|
87
87
|
requiredCategories:[],
|
|
88
88
|
// Acumularás as customizações necessárias
|
|
@@ -1305,7 +1305,7 @@ pages:{type:Number,required:!0},
|
|
|
1305
1305
|
/** Product ID. `109` */
|
|
1306
1306
|
product_id:{type:Number,required:!0},
|
|
1307
1307
|
/** If preloaded images are base64 formated. `false` */
|
|
1308
|
-
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 Z(t={mobileStopped:!0,pageNum:32,pagesToRender:[],pagesZoom:[],numberPositions:0,mobilePagePosition:0,loadedPages:3,loadedPagesZoom:1,isLoading:!1,lang:xt[this.typeLanguage],zoomActive:!1,zoomMultiPages:!1,zoomSettings:{dots:!1,focusOnSelect:!0,infinite:!0,speed:500,slidesToShow:1,slidesToScroll:1,touchThreshold:5},currentPage:0},"lang",xt[this.typeLanguage]),Z(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-0c220ba8",!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.modalIsOpen()?"active":"",t.sidebarOpen?"active":"inactive"]},[a("div",{staticClass:"backdrop",on:{click:function(e){return t.toggleSidebar()}}}),t._v(" "),a("div",{staticClass:"custom-properties",class:[t.modalIsOpen()?"active":"",t.sidebarOpen?"active":"inactive"]},[a("div",{staticClass:"box-close",style:t.cssProps,on:{click:function(e){return t.toggleSidebar()}}},[a("span",{staticClass:"icon icon-close size-lg"},[a("svg",{attrs:{fill:t.preview_color,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"}},[a("path",{attrs:{d:"M24.4803 7.53262C23.7875 6.8398 22.6673 6.83968 21.9743 7.53227L16.0004 13.494L10.026 7.5197C9.33311 6.82677 8.21263 6.82677 7.5197 7.5197C6.82677 8.21263 6.82677 9.33311 7.5197 10.026L13.4937 16L7.5197 21.974C6.82677 22.6669 6.82677 23.7874 7.5197 24.4803C8.21263 25.1732 9.33311 25.1732 10.026 24.4803L16 18.5063L21.974 24.4803C22.6669 25.1732 23.7874 25.1732 24.4803 24.4803C25.1732 23.7874 25.1732 22.6669 24.4803 21.974L18.5063 16L24.4803 10.026C25.1603 9.34603 25.1603 8.21264 24.4803 7.53262Z"}})])]),t._v(" "),a("span",{staticClass:"icon icon-edit size-lg"},[a("svg",{attrs:{fill:"#fff",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"}},[a("path",{attrs:{d:"M5.80642 26.2721C5.34347 25.8039 4.72085 25.5519 4.0831 25.5336L2.75934 28.2092C2.39666 28.9423 3.16603 29.72 3.89083 29.353L6.53443 28.014C6.51807 27.38 6.27994 26.7506 5.80642 26.2721Z",fill:"#fff"}}),t._v(" "),a("path",{attrs:{d:"M28.3546 3.62343C27.0932 2.34777 24.8474 2.34777 23.586 3.62343L20.7545 6.53012L25.5232 11.3528L28.3546 8.44597C29.6731 7.1141 29.6731 4.95531 28.3546 3.62343Z",fill:"#fff"}}),t._v(" "),a("path",{attrs:{d:"M19.5556 7.51704L6.40254 20.846L4.87571 23.9319C5.66515 24.0993 6.40962 24.4714 6.99858 25.0666C7.59597 25.6701 7.97287 26.4179 8.13401 27.2039L11.1801 25.6611L11.1883 25.6527L24.3516 12.3674L19.5556 7.51704Z",fill:"#fff"}})])])]),t._v(" "),a("div",{staticClass:"list-properties"},[a("div",{staticClass:"title-custom-properties"},[a("Heading",{attrs:{kind:"h4",size:"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.extras?a("div",{staticClass:"itens-properties"},t._l(t.extras,(function(e,i){return a("div",{directives:[{name:"show",rawName:"v-show",value:"dedicatoria"!=e.code||"dedicatoria"==e.code&&1==t.have_dedication,expression:"\n\t\t\t\t\t\tproperty.code != 'dedicatoria' ||\n\t\t\t\t\t\t\t(property.code == 'dedicatoria' && have_dedication == true)\n\t\t\t\t\t"}],key:i,staticClass:"item",on:{click:function(a){return t.showModal(e.code)}}},[a("div",["nome"==e.code?a("Paragraph",{attrs:{size:"xs",color:"#AFA2BA"}},[t._v(t._s(t.lang.name))]):t._e(),t._v(" "),"dedicatoria"==e.code?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(" "),"number"==e.code?a("Paragraph",{attrs:{size:"xs",color:"#AFA2BA"}},[t._v(t._s(t.lang.shirtNumber))]):t._e(),t._v(" "),"nome"==e.code?a("Paragraph",{attrs:{size:"sm"}},[t._v(t._s(e.value))]):t._e(),t._v(" "),"dedicatoria"==e.code&&t.have_dedication?a("Paragraph",{attrs:{size:"sm"}},[t._v(t._s(e.value))]):t._e(),t._v(" "),"nome-do-mooner"==e.code?a("Paragraph",{attrs:{size:"sm"}},[t._v(t._s(e.value))]):t._e(),t._v(" "),"pet"==e.code?a("Paragraph",{attrs:{size:"sm"}},[t._v(t._s(e.value.name))]):t._e(),t._v(" "),"number"==e.code?a("Paragraph",{attrs:{size:"sm"}},[t._v(t._s(e.value))]):t._e(),t._v(" "),a("svg",{attrs:{fill:t.preview_color,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"}},[a("path",{attrs:{d:"M5.80642 26.2721C5.34347 25.8039 4.72085 25.5519 4.0831 25.5336L2.75934 28.2092C2.39666 28.9423 3.16603 29.72 3.89083 29.353L6.53443 28.014C6.51807 27.38 6.27994 26.7506 5.80642 26.2721Z",fill:t.preview_color}}),t._v(" "),a("path",{attrs:{d:"M28.3546 3.62343C27.0932 2.34777 24.8474 2.34777 23.586 3.62343L20.7545 6.53012L25.5232 11.3528L28.3546 8.44597C29.6731 7.1141 29.6731 4.95531 28.3546 3.62343Z",fill:t.preview_color}}),t._v(" "),a("path",{attrs:{d:"M19.5556 7.51704L6.40254 20.846L4.87571 23.9319C5.66515 24.0993 6.40962 24.4714 6.99858 25.0666C7.59597 25.6701 7.97287 26.4179 8.13401 27.2039L11.1801 25.6611L11.1883 25.6527L24.3516 12.3674L19.5556 7.51704Z",fill:t.preview_color}})])],1)])})),0):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"},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(" "),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:{heading:t.lang.dedicationFree,headingColor:t.preview_color,paragraph:t.lang.cusutomDedication},on:{closeModal:t.closeModal}},[a("TextArea",{attrs:{name:"dedication",value:t.dedicationText,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.updateNameAndDedicationCustomCharacter()}}},[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.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.modalScript?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.availableLayouts,(function(e,i){return a("div",{key:i,staticClass:"layout-option",class:t.currentLayout==i?"active":"inactive",on:{click:function(e){return t.setCurrentLayout(i)}}},[a("div",{staticClass:"imagem"},[a("img",{attrs:{width:"100%",src:"https://doo8f8ypwd7it.cloudfront.net/brasilprevjunior/img/capitao@2x.890754be.png",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==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},on:{closeModal:t.closeModal}},[a("div",{staticClass:"box-dates-columns"},[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._v(" "),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._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.searchExtraProperty("name").value+"</span> em toda a história."},on:{closeModal:t.closeModal}},[a("div",{staticClass:"pet-view"},[a("div",{staticClass:"pet-selectors",style:t.currentPetColor?"width: 70%;":""},[a("div",{},[a("Input",{attrs:{value:t.searchExtraProperty("nome-do-mooner").value.name,error:"",helper:"",label:t.lang.typePetname,name:"currentPetName"},on:{input:function(e){t.searchExtraProperty("nome-do-mooner").value.name=e.target.value}}})],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:"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.currentPet.assets.asset?a("img",{class:t.petInitAnimation?"fade-in-image-init":"",attrs:{src:t.currentPet.assets.asset,alt:""}}):t._e()]):t._e()]),t._v(" "),t.listPet?a("div",{staticClass:"pet-list",class:t.currentPet?"active":"inactive"},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.searchExtraProperty("nome-do-mooner").value.newPet?a("div",{staticClass:"pet-avatar",style:t.searchExtraProperty("nome-do-mooner").value.newPet?"width: 30%;":""},[a("img",{attrs:{src:t.searchExtraProperty("nome-do-mooner").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-pet",attrs:{heading:t.modalMoonerFirstOpen?t.isMobile?t.lang.moonerTitleMobile:t.lang.moonerTitle:t.isMobile?t.lang.moonerTitleFirstOpenMobile:t.lang.moonerTitleFirstOpen,headingColor:t.preview_color,paragraph:t.lang.moonerDescriptionOne+t.current_character_name+t.lang.moonerDescriptionTwo,haveClose:t.modalMoonerFirstOpen},on:{closeModal:t.closeModal}},[a("div",{staticClass:"pet-view"},[a("div",{staticClass:"pet-selectors",style:t.currentMooner?"width: 100%;":""},[a("div",{},[a("Input",{attrs:{value:t.currentMoonerName,error:"",helper:"",label:t.lang.moonerLabel,name:"currentPetName",maxlength:"20"},on:{input:function(e){return t.setCurrentMoonerName(e.target.value)}}})],1),t._v(" "),a("label",{staticClass:"pet-label"},[t._v(t._s(t.lang.moonerLabelSelector))]),t._v(" "),a("div",{staticClass:"pet-combo-list"},[a("div",{staticClass:"selected-pet",class:[t.currentMooner?"active":"inactive",t.moonerAnimation?"fade-in-image":"inactive-pet"]},[t.currentMooner&&t.currentMooner.assets&&t.currentMooner.assets.asset?a("div",{staticClass:"clip-mooney"},[t.currentMooner.assets.asset?a("img",{class:t.moonerInitAnimation?"fade-in-image-init":"",attrs:{src:t.currentMooner.assets.asset,alt:""}}):t._e()]):t._e()]),t._v(" "),t.listMooner?a("div",{staticClass:"pet-list",class:t.currentMooner?"active":"inactive"},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(" "),a("div",{staticClass:"mooner-footer",attrs:{slot:"footer"},slot:"footer"},[a("Button",{attrs:{kind:"secondary",size:"md",width:"liquid",disabled:!t.currentMoonerName||!t.currentMooner,inverted:!1},on:{click:function(e){return t.changeMoonerLayout()}}},[t._v("\n\t\t\t\t"+t._s(t.modalMoonerFirstOpen?t.lang.moonerCta:t.lang.moonerCtaFirstOpen)+"\n\t\t\t")]),t._v(" "),t.modalMoonerFirstOpen?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")]):t._e()],1)]):t._e()],1)},staticRenderFns:[]},(function(t){t&&t("data-v-25fddc9c_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-25fddc9c]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-25fddc9c]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-25fddc9c]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-25fddc9c]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-25fddc9c]{font-size:14px}}@media (min-width:1024px){[data-v-25fddc9c]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-25fddc9c]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-25fddc9c]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-25fddc9c]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-25fddc9c]{font-size:1.56vw}}html[data-v-25fddc9c]{box-sizing:border-box}*[data-v-25fddc9c],[data-v-25fddc9c]::after,[data-v-25fddc9c]::before{box-sizing:border-box}[data-v-25fddc9c] .modal-pet{background-color:#000}[data-v-25fddc9c] .modal-pet .paragraph span{color:var(--preview-color);font-weight:700}@media (max-width:990px){[data-v-25fddc9c] .modal-pet .modal-content{padding-bottom:500px}}.main-tool[data-v-25fddc9c]{position:fixed;width:100%;height:100%}@media (max-width:990px){.main-tool[data-v-25fddc9c]{position:relative;width:100%!important;max-width:100%!important}}.main-tool .backdrop[data-v-25fddc9c]{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-25fddc9c]{z-index:5;max-width:100%}.main-tool.active .backdrop[data-v-25fddc9c]{background:rgba(104,89,110,.8);backdrop-filter:blur(8px);cursor:pointer;opacity:1}@media (max-width:990px){.main-tool.active .backdrop[data-v-25fddc9c]{display:none}}.main-tool.inactive[data-v-25fddc9c]{z-index:5;top:0;max-width:48px;right:0}.custom-properties[data-v-25fddc9c]{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-25fddc9c]{max-width:100%;width:100%;left:0;bottom:0;border-radius:0;top:0;background:0 0;height:100vh;transform:translateX(0);position:relative}}.custom-properties.inactive .icon-close[data-v-25fddc9c]{opacity:0}.custom-properties.inactive .icon-edit[data-v-25fddc9c]{opacity:1;transform:rotate(0)}.custom-properties.active[data-v-25fddc9c]{z-index:10;transform:translateX(0)}.custom-properties.active .icon-close[data-v-25fddc9c]{opacity:1}.custom-properties.active .icon-edit[data-v-25fddc9c]{opacity:0;transform:rotate(-180deg)}.custom-properties.active .box-close[data-v-25fddc9c]{background:#fff}.custom-properties .list-properties[data-v-25fddc9c]{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}@media (max-width:990px){.custom-properties .list-properties[data-v-25fddc9c]{width:100%;background-color:#fff;position:relative;border-radius:0}}.custom-properties .title-custom-properties[data-v-25fddc9c]{padding-bottom:.7619047619rem 0;width:100%;line-height:15px}.custom-properties .title-custom-properties span[data-v-25fddc9c]{font-family:Nunito;font-size:14px;color:#68596e}.custom-properties .itens-properties .item[data-v-25fddc9c]{position:relative;padding:.7619047619rem 0;border-bottom:1px solid #dfdae4;cursor:pointer;width:100%}.custom-properties .itens-properties .item svg[data-v-25fddc9c]{position:absolute;right:.380952381rem;top:1.0476190476rem;width:1.1428571429rem}@media (max-width:479px){.custom-properties .itens-properties .item svg[data-v-25fddc9c]{width:2.2429906542rem}}.custom-properties .itens-properties .item[data-v-25fddc9c]:last-child{border-bottom:0}.custom-properties .itens-properties .paragraph[data-v-25fddc9c]{text-overflow:ellipsis;white-space:nowrap;max-width:85%;overflow:hidden}.custom-properties .itens-properties hr[data-v-25fddc9c]{margin:0!important;margin-bottom:10px!important;margin-top:10px!important}.custom-properties .itens-properties .flex[data-v-25fddc9c]{cursor:pointer;position:relative}.custom-properties .itens-properties .flex svg[data-v-25fddc9c]{position:absolute;right:0;top:.8571428571rem}.layout-boxes[data-v-25fddc9c]{display:flex}.layout-option[data-v-25fddc9c]{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-25fddc9c]{display:flex;padding-bottom:.4761904762rem}.layout-option .panel-title .title[data-v-25fddc9c]{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-25fddc9c]{text-align:center;width:2.7777777778vw}.layout-option .panel-title .flag .icon[data-v-25fddc9c]{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[data-v-25fddc9c] svg{width:1.4285714286rem;height:1.4285714286rem}.layout-option .panel-title .flag .icon[data-v-25fddc9c] svg path{fill:#e9eaed!important}.layout-option.active[data-v-25fddc9c]{border:2px solid #01dfa1}.layout-option.active .panel-title .title[data-v-25fddc9c]{color:#68596e}.layout-option.active .panel-title .flag span[data-v-25fddc9c]{border:solid 2px #2dd3d8;background-color:#2dd3d8}.layout-option.active .panel-title .flag[data-v-25fddc9c] svg path{fill:#fff!important}.pet-view[data-v-25fddc9c]{width:100%;display:flex}.pet-view .pet-label[data-v-25fddc9c]{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){.pet-view .pet-label[data-v-25fddc9c]{font-size:1.308411215rem;margin-top:1.4953271028rem}}.pet-selectors[data-v-25fddc9c]{width:100%}.pet-selectors p[data-v-25fddc9c]{margin:0;font-size:.7619047619rem}.pet-selectors .input-text-group[data-v-25fddc9c]{padding-bottom:0}.pet-list[data-v-25fddc9c]{width:100%;display:flex}.pet-list div[data-v-25fddc9c]{margin:.2380952381rem;cursor:pointer}.pet-list .inactive[data-v-25fddc9c]{opacity:.3}.pet-list img[data-v-25fddc9c]{width:100%}.color-list[data-v-25fddc9c]{width:100%;display:flex}.color[data-v-25fddc9c]{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-25fddc9c]{border-color:#01dfa1}.color .secondary-color[data-v-25fddc9c]{width:50%;position:absolute;right:0;height:100%;top:0}.footer-pet[data-v-25fddc9c]{width:100%;display:flex}.footer-pet .cancel[data-v-25fddc9c]{margin-left:20px;background-color:none;background-image:none;box-shadow:none;padding:0;border-radius:0;color:#68596e;background:0 0}.box-dates-columns[data-v-25fddc9c]{display:flex}.box-dates-columns .day[data-v-25fddc9c]{width:11.1111111111vw}.box-dates-columns .month[data-v-25fddc9c]{padding-left:.7619047619rem;width:22.2222222222vw}.box-close[data-v-25fddc9c]{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-25fddc9c]{display:none}}.box-close .icon[data-v-25fddc9c]{width:1.5238095238rem;height:1.5238095238rem;position:absolute;transition:all .5s ease;animation-delay:.5s}@media (max-width:990px){[data-v-25fddc9c] .mooner-footer button{width:100%!important;text-align:center}[data-v-25fddc9c] .mooner-footer button div{width:100%;text-align:center!important;display:block!important}}@media (max-width:990px){[data-v-25fddc9c] .name-footer button{width:100%!important;text-align:center}[data-v-25fddc9c] .name-footer button div{width:100%;text-align:center!important;display:block!important}}@media (max-width:990px){[data-v-25fddc9c] .dedication-footer button{width:100%!important;text-align:center}[data-v-25fddc9c] .dedication-footer button div{width:100%;text-align:center!important;display:block!important}}.pet-combo-list[data-v-25fddc9c]{display:flex;flex-wrap:wrap}@media (max-width:990px){.pet-combo-list[data-v-25fddc9c]{flex-direction:column-reverse}}.pet-combo-list .selected-pet[data-v-25fddc9c]{width:0%;transition:width .5s;max-height:9.5238095238rem}.pet-combo-list .selected-pet .clip-mooney[data-v-25fddc9c]{max-height:11.619047619rem;overflow:hidden;display:block}@media (max-width:990px){.pet-combo-list .selected-pet .clip-mooney[data-v-25fddc9c]{max-height:22.8037383178rem;overflow:hidden;display:flex;justify-content:center}}@media (max-width:990px){.pet-combo-list .selected-pet .clip-mooney img[data-v-25fddc9c]{max-width:80%;margin:0 auto;margin-top:-1.4285714286rem}}.pet-combo-list .selected-pet img[data-v-25fddc9c]{margin-top:-.9523809524rem;opacity:0}.pet-combo-list .selected-pet.active[data-v-25fddc9c]{width:40%}@media (max-width:990px){.pet-combo-list .selected-pet.active[data-v-25fddc9c]{width:100%}}.pet-combo-list .pet-list[data-v-25fddc9c]{transition:all .5s;width:60%;align-items:center;display:flex}@media (max-width:990px){.pet-combo-list .pet-list[data-v-25fddc9c]{width:100%}}.pet-combo-list .pet-list.inactive[data-v-25fddc9c]{width:100%}.fade-in-image-init[data-v-25fddc9c]{transition:all .5s;opacity:1!important}.fade-in-image[data-v-25fddc9c]{animation:fadeIn-data-v-25fddc9c .5s;-webkit-animation:fadeIn-data-v-25fddc9c .5s;-moz-animation:fadeIn-data-v-25fddc9c .5s;-o-animation:fadeIn-data-v-25fddc9c .5s;-ms-animation:fadeIn-data-v-25fddc9c .5s}@keyframes fadeIn-data-v-25fddc9c{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn-data-v-25fddc9c{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn-data-v-25fddc9c{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn-data-v-25fddc9c{0%{opacity:0}100%{opacity:1}}@-ms-keyframes fadeIn-data-v-25fddc9c{0%{opacity:0}100%{opacity:1}}',map:void 0,media:void 0})}),(Z(yt={name:"PreviewTools",components:{Vue:c,Heading:ft,Paragraph:bt,Icon:T,Modal:wt,Input:D,Button:B,TextArea:ut,Select:H},props:{
|
|
1308
|
+
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 Z(t={mobileStopped:!0,pageNum:32,pagesToRender:[],pagesZoom:[],numberPositions:0,mobilePagePosition:0,loadedPages:3,loadedPagesZoom:1,isLoading:!1,lang:xt[this.typeLanguage],zoomActive:!1,zoomMultiPages:!1,zoomSettings:{dots:!1,focusOnSelect:!0,infinite:!0,speed:500,slidesToShow:1,slidesToScroll:1,touchThreshold:5},currentPage:0},"lang",xt[this.typeLanguage]),Z(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-0c220ba8",!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.modalIsOpen()?"active":"",t.sidebarOpen?"active":"inactive"]},[a("div",{staticClass:"backdrop",on:{click:function(e){return t.toggleSidebar()}}}),t._v(" "),a("div",{staticClass:"custom-properties",class:[t.modalIsOpen()?"active":"",t.sidebarOpen?"active":"inactive"]},[a("div",{staticClass:"box-close",style:t.cssProps,on:{click:function(e){return t.toggleSidebar()}}},[a("span",{staticClass:"icon icon-close size-lg"},[a("svg",{attrs:{fill:t.preview_color,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"}},[a("path",{attrs:{d:"M24.4803 7.53262C23.7875 6.8398 22.6673 6.83968 21.9743 7.53227L16.0004 13.494L10.026 7.5197C9.33311 6.82677 8.21263 6.82677 7.5197 7.5197C6.82677 8.21263 6.82677 9.33311 7.5197 10.026L13.4937 16L7.5197 21.974C6.82677 22.6669 6.82677 23.7874 7.5197 24.4803C8.21263 25.1732 9.33311 25.1732 10.026 24.4803L16 18.5063L21.974 24.4803C22.6669 25.1732 23.7874 25.1732 24.4803 24.4803C25.1732 23.7874 25.1732 22.6669 24.4803 21.974L18.5063 16L24.4803 10.026C25.1603 9.34603 25.1603 8.21264 24.4803 7.53262Z"}})])]),t._v(" "),a("span",{staticClass:"icon icon-edit size-lg"},[a("svg",{attrs:{fill:"#fff",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"}},[a("path",{attrs:{d:"M5.80642 26.2721C5.34347 25.8039 4.72085 25.5519 4.0831 25.5336L2.75934 28.2092C2.39666 28.9423 3.16603 29.72 3.89083 29.353L6.53443 28.014C6.51807 27.38 6.27994 26.7506 5.80642 26.2721Z",fill:"#fff"}}),t._v(" "),a("path",{attrs:{d:"M28.3546 3.62343C27.0932 2.34777 24.8474 2.34777 23.586 3.62343L20.7545 6.53012L25.5232 11.3528L28.3546 8.44597C29.6731 7.1141 29.6731 4.95531 28.3546 3.62343Z",fill:"#fff"}}),t._v(" "),a("path",{attrs:{d:"M19.5556 7.51704L6.40254 20.846L4.87571 23.9319C5.66515 24.0993 6.40962 24.4714 6.99858 25.0666C7.59597 25.6701 7.97287 26.4179 8.13401 27.2039L11.1801 25.6611L11.1883 25.6527L24.3516 12.3674L19.5556 7.51704Z",fill:"#fff"}})])])]),t._v(" "),a("div",{staticClass:"list-properties"},[a("div",{staticClass:"title-custom-properties"},[a("Heading",{attrs:{kind:"h4",size:"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.extras?a("div",{staticClass:"itens-properties"},t._l(t.extras,(function(e,i){return a("div",{directives:[{name:"show",rawName:"v-show",value:"dedicatoria"!=e.code||"dedicatoria"==e.code&&1==t.have_dedication,expression:"\n\t\t\t\t\t\tproperty.code != 'dedicatoria' ||\n\t\t\t\t\t\t\t(property.code == 'dedicatoria' && have_dedication == true)\n\t\t\t\t\t"}],key:i,staticClass:"item",on:{click:function(a){return t.showModal(e.code)}}},[a("div",["nome"==e.code?a("Paragraph",{attrs:{size:"xs",color:"#AFA2BA"}},[t._v(t._s(t.lang.name))]):t._e(),t._v(" "),"dedicatoria"==e.code?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(" "),"number"==e.code?a("Paragraph",{attrs:{size:"xs",color:"#AFA2BA"}},[t._v(t._s(t.lang.shirtNumber))]):t._e(),t._v(" "),"nome"==e.code?a("Paragraph",{attrs:{size:"sm"}},[t._v(t._s(e.value))]):t._e(),t._v(" "),"dedicatoria"==e.code&&t.have_dedication?a("Paragraph",{attrs:{size:"sm"}},[t._v(t._s(e.value))]):t._e(),t._v(" "),"nome-do-mooner"==e.code?a("Paragraph",{attrs:{size:"sm"}},[t._v(t._s(e.value))]):t._e(),t._v(" "),"pet"==e.code?a("Paragraph",{attrs:{size:"sm"}},[t._v(t._s(e.value.name))]):t._e(),t._v(" "),"number"==e.code?a("Paragraph",{attrs:{size:"sm"}},[t._v(t._s(e.value))]):t._e(),t._v(" "),a("svg",{attrs:{fill:t.preview_color,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"}},[a("path",{attrs:{d:"M5.80642 26.2721C5.34347 25.8039 4.72085 25.5519 4.0831 25.5336L2.75934 28.2092C2.39666 28.9423 3.16603 29.72 3.89083 29.353L6.53443 28.014C6.51807 27.38 6.27994 26.7506 5.80642 26.2721Z",fill:t.preview_color}}),t._v(" "),a("path",{attrs:{d:"M28.3546 3.62343C27.0932 2.34777 24.8474 2.34777 23.586 3.62343L20.7545 6.53012L25.5232 11.3528L28.3546 8.44597C29.6731 7.1141 29.6731 4.95531 28.3546 3.62343Z",fill:t.preview_color}}),t._v(" "),a("path",{attrs:{d:"M19.5556 7.51704L6.40254 20.846L4.87571 23.9319C5.66515 24.0993 6.40962 24.4714 6.99858 25.0666C7.59597 25.6701 7.97287 26.4179 8.13401 27.2039L11.1801 25.6611L11.1883 25.6527L24.3516 12.3674L19.5556 7.51704Z",fill:t.preview_color}})])],1)])})),0):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"},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(" "),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:{heading:t.lang.dedicationFree,headingColor:t.preview_color,paragraph:t.lang.cusutomDedication},on:{closeModal:t.closeModal}},[a("TextArea",{attrs:{name:"dedication",value:t.dedicationText,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.updateNameAndDedicationCustomCharacter()}}},[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.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.modalScript?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.availableLayouts,(function(e,i){return a("div",{key:i,staticClass:"layout-option",class:t.currentLayout==i?"active":"inactive",on:{click:function(e){return t.setCurrentLayout(i)}}},[a("div",{staticClass:"imagem"},[a("img",{attrs:{width:"100%",src:"https://doo8f8ypwd7it.cloudfront.net/brasilprevjunior/img/capitao@2x.890754be.png",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==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},on:{closeModal:t.closeModal}},[a("div",{staticClass:"box-dates-columns"},[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._v(" "),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._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.searchExtraProperty("name").value+"</span> em toda a história."},on:{closeModal:t.closeModal}},[a("div",{staticClass:"pet-view"},[a("div",{staticClass:"pet-selectors",style:t.currentPetColor?"width: 70%;":""},[a("div",{},[a("Input",{attrs:{value:t.searchExtraProperty("nome-do-mooner").value.name,error:"",helper:"",label:t.lang.typePetname,name:"currentPetName"},on:{input:function(e){t.searchExtraProperty("nome-do-mooner").value.name=e.target.value}}})],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:"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.currentPet.assets.asset?a("img",{class:t.petInitAnimation?"fade-in-image-init":"",attrs:{src:t.currentPet.assets.asset,alt:""}}):t._e()]):t._e()]),t._v(" "),t.listPet?a("div",{staticClass:"pet-list",class:t.currentPet?"active":"inactive"},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.searchExtraProperty("nome-do-mooner").value.newPet?a("div",{staticClass:"pet-avatar",style:t.searchExtraProperty("nome-do-mooner").value.newPet?"width: 30%;":""},[a("img",{attrs:{src:t.searchExtraProperty("nome-do-mooner").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-pet",attrs:{heading:t.modalMoonerFirstOpen?t.isMobile?t.lang.moonerTitleMobile:t.lang.moonerTitle:t.isMobile?t.lang.moonerTitleFirstOpenMobile:t.lang.moonerTitleFirstOpen,headingColor:t.preview_color,paragraph:t.lang.moonerDescriptionOne+t.current_character_name+t.lang.moonerDescriptionTwo,haveClose:t.modalMoonerFirstOpen},on:{closeModal:t.closeModal}},[a("div",{staticClass:"pet-view"},[a("div",{staticClass:"pet-selectors",style:t.currentMooner?"width: 100%;":""},[a("div",{},[a("Input",{attrs:{value:t.currentMoonerName,error:"",helper:"",label:t.lang.moonerLabel,name:"currentPetName",maxlength:"20"},on:{input:function(e){return t.setCurrentMoonerName(e.target.value)}}})],1),t._v(" "),a("label",{staticClass:"pet-label"},[t._v(t._s(t.lang.moonerLabelSelector))]),t._v(" "),a("div",{staticClass:"pet-combo-list"},[a("div",{staticClass:"selected-pet",class:[t.currentMooner?"active":"inactive",t.moonerAnimation?"fade-in-image":"inactive-pet"]},[t.currentMooner&&t.currentMooner.assets&&t.currentMooner.assets.asset?a("div",{staticClass:"clip-mooney"},[t.currentMooner.assets.asset?a("img",{class:t.moonerInitAnimation?"fade-in-image-init":"",attrs:{src:t.currentMooner.assets.asset,alt:""}}):t._e()]):t._e()]),t._v(" "),t.listMooner?a("div",{staticClass:"pet-list",class:t.currentMooner?"active":"inactive"},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(" "),a("div",{staticClass:"mooner-footer",attrs:{slot:"footer"},slot:"footer"},[a("Button",{attrs:{kind:"secondary",size:"md",width:"liquid",disabled:!t.currentMoonerName||!t.currentMooner,inverted:!1},on:{click:function(e){return t.changeMoonerLayout()}}},[t._v("\n\t\t\t\t"+t._s(t.modalMoonerFirstOpen?t.lang.moonerCta:t.lang.moonerCtaFirstOpen)+"\n\t\t\t")]),t._v(" "),t.modalMoonerFirstOpen?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")]):t._e()],1)]):t._e()],1)},staticRenderFns:[]},(function(t){t&&t("data-v-10d2f615_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-10d2f615]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-10d2f615]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-10d2f615]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-10d2f615]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-10d2f615]{font-size:14px}}@media (min-width:1024px){[data-v-10d2f615]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-10d2f615]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-10d2f615]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-10d2f615]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-10d2f615]{font-size:1.56vw}}html[data-v-10d2f615]{box-sizing:border-box}*[data-v-10d2f615],[data-v-10d2f615]::after,[data-v-10d2f615]::before{box-sizing:border-box}[data-v-10d2f615] .modal-pet{background-color:#000}[data-v-10d2f615] .modal-pet .paragraph span{color:var(--preview-color);font-weight:700}@media (max-width:990px){[data-v-10d2f615] .modal-pet .modal-content{padding-bottom:500px;overflow-y:scroll}}.main-tool[data-v-10d2f615]{position:fixed;width:100%;height:100%}@media (max-width:990px){.main-tool[data-v-10d2f615]{position:relative;width:100%!important;max-width:100%!important}}.main-tool .backdrop[data-v-10d2f615]{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-10d2f615]{z-index:5;max-width:100%}.main-tool.active .backdrop[data-v-10d2f615]{background:rgba(104,89,110,.8);backdrop-filter:blur(8px);cursor:pointer;opacity:1}@media (max-width:990px){.main-tool.active .backdrop[data-v-10d2f615]{display:none}}.main-tool.inactive[data-v-10d2f615]{z-index:5;top:0;max-width:48px;right:0}.custom-properties[data-v-10d2f615]{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-10d2f615]{max-width:100%;width:100%;left:0;bottom:0;border-radius:0;top:0;background:0 0;height:100vh;transform:translateX(0);position:relative}}.custom-properties.inactive .icon-close[data-v-10d2f615]{opacity:0}.custom-properties.inactive .icon-edit[data-v-10d2f615]{opacity:1;transform:rotate(0)}.custom-properties.active[data-v-10d2f615]{z-index:10;transform:translateX(0)}.custom-properties.active .icon-close[data-v-10d2f615]{opacity:1}.custom-properties.active .icon-edit[data-v-10d2f615]{opacity:0;transform:rotate(-180deg)}.custom-properties.active .box-close[data-v-10d2f615]{background:#fff}.custom-properties .list-properties[data-v-10d2f615]{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}@media (max-width:990px){.custom-properties .list-properties[data-v-10d2f615]{width:100%;background-color:#fff;position:relative;border-radius:0}}.custom-properties .title-custom-properties[data-v-10d2f615]{padding-bottom:.7619047619rem 0;width:100%;line-height:15px}.custom-properties .title-custom-properties span[data-v-10d2f615]{font-family:Nunito;font-size:14px;color:#68596e}.custom-properties .itens-properties .item[data-v-10d2f615]{position:relative;padding:.7619047619rem 0;border-bottom:1px solid #dfdae4;cursor:pointer;width:100%}.custom-properties .itens-properties .item svg[data-v-10d2f615]{position:absolute;right:.380952381rem;top:1.0476190476rem;width:1.1428571429rem}@media (max-width:479px){.custom-properties .itens-properties .item svg[data-v-10d2f615]{width:2.2429906542rem}}.custom-properties .itens-properties .item[data-v-10d2f615]:last-child{border-bottom:0}.custom-properties .itens-properties .paragraph[data-v-10d2f615]{text-overflow:ellipsis;white-space:nowrap;max-width:85%;overflow:hidden}.custom-properties .itens-properties hr[data-v-10d2f615]{margin:0!important;margin-bottom:10px!important;margin-top:10px!important}.custom-properties .itens-properties .flex[data-v-10d2f615]{cursor:pointer;position:relative}.custom-properties .itens-properties .flex svg[data-v-10d2f615]{position:absolute;right:0;top:.8571428571rem}.layout-boxes[data-v-10d2f615]{display:flex}.layout-option[data-v-10d2f615]{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-10d2f615]{display:flex;padding-bottom:.4761904762rem}.layout-option .panel-title .title[data-v-10d2f615]{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-10d2f615]{text-align:center;width:2.7777777778vw}.layout-option .panel-title .flag .icon[data-v-10d2f615]{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[data-v-10d2f615] svg{width:1.4285714286rem;height:1.4285714286rem}.layout-option .panel-title .flag .icon[data-v-10d2f615] svg path{fill:#e9eaed!important}.layout-option.active[data-v-10d2f615]{border:2px solid #01dfa1}.layout-option.active .panel-title .title[data-v-10d2f615]{color:#68596e}.layout-option.active .panel-title .flag span[data-v-10d2f615]{border:solid 2px #2dd3d8;background-color:#2dd3d8}.layout-option.active .panel-title .flag[data-v-10d2f615] svg path{fill:#fff!important}.pet-view[data-v-10d2f615]{width:100%;display:flex}.pet-view .pet-label[data-v-10d2f615]{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){.pet-view .pet-label[data-v-10d2f615]{font-size:1.308411215rem;margin-top:1.4953271028rem}}.pet-selectors[data-v-10d2f615]{width:100%}.pet-selectors p[data-v-10d2f615]{margin:0;font-size:.7619047619rem}.pet-selectors .input-text-group[data-v-10d2f615]{padding-bottom:0}.pet-list[data-v-10d2f615]{width:100%;display:flex}.pet-list div[data-v-10d2f615]{margin:.2380952381rem;cursor:pointer}.pet-list .inactive[data-v-10d2f615]{opacity:.3}.pet-list img[data-v-10d2f615]{width:100%}.color-list[data-v-10d2f615]{width:100%;display:flex}.color[data-v-10d2f615]{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-10d2f615]{border-color:#01dfa1}.color .secondary-color[data-v-10d2f615]{width:50%;position:absolute;right:0;height:100%;top:0}.footer-pet[data-v-10d2f615]{width:100%;display:flex}.footer-pet .cancel[data-v-10d2f615]{margin-left:20px;background-color:none;background-image:none;box-shadow:none;padding:0;border-radius:0;color:#68596e;background:0 0}.box-dates-columns[data-v-10d2f615]{display:flex}.box-dates-columns .day[data-v-10d2f615]{width:11.1111111111vw}.box-dates-columns .month[data-v-10d2f615]{padding-left:.7619047619rem;width:22.2222222222vw}.box-close[data-v-10d2f615]{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-10d2f615]{display:none}}.box-close .icon[data-v-10d2f615]{width:1.5238095238rem;height:1.5238095238rem;position:absolute;transition:all .5s ease;animation-delay:.5s}@media (max-width:990px){[data-v-10d2f615] .mooner-footer button{width:100%!important;text-align:center}[data-v-10d2f615] .mooner-footer button div{width:100%;text-align:center!important;display:block!important}}@media (max-width:990px){[data-v-10d2f615] .name-footer button{width:100%!important;text-align:center}[data-v-10d2f615] .name-footer button div{width:100%;text-align:center!important;display:block!important}}@media (max-width:990px){[data-v-10d2f615] .dedication-footer button{width:100%!important;text-align:center}[data-v-10d2f615] .dedication-footer button div{width:100%;text-align:center!important;display:block!important}}.pet-combo-list[data-v-10d2f615]{display:flex;flex-wrap:wrap}@media (max-width:990px){.pet-combo-list[data-v-10d2f615]{flex-direction:column-reverse}}.pet-combo-list .selected-pet[data-v-10d2f615]{width:0%;transition:width .5s;max-height:9.5238095238rem}.pet-combo-list .selected-pet .clip-mooney[data-v-10d2f615]{max-height:11.619047619rem;overflow:hidden;display:block}@media (max-width:990px){.pet-combo-list .selected-pet .clip-mooney[data-v-10d2f615]{max-height:22.8037383178rem;overflow:hidden;display:flex;justify-content:center}}@media (max-width:990px){.pet-combo-list .selected-pet .clip-mooney img[data-v-10d2f615]{max-width:80%;margin:0 auto;margin-top:-1.4285714286rem}}.pet-combo-list .selected-pet img[data-v-10d2f615]{margin-top:-.9523809524rem;opacity:0}.pet-combo-list .selected-pet.active[data-v-10d2f615]{width:40%}@media (max-width:990px){.pet-combo-list .selected-pet.active[data-v-10d2f615]{width:100%}}.pet-combo-list .pet-list[data-v-10d2f615]{transition:all .5s;width:60%;align-items:center;display:flex}@media (max-width:990px){.pet-combo-list .pet-list[data-v-10d2f615]{width:100%}}.pet-combo-list .pet-list.inactive[data-v-10d2f615]{width:100%}.fade-in-image-init[data-v-10d2f615]{transition:all .5s;opacity:1!important}.fade-in-image[data-v-10d2f615]{animation:fadeIn-data-v-10d2f615 .5s;-webkit-animation:fadeIn-data-v-10d2f615 .5s;-moz-animation:fadeIn-data-v-10d2f615 .5s;-o-animation:fadeIn-data-v-10d2f615 .5s;-ms-animation:fadeIn-data-v-10d2f615 .5s}@keyframes fadeIn-data-v-10d2f615{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn-data-v-10d2f615{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn-data-v-10d2f615{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn-data-v-10d2f615{0%{opacity:0}100%{opacity:1}}@-ms-keyframes fadeIn-data-v-10d2f615{0%{opacity:0}100%{opacity:1}}',map:void 0,media:void 0})}),(Z(yt={name:"PreviewTools",components:{Vue:c,Heading:ft,Paragraph:bt,Icon:T,Modal:wt,Input:D,Button:B,TextArea:ut,Select:H},props:{
|
|
1309
1309
|
/** Name of protagonist. `Diego` */
|
|
1310
1310
|
current_name:{type:String,required:!0},
|
|
1311
1311
|
/** Product id of Builder. `595` */
|
|
@@ -1415,7 +1415,7 @@ t.changeUuid(e.data.custom.uuid)})).catch((function(t){console.log(t)}))},getCus
|
|
|
1415
1415
|
//self.changeUuid(response.data.custom.uuid);
|
|
1416
1416
|
//console.log(response.data.custom.user_data.property);
|
|
1417
1417
|
var a=t.searchCustomUserDataProperty(e.data.custom.user_data.properties);t.listMooner.assets.subcategories.forEach((function(a){e.data.assets.forEach((function(i){a.id==i.assets.id&&(t.setMooner(a),"ARIRANHA"!==e.data.custom.user_data.properties["nome-do-mooner"].value&&(t.haveCustomMoonerName=!0))}))})),// Setar nome do mooner antigo
|
|
1418
|
-
t.currentMoonerName=a.value,t.searchExtraProperty("nome-do-mooner").value=t.currentMoonerName})).catch((function(t){console.log(t)}))},changeUuid:function(t){this.$emit("changeUuid",t)},changeName:function(t){this.$emit("changeName",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}}),yt),"data-v-
|
|
1418
|
+
t.currentMoonerName=a.value,t.searchExtraProperty("nome-do-mooner").value=t.currentMoonerName})).catch((function(t){console.log(t)}))},changeUuid:function(t){this.$emit("changeUuid",t)},changeName:function(t){this.$emit("changeName",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}}),yt),"data-v-10d2f615",!1,void 0,!1,x,void 0,void 0),Lt=(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-7c5f1153_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}.storybook-6{width:16.6666666667vw}.storybook-12{width:33.3333333333vw}.storybook-25{width:69.4444444444vw}.custom-properties{position:absolute;top:30px}',map:void 0,media:void 0})}),{name:"PreviewFull",components:{Preview:_t,PreviewMobile:Mt},props:{
|
|
1419
1419
|
/** Name of protagonist. `Diego` */
|
|
1420
1420
|
current_name:{type:String,required:!0},pages:{type:String,required:!0},age:{type:String,required:!0},
|
|
1421
1421
|
/** Product id of Builder. `595` */
|