@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.ssr.js
CHANGED
|
@@ -70,12 +70,12 @@ color:{type:String,default:"#68596E"},
|
|
|
70
70
|
* Type of font<br>
|
|
71
71
|
* Example: `Regular | Bold`
|
|
72
72
|
**/
|
|
73
|
-
type:{type:String,default:"regular"}},data:function(){return{}}},"data-v-494fbeae",!1,"data-v-494fbeae",!1,void 0,b,void 0),z=f({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"avatar-page"},[a("CustomizationView",{attrs:{custom_properties:{character_id:t.character_id,product_id:t.product_id,type_id:t.type_id,is_male:t.is_male,slug:t.character_slug,uuid:t.uuid,user_data:{properties:t.custom_properties,type_id:t.type_id}},gradient_colors:t.gradient_colors,is_subscription:t.is_subscription,builder_api:"https://builder.dentrodahistoria.com.br/api",builderLayoutId:t.builderLayoutId,language:t.language},on:{startedMethod:t.started,completedMethod:t.completed}})],1)},staticRenderFns:[]},(function(t){t&&t("data-v-38ca2afb_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-38ca2afb]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-38ca2afb]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-38ca2afb]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-38ca2afb]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-38ca2afb]{font-size:14px}}@media (min-width:1024px){[data-v-38ca2afb]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-38ca2afb]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-38ca2afb]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-38ca2afb]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-38ca2afb]{font-size:1.56vw}}html[data-v-38ca2afb]{box-sizing:border-box}*[data-v-38ca2afb],[data-v-38ca2afb]::after,[data-v-38ca2afb]::before{box-sizing:border-box}hr[data-v-38ca2afb]{margin:10px -1.5rem}h1[data-v-38ca2afb]{font-family:Nunito;font-size:24px;font-weight:900;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;color:#000;margin-top:0;margin-bottom:15px}h1[data-v-38ca2afb]:first-child{display:none}.ddh-sidebar[data-v-38ca2afb],.ddh-sidebar.hide-sidebar[data-v-38ca2afb]{display:none!important}html[data-v-38ca2afb]{--scale:1;--translate:0%}.loading-view[data-v-38ca2afb]{position:absolute;top:0;width:100%;height:100%;background:#fff;position:absolute;width:100%;top:0;z-index:200;display:flex;align-items:center;justify-content:center;flex-direction:column}.avatar-page-1[data-v-38ca2afb]{position:absolute;z-index:3}.avatar-page[data-v-38ca2afb]{min-height:100vh;position:absolute;width:100%;height:100vh;top:0;left:0;background:#fff}@media (max-width:992px){.avatar-page[data-v-38ca2afb]{min-height:0;height:100vh;height:calc(var(--vh,1vh) * 100);overflow:hidden}}.return[data-v-38ca2afb]{position:fixed;z-index:99}.return .icon[data-v-38ca2afb]{width:38px;height:38px;position:absolute;z-index:30;padding:.95238rem 2.77778vw}.return .icon svg[data-v-38ca2afb]{width:38px;height:38px}.return .icon svg path[data-v-38ca2afb]{fill:#afa2ba!important;stroke:#afa2ba!important;transition:all .1s cubic-bezier(.4,0,.2,1)}.return .icon[data-v-38ca2afb]:hover{cursor:pointer}.return .icon:hover path[data-v-38ca2afb],.return .icon:hover svg[data-v-38ca2afb]{fill:#1ad3d9!important;stroke:#1ad3d9!important}.return .icon:active svg[data-v-38ca2afb]{transform:scale(.9)}',map:void 0,media:void 0})}),{name:"Avatar",components:{CustomizationView:f({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",[t._ssrNode('<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"> <div class="mobile-tooltip"><div class="tooltip">\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<i class="fas fa-times"></i></div></div> '),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._ssrNode(" "),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}})],2)},staticRenderFns:[]},(function(t){t&&t("data-v-ac084588_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:f({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"customization-panel"},[t._ssrNode('<div class="overlay-opacity"></div> '),t._ssrNode('<div class="customization-panel-head">',"</div>",[t._ssrNode('<div class="customization-panel-heading">'+t._ssrEscape("\n\t\t\t\tEditar o personagem "+t._s(t.characterIsMale?"do":"da")+"\n\t\t\t\t")+"<b>"+t._ssrEscape(t._s(t.characterName))+"</b></div> "),t._ssrNode('<div class="customization-categories">',"</div>",[t._l(t.categoriesAssets.categories,(function(e){return t._ssrNode("<a"+t._ssrAttr("id",e.code)+t._ssrClass("customization-categories-item",[{"is-selected":e===t.selectedCategory,"is-disabled":t.isCategoryDisabled(e)},"category-"+e.code])+t._ssrStyle(null,null,{display:"mooner"!==e.code&&"pet"!==e.code?"":"none"})+">","</a>",[t._ssrNode((e.assets.icon?"<img"+t._ssrAttr("src",e.assets.icon)+' class="customization-categories-item-icon">':'<span class="customization-categories-item-icon customization-categories-item-icon-placeholder"></span>')+" "),a("Caption",{staticClass:"customization-categories-item-label",attrs:{color:"#AFA2BA"}},[t._v("\n\t\t\t\t\t\t"+t._s(e.name)+"\n\t\t\t\t\t")])],2)})),t._ssrNode(" "),t._l(t.categoriesAssets.groups,(function(e){return t._ssrNode("<a"+t._ssrClass("customization-categories-item",[{"is-selected":e===t.selectedGroup},"category-"+e.code])+">","</a>",[t._ssrNode((e.assets.icon?"<img"+t._ssrAttr("src",e.assets.icon)+' class="customization-categories-item-icon">':'<span class="customization-categories-item-icon customization-categories-item-icon-placeholder"></span>')+" "),a("Caption",{staticClass:"customization-categories-item-label",attrs:{color:"#AFA2BA"}},[t._v("\n\t\t\t\t\t\t"+t._s(e.name)+"\n\t\t\t\t\t")])],2)}))],2)],2),t._ssrNode(" "),t._ssrNode('<div id="customization-panel-body" class="customization-panel-body">',"</div>",[t._l(t.visibleCategoriesCustomizations,(function(e){return a("CategoryCustomizations",{directives:[{name:"show",rawName:"v-show",value:t.selectedCategory,expression:"selectedCategory"}],key:e.id,attrs:{title:e.subtitle,category:e,categoryId:e.id,customization:t.getCustomizationByCategoryId(e.id),relatedCustomization:t.getCustomizationByCategoryId(e.depends_category),disabledCategories:t.disabledCategories,removableCategory:!e.required},on:{"update:customization":t.handleUpdateCustomization}})})),t._ssrNode(" "),t._l(t.categoriesAssets.groups,(function(e){return a("CategoryCustomizations",{directives:[{name:"show",rawName:"v-show",value:t.selectedGroup,expression:"selectedGroup"}],key:e.id,attrs:{title:e.subtitle,category:e,categoryId:e.id,customization:t.getCustomizationByCategoryId(e.assets.subcategories[0].parent_id),removableCategory:!e.required,customizations:t.customizations},on:{"update:customization":t.handleUpdateCustomization}})}))],2),t._ssrNode(' <div class="helper"><div class="error">'+t._s(t.error)+'</div> <div class="btn-avatar"><div class="btn-avatar-preload">\n\t\t\t\t\tCONTINUAR\n\t\t\t\t\t<div class="icon icon-check"><svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#000" fill-rule="evenodd" d="M22.65 17.828a1.996 1.996 0 0 1-.579 1.586l-5.657 5.657a2 2 0 0 1-2.828-2.828L18 17.828l-4.414-4.414a2 2 0 0 1 2.828-2.828l5.657 5.657c.434.434.627 1.018.579 1.585z"></path></svg></div></div> <div class="btn-avatar-loading"><span class="btn-avatar-loading-content">'+t._s(t.loadingContent)+'</span> <span class="btn-avatar-loading-icon"><svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#000" fill-rule="evenodd" d="M26.383 12.728c-.433-.47-.986-.727-1.48-.728-.293 0-.569.092-.776.29l-2.306 2.179v-.002l-3.136 2.963c-.055.052-.093.109-.13.16l-3.008 2.841-3.545-3.855c-.217-.235-.526-.347-.858-.347-.47 0-.992.217-1.424.625-.465.44-.719 1-.72 1.5 0 .298.092.576.287.788l3.25 3.533 1.823 1.981c.214.235.52.344.85.344.147 0 .295-.021.448-.061l.085.002c.292.001.566-.087.776-.284l5.44-5.14c.054-.052.094-.11.13-.162l4.567-4.315c.234-.22.344-.532.344-.87 0-.474-.215-1.002-.617-1.442z"></path></svg></span></div></div></div>')],2)},staticRenderFns:[]},(function(t){t&&t("data-v-9bed85a8_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}.postingCharacter{height:100vh}.customization-panel-heading b{font-weight:400;color:#923fda;text-transform:capitalize}.customization-panel{z-index:100;position:fixed;width:520px;height:100%;top:0;right:0;background:#f8f7fc;border-left:1px solid #dfdae4;transition:all .3s;overflow:hidden}@media (max-width:992px){.customization-panel{width:100%;bottom:0;top:unset;min-height:180px;height:auto}}.customization-panel-head{background:#fff;border-bottom:1px solid #f0ebf5;box-shadow:0 10px 26px 0 #d7d1ef;position:relative;z-index:150}@media (max-width:992px){.customization-panel-head{box-shadow:0 0 26px 0 #d7d1ef}}.customization-panel-heading{height:80px;max-width:100%;line-height:80px;text-align:center;font-family:Roboto,sans-serif;color:#afa2ba;background:#fff;border-bottom:1px solid #dfdae4;font-size:16px}@media (max-width:992px){.customization-panel-heading{display:none}}.customization-panel-body{height:70%;scroll-behavior:smooth;padding-bottom:70px;z-index:20;overflow-y:auto;position:relative}.customization-panel-body::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}.customization-panel-body::-webkit-scrollbar{width:7px;background-color:transparent}.customization-panel-body::-webkit-scrollbar-thumb{border-radius:20px;background-color:#e4e4e4}@media (max-width:992px){.customization-panel-body{padding-bottom:0;z-index:0}}.customization-panel .helper{position:absolute;bottom:0;width:100%;background:#fff;border-top:1px solid #dfdae4;box-shadow:0 0 26px 0 #d7d1ef;padding:.7619047619rem 1.1428571429rem;display:flex;align-items:center;justify-content:center;z-index:999}@media (max-width:992px){.customization-panel .helper{display:none;z-index:0}}.customization-panel .helper .error{background:red;width:100%;color:#fff;font-family:Roboto,sans-serif;font-size:14px;padding:15px 0;text-align:center;text-transform:uppercase;position:absolute;transition:all .3s;top:-45px;opacity:0}.btn-avatar{width:100%;height:65px;font-family:Nunito;font-weight:900;padding:0!important;background:#12d3db;background-size:200%;background-position-x:99%;box-shadow:0 .2381rem .95238rem 0 #89e6e8;border-radius:1.90476rem;color:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);border:0;font-size:14px;letter-spacing:.0381rem;line-height:1.2rem;position:relative;display:flex;align-items:center;justify-content:center}.btn-avatar:hover{box-shadow:0 .2381rem .95238rem 0 #89e6e8;-webkit-transform:translateY(-.09524rem);transform:translateY(-.09524rem);cursor:pointer;background-position-x:0;-webkit-transform:translateY(-.14286rem);transform:translateY(-.14286rem);color:#fff}.btn-avatar:active,.btn-avatar:focus{outline:0;box-shadow:0 0 0 #89e6e8;background-position-x:0;-webkit-transform:translateY(.14286rem) scale(.97);transform:translateY(.14286rem) scale(.97)}.btn-avatar .icon{position:absolute;display:flex;justify-content:center;align-items:center;right:0;top:0;margin:15px!important}.btn-avatar .icon path,.btn-avatar .icon svg{fill:#fff;stroke:#fff}@media (max-width:992px){.btn-avatar{display:none!important}}.btn-avatar-mobile{display:none!important}@media (max-width:992px){.btn-avatar-mobile{display:flex!important;width:150px;height:40px;box-shadow:none;font-size:12px;float:right;line-height:1;position:fixed;right:0;top:10px;z-index:200;border-radius:100px;margin-right:.7619047619rem}.btn-avatar-mobile .icon{display:none}}.customization-categories{display:flex;align-items:center;align-content:center;padding:.7619047619rem .7619047619rem}@media (max-width:992px){.customization-categories{padding:0}}.customization-categories .category-vestuario{display:none!important}.customization-categories-item{position:relative;font-size:inherit;flex-basis:0;flex-grow:1;max-width:100%;height:100%;text-align:center}.customization-categories-item:hover{cursor:pointer}.customization-categories-item:hover .customization-categories-item-label{color:#12d3db!important}@media (max-width:992px){.customization-categories-item{height:50px;display:flex;justify-content:center;align-items:center;border:0}}.customization-categories-item-icon{height:52px;width:52px;display:block;border-radius:30px;margin:auto}.customization-categories-item-icon-placeholder{background-color:#dfdae4;border-radius:2px}@media (max-width:992px){.customization-categories-item-icon{display:none}}.customization-categories-item-label{font-weight:400;display:block;font-size:12px;color:#000;text-transform:capitalize!important;font-family:Roboto;padding-top:.380952381rem}@media (max-width:992px){.customization-categories-item-label{margin:0}}.customization-categories-item:first-child{border-left:none}.customization-categories-item.is-selected .customization-categories-item-label{color:#12d3db!important}@media (max-width:992px){.customization-categories-item.is-selected:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:3px;background:#12d3db}}@media (max-width:992px) and (max-width:992px){.customization-categories-item.is-selected:after{bottom:0}}.customization-categories-item.is-disabled{opacity:.6}.btn-avatar-reduced{background:#2dd4d9!important;width:65px!important;cursor:wait}@media (max-width:479px){.btn-avatar-reduced{width:40px!important;height:40px!important}}.btn-avatar-loading-completed{background-color:#2dd4d9;background-image:linear-gradient(90deg,#04bb69 50%,#00cf72 50%);background-position:0 0;background-repeat:no-repeat;-webkit-animation:1s loadingCompleted;-moz-animation:1s loadingCompleted;animation:1s loadingCompleted;cursor:wait}@-webkit-keyframes loadingCompleted{0%{background-position:41% 0}100%{background-position:0 0}}@-moz-keyframes loadingCompleted{0%{background-position:41% 0}100%{background-position:0 0}}@keyframes loadingCompleted{0%{background-position:41% 0}100%{background-position:0 0}}.btn-avatar-loading-started{background-color:#2dd4d9;background-image:linear-gradient(90deg,#04bb69 50%,#00cf72 50%);background-repeat:no-repeat;background-position:41% 0;-webkit-animation:4s loadingPosition;-moz-animation:4s loadingPosition;animation:4s loadingPosition;transition:.3s;cursor:wait}@-webkit-keyframes loadingPosition{0%{background-position:100% 0}35%{background-position:92% 0}50%{background-position:83% 0}75%{background-position:72% 0}100%{background-position:41% 0}}@-moz-keyframes loadingPosition{0%{background-position:100% 0}35%{background-position:92% 0}50%{background-position:83% 0}75%{background-position:72% 0}100%{background-position:41% 0}}@keyframes loadingPosition{0%{background-position:100% 0}35%{background-position:92% 0}50%{background-position:83% 0}75%{background-position:72% 0}100%{background-position:41% 0}}.btn-avatar-loading{font-size:1.4285714286rem;display:none;opacity:0;transition:all .3s;font-size:14px;cursor:wait}.btn-avatar-loading .btn-avatar-loading-icon{display:none;opacity:0;align-items:center;justify-content:center}.btn-avatar-loading .btn-avatar-loading-icon svg{width:2.1904761905rem;height:2.1904761905rem}@media (max-width:479px){.btn-avatar-loading .btn-avatar-loading-icon svg{width:3.5514018692rem;height:3.5514018692rem}}.btn-avatar-loading .btn-avatar-loading-icon path,.btn-avatar-loading .btn-avatar-loading-icon svg{fill:#fff;stroke:#fff}@media (max-width:479px){.btn-avatar-loading{font-size:12px}.btn-avatar-loading .btn-avatar-loading-content{font-size:12px}}',map:void 0,media:void 0})}),{name:"CustomizationPanel",components:{CategoryCustomizations:x,Caption:y},props:{builderApi:{type:String,default:"https://builder.dentrodahistoria.com.br/api"},selectedCharacter:{type:Object,default:{}},characterSlug:{type:String,required:!0},characterId:{type:[Number,String],required:!0},characterTypeId:{type:[Number,String],required:!0},characterName:{type:String,required:!0},characterIsMale:{type:Boolean,required:!0},categoriesAssets:{type:Object,required:!0},disabledCategories:{type:Array,required:!1,default:function(){return[]}},customizations:{type:Array,required:!0},builderProductId:{type:[String,Number],required:!1,default:null},subscriptionId:{type:[Number,String],required:!0},stackId:{type:[Number,String],required:!0},userDataProperties:{type:Object,required:!0},builderLayoutId:{type:[Number,String],required:!1},language:{type:String,required:!1}},data:function(){return{selectedCategory:null,selectedGroup:null,selectedCollection:null,error:null,isMobile:null,loadingContent:screen.width<1023?"ENVIANDO":"ENVIANDO PERSONAGEM"}},mounted:function(){if(!document.body.getElementsByClassName("btn-avatar-mobile")[0]){var t=document.getElementsByClassName("btn-avatar")[0].cloneNode(!0);t.classList.add("btn-avatar-mobile"),document.body.appendChild(t),document.body.getElementsByClassName("btn-avatar-mobile")[0].addEventListener("click",this.generateAvatar)}var e=document.getElementsByClassName("top-bar")[0];if(screen.width<=1023&&e&&!e.getElementsByClassName("overlay-opacity")[0]){var a=document.getElementsByClassName("overlay-opacity")[0].cloneNode(!0);e.appendChild(a)}if(!document.body.getElementsByClassName("error-mobile")[0]){var i=document.getElementsByClassName("error")[0].cloneNode(!0);i.classList.add("error-mobile"),document.body.appendChild(i)}window.addEventListener("resize",this.screenResize),screen.width>1023?this.isMobile=!1:this.isMobile=!0},beforeDestroy:function(){document.body.getElementsByClassName("btn-avatar-mobile")[0]&&document.body.removeChild(document.getElementsByClassName("btn-avatar-mobile")[0]),document.body.getElementsByClassName("error-mobile")[0]&&document.body.removeChild(document.getElementsByClassName("error-mobile")[0])},computed:{showColorsCustomizations:function(){return!1},showSubcategoriesCustomizations:function(){return!1},visibleCategoriesCustomizations:function(){var t=this,e=[];return this.selectedCategory?e.push(this.selectedCategory):this.selectedCollection&&this.selectedCollection.categories.forEach((function(a){var i=t.categoriesAssets.categories.find((function(t){return t.id===a}));i&&e.push(i)})),e}},methods:{monthsHelper:function(t){switch(t){case 1:return"Janeiro";case 2:return"Fevereiro";case 3:return"Março";case 4:return"Abril";case 5:return"Maio";case 6:return"Junho";case 7:return"Julho";case 8:return"Agosto";case 9:return"Setembro";case 10:return"Outubro";case 11:return"Novembro";case 12:return"Dezembro"}},generateAvatar:function(){var t=this;return g(h().mark((function a(){var i,o,r,d,n,s,l,c,p,m,u,v;return h().wrap((function(a){for(;;)switch(a.prev=a.next){case 0:if(i=t,r=!1,t.categoriesAssets.categories.forEach((function(e){e.required?((o=t.customizations.find((function(t){return e.id===t.categoryId})))||(o=t.disabledCategories.find((function(t){return e.id===t.categoryId}))),o||(r=!0,d=e)):(e.code.includes("mooner")||e.code.includes("pet"))&&(o=t.disabledCategories.find((function(t){return e.id===t.categoryId})))})),r){a.next=18;break}return t.$emit("startedMethod"),n=null,s=[],t.customizations.forEach((function(t){var e={parent_id:t.categoryId,id:t.optionId?t.optionId:t.relatedCategoryId};e.parent_id&&e.id&&s.push(e)})),l={properties:i.userDataProperties,type:t.characterTypeId},c={custom_character:{character_id:t.characterId,product_id:t.builderProductId,type_id:t.characterTypeId,categories:s,user_data:l}},t.builderLayoutId&&(c.custom_character.layout_id=t.builderLayoutId),t.language&&(c.custom_character.language=t.language),a.next=14,e({method:"POST",url:"".concat(t.builderApi,"/customs_characters/"),headers:{"Content-Type":"application/json"},data:c}).then((function(t){return t})).catch((function(t){return t}));case 14:(p=a.sent)&&(200===p.status?t.$emit("completedMethod",{updatedCustomizations:t.customizations,updatedUuid:p.data.custom.uuid,categories:s,success:!0}):(console.log("tentou pegar o segundo request"),p&&p.response&&p.response.reques&&(m=JSON.parse(p.response.request.responseText),n=m?m.error:"Não foi possível gerar o avatar. Tente novamente."),n&&(t.error=n,t.$refs.error.style.opacity="1",setTimeout((function(){t.$refs.error.style.opacity="0"}),5e3)),t.$emit("completedMethod",{updatedCustomizations:t.customizations,updatedUuid:p.data.custom.uuid,categories:s,success:!1}))),a.next=22;break;case 18:u=d.code,v="pele"===u?"Necessário selecionar um tom de pele":"Necessário selecionar um tipo de ".concat(u),screen.width>1023&&("roupa"===u||"tenis"===u)?(t.error=v,t.$refs.error.style.opacity="1",setTimeout((function(){t.$refs.error.style.opacity="0"}),5e3)):(document.getElementsByClassName("error")[0].style.opacity="1",document.getElementsByClassName("error")[0].textContent=v,setTimeout((function(){document.getElementsByClassName("error")[0].style.opacity="0",document.getElementsByClassName("error")[0].textContent=""}),5e3)),t.$refs[u][0].click();case 22:case"end":return a.stop()}}),a)})))()},getCustomizationTitle:function(t){var e=t?t.toLowerCase():"";switch(e){case"pele":return"Tons de pele";default:return"Tipos de ".concat(e)}},getCustomizationByCategoryId:function(t){return this.customizations.find((function(e){return e.categoryId===t}))},handleSelectCategory:function(t){if(!this.isCategoryDisabled(t)&&this.selectedCategory!==t){this.selectedCharacter.slug;var e=document.getElementsByClassName("customization-preview-asset"),a=document.getElementsByClassName("customization-preview")[0];"cabelo"===t.code||"olhos"===t.code||"oculos"===t.code?(a.classList.remove("zoom-in"),a.classList.remove("zoom-out"),a.className+=" zoom-in"):"roupa"===t.code||"tenis"===t.code?(a.classList.remove("zoom-in"),a.classList.remove("zoom-out"),a.className+=" zoom-out"):(a.classList.remove("zoom-in"),a.classList.remove("zoom-out")),Array.from(e).forEach((function(t){t.style.transform=void 0})),this.selectedGroup=null,this.selectedCollection=null,this.selectedCategory=t}},handleSelectGroup:function(t){if(this.selectedGroup!==t){if(screen.width<=1023){var e=document.getElementsByClassName("customization-preview-asset"),a=document.getElementsByClassName("customization-preview")[0];this.selectedCharacter.slug;"acessorio"===t.code||"acessorios"===t.code||"oculos"===t.code?(a.classList.remove("zoom-in"),a.classList.remove("zoom-out"),a.className+=" zoom-in"):(a.classList.remove("zoom-in"),a.classList.remove("zoom-out")),Array.from(e).forEach((function(t){t.style.transform=void 0}))}this.selectedCategory=null,this.selectedCollection=null,this.selectedGroup=t}},handleSelectCollection:function(t){this.selectedCollection!==t&&(this.selectedCategory=null,this.selectedGroup=null,this.selectedCollection=t)},handleUpdateCustomization:function(t){this.$emit("update:customization",t)},isCategoryDisabled:function(t){return void 0!==this.disabledCategories.find((function(e){return e.categoryId===t.id}))},screenResize:function(){if(screen.width>1023){document.getElementsByClassName("customization-preview-asset");// const transform = "scale(1) translateY(0)"
|
|
73
|
+
type:{type:String,default:"regular"}},data:function(){return{}}},"data-v-494fbeae",!1,"data-v-494fbeae",!1,void 0,b,void 0),z=f({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"avatar-page"},[a("CustomizationView",{attrs:{custom_properties:{character_id:t.character_id,product_id:t.product_id,type_id:t.type_id,is_male:t.is_male,slug:t.character_slug,uuid:t.uuid,user_data:{properties:t.custom_properties,type_id:t.type_id}},gradient_colors:t.gradient_colors,is_subscription:t.is_subscription,builder_api:"https://builder.dentrodahistoria.com.br/api",builderLayoutId:t.builderLayoutId,language:t.language},on:{startedMethod:t.started,completedMethod:t.completed}})],1)},staticRenderFns:[]},(function(t){t&&t("data-v-38ca2afb_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-38ca2afb]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-38ca2afb]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-38ca2afb]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-38ca2afb]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-38ca2afb]{font-size:14px}}@media (min-width:1024px){[data-v-38ca2afb]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-38ca2afb]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-38ca2afb]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-38ca2afb]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-38ca2afb]{font-size:1.56vw}}html[data-v-38ca2afb]{box-sizing:border-box}*[data-v-38ca2afb],[data-v-38ca2afb]::after,[data-v-38ca2afb]::before{box-sizing:border-box}hr[data-v-38ca2afb]{margin:10px -1.5rem}h1[data-v-38ca2afb]{font-family:Nunito;font-size:24px;font-weight:900;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;color:#000;margin-top:0;margin-bottom:15px}h1[data-v-38ca2afb]:first-child{display:none}.ddh-sidebar[data-v-38ca2afb],.ddh-sidebar.hide-sidebar[data-v-38ca2afb]{display:none!important}html[data-v-38ca2afb]{--scale:1;--translate:0%}.loading-view[data-v-38ca2afb]{position:absolute;top:0;width:100%;height:100%;background:#fff;position:absolute;width:100%;top:0;z-index:200;display:flex;align-items:center;justify-content:center;flex-direction:column}.avatar-page-1[data-v-38ca2afb]{position:absolute;z-index:3}.avatar-page[data-v-38ca2afb]{min-height:100vh;position:absolute;width:100%;height:100vh;top:0;left:0;background:#fff}@media (max-width:992px){.avatar-page[data-v-38ca2afb]{min-height:0;height:100vh;height:calc(var(--vh,1vh) * 100);overflow:hidden}}.return[data-v-38ca2afb]{position:fixed;z-index:99}.return .icon[data-v-38ca2afb]{width:38px;height:38px;position:absolute;z-index:30;padding:.95238rem 2.77778vw}.return .icon svg[data-v-38ca2afb]{width:38px;height:38px}.return .icon svg path[data-v-38ca2afb]{fill:#afa2ba!important;stroke:#afa2ba!important;transition:all .1s cubic-bezier(.4,0,.2,1)}.return .icon[data-v-38ca2afb]:hover{cursor:pointer}.return .icon:hover path[data-v-38ca2afb],.return .icon:hover svg[data-v-38ca2afb]{fill:#1ad3d9!important;stroke:#1ad3d9!important}.return .icon:active svg[data-v-38ca2afb]{transform:scale(.9)}',map:void 0,media:void 0})}),{name:"Avatar",components:{CustomizationView:f({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",[t._ssrNode('<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"> <div class="mobile-tooltip"><div class="tooltip">\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<i class="fas fa-times"></i></div></div> '),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._ssrNode(" "),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}})],2)},staticRenderFns:[]},(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:f({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"customization-panel"},[t._ssrNode('<div class="overlay-opacity"></div> '),t._ssrNode('<div class="customization-panel-head">',"</div>",[t._ssrNode('<div class="customization-panel-heading">'+t._ssrEscape("\n\t\t\t\tEditar o personagem "+t._s(t.characterIsMale?"do":"da")+"\n\t\t\t\t")+"<b>"+t._ssrEscape(t._s(t.characterName))+"</b></div> "),t._ssrNode('<div class="customization-categories">',"</div>",[t._l(t.categoriesAssets.categories,(function(e){return t._ssrNode("<a"+t._ssrAttr("id",e.code)+t._ssrClass("customization-categories-item",[{"is-selected":e===t.selectedCategory,"is-disabled":t.isCategoryDisabled(e)},"category-"+e.code])+t._ssrStyle(null,null,{display:"mooner"!==e.code&&"pet"!==e.code?"":"none"})+">","</a>",[t._ssrNode((e.assets.icon?"<img"+t._ssrAttr("src",e.assets.icon)+' class="customization-categories-item-icon">':'<span class="customization-categories-item-icon customization-categories-item-icon-placeholder"></span>')+" "),a("Caption",{staticClass:"customization-categories-item-label",attrs:{color:"#AFA2BA"}},[t._v("\n\t\t\t\t\t\t"+t._s(e.name)+"\n\t\t\t\t\t")])],2)})),t._ssrNode(" "),t._l(t.categoriesAssets.groups,(function(e){return t._ssrNode("<a"+t._ssrClass("customization-categories-item",[{"is-selected":e===t.selectedGroup},"category-"+e.code])+">","</a>",[t._ssrNode((e.assets.icon?"<img"+t._ssrAttr("src",e.assets.icon)+' class="customization-categories-item-icon">':'<span class="customization-categories-item-icon customization-categories-item-icon-placeholder"></span>')+" "),a("Caption",{staticClass:"customization-categories-item-label",attrs:{color:"#AFA2BA"}},[t._v("\n\t\t\t\t\t\t"+t._s(e.name)+"\n\t\t\t\t\t")])],2)}))],2)],2),t._ssrNode(" "),t._ssrNode('<div id="customization-panel-body" class="customization-panel-body">',"</div>",[t._l(t.visibleCategoriesCustomizations,(function(e){return a("CategoryCustomizations",{directives:[{name:"show",rawName:"v-show",value:t.selectedCategory,expression:"selectedCategory"}],key:e.id,attrs:{title:e.subtitle,category:e,categoryId:e.id,customization:t.getCustomizationByCategoryId(e.id),relatedCustomization:t.getCustomizationByCategoryId(e.depends_category),disabledCategories:t.disabledCategories,removableCategory:!e.required},on:{"update:customization":t.handleUpdateCustomization}})})),t._ssrNode(" "),t._l(t.categoriesAssets.groups,(function(e){return a("CategoryCustomizations",{directives:[{name:"show",rawName:"v-show",value:t.selectedGroup,expression:"selectedGroup"}],key:e.id,attrs:{title:e.subtitle,category:e,categoryId:e.id,customization:t.getCustomizationByCategoryId(e.assets.subcategories[0].parent_id),removableCategory:!e.required,customizations:t.customizations},on:{"update:customization":t.handleUpdateCustomization}})}))],2),t._ssrNode(' <div class="helper"><div class="error">'+t._s(t.error)+'</div> <div class="btn-avatar"><div class="btn-avatar-preload">\n\t\t\t\t\tCONTINUAR\n\t\t\t\t\t<div class="icon icon-check"><svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#000" fill-rule="evenodd" d="M22.65 17.828a1.996 1.996 0 0 1-.579 1.586l-5.657 5.657a2 2 0 0 1-2.828-2.828L18 17.828l-4.414-4.414a2 2 0 0 1 2.828-2.828l5.657 5.657c.434.434.627 1.018.579 1.585z"></path></svg></div></div> <div class="btn-avatar-loading"><span class="btn-avatar-loading-content">'+t._s(t.loadingContent)+'</span> <span class="btn-avatar-loading-icon"><svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#000" fill-rule="evenodd" d="M26.383 12.728c-.433-.47-.986-.727-1.48-.728-.293 0-.569.092-.776.29l-2.306 2.179v-.002l-3.136 2.963c-.055.052-.093.109-.13.16l-3.008 2.841-3.545-3.855c-.217-.235-.526-.347-.858-.347-.47 0-.992.217-1.424.625-.465.44-.719 1-.72 1.5 0 .298.092.576.287.788l3.25 3.533 1.823 1.981c.214.235.52.344.85.344.147 0 .295-.021.448-.061l.085.002c.292.001.566-.087.776-.284l5.44-5.14c.054-.052.094-.11.13-.162l4.567-4.315c.234-.22.344-.532.344-.87 0-.474-.215-1.002-.617-1.442z"></path></svg></span></div></div></div>')],2)},staticRenderFns:[]},(function(t){t&&t("data-v-9bed85a8_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}.postingCharacter{height:100vh}.customization-panel-heading b{font-weight:400;color:#923fda;text-transform:capitalize}.customization-panel{z-index:100;position:fixed;width:520px;height:100%;top:0;right:0;background:#f8f7fc;border-left:1px solid #dfdae4;transition:all .3s;overflow:hidden}@media (max-width:992px){.customization-panel{width:100%;bottom:0;top:unset;min-height:180px;height:auto}}.customization-panel-head{background:#fff;border-bottom:1px solid #f0ebf5;box-shadow:0 10px 26px 0 #d7d1ef;position:relative;z-index:150}@media (max-width:992px){.customization-panel-head{box-shadow:0 0 26px 0 #d7d1ef}}.customization-panel-heading{height:80px;max-width:100%;line-height:80px;text-align:center;font-family:Roboto,sans-serif;color:#afa2ba;background:#fff;border-bottom:1px solid #dfdae4;font-size:16px}@media (max-width:992px){.customization-panel-heading{display:none}}.customization-panel-body{height:70%;scroll-behavior:smooth;padding-bottom:70px;z-index:20;overflow-y:auto;position:relative}.customization-panel-body::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}.customization-panel-body::-webkit-scrollbar{width:7px;background-color:transparent}.customization-panel-body::-webkit-scrollbar-thumb{border-radius:20px;background-color:#e4e4e4}@media (max-width:992px){.customization-panel-body{padding-bottom:0;z-index:0}}.customization-panel .helper{position:absolute;bottom:0;width:100%;background:#fff;border-top:1px solid #dfdae4;box-shadow:0 0 26px 0 #d7d1ef;padding:.7619047619rem 1.1428571429rem;display:flex;align-items:center;justify-content:center;z-index:999}@media (max-width:992px){.customization-panel .helper{display:none;z-index:0}}.customization-panel .helper .error{background:red;width:100%;color:#fff;font-family:Roboto,sans-serif;font-size:14px;padding:15px 0;text-align:center;text-transform:uppercase;position:absolute;transition:all .3s;top:-45px;opacity:0}.btn-avatar{width:100%;height:65px;font-family:Nunito;font-weight:900;padding:0!important;background:#12d3db;background-size:200%;background-position-x:99%;box-shadow:0 .2381rem .95238rem 0 #89e6e8;border-radius:1.90476rem;color:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);border:0;font-size:14px;letter-spacing:.0381rem;line-height:1.2rem;position:relative;display:flex;align-items:center;justify-content:center}.btn-avatar:hover{box-shadow:0 .2381rem .95238rem 0 #89e6e8;-webkit-transform:translateY(-.09524rem);transform:translateY(-.09524rem);cursor:pointer;background-position-x:0;-webkit-transform:translateY(-.14286rem);transform:translateY(-.14286rem);color:#fff}.btn-avatar:active,.btn-avatar:focus{outline:0;box-shadow:0 0 0 #89e6e8;background-position-x:0;-webkit-transform:translateY(.14286rem) scale(.97);transform:translateY(.14286rem) scale(.97)}.btn-avatar .icon{position:absolute;display:flex;justify-content:center;align-items:center;right:0;top:0;margin:15px!important}.btn-avatar .icon path,.btn-avatar .icon svg{fill:#fff;stroke:#fff}@media (max-width:992px){.btn-avatar{display:none!important}}.btn-avatar-mobile{display:none!important}@media (max-width:992px){.btn-avatar-mobile{display:flex!important;width:150px;height:40px;box-shadow:none;font-size:12px;float:right;line-height:1;position:fixed;right:0;top:10px;z-index:200;border-radius:100px;margin-right:.7619047619rem}.btn-avatar-mobile .icon{display:none}}.customization-categories{display:flex;align-items:center;align-content:center;padding:.7619047619rem .7619047619rem}@media (max-width:992px){.customization-categories{padding:0}}.customization-categories .category-vestuario{display:none!important}.customization-categories-item{position:relative;font-size:inherit;flex-basis:0;flex-grow:1;max-width:100%;height:100%;text-align:center}.customization-categories-item:hover{cursor:pointer}.customization-categories-item:hover .customization-categories-item-label{color:#12d3db!important}@media (max-width:992px){.customization-categories-item{height:50px;display:flex;justify-content:center;align-items:center;border:0}}.customization-categories-item-icon{height:52px;width:52px;display:block;border-radius:30px;margin:auto}.customization-categories-item-icon-placeholder{background-color:#dfdae4;border-radius:2px}@media (max-width:992px){.customization-categories-item-icon{display:none}}.customization-categories-item-label{font-weight:400;display:block;font-size:12px;color:#000;text-transform:capitalize!important;font-family:Roboto;padding-top:.380952381rem}@media (max-width:992px){.customization-categories-item-label{margin:0}}.customization-categories-item:first-child{border-left:none}.customization-categories-item.is-selected .customization-categories-item-label{color:#12d3db!important}@media (max-width:992px){.customization-categories-item.is-selected:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:3px;background:#12d3db}}@media (max-width:992px) and (max-width:992px){.customization-categories-item.is-selected:after{bottom:0}}.customization-categories-item.is-disabled{opacity:.6}.btn-avatar-reduced{background:#2dd4d9!important;width:65px!important;cursor:wait}@media (max-width:479px){.btn-avatar-reduced{width:40px!important;height:40px!important}}.btn-avatar-loading-completed{background-color:#2dd4d9;background-image:linear-gradient(90deg,#04bb69 50%,#00cf72 50%);background-position:0 0;background-repeat:no-repeat;-webkit-animation:1s loadingCompleted;-moz-animation:1s loadingCompleted;animation:1s loadingCompleted;cursor:wait}@-webkit-keyframes loadingCompleted{0%{background-position:41% 0}100%{background-position:0 0}}@-moz-keyframes loadingCompleted{0%{background-position:41% 0}100%{background-position:0 0}}@keyframes loadingCompleted{0%{background-position:41% 0}100%{background-position:0 0}}.btn-avatar-loading-started{background-color:#2dd4d9;background-image:linear-gradient(90deg,#04bb69 50%,#00cf72 50%);background-repeat:no-repeat;background-position:41% 0;-webkit-animation:4s loadingPosition;-moz-animation:4s loadingPosition;animation:4s loadingPosition;transition:.3s;cursor:wait}@-webkit-keyframes loadingPosition{0%{background-position:100% 0}35%{background-position:92% 0}50%{background-position:83% 0}75%{background-position:72% 0}100%{background-position:41% 0}}@-moz-keyframes loadingPosition{0%{background-position:100% 0}35%{background-position:92% 0}50%{background-position:83% 0}75%{background-position:72% 0}100%{background-position:41% 0}}@keyframes loadingPosition{0%{background-position:100% 0}35%{background-position:92% 0}50%{background-position:83% 0}75%{background-position:72% 0}100%{background-position:41% 0}}.btn-avatar-loading{font-size:1.4285714286rem;display:none;opacity:0;transition:all .3s;font-size:14px;cursor:wait}.btn-avatar-loading .btn-avatar-loading-icon{display:none;opacity:0;align-items:center;justify-content:center}.btn-avatar-loading .btn-avatar-loading-icon svg{width:2.1904761905rem;height:2.1904761905rem}@media (max-width:479px){.btn-avatar-loading .btn-avatar-loading-icon svg{width:3.5514018692rem;height:3.5514018692rem}}.btn-avatar-loading .btn-avatar-loading-icon path,.btn-avatar-loading .btn-avatar-loading-icon svg{fill:#fff;stroke:#fff}@media (max-width:479px){.btn-avatar-loading{font-size:12px}.btn-avatar-loading .btn-avatar-loading-content{font-size:12px}}',map:void 0,media:void 0})}),{name:"CustomizationPanel",components:{CategoryCustomizations:x,Caption:y},props:{builderApi:{type:String,default:"https://builder.dentrodahistoria.com.br/api"},selectedCharacter:{type:Object,default:{}},characterSlug:{type:String,required:!0},characterId:{type:[Number,String],required:!0},characterTypeId:{type:[Number,String],required:!0},characterName:{type:String,required:!0},characterIsMale:{type:Boolean,required:!0},categoriesAssets:{type:Object,required:!0},disabledCategories:{type:Array,required:!1,default:function(){return[]}},customizations:{type:Array,required:!0},builderProductId:{type:[String,Number],required:!1,default:null},subscriptionId:{type:[Number,String],required:!0},stackId:{type:[Number,String],required:!0},userDataProperties:{type:Object,required:!0},builderLayoutId:{type:[Number,String],required:!1},language:{type:String,required:!1}},data:function(){return{selectedCategory:null,selectedGroup:null,selectedCollection:null,error:null,isMobile:null,loadingContent:screen.width<1023?"ENVIANDO":"ENVIANDO PERSONAGEM"}},mounted:function(){if(!document.body.getElementsByClassName("btn-avatar-mobile")[0]){var t=document.getElementsByClassName("btn-avatar")[0].cloneNode(!0);t.classList.add("btn-avatar-mobile"),document.body.appendChild(t),document.body.getElementsByClassName("btn-avatar-mobile")[0].addEventListener("click",this.generateAvatar)}var e=document.getElementsByClassName("top-bar")[0];if(screen.width<=1023&&e&&!e.getElementsByClassName("overlay-opacity")[0]){var a=document.getElementsByClassName("overlay-opacity")[0].cloneNode(!0);e.appendChild(a)}if(!document.body.getElementsByClassName("error-mobile")[0]){var i=document.getElementsByClassName("error")[0].cloneNode(!0);i.classList.add("error-mobile"),document.body.appendChild(i)}window.addEventListener("resize",this.screenResize),screen.width>1023?this.isMobile=!1:this.isMobile=!0},beforeDestroy:function(){document.body.getElementsByClassName("btn-avatar-mobile")[0]&&document.body.removeChild(document.getElementsByClassName("btn-avatar-mobile")[0]),document.body.getElementsByClassName("error-mobile")[0]&&document.body.removeChild(document.getElementsByClassName("error-mobile")[0])},computed:{showColorsCustomizations:function(){return!1},showSubcategoriesCustomizations:function(){return!1},visibleCategoriesCustomizations:function(){var t=this,e=[];return this.selectedCategory?e.push(this.selectedCategory):this.selectedCollection&&this.selectedCollection.categories.forEach((function(a){var i=t.categoriesAssets.categories.find((function(t){return t.id===a}));i&&e.push(i)})),e}},methods:{monthsHelper:function(t){switch(t){case 1:return"Janeiro";case 2:return"Fevereiro";case 3:return"Março";case 4:return"Abril";case 5:return"Maio";case 6:return"Junho";case 7:return"Julho";case 8:return"Agosto";case 9:return"Setembro";case 10:return"Outubro";case 11:return"Novembro";case 12:return"Dezembro"}},generateAvatar:function(){var t=this;return g(h().mark((function a(){var i,o,r,d,n,s,l,c,p,m,u,v;return h().wrap((function(a){for(;;)switch(a.prev=a.next){case 0:if(i=t,r=!1,t.categoriesAssets.categories.forEach((function(e){e.required?((o=t.customizations.find((function(t){return e.id===t.categoryId})))||(o=t.disabledCategories.find((function(t){return e.id===t.categoryId}))),o||(r=!0,d=e)):(e.code.includes("mooner")||e.code.includes("pet"))&&(o=t.disabledCategories.find((function(t){return e.id===t.categoryId})))})),r){a.next=18;break}return t.$emit("startedMethod"),n=null,s=[],t.customizations.forEach((function(t){var e={parent_id:t.categoryId,id:t.optionId?t.optionId:t.relatedCategoryId};e.parent_id&&e.id&&s.push(e)})),l={properties:i.userDataProperties,type:t.characterTypeId},c={custom_character:{character_id:t.characterId,product_id:t.builderProductId,type_id:t.characterTypeId,categories:s,user_data:l}},t.builderLayoutId&&(c.custom_character.layout_id=t.builderLayoutId),t.language&&(c.custom_character.language=t.language),a.next=14,e({method:"POST",url:"".concat(t.builderApi,"/customs_characters/"),headers:{"Content-Type":"application/json"},data:c}).then((function(t){return t})).catch((function(t){return t}));case 14:(p=a.sent)&&(200===p.status?t.$emit("completedMethod",{updatedCustomizations:t.customizations,updatedUuid:p.data.custom.uuid,categories:s,success:!0}):(console.log("tentou pegar o segundo request"),p&&p.response&&p.response.reques&&(m=JSON.parse(p.response.request.responseText),n=m?m.error:"Não foi possível gerar o avatar. Tente novamente."),n&&(t.error=n,t.$refs.error.style.opacity="1",setTimeout((function(){t.$refs.error.style.opacity="0"}),5e3)),t.$emit("completedMethod",{updatedCustomizations:t.customizations,updatedUuid:p.data.custom.uuid,categories:s,success:!1}))),a.next=22;break;case 18:u=d.code,v="pele"===u?"Necessário selecionar um tom de pele":"Necessário selecionar um tipo de ".concat(u),screen.width>1023&&("roupa"===u||"tenis"===u)?(t.error=v,t.$refs.error.style.opacity="1",setTimeout((function(){t.$refs.error.style.opacity="0"}),5e3)):(document.getElementsByClassName("error")[0].style.opacity="1",document.getElementsByClassName("error")[0].textContent=v,setTimeout((function(){document.getElementsByClassName("error")[0].style.opacity="0",document.getElementsByClassName("error")[0].textContent=""}),5e3)),t.$refs[u][0].click();case 22:case"end":return a.stop()}}),a)})))()},getCustomizationTitle:function(t){var e=t?t.toLowerCase():"";switch(e){case"pele":return"Tons de pele";default:return"Tipos de ".concat(e)}},getCustomizationByCategoryId:function(t){return this.customizations.find((function(e){return e.categoryId===t}))},handleSelectCategory:function(t){if(!this.isCategoryDisabled(t)&&this.selectedCategory!==t){this.selectedCharacter.slug;var e=document.getElementsByClassName("customization-preview-asset"),a=document.getElementsByClassName("customization-preview")[0];"cabelo"===t.code||"olhos"===t.code||"oculos"===t.code?(a.classList.remove("zoom-in"),a.classList.remove("zoom-out"),a.className+=" zoom-in"):"roupa"===t.code||"tenis"===t.code?(a.classList.remove("zoom-in"),a.classList.remove("zoom-out"),a.className+=" zoom-out"):(a.classList.remove("zoom-in"),a.classList.remove("zoom-out")),Array.from(e).forEach((function(t){t.style.transform=void 0})),this.selectedGroup=null,this.selectedCollection=null,this.selectedCategory=t}},handleSelectGroup:function(t){if(this.selectedGroup!==t){if(screen.width<=1023){var e=document.getElementsByClassName("customization-preview-asset"),a=document.getElementsByClassName("customization-preview")[0];this.selectedCharacter.slug;"acessorio"===t.code||"acessorios"===t.code||"oculos"===t.code?(a.classList.remove("zoom-in"),a.classList.remove("zoom-out"),a.className+=" zoom-in"):(a.classList.remove("zoom-in"),a.classList.remove("zoom-out")),Array.from(e).forEach((function(t){t.style.transform=void 0}))}this.selectedCategory=null,this.selectedCollection=null,this.selectedGroup=t}},handleSelectCollection:function(t){this.selectedCollection!==t&&(this.selectedCategory=null,this.selectedGroup=null,this.selectedCollection=t)},handleUpdateCustomization:function(t){this.$emit("update:customization",t)},isCategoryDisabled:function(t){return void 0!==this.disabledCategories.find((function(e){return e.categoryId===t.id}))},screenResize:function(){if(screen.width>1023){document.getElementsByClassName("customization-preview-asset");// const transform = "scale(1) translateY(0)"
|
|
74
74
|
// Array.from(avatar).forEach(piece => {
|
|
75
75
|
// piece.style.transform = transform
|
|
76
76
|
// })
|
|
77
|
-
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,"data-v-9bed85a8",!1,void 0,b,void 0),CustomizationPreview:f({render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("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},[t._ssrNode('<div class="overlay-opacity"></div> <div class="customization-preview-stage">'+t._ssrList(t.customizations,(function(e){return"<img"+t._ssrAttr("src",e.optionAsset)+t._ssrClass("customization-preview-asset",t.characterHeight?"alt":"com")+t._ssrStyle(null,[{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}],null)+">"}))+"</div>")])},staticRenderFns:[]},(function(t){t&&t("data-v-
|
|
78
|
-
}))},methods:{detectSize:function(){this.isMobile=!1,this.screenWidth<990&&(this.isMobile=!0)}}},void 0,!1,"data-v-
|
|
77
|
+
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,"data-v-9bed85a8",!1,void 0,b,void 0),CustomizationPreview:f({render:function(){var t=this,e=t.$createElement;return(t._self._c||e)("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},[t._ssrNode('<div class="overlay-opacity"></div> <div class="customization-preview-stage">'+t._ssrList(t.customizations,(function(e){return"<img"+t._ssrAttr("src",e.optionAsset)+t._ssrClass("customization-preview-asset",t.characterHeight?"alt":"com")+t._ssrStyle(null,[{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}],null)+">"}))+"</div>")])},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);
|
|
78
|
+
}))},methods:{detectSize:function(){this.isMobile=!1,this.screenWidth<990&&(this.isMobile=!0)}}},void 0,!1,"data-v-77dad66c",!1,void 0,b,void 0)},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:[],
|
|
79
79
|
// Velho e bom customizations
|
|
80
80
|
requiredCategories:[],
|
|
81
81
|
// Acumularás as customizações necessárias
|
|
@@ -149,7 +149,7 @@ handleUpdateRelatedCategories:function(t){var e=this;this.categoriesAssets.categ
|
|
|
149
149
|
// as informações de customização da categoria relacionada
|
|
150
150
|
var i=e.getCustomization(a.id),o=null,r=null;if(!i)return;a.assets.categories.forEach((function(t){t.assets.subcategories.forEach((function(t){t.assets.colors.forEach((function(e){e.id===i.optionId&&(o=t)}))}))})),(// Procurando a nova subcategoria
|
|
151
151
|
// já com a referência correta da categoria
|
|
152
|
-
r=a.assets.categories.find((function(e){return e.parent_id===t.optionId})))&&r.assets.subcategories.forEach((function(t){t.id===o.id&&t.assets.colors.forEach((function(e){e.hexa===i.optionName&&(i.optionId=e.id,i.optionName=e.hexa,i.optionAsset=e.assets.asset,i.optionZIndex=t.z_index)}))}))}}))},fakeData:function(){var t=this.categoriesAssets.categories[0]?this.categoriesAssets.categories[0].id:0,e=this.categoriesAssets.categories[1]?this.categoriesAssets.categories[1].id:0;this.categoriesAssets.collections=[],this.categoriesAssets.collections.push({id:1e4,name:"Vestuario",icon:"https://dka04237waacy.cloudfront.net/uploads/turma-da-monica/tp-corpo-branco-3.png",categories:[t,e]})},parseCollection:function(){var t=this;this.categoriesAssets.collections&&this.categoriesAssets.collections[0]&&this.categoriesAssets.collections[0].categories.forEach((function(e,a){t.categoriesAssets.collections[0].categories[a]=parseInt(e)}))},removeTooltip:function(){var t=document.getElementsByClassName("mobile-tooltip")[0];t.parentNode.removeChild(t)}}},void 0,!1,"data-v-
|
|
152
|
+
r=a.assets.categories.find((function(e){return e.parent_id===t.optionId})))&&r.assets.subcategories.forEach((function(t){t.id===o.id&&t.assets.colors.forEach((function(e){e.hexa===i.optionName&&(i.optionId=e.id,i.optionName=e.hexa,i.optionAsset=e.assets.asset,i.optionZIndex=t.z_index)}))}))}}))},fakeData:function(){var t=this.categoriesAssets.categories[0]?this.categoriesAssets.categories[0].id:0,e=this.categoriesAssets.categories[1]?this.categoriesAssets.categories[1].id:0;this.categoriesAssets.collections=[],this.categoriesAssets.collections.push({id:1e4,name:"Vestuario",icon:"https://dka04237waacy.cloudfront.net/uploads/turma-da-monica/tp-corpo-branco-3.png",categories:[t,e]})},parseCollection:function(){var t=this;this.categoriesAssets.collections&&this.categoriesAssets.collections[0]&&this.categoriesAssets.collections[0].categories.forEach((function(e,a){t.categoriesAssets.collections[0].categories[a]=parseInt(e)}))},removeTooltip:function(){var t=document.getElementsByClassName("mobile-tooltip")[0];t.parentNode.removeChild(t)}}},void 0,!1,"data-v-264948b7",!1,void 0,b,void 0)},props:{
|
|
153
153
|
/**
|
|
154
154
|
* ID do personagem.<br>
|
|
155
155
|
* Example: `57`
|
|
@@ -1298,7 +1298,7 @@ pages:{type:Number,required:!0},
|
|
|
1298
1298
|
/** Product ID. `109` */
|
|
1299
1299
|
product_id:{type:Number,required:!0},
|
|
1300
1300
|
/** If preloaded images are base64 formated. `false` */
|
|
1301
|
-
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 B(t={mobileStopped:!0,pageNum:32,pagesToRender:[],pagesZoom:[],numberPositions:0,mobilePagePosition:0,loadedPages:3,loadedPagesZoom:1,isLoading:!1,lang:pt[this.typeLanguage],zoomActive:!1,zoomMultiPages:!1,zoomSettings:{dots:!1,focusOnSelect:!0,infinite:!0,speed:500,slidesToShow:1,slidesToScroll:1,touchThreshold:5},currentPage:0},"lang",pt[this.typeLanguage]),B(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,a=this,i=function(){var i=o;r=t.apiUrl+"/api/builder/getpreview/"+a.uuid+"?page="+o+"&w=533&v=0",e.get(r,{responseType:"arraybuffer"}).then((function(t){var e={url:"data:image/png;base64,"+new Buffer.from(t.data,"binary").toString("base64"),isLoaded:!0};a.pagesZoom.splice(i-1,1,e)}))},o=a.loadedPagesZoom;o<=a.loadedPagesZoom+4&&o<=a.pageNum;o++){var r;i()}a.loadedPagesZoom=a.loadedPagesZoom+4},moreBooksMobile:function(){for(var t=this,a=this,i=function(){var i=o;r=t.apiUrl+"/api/builder/getpreview/"+a.uuid+"?page="+o+"&w=533&v=0",e.get(r,{responseType:"arraybuffer"}).then((function(t){var e={url:"data:image/png;base64,"+new Buffer.from(t.data,"binary").toString("base64"),isLoaded:!0};a.pagesToRender.splice(i-1,1,e)}))},o=a.loadedPages;o<=a.loadedPages+4&&o<=a.pageNum;o++){var r;i()}a.loadedPages=a.loadedPages+4,document.getElementById("page-"+a.loadedPages-1)&&(a.mobilePagePosition=document.getElementById("page-"+a.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,"data-v-0c220ba8",!1,void 0,b,void 0),gt=f({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"]},[t._ssrNode('<div class="backdrop" data-v-25fddc9c></div> '),t._ssrNode("<div"+t._ssrClass("custom-properties",[t.modalIsOpen()?"active":"",t.sidebarOpen?"active":"inactive"])+" data-v-25fddc9c>","</div>",[t._ssrNode('<div class="box-close"'+t._ssrStyle(null,t.cssProps,null)+' data-v-25fddc9c><span class="icon icon-close size-lg" data-v-25fddc9c><svg'+t._ssrAttr("fill",t.preview_color)+' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" data-v-25fddc9c><path 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" data-v-25fddc9c></path></svg></span> <span class="icon icon-edit size-lg" data-v-25fddc9c><svg fill="#fff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" data-v-25fddc9c><path 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" data-v-25fddc9c></path> <path 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" data-v-25fddc9c></path> <path 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" data-v-25fddc9c></path></svg></span></div> '),t._ssrNode('<div class="list-properties" data-v-25fddc9c>',"</div>",[t._ssrNode('<div class="title-custom-properties" data-v-25fddc9c>',"</div>",[a("Heading",{attrs:{kind:"h4",size:"sm",color:"#68596E"}},[t._v(t._s(t.lang.editArea))])],1),t._ssrNode(" "),a("HR",{attrs:{height:"1px",color:t.preview_color}}),t._ssrNode(" "),t.extras?t._ssrNode('<div class="itens-properties" data-v-25fddc9c>',"</div>",t._l(t.extras,(function(e,i){return t._ssrNode('<div class="item"'+t._ssrStyle(null,null,{display:"dedicatoria"!=e.code||"dedicatoria"==e.code&&1==t.have_dedication?"":"none"})+" data-v-25fddc9c>","</div>",[t._ssrNode("<div data-v-25fddc9c>","</div>",["nome"==e.code?a("Paragraph",{attrs:{size:"xs",color:"#AFA2BA"}},[t._v(t._s(t.lang.name))]):t._e(),t._ssrNode(" "),"dedicatoria"==e.code?a("Paragraph",{attrs:{size:"xs",color:"#AFA2BA"}},[t._v(t._s(t.lang.dedication))]):t._e(),t._ssrNode(" "),"nome-do-mooner"==e.code?a("Paragraph",{attrs:{size:"xs",color:"#AFA2BA"}},[t._v(t._s(t.lang.moonerLabelSidebar))]):t._e(),t._ssrNode(" "),"number"==e.code?a("Paragraph",{attrs:{size:"xs",color:"#AFA2BA"}},[t._v(t._s(t.lang.shirtNumber))]):t._e(),t._ssrNode(" "),"nome"==e.code?a("Paragraph",{attrs:{size:"sm"}},[t._v(t._s(e.value))]):t._e(),t._ssrNode(" "),"dedicatoria"==e.code&&t.have_dedication?a("Paragraph",{attrs:{size:"sm"}},[t._v(t._s(e.value))]):t._e(),t._ssrNode(" "),"nome-do-mooner"==e.code?a("Paragraph",{attrs:{size:"sm"}},[t._v(t._s(e.value))]):t._e(),t._ssrNode(" "),"pet"==e.code?a("Paragraph",{attrs:{size:"sm"}},[t._v(t._s(e.value.name))]):t._e(),t._ssrNode(" "),"number"==e.code?a("Paragraph",{attrs:{size:"sm"}},[t._v(t._s(e.value))]):t._e(),t._ssrNode(" <svg"+t._ssrAttr("fill",t.preview_color)+' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" data-v-25fddc9c><path 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"'+t._ssrAttr("fill",t.preview_color)+' data-v-25fddc9c></path> <path 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"'+t._ssrAttr("fill",t.preview_color)+' data-v-25fddc9c></path> <path 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"'+t._ssrAttr("fill",t.preview_color)+" data-v-25fddc9c></path></svg>")],2)])})),0):t._e()],2)],2),t._ssrNode(" "),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._ssrNode(" "),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._ssrNode(" "),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._ssrNode(" "),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._ssrNode(" "),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._ssrNode(" "),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._ssrNode(" "),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()],2)},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})}),(B(mt={name:"PreviewTools",components:{Vue:c,Heading:st,Paragraph:lt,Icon:C,Modal:ct,Input:L,Button:N,TextArea:ot,Select:F},props:{
|
|
1301
|
+
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 B(t={mobileStopped:!0,pageNum:32,pagesToRender:[],pagesZoom:[],numberPositions:0,mobilePagePosition:0,loadedPages:3,loadedPagesZoom:1,isLoading:!1,lang:pt[this.typeLanguage],zoomActive:!1,zoomMultiPages:!1,zoomSettings:{dots:!1,focusOnSelect:!0,infinite:!0,speed:500,slidesToShow:1,slidesToScroll:1,touchThreshold:5},currentPage:0},"lang",pt[this.typeLanguage]),B(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,a=this,i=function(){var i=o;r=t.apiUrl+"/api/builder/getpreview/"+a.uuid+"?page="+o+"&w=533&v=0",e.get(r,{responseType:"arraybuffer"}).then((function(t){var e={url:"data:image/png;base64,"+new Buffer.from(t.data,"binary").toString("base64"),isLoaded:!0};a.pagesZoom.splice(i-1,1,e)}))},o=a.loadedPagesZoom;o<=a.loadedPagesZoom+4&&o<=a.pageNum;o++){var r;i()}a.loadedPagesZoom=a.loadedPagesZoom+4},moreBooksMobile:function(){for(var t=this,a=this,i=function(){var i=o;r=t.apiUrl+"/api/builder/getpreview/"+a.uuid+"?page="+o+"&w=533&v=0",e.get(r,{responseType:"arraybuffer"}).then((function(t){var e={url:"data:image/png;base64,"+new Buffer.from(t.data,"binary").toString("base64"),isLoaded:!0};a.pagesToRender.splice(i-1,1,e)}))},o=a.loadedPages;o<=a.loadedPages+4&&o<=a.pageNum;o++){var r;i()}a.loadedPages=a.loadedPages+4,document.getElementById("page-"+a.loadedPages-1)&&(a.mobilePagePosition=document.getElementById("page-"+a.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,"data-v-0c220ba8",!1,void 0,b,void 0),gt=f({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"]},[t._ssrNode('<div class="backdrop" data-v-10d2f615></div> '),t._ssrNode("<div"+t._ssrClass("custom-properties",[t.modalIsOpen()?"active":"",t.sidebarOpen?"active":"inactive"])+" data-v-10d2f615>","</div>",[t._ssrNode('<div class="box-close"'+t._ssrStyle(null,t.cssProps,null)+' data-v-10d2f615><span class="icon icon-close size-lg" data-v-10d2f615><svg'+t._ssrAttr("fill",t.preview_color)+' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" data-v-10d2f615><path 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" data-v-10d2f615></path></svg></span> <span class="icon icon-edit size-lg" data-v-10d2f615><svg fill="#fff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" data-v-10d2f615><path 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" data-v-10d2f615></path> <path 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" data-v-10d2f615></path> <path 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" data-v-10d2f615></path></svg></span></div> '),t._ssrNode('<div class="list-properties" data-v-10d2f615>',"</div>",[t._ssrNode('<div class="title-custom-properties" data-v-10d2f615>',"</div>",[a("Heading",{attrs:{kind:"h4",size:"sm",color:"#68596E"}},[t._v(t._s(t.lang.editArea))])],1),t._ssrNode(" "),a("HR",{attrs:{height:"1px",color:t.preview_color}}),t._ssrNode(" "),t.extras?t._ssrNode('<div class="itens-properties" data-v-10d2f615>',"</div>",t._l(t.extras,(function(e,i){return t._ssrNode('<div class="item"'+t._ssrStyle(null,null,{display:"dedicatoria"!=e.code||"dedicatoria"==e.code&&1==t.have_dedication?"":"none"})+" data-v-10d2f615>","</div>",[t._ssrNode("<div data-v-10d2f615>","</div>",["nome"==e.code?a("Paragraph",{attrs:{size:"xs",color:"#AFA2BA"}},[t._v(t._s(t.lang.name))]):t._e(),t._ssrNode(" "),"dedicatoria"==e.code?a("Paragraph",{attrs:{size:"xs",color:"#AFA2BA"}},[t._v(t._s(t.lang.dedication))]):t._e(),t._ssrNode(" "),"nome-do-mooner"==e.code?a("Paragraph",{attrs:{size:"xs",color:"#AFA2BA"}},[t._v(t._s(t.lang.moonerLabelSidebar))]):t._e(),t._ssrNode(" "),"number"==e.code?a("Paragraph",{attrs:{size:"xs",color:"#AFA2BA"}},[t._v(t._s(t.lang.shirtNumber))]):t._e(),t._ssrNode(" "),"nome"==e.code?a("Paragraph",{attrs:{size:"sm"}},[t._v(t._s(e.value))]):t._e(),t._ssrNode(" "),"dedicatoria"==e.code&&t.have_dedication?a("Paragraph",{attrs:{size:"sm"}},[t._v(t._s(e.value))]):t._e(),t._ssrNode(" "),"nome-do-mooner"==e.code?a("Paragraph",{attrs:{size:"sm"}},[t._v(t._s(e.value))]):t._e(),t._ssrNode(" "),"pet"==e.code?a("Paragraph",{attrs:{size:"sm"}},[t._v(t._s(e.value.name))]):t._e(),t._ssrNode(" "),"number"==e.code?a("Paragraph",{attrs:{size:"sm"}},[t._v(t._s(e.value))]):t._e(),t._ssrNode(" <svg"+t._ssrAttr("fill",t.preview_color)+' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" data-v-10d2f615><path 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"'+t._ssrAttr("fill",t.preview_color)+' data-v-10d2f615></path> <path 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"'+t._ssrAttr("fill",t.preview_color)+' data-v-10d2f615></path> <path 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"'+t._ssrAttr("fill",t.preview_color)+" data-v-10d2f615></path></svg>")],2)])})),0):t._e()],2)],2),t._ssrNode(" "),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._ssrNode(" "),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._ssrNode(" "),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._ssrNode(" "),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._ssrNode(" "),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._ssrNode(" "),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._ssrNode(" "),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()],2)},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})}),(B(mt={name:"PreviewTools",components:{Vue:c,Heading:st,Paragraph:lt,Icon:C,Modal:ct,Input:L,Button:N,TextArea:ot,Select:F},props:{
|
|
1302
1302
|
/** Name of protagonist. `Diego` */
|
|
1303
1303
|
current_name:{type:String,required:!0},
|
|
1304
1304
|
/** Product id of Builder. `595` */
|
|
@@ -1408,7 +1408,7 @@ t.changeUuid(e.data.custom.uuid)})).catch((function(t){console.log(t)}))},getCus
|
|
|
1408
1408
|
//self.changeUuid(response.data.custom.uuid);
|
|
1409
1409
|
//console.log(response.data.custom.user_data.property);
|
|
1410
1410
|
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
|
|
1411
|
-
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}}),mt),"data-v-
|
|
1411
|
+
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}}),mt),"data-v-10d2f615",!1,"data-v-10d2f615",!1,void 0,b,void 0),ft=f({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._ssrNode(" "),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()],2)},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:ht,PreviewMobile:vt},props:{
|
|
1412
1412
|
/** Name of protagonist. `Diego` */
|
|
1413
1413
|
current_name:{type:String,required:!0},pages:{type:String,required:!0},age:{type:String,required:!0},
|
|
1414
1414
|
/** Product id of Builder. `595` */
|
package/package.json
CHANGED
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
return {
|
|
74
74
|
screenWidth: null,
|
|
75
75
|
isMobile: false,
|
|
76
|
-
scaleFixer: 1.
|
|
76
|
+
scaleFixer: 1.2,
|
|
77
77
|
scaleFixerMobile: 0.1,
|
|
78
78
|
};
|
|
79
79
|
},
|
|
@@ -148,7 +148,7 @@
|
|
|
148
148
|
|
|
149
149
|
@include media-breakpoint-down("sm") {
|
|
150
150
|
// transform: scale(1.8) translate(0%, 3%) !important;
|
|
151
|
-
transform: scale(
|
|
151
|
+
transform: scale(2.3) translate(0%, 19%) !important;
|
|
152
152
|
}
|
|
153
153
|
}
|
|
154
154
|
}
|