@tiddh/brave-vue 1.93.7 → 1.93.8
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
CHANGED
|
@@ -1616,7 +1616,7 @@ have_layout:{type:Boolean,required:!1,default:!1},
|
|
|
1616
1616
|
have_birth_date:{type:Boolean,required:!1,default:!1},
|
|
1617
1617
|
/** Show Pet. */
|
|
1618
1618
|
have_pet:{type:Boolean,required:!1,default:!1},typeLanguage:{type:String,required:!1,default:"br"},apiUrl:{type:String,required:!1,default:"https://builder.dentrodahistoria.com.br"}},data:function(){return{isLoaded:!0,isMobile:!1,uuid:"ddh5e5fb1b09b88d",pages:32,age:6,character_id:57,product_id:595}},mounted:function(){var t=this;t.isMobile=t.detectSize(),window.addEventListener("resize",(function(e){t.isMobile=t.detectSize()}))},methods:{detectSize:function(){var t=!1;return window.innerWidth<990&&(t=!0),t},isLoadingMethod:function(t){this.isLoaded=t},changeUuid:function(t){this.uuid=t,//.uuid
|
|
1619
|
-
this.isLoaded=!0}}},void 0,!1,void 0,!1,x,void 0,void 0)),At=b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"stepper"},t._l(t.steps,(function(e,i){return a("div",{key:i,staticClass:"stepper-links"},[e?a("div",{staticClass:"stepper-links-item-area"},[a("Paragraph",{staticClass:"stepper-link-text",class:t.steps.length-1==i?"is-current":"not-current",attrs:{size:"sm",color:t.color}},[a("div",{staticClass:"preview-button",style:"color:"+t.color,on:{click:function(a){t.steps.length,t.onClick(e)}}},[0==i?a("Icon",{staticClass:"back-button",attrs:{name:"arrow-left",fill:t.color,color:t.color,size:"md",stroke:"transparent"}}):t._e()],1),t._v("\n\n\t\t\t\t"+t._s(e))])],1):t._e(),t._v(" "),t.steps.length-1!=i?a("Paragraph",{staticClass:"stepper-link-divider",attrs:{size:"sm",color:t.color},domProps:{innerHTML:t._s("-")}}):t._e()],1)})),0)},staticRenderFns:[]},(function(t){t&&t("data-v-7fdb4c48_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-7fdb4c48]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-7fdb4c48]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-7fdb4c48]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-7fdb4c48]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-7fdb4c48]{font-size:14px}}@media (min-width:1024px){[data-v-7fdb4c48]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-7fdb4c48]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-7fdb4c48]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-7fdb4c48]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-7fdb4c48]{font-size:1.56vw}}html[data-v-7fdb4c48]{box-sizing:border-box}*[data-v-7fdb4c48],[data-v-7fdb4c48]::after,[data-v-7fdb4c48]::before{box-sizing:border-box}.stepper[data-v-7fdb4c48]{display:flex;flex-wrap:wrap;position:relative;z-index:9}.stepper .stepper-links[data-v-7fdb4c48]{display:flex;flex-wrap:wrap;align-items:center}.stepper .stepper-links .stepper-links-item-area[data-v-7fdb4c48]{display:flex}.stepper .stepper-links .stepper-links-item-area:hover .icon[data-v-7fdb4c48]{fill:#12d3db!important}.stepper .stepper-links .stepper-links-item-area:hover .icon svg[data-v-7fdb4c48]{fill:#12d3db!important}.stepper .stepper-links .stepper-links-item-area:hover .icon svg path[data-v-7fdb4c48]{fill:#12d3db!important}.stepper .stepper-links .stepper-links-item-area:hover .dropdown-stepper[data-v-7fdb4c48]{display:block;position:absolute;top:24px;padding:1.1428571429rem;display:flex;flex-wrap:wrap;width:180px;left:40px;box-shadow:4px 4px 16px rgba(175,162,186,.24);background-color:#fff}.stepper .stepper-links .stepper-links-item-area:hover .dropdown-stepper .stepper-links[data-v-7fdb4c48]{width:100%}.stepper .stepper-links .stepper-links-item-area:hover .dropdown-stepper .stepper-links p[data-v-7fdb4c48]{width:100%;text-align:center}.stepper .stepper-links .stepper-links-item-area .dropdown-stepper[data-v-7fdb4c48]{display:none}.stepper .stepper-links .stepper-links-item-area .stepper-link-text[data-v-7fdb4c48]{display:flex;flex-wrap:wrap;align-content:center;align-items:center;cursor:default}.stepper .stepper-links .stepper-links-item-area .stepper-link-text.is-current[data-v-7fdb4c48]{cursor:default;font-weight:700}.stepper .stepper-links .stepper-links-item-area .preview-button[data-v-7fdb4c48]:hover{cursor:pointer;color:#12d3db!important}.stepper .stepper-links .stepper-links-item-area .preview-button:hover .icon[data-v-7fdb4c48]{color:#12d3db!important}.stepper .stepper-links .stepper-links-item-area .icon[data-v-7fdb4c48]{margin-right:.380952381rem}@media (max-width:479px){.stepper .stepper-links .stepper-links-item-area .icon[data-v-7fdb4c48]{margin-right:.7619047619rem}}.stepper .stepper-links .stepper-link-divider[data-v-7fdb4c48]{margin-right:.1904761905rem;margin-left:.1904761905rem;cursor:default}',map:void 0,media:void 0})}),{name:"Stepper",components:{Button:T,Heading:D,Paragraph:R,Icon:M},props:{steps:{type:Array,required:!0},color:{type:String,required:!1,default:"#68596E"}},methods:{onClick:function(t){this.$emit("click",t)}},computed:{}},"data-v-7fdb4c48",!1,void 0,!1,x,void 0,void 0),Tt=b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",[a("div",{staticClass:"top-bar",style:t.colorsVar},[t.steps&&t.steps.length?a("div",{staticClass:"steppers"},[a("Stepper",{attrs:{steps:t.steps,currentText:t.currentText,color:t.color},on:{click:t.onClick}})],1):t._e(),t._v(" "),t.breadcrumbs&&t.breadcrumbs.length?a("div",{staticClass:"breadcrumb"},[a("Breadcrumb",{attrs:{routes:t.breadcrumbs,color:t.color,colors:t.colors},on:{click:t.onClick}})],1):t._e(),t._v(" "),t.have_button&&t.isMobile?a("div",{staticClass:"button-right"},[a("Button",{attrs:{kind:"secondary",size:"sm",width:"fluid"},on:{click:t.clickContinue}},[a("span",[t._v("Continuar")])])],1):t._e(),t._v(" "),t.menu&&t.menu.length&t.selectedMenu?a("div",{staticClass:"menu-topbar"},[a("MenuNavigation",{attrs:{colors:t.colors,selected:t.selectedMenu,name:"nome",options:t.menu,size:"md"},on:{changeMenu:t.onClickMenu}})],1):t._e()]),t._v(" "),t.menu&&t.menu.length?a("div",{staticClass:"menu-topbar-mobile"},[a("TabsLine",{attrs:{colors:t.colors,selected:"index",options:t.menu,size:"sm",width:"liquid"},on:{change:t.onClick}})],1):t._e()])},staticRenderFns:[]},(function(t){t&&t("data-v-8df22202_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-8df22202]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-8df22202]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-8df22202]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-8df22202]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-8df22202]{font-size:14px}}@media (min-width:1024px){[data-v-8df22202]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-8df22202]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-8df22202]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-8df22202]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-8df22202]{font-size:1.56vw}}html[data-v-8df22202]{box-sizing:border-box}*[data-v-8df22202],[data-v-8df22202]::after,[data-v-8df22202]::before{box-sizing:border-box}.top-bar[data-v-8df22202]{background-color:var(--preview-color)!important;position:relative;width:100%;top:0;left:0;padding-left:2.7777777778vw;padding-right:2.7777777778vw;padding-top:.7619047619rem;padding-bottom:.7619047619rem;align-items:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media (max-width:479px){.top-bar[data-v-8df22202]{padding-left:6.6666666667vw;padding-right:6.6666666667vw}}.preview-button[data-v-8df22202]{cursor:pointer}.button-right button[data-v-8df22202]{background-color:var(--preview-color)!important}.button-right button span[data-v-8df22202]{z-index:2;position:relative}.button-right button[data-v-8df22202]:hover{background-color:var(--preview-color)!important}.button-right button[data-v-8df22202]:hover:after{right:0;bottom:0;top:0;left:0;display:block;content:"";position:absolute;background-color:rgba(0,0,0,.24)}.menu-topbar[data-v-8df22202]{position:absolute;width:100%;left:0;top:0;height:100%}@media (max-width:479px){.menu-topbar[data-v-8df22202]{display:none}}.menu-topbar-mobile[data-v-8df22202]{width:100%;display:none;border-bottom:.0476190476rem solid #f8f7fc;background-color:#fff}@media (max-width:479px){.menu-topbar-mobile[data-v-8df22202]{display:block}}',map:void 0,media:void 0})}),{name:"TopBar",components:{Button:T,Heading:D,Paragraph:R,Icon:M,Stepper:At,Breadcrumb:b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",t._g(t._b({staticClass:"breadcrumb",style:t.colorsVar},"div",t.$attrs,!1),t.$listeners),t._l(t.routes,(function(e,i){return a("div",{key:i,staticClass:"breadcrumb-links"},[e?a("div",{staticClass:"breadcrumb-links-item-area"},[a("Paragraph",{staticClass:"breadcrumb-link-text",class:t.routes.length-1==i?"is-current":"not-current",attrs:{size:"sm",color:t.color},on:{click:function(a){t.routes.length,t.onClick(e)}}},[a("div",{staticClass:"preview-button",style:"color:"+t.color,on:{click:function(a){return t.onClick(e)}}},[0==i?a("Icon",{staticClass:"back-button",attrs:{name:"arrow-left",fill:t.color,color:t.color,size:"md",stroke:"transparent"}}):t._e()],1),t._v("\n\n\t\t\t\t"+t._s(e.value))])],1):t._e(),t._v(" "),t.routes.length-1!=i?a("Paragraph",{staticClass:"breadcrumb-link-divider",attrs:{size:"sm",color:t.color},domProps:{innerHTML:t._s("/")}}):t._e()],1)})),0)},staticRenderFns:[]},(function(t){t&&t("data-v-e9fe8bbc_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-e9fe8bbc]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-e9fe8bbc]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-e9fe8bbc]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-e9fe8bbc]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-e9fe8bbc]{font-size:14px}}@media (min-width:1024px){[data-v-e9fe8bbc]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-e9fe8bbc]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-e9fe8bbc]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-e9fe8bbc]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-e9fe8bbc]{font-size:1.56vw}}html[data-v-e9fe8bbc]{box-sizing:border-box}*[data-v-e9fe8bbc],[data-v-e9fe8bbc]::after,[data-v-e9fe8bbc]::before{box-sizing:border-box}.breadcrumb[data-v-e9fe8bbc]{display:flex;flex-wrap:wrap;position:relative;z-index:9}.breadcrumb .breadcrumb-links[data-v-e9fe8bbc]{display:flex;flex-wrap:wrap;align-items:center}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area[data-v-e9fe8bbc]{display:flex;cursor:pointer}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area:hover .preview-button .icon[data-v-e9fe8bbc]{color:var(--color-active)!important}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area:hover .icon[data-v-e9fe8bbc]{fill:var(--color-active)!important}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area:hover .icon svg[data-v-e9fe8bbc]{fill:var(--color-active)!important}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area:hover .icon svg path[data-v-e9fe8bbc]{fill:var(--color-active)!important}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area:hover .dropdown-breadcrumb[data-v-e9fe8bbc]{display:block;position:absolute;top:24px;padding:1.1428571429rem;display:flex;flex-wrap:wrap;width:180px;left:40px;box-shadow:4px 4px 16px rgba(175,162,186,.24);background-color:#fff}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area:hover .dropdown-breadcrumb .breadcrumb-links[data-v-e9fe8bbc]{width:100%}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area:hover .dropdown-breadcrumb .breadcrumb-links p[data-v-e9fe8bbc]{width:100%;text-align:center}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area .dropdown-breadcrumb[data-v-e9fe8bbc]{display:none}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area .breadcrumb-link-text[data-v-e9fe8bbc]{display:flex;flex-wrap:wrap;align-content:center;align-items:center}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area .breadcrumb-link-text.is-current[data-v-e9fe8bbc]{cursor:default;font-weight:700}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area .breadcrumb-link-text:hover.not-current[data-v-e9fe8bbc]{color:var(--color-active)!important}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area .icon[data-v-e9fe8bbc]{margin-right:.380952381rem}@media (max-width:479px){.breadcrumb .breadcrumb-links .breadcrumb-links-item-area .icon[data-v-e9fe8bbc]{margin-right:.7619047619rem}}.breadcrumb .breadcrumb-links .breadcrumb-link-divider[data-v-e9fe8bbc]{margin-right:.1904761905rem;margin-left:.1904761905rem}',map:void 0,media:void 0})}),{name:"Breadcrumb",components:{Button:T,Heading:D,Paragraph:R,Icon:M},computed:{colorsVar:function(){return{"--color-active":this.colors.colorActive,"--color-hover":this.colors.colorHover,"--color":this.colors.color,"--text-active":this.colors.textActive,"--text":this.colors.text}}},props:{routes:{type:Array,required:!0},color:{type:String,required:!1,default:"#68596E"},colors:{type:Array,required:!1,default:"#68596E"}},methods:{onClick:function(t){this.$emit("click",t)}}},"data-v-e9fe8bbc",!1,void 0,!1,x,void 0,void 0),MenuNavigation:b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",t._g(t._b({staticClass:"menu-group",style:t.colorsVar},"div",t.$attrs,!1),t.$listeners),[a("div",{staticClass:"menu"},t._l(t.options,(function(e,i){return a("button",{key:i,staticClass:"tab",class:["size-"+t.size,e.key===t.selected?"is-selected":null],on:{click:function(a){return t.onChange(e.key,e.name)}}},[a("Paragraph",{attrs:{size:"sm",color:"#fff"}},[t._v(t._s(e.value))])],1)})),0)])},staticRenderFns:[]},(function(t){t&&t("data-v-40362edc_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-40362edc]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-40362edc]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-40362edc]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-40362edc]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-40362edc]{font-size:14px}}@media (min-width:1024px){[data-v-40362edc]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-40362edc]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-40362edc]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-40362edc]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-40362edc]{font-size:1.56vw}}html[data-v-40362edc]{box-sizing:border-box}*[data-v-40362edc],[data-v-40362edc]::after,[data-v-40362edc]::before{box-sizing:border-box}.menu-group[data-v-40362edc]{transition:all .3s;display:flex;flex-direction:column;width:100%;height:100%}.menu-group .menu[data-v-40362edc]{margin:0 auto;height:100%}.menu-group .menu .tab[data-v-40362edc]{background:0 0;border:none;font-family:Roboto,sans-serif;color:var(--text);height:100%;opacity:.8}.menu-group .menu .tab p[data-v-40362edc]{color:var(--color)!important}.menu-group .menu .tab.size-md[data-v-40362edc]{padding:1.1428571429rem .7619047619rem;font-size:.7619047619rem;line-height:0}@media (max-width:479px){.menu-group .menu .tab.size-md[data-v-40362edc]{padding:1.4953271028rem .7619047619rem}}@media (max-width:479px){.menu-group .menu .tab.size-md[data-v-40362edc]{font-size:1.308411215rem}}.menu-group .menu .tab.size-sm[data-v-40362edc]{padding:.7619047619rem .7619047619rem;font-size:.6666666667rem;line-height:0}@media (max-width:479px){.menu-group .menu .tab.size-sm[data-v-40362edc]{padding:1.4953271028rem .7619047619rem}}@media (max-width:479px){.menu-group .menu .tab.size-sm[data-v-40362edc]{font-size:1.308411215rem}}.menu-group .menu .tab[data-v-40362edc]:not(:first-child){margin-left:-2px}.menu-group .menu .tab[data-v-40362edc]:not(:last-child){border-right-color:transparent}.menu-group .menu .tab[data-v-40362edc]:first-child{border-top-left-radius:.380952381rem;border-bottom-left-radius:.380952381rem}.menu-group .menu .tab[data-v-40362edc]:last-child{border-top-right-radius:.380952381rem;border-bottom-right-radius:.380952381rem}.menu-group .menu .tab[data-v-40362edc]:hover{outline:0;z-index:5;cursor:pointer;color:var(--color-active);opacity:1}.menu-group .menu .tab.is-selected[data-v-40362edc],.menu-group .menu .tab[data-v-40362edc]:active,.menu-group .menu .tab[data-v-40362edc]:focus{outline:0;opacity:1;z-index:10;position:relative;color:var(--color-active)}.menu-group .menu .tab.is-selected p[data-v-40362edc],.menu-group .menu .tab:active p[data-v-40362edc],.menu-group .menu .tab:focus p[data-v-40362edc]{position:relative}.menu-group .menu .tab.is-selected p[data-v-40362edc]:after,.menu-group .menu .tab:active p[data-v-40362edc]:after,.menu-group .menu .tab:focus p[data-v-40362edc]:after{content:"";position:absolute;bottom:-1.0952380952rem;background-color:var(--color-active);width:100%;left:0;height:.1904761905rem;border-radius:.380952381rem .380952381rem 0 0}@media (max-width:479px){.menu-group .menu .tab.is-selected p[data-v-40362edc]:after,.menu-group .menu .tab:active p[data-v-40362edc]:after,.menu-group .menu .tab:focus p[data-v-40362edc]:after{height:.1904761905rem;border-radius:.7476635514rem .7476635514rem 0 0}}',map:void 0,media:void 0})}),{name:"MenuNavigation",components:{Paragraph:R},props:{
|
|
1619
|
+
this.isLoaded=!0}}},void 0,!1,void 0,!1,x,void 0,void 0)),At=b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"stepper"},t._l(t.steps,(function(e,i){return a("div",{key:i,staticClass:"stepper-links"},[e?a("div",{staticClass:"stepper-links-item-area"},[a("Paragraph",{staticClass:"stepper-link-text",class:t.steps.length-1==i?"is-current":"not-current",attrs:{size:"sm",color:t.color}},[a("div",{staticClass:"preview-button",style:"color:"+t.color,on:{click:function(a){t.steps.length,t.onClick(e)}}},[0==i?a("Icon",{staticClass:"back-button",attrs:{name:"arrow-left",fill:t.color,color:t.color,size:"md",stroke:"transparent"}}):t._e()],1),t._v("\n\n\t\t\t\t"+t._s(e))])],1):t._e(),t._v(" "),t.steps.length-1!=i?a("Paragraph",{staticClass:"stepper-link-divider",attrs:{size:"sm",color:t.color},domProps:{innerHTML:t._s("-")}}):t._e()],1)})),0)},staticRenderFns:[]},(function(t){t&&t("data-v-7fdb4c48_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-7fdb4c48]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-7fdb4c48]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-7fdb4c48]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-7fdb4c48]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-7fdb4c48]{font-size:14px}}@media (min-width:1024px){[data-v-7fdb4c48]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-7fdb4c48]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-7fdb4c48]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-7fdb4c48]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-7fdb4c48]{font-size:1.56vw}}html[data-v-7fdb4c48]{box-sizing:border-box}*[data-v-7fdb4c48],[data-v-7fdb4c48]::after,[data-v-7fdb4c48]::before{box-sizing:border-box}.stepper[data-v-7fdb4c48]{display:flex;flex-wrap:wrap;position:relative;z-index:9}.stepper .stepper-links[data-v-7fdb4c48]{display:flex;flex-wrap:wrap;align-items:center}.stepper .stepper-links .stepper-links-item-area[data-v-7fdb4c48]{display:flex}.stepper .stepper-links .stepper-links-item-area:hover .icon[data-v-7fdb4c48]{fill:#12d3db!important}.stepper .stepper-links .stepper-links-item-area:hover .icon svg[data-v-7fdb4c48]{fill:#12d3db!important}.stepper .stepper-links .stepper-links-item-area:hover .icon svg path[data-v-7fdb4c48]{fill:#12d3db!important}.stepper .stepper-links .stepper-links-item-area:hover .dropdown-stepper[data-v-7fdb4c48]{display:block;position:absolute;top:24px;padding:1.1428571429rem;display:flex;flex-wrap:wrap;width:180px;left:40px;box-shadow:4px 4px 16px rgba(175,162,186,.24);background-color:#fff}.stepper .stepper-links .stepper-links-item-area:hover .dropdown-stepper .stepper-links[data-v-7fdb4c48]{width:100%}.stepper .stepper-links .stepper-links-item-area:hover .dropdown-stepper .stepper-links p[data-v-7fdb4c48]{width:100%;text-align:center}.stepper .stepper-links .stepper-links-item-area .dropdown-stepper[data-v-7fdb4c48]{display:none}.stepper .stepper-links .stepper-links-item-area .stepper-link-text[data-v-7fdb4c48]{display:flex;flex-wrap:wrap;align-content:center;align-items:center;cursor:default}.stepper .stepper-links .stepper-links-item-area .stepper-link-text.is-current[data-v-7fdb4c48]{cursor:default;font-weight:700}.stepper .stepper-links .stepper-links-item-area .preview-button[data-v-7fdb4c48]:hover{cursor:pointer;color:#12d3db!important}.stepper .stepper-links .stepper-links-item-area .preview-button:hover .icon[data-v-7fdb4c48]{color:#12d3db!important}.stepper .stepper-links .stepper-links-item-area .icon[data-v-7fdb4c48]{margin-right:.380952381rem}@media (max-width:479px){.stepper .stepper-links .stepper-links-item-area .icon[data-v-7fdb4c48]{margin-right:.7619047619rem}}.stepper .stepper-links .stepper-link-divider[data-v-7fdb4c48]{margin-right:.1904761905rem;margin-left:.1904761905rem;cursor:default}',map:void 0,media:void 0})}),{name:"Stepper",components:{Button:T,Heading:D,Paragraph:R,Icon:M},props:{steps:{type:Array,required:!0},color:{type:String,required:!1,default:"#68596E"}},methods:{onClick:function(t){this.$emit("click",t)}},computed:{}},"data-v-7fdb4c48",!1,void 0,!1,x,void 0,void 0),Tt=b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",[a("div",{staticClass:"top-bar",style:t.colorsVar},[t.steps&&t.steps.length?a("div",{staticClass:"steppers"},[a("Stepper",{attrs:{steps:t.steps,currentText:t.currentText,color:t.color},on:{click:t.onClick}})],1):t._e(),t._v(" "),t.breadcrumbs&&t.breadcrumbs.length?a("div",{staticClass:"breadcrumb"},[a("Breadcrumb",{attrs:{routes:t.breadcrumbs,color:t.color,colors:t.colors},on:{click:t.onClick}})],1):t._e(),t._v(" "),t.have_button&&t.isMobile?a("div",{staticClass:"button-right"},[a("Button",{attrs:{kind:"secondary",size:"sm",width:"fluid"},on:{click:t.clickContinue}},[a("span",[t._v("Continuar")])])],1):t._e(),t._v(" "),t.menu&&t.menu.length?a("div",{staticClass:"menu-topbar"},[t.selectedMenu?a("MenuNavigation",{attrs:{colors:t.colors,selected:t.selectedMenu,name:"nome",options:t.menu,size:"md"},on:{changeMenu:t.onClickMenu}}):t._e()],1):t._e()]),t._v(" "),t.menu&&t.menu.length?a("div",{staticClass:"menu-topbar-mobile"},[a("TabsLine",{attrs:{colors:t.colors,selected:"index",options:t.menu,size:"sm",width:"liquid"},on:{change:t.onClick}})],1):t._e()])},staticRenderFns:[]},(function(t){t&&t("data-v-d9e5df2c_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-d9e5df2c]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-d9e5df2c]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-d9e5df2c]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-d9e5df2c]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-d9e5df2c]{font-size:14px}}@media (min-width:1024px){[data-v-d9e5df2c]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-d9e5df2c]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-d9e5df2c]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-d9e5df2c]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-d9e5df2c]{font-size:1.56vw}}html[data-v-d9e5df2c]{box-sizing:border-box}*[data-v-d9e5df2c],[data-v-d9e5df2c]::after,[data-v-d9e5df2c]::before{box-sizing:border-box}.top-bar[data-v-d9e5df2c]{background-color:var(--preview-color)!important;position:relative;width:100%;top:0;left:0;padding-left:2.7777777778vw;padding-right:2.7777777778vw;padding-top:.7619047619rem;padding-bottom:.7619047619rem;align-items:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media (max-width:479px){.top-bar[data-v-d9e5df2c]{padding-left:6.6666666667vw;padding-right:6.6666666667vw}}.preview-button[data-v-d9e5df2c]{cursor:pointer}.button-right button[data-v-d9e5df2c]{background-color:var(--preview-color)!important}.button-right button span[data-v-d9e5df2c]{z-index:2;position:relative}.button-right button[data-v-d9e5df2c]:hover{background-color:var(--preview-color)!important}.button-right button[data-v-d9e5df2c]:hover:after{right:0;bottom:0;top:0;left:0;display:block;content:"";position:absolute;background-color:rgba(0,0,0,.24)}.menu-topbar[data-v-d9e5df2c]{position:absolute;width:100%;left:0;top:0;height:100%}@media (max-width:479px){.menu-topbar[data-v-d9e5df2c]{display:none}}.menu-topbar-mobile[data-v-d9e5df2c]{width:100%;display:none;border-bottom:.0476190476rem solid #f8f7fc;background-color:#fff}@media (max-width:479px){.menu-topbar-mobile[data-v-d9e5df2c]{display:block}}',map:void 0,media:void 0})}),{name:"TopBar",components:{Button:T,Heading:D,Paragraph:R,Icon:M,Stepper:At,Breadcrumb:b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",t._g(t._b({staticClass:"breadcrumb",style:t.colorsVar},"div",t.$attrs,!1),t.$listeners),t._l(t.routes,(function(e,i){return a("div",{key:i,staticClass:"breadcrumb-links"},[e?a("div",{staticClass:"breadcrumb-links-item-area"},[a("Paragraph",{staticClass:"breadcrumb-link-text",class:t.routes.length-1==i?"is-current":"not-current",attrs:{size:"sm",color:t.color},on:{click:function(a){t.routes.length,t.onClick(e)}}},[a("div",{staticClass:"preview-button",style:"color:"+t.color,on:{click:function(a){return t.onClick(e)}}},[0==i?a("Icon",{staticClass:"back-button",attrs:{name:"arrow-left",fill:t.color,color:t.color,size:"md",stroke:"transparent"}}):t._e()],1),t._v("\n\n\t\t\t\t"+t._s(e.value))])],1):t._e(),t._v(" "),t.routes.length-1!=i?a("Paragraph",{staticClass:"breadcrumb-link-divider",attrs:{size:"sm",color:t.color},domProps:{innerHTML:t._s("/")}}):t._e()],1)})),0)},staticRenderFns:[]},(function(t){t&&t("data-v-e9fe8bbc_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-e9fe8bbc]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-e9fe8bbc]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-e9fe8bbc]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-e9fe8bbc]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-e9fe8bbc]{font-size:14px}}@media (min-width:1024px){[data-v-e9fe8bbc]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-e9fe8bbc]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-e9fe8bbc]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-e9fe8bbc]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-e9fe8bbc]{font-size:1.56vw}}html[data-v-e9fe8bbc]{box-sizing:border-box}*[data-v-e9fe8bbc],[data-v-e9fe8bbc]::after,[data-v-e9fe8bbc]::before{box-sizing:border-box}.breadcrumb[data-v-e9fe8bbc]{display:flex;flex-wrap:wrap;position:relative;z-index:9}.breadcrumb .breadcrumb-links[data-v-e9fe8bbc]{display:flex;flex-wrap:wrap;align-items:center}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area[data-v-e9fe8bbc]{display:flex;cursor:pointer}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area:hover .preview-button .icon[data-v-e9fe8bbc]{color:var(--color-active)!important}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area:hover .icon[data-v-e9fe8bbc]{fill:var(--color-active)!important}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area:hover .icon svg[data-v-e9fe8bbc]{fill:var(--color-active)!important}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area:hover .icon svg path[data-v-e9fe8bbc]{fill:var(--color-active)!important}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area:hover .dropdown-breadcrumb[data-v-e9fe8bbc]{display:block;position:absolute;top:24px;padding:1.1428571429rem;display:flex;flex-wrap:wrap;width:180px;left:40px;box-shadow:4px 4px 16px rgba(175,162,186,.24);background-color:#fff}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area:hover .dropdown-breadcrumb .breadcrumb-links[data-v-e9fe8bbc]{width:100%}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area:hover .dropdown-breadcrumb .breadcrumb-links p[data-v-e9fe8bbc]{width:100%;text-align:center}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area .dropdown-breadcrumb[data-v-e9fe8bbc]{display:none}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area .breadcrumb-link-text[data-v-e9fe8bbc]{display:flex;flex-wrap:wrap;align-content:center;align-items:center}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area .breadcrumb-link-text.is-current[data-v-e9fe8bbc]{cursor:default;font-weight:700}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area .breadcrumb-link-text:hover.not-current[data-v-e9fe8bbc]{color:var(--color-active)!important}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area .icon[data-v-e9fe8bbc]{margin-right:.380952381rem}@media (max-width:479px){.breadcrumb .breadcrumb-links .breadcrumb-links-item-area .icon[data-v-e9fe8bbc]{margin-right:.7619047619rem}}.breadcrumb .breadcrumb-links .breadcrumb-link-divider[data-v-e9fe8bbc]{margin-right:.1904761905rem;margin-left:.1904761905rem}',map:void 0,media:void 0})}),{name:"Breadcrumb",components:{Button:T,Heading:D,Paragraph:R,Icon:M},computed:{colorsVar:function(){return{"--color-active":this.colors.colorActive,"--color-hover":this.colors.colorHover,"--color":this.colors.color,"--text-active":this.colors.textActive,"--text":this.colors.text}}},props:{routes:{type:Array,required:!0},color:{type:String,required:!1,default:"#68596E"},colors:{type:Array,required:!1,default:"#68596E"}},methods:{onClick:function(t){this.$emit("click",t)}}},"data-v-e9fe8bbc",!1,void 0,!1,x,void 0,void 0),MenuNavigation:b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",t._g(t._b({staticClass:"menu-group",style:t.colorsVar},"div",t.$attrs,!1),t.$listeners),[a("div",{staticClass:"menu"},t._l(t.options,(function(e,i){return a("button",{key:i,staticClass:"tab",class:["size-"+t.size,e.key===t.selected?"is-selected":null],on:{click:function(a){return t.onChange(e.key,e.name)}}},[a("Paragraph",{attrs:{size:"sm",color:"#fff"}},[t._v(t._s(e.value))])],1)})),0)])},staticRenderFns:[]},(function(t){t&&t("data-v-40362edc_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-40362edc]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-40362edc]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-40362edc]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-40362edc]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-40362edc]{font-size:14px}}@media (min-width:1024px){[data-v-40362edc]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-40362edc]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-40362edc]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-40362edc]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-40362edc]{font-size:1.56vw}}html[data-v-40362edc]{box-sizing:border-box}*[data-v-40362edc],[data-v-40362edc]::after,[data-v-40362edc]::before{box-sizing:border-box}.menu-group[data-v-40362edc]{transition:all .3s;display:flex;flex-direction:column;width:100%;height:100%}.menu-group .menu[data-v-40362edc]{margin:0 auto;height:100%}.menu-group .menu .tab[data-v-40362edc]{background:0 0;border:none;font-family:Roboto,sans-serif;color:var(--text);height:100%;opacity:.8}.menu-group .menu .tab p[data-v-40362edc]{color:var(--color)!important}.menu-group .menu .tab.size-md[data-v-40362edc]{padding:1.1428571429rem .7619047619rem;font-size:.7619047619rem;line-height:0}@media (max-width:479px){.menu-group .menu .tab.size-md[data-v-40362edc]{padding:1.4953271028rem .7619047619rem}}@media (max-width:479px){.menu-group .menu .tab.size-md[data-v-40362edc]{font-size:1.308411215rem}}.menu-group .menu .tab.size-sm[data-v-40362edc]{padding:.7619047619rem .7619047619rem;font-size:.6666666667rem;line-height:0}@media (max-width:479px){.menu-group .menu .tab.size-sm[data-v-40362edc]{padding:1.4953271028rem .7619047619rem}}@media (max-width:479px){.menu-group .menu .tab.size-sm[data-v-40362edc]{font-size:1.308411215rem}}.menu-group .menu .tab[data-v-40362edc]:not(:first-child){margin-left:-2px}.menu-group .menu .tab[data-v-40362edc]:not(:last-child){border-right-color:transparent}.menu-group .menu .tab[data-v-40362edc]:first-child{border-top-left-radius:.380952381rem;border-bottom-left-radius:.380952381rem}.menu-group .menu .tab[data-v-40362edc]:last-child{border-top-right-radius:.380952381rem;border-bottom-right-radius:.380952381rem}.menu-group .menu .tab[data-v-40362edc]:hover{outline:0;z-index:5;cursor:pointer;color:var(--color-active);opacity:1}.menu-group .menu .tab.is-selected[data-v-40362edc],.menu-group .menu .tab[data-v-40362edc]:active,.menu-group .menu .tab[data-v-40362edc]:focus{outline:0;opacity:1;z-index:10;position:relative;color:var(--color-active)}.menu-group .menu .tab.is-selected p[data-v-40362edc],.menu-group .menu .tab:active p[data-v-40362edc],.menu-group .menu .tab:focus p[data-v-40362edc]{position:relative}.menu-group .menu .tab.is-selected p[data-v-40362edc]:after,.menu-group .menu .tab:active p[data-v-40362edc]:after,.menu-group .menu .tab:focus p[data-v-40362edc]:after{content:"";position:absolute;bottom:-1.0952380952rem;background-color:var(--color-active);width:100%;left:0;height:.1904761905rem;border-radius:.380952381rem .380952381rem 0 0}@media (max-width:479px){.menu-group .menu .tab.is-selected p[data-v-40362edc]:after,.menu-group .menu .tab:active p[data-v-40362edc]:after,.menu-group .menu .tab:focus p[data-v-40362edc]:after{height:.1904761905rem;border-radius:.7476635514rem .7476635514rem 0 0}}',map:void 0,media:void 0})}),{name:"MenuNavigation",components:{Paragraph:R},props:{
|
|
1620
1620
|
/**
|
|
1621
1621
|
* Nome do campo, utilizado no callback do evento<br>
|
|
1622
1622
|
* Example: `Name`
|
|
@@ -1649,7 +1649,7 @@ size:{type:String,default:"md"}},data:function(){return{}},computed:{colorsVar:f
|
|
|
1649
1649
|
* Retorna um objeto com target (name do campo), key ativo e value ativo.
|
|
1650
1650
|
*/this.$emit("changeMenu",a)}}},"data-v-40362edc",!1,void 0,!1,x,void 0,void 0),TabsLine:wt},props:{menu:{type:Array,required:!1},breadcrumbs:{type:Array,required:!1},steps:{type:Array,required:!1},color:{type:String,required:!1,default:"#AFA2BA"},colors:{type:Object,required:!1},have_button:{type:Boolean,required:!1},isMobile:{type:Boolean,required:!1},preview_color:{type:String,default:"#12d3db",required:!1},selectedMenu:{type:String,
|
|
1651
1651
|
//default: "#12d3db",
|
|
1652
|
-
required:!1}},computed:{colorsVar:function(){return{"--preview-color":this.preview_color}}},methods:{onClick:function(t){this.$emit("click",t)},onClickMenu:function(t){this.$emit("clickMenu",t)},clickContinue:function(){this.$emit("clickContinue",null)}}},"data-v-
|
|
1652
|
+
required:!1}},computed:{colorsVar:function(){return{"--preview-color":this.preview_color}}},methods:{onClick:function(t){this.$emit("click",t)},onClickMenu:function(t){this.$emit("clickMenu",t)},clickContinue:function(){this.$emit("clickContinue",null)}}},"data-v-d9e5df2c",!1,void 0,!1,x,void 0,void 0),Bt=b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"bottom-bar",style:t.colorsVar},[t.isMobile?t._e():a("div",{staticClass:"book-area"},[a("div",{staticClass:"book-cover"},[t.imageAsset?a("img",{attrs:{src:t.imageAsset,width:"46",alt:""}}):a("div",{staticClass:"placeholder-loading"},[t._m(0),t._v(" "),"a4"==t.book_format?a("img",{attrs:{src:"../assets/images/placeholder-a4.jpg",width:"46",alt:""}}):a("img",{attrs:{src:"../assets/images/placeholder-square.jpg",width:"46",alt:""}})])]),t._v(" "),a("div",{staticClass:"book-info"},[a("div",[t.book_brand?a("Paragraph",{attrs:{size:"sm",color:"#68596E"}},[t._v(t._s(t.book_brand))]):t._e(),t._v(" "),t.book_name?a("Paragraph",{attrs:{size:"sm",color:"#68596E",type:"bold"}},[t._v(t._s(t.book_name))]):t._e()],1)])]),t._v(" "),a("div",{staticClass:"btn-foward"},[a("Button",{attrs:{kind:"primary",size:"md",width:"fluid"},on:{click:t.action}},[a("span",[t._v("Continuar")])])],1)])},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"loading-bg"},[e("div",{staticClass:"loading book-loading"})])}]},(function(t){t&&t("data-v-0ebd7106_0",{source:'@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Nunito:400,600,700,900&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto:400,600,700,900&display=swap);[data-v-0ebd7106]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-0ebd7106]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-0ebd7106]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-0ebd7106]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-0ebd7106]{font-size:14px}}@media (min-width:1024px){[data-v-0ebd7106]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-0ebd7106]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-0ebd7106]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-0ebd7106]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-0ebd7106]{font-size:1.56vw}}html[data-v-0ebd7106]{box-sizing:border-box}*[data-v-0ebd7106],[data-v-0ebd7106]::after,[data-v-0ebd7106]::before{box-sizing:border-box}.bottom-bar[data-v-0ebd7106]{position:relative;width:100%;bottom:0;left:0;box-shadow:0 10px 26px rgba(104,89,110,.24);padding-top:.7619047619rem;padding-bottom:.7619047619rem;display:flex;flex-wrap:wrap;align-items:center;width:100%;justify-content:space-between;padding-left:1.7142857143rem;z-index:4;position:absolute;z-index:23;bottom:0;background-color:#fff}@media (max-width:990px){.bottom-bar[data-v-0ebd7106]{position:relative!important}}.bottom-bar .book-area[data-v-0ebd7106]{display:flex;align-content:center;flex-wrap:wrap}.bottom-bar .book-area .book-cover[data-v-0ebd7106]{display:flex;align-content:center;flex-wrap:wrap;border-radius:4px;overflow:hidden;height:3.0476190476rem}.bottom-bar .book-area .book-cover img[data-v-0ebd7106]{height:100%;width:auto}.bottom-bar .book-area .book-info[data-v-0ebd7106]{display:flex;padding-left:.7619047619rem;flex-wrap:nowrap;align-items:center}.bottom-bar .book-area .book-info p[data-v-0ebd7106]{width:100%}.bottom-bar .btn-foward[data-v-0ebd7106]{display:flex;width:27.7777777778vw;padding-right:1.7142857143rem}@media (max-width:990px){.bottom-bar .btn-foward[data-v-0ebd7106]{width:100%}}.bottom-bar .btn-foward button[data-v-0ebd7106]{background-color:var(--preview-color)!important}.bottom-bar .btn-foward button span[data-v-0ebd7106]{z-index:2;position:relative}.bottom-bar .btn-foward button[data-v-0ebd7106]:hover{background-color:var(--preview-color)!important}.bottom-bar .btn-foward button[data-v-0ebd7106]:hover:after{right:0;bottom:0;top:0;left:0;display:block;content:"";position:absolute;background-color:rgba(0,0,0,.24)}.loading-bg[data-v-0ebd7106]{position:absolute}.loading[data-v-0ebd7106]{border:2px solid #f3f3f3;border-top:2px solid #42cda1;border-radius:50%;width:.7142857143rem;height:.7142857143rem;animation:spin-data-v-0ebd7106 .6s linear infinite}@media (max-width:479px){.loading[data-v-0ebd7106]{border:2px solid #f3f3f3;border-top:2px solid #42cda1;width:.9345794393rem;height:.9345794393rem}}.placeholder-loading[data-v-0ebd7106]{width:100%;position:relative;height:100%}.placeholder-loading .loading-bg[data-v-0ebd7106]{position:absolute;left:0;bottom:0;top:0;margin:auto;height:15px;width:100%;margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;display:flex;justify-content:center}.placeholder-loading img[data-v-0ebd7106]{width:100%;max-height:3.0476190476rem}@keyframes spin-data-v-0ebd7106{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}',map:void 0,media:void 0})}),{name:"BottomBar",components:{Button:T,Heading:D,Paragraph:R,Icon:M,Stepper:At,VLazyImage:e},props:{uuid:{type:String,required:!1},book_name:{type:String,required:!1},book_brand:{type:String,required:!1},preview_color:{type:String,default:"#12d3db",required:!1},book_format:{type:String,required:!0}},data:function(){return{isMobile:null,
|
|
1653
1653
|
//coverLoading: true,
|
|
1654
1654
|
imageAsset:null,routes:[{path:"index",stepperName:"Etapa 2"},{path:"second",stepperName:"5 - Próximos personagens"}]}},mounted:function(){var t=this;t.isMobile=t.detectSize(),window.addEventListener("resize",(function(e){t.isMobile=t.detectSize()})),t.getBase64("https://builder.dentrodahistoria.com.br/api/builder/getpreview/"+t.uuid+"?page=1&w=120&v=0&noCache=true")},methods:(zt={detectSize:function(){var t=!1;return window.innerWidth<990&&(t=!0),t},onClick:function(){this.$emit("click")},action:function(){this.$emit("changeUrl")}},W(zt,"detectSize",(function(){var t=!1;return window.innerWidth<990&&(t=!0),t})),W(zt,"closeModal",(function(){this.$emit("closeModal"),document.getElementsByTagName("html")[0].removeAttribute("style"),document.getElementsByTagName("body")[0].removeAttribute("style"),document.getElementsByClassName("boxes")&&document.getElementsByClassName("boxes").length>0&&document.getElementsByClassName("boxes")[0].removeAttribute("style")})),W(zt,"getBase64",(function(t){var e=this;o.get(t,{responseType:"arraybuffer"}).then((function(t){e.imageAsset="data:image/png;base64,"+Buffer.from(t.data,"binary").toString("base64")}))})),zt),computed:{colorsVar:function(){return{"--preview-color":this.preview_color}}}},"data-v-0ebd7106",!1,void 0,!1,x,void 0,void 0),Ft=require("axios"),qt=b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"preview-full"},[t.isLoaded?a("div",{staticClass:"top-bar-area"},[a("TopBar",{attrs:{breadcrumbs:t.breadcrumbs,steps:t.steps,color:(t.isMobile,"#afa2ba"),isMobile:t.isMobile,have_button:!0,preview_color:t.preview_color},on:{click:t.changeRoute,clickContinue:t.changeRouteContinue}})],1):t._e(),t._v(" "),t.isLoaded&&!t.isMobile?a("div",{staticClass:"preview-desktop-area"},[a("Preview",{attrs:{uuid:t.uuid,pages:t.pages,book_format:t.book_format,product_id:t.product_id,preview_color:t.preview_color,typeLanguage:t.typeLanguage,goToPage:t.currentPage,dedication_page:t.dedication_page},on:{updateCurrentPage:t.updateCurrentPage}})],1):t._e(),t._v(" "),t.isLoaded&&t.isMobile?a("div",{staticClass:"preview-mobile-area"},[a("PreviewMobile",{attrs:{uuid:t.uuid,pages:t.pages,book_format:t.book_format,product_id:t.product_id,goToPage:t.currentPage,dedication_page:t.dedication_page,typeLanguage:t.typeLanguage}})],1):t._e(),t._v(" "),a("div",{staticClass:"preview-mobile-tools",class:t.isLoaded?"":"invisible"},[a("PreviewTools",{directives:[{name:"show",rawName:"v-show",value:t.isLoaded&&t.have_tools,expression:"isLoaded && have_tools"}],attrs:{dedication_text:t.dedication_text,uuid:t.uuid,slug:t.slug,character_id:t.character_id,have_dedication:t.have_dedication,product_id:t.product_id,gender:t.gender,typeLanguage:t.typeLanguage,language:t.language,languages:t.languages,layout:t.layout,layouts:t.layouts,preview_color:t.preview_color,character_position_id:t.character_position_id,typeRead:t.typeRead,custom_mes:t.custom_mes,custom_numero:t.custom_numero,is_created:t.is_created},on:{isLoadingMethod:t.isLoadingMethod,changeUuid:t.changeUuid,changeName:t.changeName,changeDedication:t.changeDedication,changeBirthday:t.changeBirthday,clickContinue:t.changeRouteContinue}})],1),t._v(" "),t.isMobile?t._e():a("div",{staticClass:"bottom-bar-area"},[t.isLoaded?a("BottomBar",{attrs:{uuid:t.uuid,book_brand:t.book_brand,book_name:t.book_name,preview_color:t.preview_color,book_format:t.book_format},on:{changeUrl:t.changeUrl}}):t._e()],1)])},staticRenderFns:[]},(function(t){t&&t("data-v-a6ebf3a8_0",{source:'@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Nunito:400,600,700,900&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto:400,600,700,900&display=swap);:root{--column-width:6.6666666667vw}@media (min-width:0px){:root{--column-width:6.6666666667vw}}@media (min-width:480px){:root{--column-width:2.7777777778vw}}@media (min-width:0px){html{font-size:2.9166666667vw}}@media (min-width:480px){html{font-size:14px}}@media (min-width:1024px){:root{--column-width:2.7777777778vw}}@media (min-width:1920px){:root{--column-width:2.7777777778vw}}@media (min-width:2620px){:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html{font-size:1.5648854962vw}}@media (min-width:2620px){html{font-size:1.56vw}}html{box-sizing:border-box}*,::after,::before{box-sizing:border-box}.top-bar-area{position:absolute}@media (max-width:990px){.top-bar-area{position:relative;background-color:#fff}}body{margin:0}.storybook-6{width:16.6666666667vw}.storybook-12{width:33.3333333333vw}.storybook-25{width:69.4444444444vw}.invisible{opacity:0}.preview-full{height:100vh;background-color:rgba(223,218,228,.64);overflow-y:hidden}@media (max-width:990px){.preview-full{overflow-y:auto}}.preview-mobile-area{width:100%;position:relative}.preview-desktop-area{position:relative;z-index:4;height:calc(100vh - 4.619047619rem);display:flex;justify-content:center}@media (max-width:990px){.preview-mobile-tools{position:relative;z-index:20}}.custom-properties{position:absolute;top:30px}',map:void 0,media:void 0})}),{name:"PreviewWithTools",components:{Preview:Mt,PreviewMobile:Nt,PreviewTools:Et,TopBar:Tt,BottomBar:Bt},props:{dedication_text:{type:String,required:!1},
|
|
1655
1655
|
/** Product id of Builder. `595` */
|