@tiddh/brave-vue 1.93.147 → 1.93.152
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 +5 -5
- package/dist/brave-vue.min.js +1 -1
- package/dist/brave-vue.ssr.js +71 -71
- package/dist/src/Avatar/Avatar.vue +457 -457
- package/dist/src/Avatar/elements/CustomizationPanel.vue +1280 -1141
- package/dist/src/Avatar.vue +457 -457
- package/dist/src/Card/CardProduct.stories.js +4 -1
- package/dist/src/Card/CardProduct.vue +44 -0
- package/dist/src/Card/CoverProduct.stories.js +2 -1
- package/dist/src/CardProduct.stories.js +4 -1
- package/dist/src/CardProduct.vue +44 -0
- package/dist/src/CoverProduct.stories.js +2 -1
- package/dist/src/CustomizationPanel.vue +1280 -1141
- package/dist/src/components/Avatar/Avatar.vue +457 -457
- package/dist/src/components/Avatar/elements/CustomizationPanel.vue +1280 -1141
- package/dist/src/components/Card/CardProduct.stories.js +4 -1
- package/dist/src/components/Card/CardProduct.vue +44 -0
- package/dist/src/components/Card/CoverProduct.stories.js +2 -1
- package/dist/src/elements/CustomizationPanel.vue +1280 -1141
- package/package.json +1 -1
package/dist/brave-vue.esm.js
CHANGED
|
@@ -98,7 +98,7 @@ color:{type:String,default:"#68596E"},
|
|
|
98
98
|
* Example: `Regular | Bold`
|
|
99
99
|
**/
|
|
100
100
|
type:{type:String,default:"regular"}},data:function(){return{}}},"data-v-9c585934",!1,void 0,!1,x,void 0,void 0),C=b({render:function(){var t=this.$createElement;return(this._self._c||t)("i",{class:["icon","icon-"+this.name,"size-"+this.size],style:this.fill?{color:this.fill}:null})},staticRenderFns:[]},(function(t){t&&t("data-v-64366bb0_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-64366bb0]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-64366bb0]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-64366bb0]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-64366bb0]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-64366bb0]{font-size:14px}}@media (min-width:1024px){[data-v-64366bb0]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-64366bb0]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-64366bb0]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-64366bb0]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-64366bb0]{font-size:1.56vw}}html[data-v-64366bb0]{box-sizing:border-box}*[data-v-64366bb0],[data-v-64366bb0]::after,[data-v-64366bb0]::before{box-sizing:border-box}.icon[data-v-64366bb0]{display:block}.icon.size-sm[data-v-64366bb0]{font-size:.7619047619rem}@media (max-width:479px){.icon.size-sm[data-v-64366bb0]{font-size:1.4953271028rem}}.icon.size-md[data-v-64366bb0]{font-size:1.1428571429rem}@media (max-width:479px){.icon.size-md[data-v-64366bb0]{font-size:2.2429906542rem}}.icon.size-lg[data-v-64366bb0]{font-size:1.5238095238rem}@media (max-width:479px){.icon.size-lg[data-v-64366bb0]{font-size:2.9906542056rem}}',map:void 0,media:void 0})}),{name:"Icon",props:{name:{type:String},size:{type:String,default:"lg"},stroke:{type:String,default:"transparent"},fill:{type:String}}},"data-v-64366bb0",!1,void 0,!1,x,void 0,void 0);
|
|
101
|
-
/* template */var M={pt:{urlBuilder:"https://builder.dentrodahistoria.com.br",justASecond:"Só um segundo",loadingPhrase:"Estamos carregando sua personalização",pages:"PÁGINAS",pagesLowercase:"Páginas",editArea:"Área de edição",name:"Nome",dedication:"Dedicatória",writeDedication:"Escreva uma dedicatória",shirtNumber:"Número da Camisa",bookScript:"Roteiro do Livro",dateBirth:"Data do aniversário",editDateBirth:"Editar data do aniversário",editName:"Editar nome do pequeno",kidName:"Edite o nome do protagonista",reccomendName:"É recomendado usar só o primeiro nome",dedicationFree:"Dedicatória (grátis)",cusutomDedication:"Personalize a dedicatória que será impressa no livro.",messageDedication:"Mensagem da dedicatória",dedcationPlaceholder:"Que a sua vida seja cheia de ótimas aventuras!",editShirt:"Editar camisa do pequeno",chooseScript:"Você escolhe o roteiro",choosePetLabel1:"Escolha a dupla que vai ajudar o",choosePetLabel2:"a encontrar o Sansão nessa aventura junto com a Turma da Mônica.",day:"Dia",month:"Mês",pet:"Bichinho de estimação",changePet:"Altere o bichinho da história",petDescription1:"Esse bichinho acompanhará ",petDescription2:"em toda a história.",typePetname:"Digite o nome do bichinho aqui",selectPet:"Selecione o bichinho",update:"ATUALIZAR",cancel:"CANCELAR",moonerLabelSidebar:"Mooner",moonerTitle:"Altere o mooner na história",moonerTitleFirstOpen:"Adicione um mooner na história",moonerTitleMobile:"Altere o mooner",moonerTitleFirstOpenMobile:"Adicione um mooner",moonerDescriptionOne:"Ele irá acompanhar <span>",moonerDescriptionTwo:"</span> em toda a história.",moonerDescriptionTwoMobile:" na história.",moonerLabel:"Nome do mooner",moonerLabelSelector:"Selecione um mooner",moonerCtaFirstOpen:"Pronto, ver história",moonerCta:"Atualizar",moonerCtaCancel:"Cancel",birthday_label:"Data do aniversário",genderFemale:"Menina",genderMale:"Menino",or:"ou",do:"do",da:"da",editCharacter:"Editar o personagem",Pele:"Pele",Olhos:"Olhos",Cabelo:"Cabelo",Roupa:"Roupa","Tênis":"Tênis","Óculos":"Óculos",continue:"CONTINUAR"},en:{urlBuilder:"https://builder.dentrodahistoria.com.br",justASecond:"Just a second",loadingPhrase:"We are loading your exclusive book",pages:"PAGES",pagesLowercase:"pages",editArea:"Edit area",name:"Name",dedication:"Dedication",writeDedication:"Write a dedication",shirtNumber:"Shirt Number",bookScript:"Book Script",dateBirth:"Date of Birth",editDateBirth:"Edit Date of Birth",editName:"Edit the little one's name",kidName:"Edit the protagonist's name",reccomendName:"It is recommended to use only the first name",dedicationFree:"Dedication (free)",cusutomDedication:"Customize the dedication that will be printed in the book.",messageDedication:"Dedication message",dedcationPlaceholder:"May your life be filled with great adventures!",editShirt:"Edit the little one's shirt",chooseScript:"You choose the script",choosePetLabel1:"Choose the duo that will help",choosePetLabel2:"find Sansão in this adventure with the Turma da Mônica.",day:"Day",month:"Month",pet:"Pet",changePet:"Change the pet in the story",petDescription1:"This pet will accompany ",petDescription2:" throughout the story.",typePetname:"Type the pet's name here",selectPet:"Select the pet",update:"UPDATE",cancel:"CANCEL",moonerLabelSidebar:"Mooner",moonerTitle:"Change the mooner in the story",moonerTitleFirstOpen:"Add a mooner to the story",moonerTitleMobile:"Change the mooner",moonerTitleFirstOpenMobile:"Add a mooner",moonerDescriptionOne:"He will accompany <span>",moonerDescriptionTwo:"</span> throughout the story.",moonerDescriptionTwoMobile:" in the story.",moonerLabel:"Mooner's Name",moonerLabelSelector:"Select a mooner",moonerCtaFirstOpen:"Ready, see the story",moonerCta:"Update",moonerCtaCancel:"Cancel",birthday_label:"Date of Birth",genderFemale:"Girl",genderMale:"Boy",or:"or",do:"of",da:"of",editCharacter:"Edit the character",Pele:"Skin",Olhos:"Eyes",Cabelo:"Hair",Roupa:"Clothing","Tênis":"Sneakers","Óculos":"Glasses",continue:"CONTINUE"},es:{urlBuilder:"https://builder.dentrodahistoria.com.br",justASecond:"Solo un momento",loadingPhrase:"Estamos cargando tu libro exclusivo",pages:"PÁGINAS",pagesLowercase:"páginas",editArea:"Área de edición",name:"Nombre",dedication:"Dedicatoria",writeDedication:"Escribe una dedicatoria",shirtNumber:"Número de la camiseta",bookScript:"Guión del libro",dateBirth:"Fecha de nacimiento",editDateBirth:"Editar fecha de nacimiento",editName:"Editar nombre del pequeño",kidName:"Edita el nombre del protagonista",reccomendName:"Se recomienda usar solo el primer nombre",dedicationFree:"Dedicatoria (gratis)",cusutomDedication:"Personaliza la dedicatoria que se imprimirá en el libro.",messageDedication:"Mensaje de la dedicatoria",dedcationPlaceholder:"¡Que tu vida esté llena de grandes aventuras!",editShirt:"Editar la camiseta del pequeño",chooseScript:"Tú eliges el guión",choosePetLabel1:"Elige el dúo que ayudará a",choosePetLabel2:"encontrar a Sansão en esta aventura con la Turma da Mônica.",day:"Día",month:"Mes",pet:"Mascota",changePet:"Cambia la mascota en la historia",petDescription1:"Esta mascota acompañará a",petDescription2:"a lo largo de toda la historia.",typePetname:"Escribe el nombre de la mascota aquí",selectPet:"Selecciona la mascota",update:"ACTUALIZAR",cancel:"CANCELAR",moonerLabelSidebar:"Mooner",moonerTitle:"Cambia el mooner en la historia",moonerTitleFirstOpen:"Agrega un mooner a la historia",moonerTitleMobile:"Cambia el mooner",moonerTitleFirstOpenMobile:"Agrega un mooner",moonerDescriptionOne:"Él acompañará a <span>",moonerDescriptionTwo:"</span> a lo largo de toda la historia.",moonerDescriptionTwoMobile:"en la historia.",moonerLabel:"Nombre del mooner",moonerLabelSelector:"Selecciona un mooner",moonerCtaFirstOpen:"Listo, ver la historia",moonerCta:"Actualizar",moonerCtaCancel:"Cancelar",birthday_label:"Fecha de nacimiento",genderFemale:"Niña",genderMale:"Niño",or:"o",do:"del",da:"de la",editCharacter:"Editar el personaje",Pele:"Piel",Olhos:"Ojos",Cabelo:"Cabello",Roupa:"Ropa","Tênis":"Zapatillas","Óculos":"Gafas",continue:"CONTINUAR"},ar:{urlBuilder:"https://builder.dentrodahistoria.com.br",loadingPhrase:"نحن نقوم بتحميل كتابك الحصري",pages:"صفحات",pagesLowercase:"صفحات",editArea:"منطقة التحرير",name:"الاسم",dedication:"اهداء",writeDedication:"اكتب اهداء",shirtNumber:"رقم القميص",bookScript:"نص الكتاب",dateBirth:"تاريخ الميلاد",editDateBirth:"تحرير تاريخ الميلاد",editName:"تحرير الاسم",kidName:"تحرير اسم الطفل",reccomendName:"يُفضل استخدام الاسم الأول فقط",dedicationFree:"اهداء (مجانًا)",cusutomDedication:"تخصيص الاهداء",messageDedication:"رسالة الاهداء",dedcationPlaceholder:"نتمنى لحياتك مغامرات رائعة!",editShirt:"تحرير قميص الصغير",chooseScript:"اختر السيناريو",choosePetLabel1:"اختر اسم الحيوان الاليف الأول",choosePetLabel2:"اختر اسم الحيوان الاليف الثاني",day:"يوم",month:"شهر",pet:"حيوان اليف",changePet:"قم بتغيير الحيوان الاليف في القصة",petDescription1:"مواصفات الحيوان الأليف الأول",petDescription2:"مواصفات الحيوان الأليف الثاني",typePetname:"اكتب اسم الحيوان الاليف هنا",selectPet:"اختر الحيوان الأليف",update:"تحديث",cancel:"إلغاء",moonerLabelSidebar:"اسم المونر في القائمة الجانبية",moonerTitle:"قم بتغيير مونر في القصة",moonerTitleFirstOpen:"أضف مونر إلى القصة",moonerTitleMobile:"قم بتغيير مونر",moonerTitleFirstOpenMobile:"أضف مونر",moonerDescriptionOne:"مواصفات المونر الأول",moonerDescriptionTwo:"مواصفات المونر الثاني",moonerDescriptionTwoMobile:"مواصفات المونر الثاني موبايل",moonerLabel:"اسم المونر",moonerLabelSelector:"اختيار اسم المونر",moonerCtaFirstOpen:"دعوة لتحريك المونر افتح أولاً",moonerCta:"دعوة لتحريك المونر",moonerCtaCancel:"دعوة لالغاء لتحريك المونر",birthday_label:"تاريخ الميلاد",genderFemale:"فتاة",genderMale:"صبي",or:"أو",do:"do",da:"da",editCharacter:"تحرير شخصية",Pele:"البشرة",Olhos:"عيون",Cabelo:"شعر",Roupa:"ملابس","Tênis":"حذاء رياضي","Óculos":"نظارات",continue:"متابعة"},tr:{urlBuilder:"https://builder.dentrodahistoria.com.br",justASecond:"Bir saniye",loadingPhrase:"Size özel kitabınız yükleniyor.",pages:"SAYFALAR",pagesLowercase:"Sayfalar",editArea:"Düzenleme Alanı",name:"Ad",dedication:"İthaf",writeDedication:"İthaf yazınız",shirtNumber:"Tişört Numarası",bookScript:"Kitabın Senaryosu",dateBirth:"Doğum Tarihi",editDateBirth:"Doğum Tarihini Düzenle",editName:"Küçüğün adını düzenle",kidName:"Ana kahramanın adını düzenle",reccomendName:"Sadece isim kullanmanız önerilir.",dedicationFree:"İthaf (ücretsiz)",cusutomDedication:"Kitapta basılacak olan ithafı özelleştirin.",messageDedication:"İthaf Metni",dedcationPlaceholder:"Maceralarla dolu bir hayat diliyorum.",editShirt:"Küçüğün tişörtünü düzenle",chooseScript:"Senaryo seç",choosePetLabel1:"Sana yardımcı olacak ikiliyi seç",choosePetLabel2:"Bu macerada Turma da Monica'yla beraber Sansao'yu bulacaklar.",day:"Gün",month:"Ay",pet:"Evcil hayvan",changePet:"Öyküde evcil hayvanı değiştir",petDescription1:"Bu evcil hayvan,",petDescription2:"tüm öykü boyunca size eşlik edecektir.",typePetname:"Evcil hayvanın adını buraya yaz",selectPet:"Evcil hayvanı seç",update:"GÜNCELLE",cancel:"İptal et",moonerLabelSidebar:"Mooner",moonerTitle:"Öyküde mooner'ı değiştir",moonerTitleFirstOpen:"Öyküye bir mooner ekle",moonerTitleMobile:"Mooner'ı değiştir",moonerTitleFirstOpenMobile:"Bir mooner ekle",moonerDescriptionOne:"O, <span>",moonerDescriptionTwo:"</span> tüm öykü boyunca eşlik edecektir.",moonerDescriptionTwoMobile:"öyküde.",moonerLabel:"Mooner'ın Adı",moonerLabelSelector:"Bir mooner seç",moonerCtaFirstOpen:"Hazır, öyküyü görüntüle",moonerCta:"Güncelle",moonerCtaCancel:"İptal et",birthday_label:"Doğum Tarihi",genderFemale:"Kız",genderMale:"Erkek",or:"veya",do:"nin",da:"nın",editCharacter:"Karakteri Düzenle",Pele:"Ten Rengi",Olhos:"Göz",Cabelo:"Saç",Roupa:"Giysi","Tênis":"Spor Ayakkabısı","Óculos":"Gözlük",continue:"DEVAM ET"}},S=require("axios"),P=b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"customization-panel",class:"rtl"===t.dir?"rtl":""},[a("div",{staticClass:"overlay-opacity"}),t._v(" "),a("div",{staticClass:"customization-panel-head"},[a("div",{staticClass:"customization-panel-heading"},[t._v("\n\t\t\t\t"+t._s(t.lang.editCharacter)+" "+t._s(t.characterIsMale?t.lang.do:t.lang.da)+"\n\t\t\t\t"),a("b",[t._v(t._s(t.characterName))])]),t._v(" "),a("div",{staticClass:"customization-categories"},[t._l(t.categoriesAssets.categories,(function(e){return a("a",{directives:[{name:"show",rawName:"v-show",value:"mooner"!==e.code&&"pet"!==e.code,expression:"category.code !== 'mooner' && category.code !== 'pet'"}],key:e.key,ref:e.code,refInFor:!0,staticClass:"customization-categories-item",class:[{"is-selected":e===t.selectedCategory,"is-disabled":t.isCategoryDisabled(e)},"category-"+e.code],attrs:{id:e.code},on:{click:function(a){return t.handleSelectCategory(e)}}},[e.assets.icon?a("img",{staticClass:"customization-categories-item-icon",attrs:{src:e.assets.icon}}):a("span",{staticClass:"customization-categories-item-icon customization-categories-item-icon-placeholder"}),t._v(" "),a("Caption",{staticClass:"customization-categories-item-label",attrs:{color:"#AFA2BA"}},[t._v("\n\t\t\t\t\t\t"+t._s(t.lang[e.name])+"\n\t\t\t\t\t")])],1)})),t._v(" "),t._l(t.categoriesAssets.groups,(function(e){return a("a",{key:e.key,ref:e.code,refInFor:!0,staticClass:"customization-categories-item",class:[{"is-selected":e===t.selectedGroup},"category-"+e.code],on:{click:function(a){return t.handleSelectGroup(e)}}},[e.assets.icon?a("img",{staticClass:"customization-categories-item-icon",attrs:{src:e.assets.icon}}):a("span",{staticClass:"customization-categories-item-icon customization-categories-item-icon-placeholder"}),t._v(" "),a("Caption",{staticClass:"customization-categories-item-label",attrs:{color:"#AFA2BA"}},[t._v("\n\t\t\t\t\t\t"+t._s(t.lang[e.name])+"\n\t\t\t\t\t")])],1)}))],2)]),t._v(" "),a("div",{staticClass:"customization-panel-body",attrs:{id:"customization-panel-body"}},[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._v(" "),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._v(" "),a("div",{staticClass:"helper"},[a("div",{ref:"error",staticClass:"error",domProps:{innerHTML:t._s(t.error)}}),t._v(" "),a("div",{staticClass:"btn-avatar",class:t.dir,on:{click:t.generateAvatar}},[a("div",{staticClass:"btn-avatar-preload"},[a("span",[t._v(t._s(t.lang.continue))]),t._v(" "),a("Icon",{attrs:{name:"chevron-right",fill:"#fff",size:"md",stroke:"transparent"}})],1),t._v(" "),a("div",{staticClass:"btn-avatar-loading"},[a("span",{staticClass:"btn-avatar-loading-content",domProps:{innerHTML:t._s(t.loadingContent)}}),t._v(" "),a("span",{staticClass:"btn-avatar-loading-icon"},[a("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"36",height:"36",viewBox:"0 0 36 36"}},[a("path",{attrs:{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"}})])])])])])])},staticRenderFns:[]},(function(t){t&&t("data-v-4147766c_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}.customization-panel.rtl{left:0;right:auto}.customization-panel.rtl .btn-avatar .icon{right:auto;left:0;transform:rotate(180deg)}@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;bottom:0}.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}.btn-avatar-mobile.rtl{right:auto;margin-left:8px}@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:12px;z-index:200;border-radius:100px;margin-right:1.4953271028rem;box-shadow:none}.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:k,Caption:z,Icon:C},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},typeLanguage:{type:String,required:!1,default:"pt"},dir:{type:String,default:"ltr",required:!1}},data:function(){return{selectedCategory:null,selectedGroup:null,selectedCollection:null,error:null,isMobile:null,lang:M[this.typeLanguage],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 f(h().mark((function e(){var a,i,o,r,d,n,s,l,c,p,m,u;return h().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(a=t,o=!1,t.categoriesAssets.categories.forEach((function(e){e.required?((i=t.customizations.find((function(t){return e.id===t.categoryId})))||(i=t.disabledCategories.find((function(t){return e.id===t.categoryId}))),i||(o=!0,r=e)):(e.code.includes("mooner")||e.code.includes("pet"))&&(i=t.disabledCategories.find((function(t){return e.id===t.categoryId})))})),o){e.next=18;break}return t.$emit("startedMethod"),d=null,n=[],t.customizations.forEach((function(t){var e={parent_id:t.categoryId,id:t.optionId?t.optionId:t.relatedCategoryId};e.parent_id&&e.id&&n.push(e)})),s={properties:a.userDataProperties,type:t.characterTypeId},l={custom_character:{character_id:t.characterId,product_id:t.builderProductId,type_id:t.characterTypeId,categories:n,user_data:s}},t.builderLayoutId&&(l.custom_character.layout_id=t.builderLayoutId),t.language&&(l.custom_character.language=t.language),e.next=14,S({method:"POST",url:"".concat(t.builderApi,"/customs_characters/"),headers:{"Content-Type":"application/json"},data:l}).then((function(t){return t})).catch((function(t){return t}));case 14:(c=e.sent)&&(200===c.status?t.$emit("completedMethod",{updatedCustomizations:t.customizations,updatedUuid:c.data.custom.uuid,categories:n,success:!0}):(console.log("tentou pegar o segundo request"),c&&c.response&&c.response.reques&&(p=JSON.parse(c.response.request.responseText),d=p?p.error:"Não foi possível gerar o avatar. Tente novamente."),d&&(t.error=d,t.$refs.error.style.opacity="1",setTimeout((function(){t.$refs.error.style.opacity="0"}),5e3)),t.$emit("completedMethod",{updatedCustomizations:t.customizations,updatedUuid:c.data.custom.uuid,categories:n,success:!1}))),e.next=22;break;case 18:m=r.code,u="pele"===m?"Necessário selecionar um tom de pele":"Necessário selecionar um tipo de ".concat(m),screen.width>1023&&("roupa"===m||"tenis"===m)?(t.error=u,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=u,setTimeout((function(){document.getElementsByClassName("error")[0].style.opacity="0",document.getElementsByClassName("error")[0].textContent=""}),5e3)),t.$refs[m][0].click();case 22:case"end":return e.stop()}}),e)})))()},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");
|
|
101
|
+
/* template */var M={pt:{urlBuilder:"https://builder.dentrodahistoria.com.br",justASecond:"Só um segundo",loadingPhrase:"Estamos carregando sua personalização",pages:"PÁGINAS",pagesLowercase:"Páginas",editArea:"Área de edição",name:"Nome",dedication:"Dedicatória",writeDedication:"Escreva uma dedicatória",shirtNumber:"Número da Camisa",bookScript:"Roteiro do Livro",dateBirth:"Data do aniversário",editDateBirth:"Editar data do aniversário",editName:"Editar nome do pequeno",kidName:"Edite o nome do protagonista",reccomendName:"É recomendado usar só o primeiro nome",dedicationFree:"Dedicatória (grátis)",cusutomDedication:"Personalize a dedicatória que será impressa no livro.",messageDedication:"Mensagem da dedicatória",dedcationPlaceholder:"Que a sua vida seja cheia de ótimas aventuras!",editShirt:"Editar camisa do pequeno",chooseScript:"Você escolhe o roteiro",choosePetLabel1:"Escolha a dupla que vai ajudar o",choosePetLabel2:"a encontrar o Sansão nessa aventura junto com a Turma da Mônica.",day:"Dia",month:"Mês",pet:"Bichinho de estimação",changePet:"Altere o bichinho da história",petDescription1:"Esse bichinho acompanhará ",petDescription2:"em toda a história.",typePetname:"Digite o nome do bichinho aqui",selectPet:"Selecione o bichinho",update:"ATUALIZAR",cancel:"CANCELAR",moonerLabelSidebar:"Mooner",moonerTitle:"Altere o mooner na história",moonerTitleFirstOpen:"Adicione um mooner na história",moonerTitleMobile:"Altere o mooner",moonerTitleFirstOpenMobile:"Adicione um mooner",moonerDescriptionOne:"Ele irá acompanhar <span>",moonerDescriptionTwo:"</span> em toda a história.",moonerDescriptionTwoMobile:" na história.",moonerLabel:"Nome do mooner",moonerLabelSelector:"Selecione um mooner",moonerCtaFirstOpen:"Pronto, ver história",moonerCta:"Atualizar",moonerCtaCancel:"Cancel",birthday_label:"Data do aniversário",genderFemale:"Menina",genderMale:"Menino",or:"ou",do:"do",da:"da",editCharacter:"Editar o personagem",Pele:"Pele",Olhos:"Olhos",Cabelo:"Cabelo",Roupa:"Roupa","Tênis":"Tênis","Óculos":"Óculos",continue:"CONTINUAR"},en:{urlBuilder:"https://builder.dentrodahistoria.com.br",justASecond:"Just a second",loadingPhrase:"We are loading your exclusive book",pages:"PAGES",pagesLowercase:"pages",editArea:"Edit area",name:"Name",dedication:"Dedication",writeDedication:"Write a dedication",shirtNumber:"Shirt Number",bookScript:"Book Script",dateBirth:"Date of Birth",editDateBirth:"Edit Date of Birth",editName:"Edit the little one's name",kidName:"Edit the protagonist's name",reccomendName:"It is recommended to use only the first name",dedicationFree:"Dedication (free)",cusutomDedication:"Customize the dedication that will be printed in the book.",messageDedication:"Dedication message",dedcationPlaceholder:"May your life be filled with great adventures!",editShirt:"Edit the little one's shirt",chooseScript:"You choose the script",choosePetLabel1:"Choose the duo that will help",choosePetLabel2:"find Sansão in this adventure with the Turma da Mônica.",day:"Day",month:"Month",pet:"Pet",changePet:"Change the pet in the story",petDescription1:"This pet will accompany ",petDescription2:" throughout the story.",typePetname:"Type the pet's name here",selectPet:"Select the pet",update:"UPDATE",cancel:"CANCEL",moonerLabelSidebar:"Mooner",moonerTitle:"Change the mooner in the story",moonerTitleFirstOpen:"Add a mooner to the story",moonerTitleMobile:"Change the mooner",moonerTitleFirstOpenMobile:"Add a mooner",moonerDescriptionOne:"He will accompany <span>",moonerDescriptionTwo:"</span> throughout the story.",moonerDescriptionTwoMobile:" in the story.",moonerLabel:"Mooner's Name",moonerLabelSelector:"Select a mooner",moonerCtaFirstOpen:"Ready, see the story",moonerCta:"Update",moonerCtaCancel:"Cancel",birthday_label:"Date of Birth",genderFemale:"Girl",genderMale:"Boy",or:"or",do:"of",da:"of",editCharacter:"Edit the character",Pele:"Skin",Olhos:"Eyes",Cabelo:"Hair",Roupa:"Clothing","Tênis":"Sneakers","Óculos":"Glasses",continue:"CONTINUE"},es:{urlBuilder:"https://builder.dentrodahistoria.com.br",justASecond:"Solo un momento",loadingPhrase:"Estamos cargando tu libro exclusivo",pages:"PÁGINAS",pagesLowercase:"páginas",editArea:"Área de edición",name:"Nombre",dedication:"Dedicatoria",writeDedication:"Escribe una dedicatoria",shirtNumber:"Número de la camiseta",bookScript:"Guión del libro",dateBirth:"Fecha de nacimiento",editDateBirth:"Editar fecha de nacimiento",editName:"Editar nombre del pequeño",kidName:"Edita el nombre del protagonista",reccomendName:"Se recomienda usar solo el primer nombre",dedicationFree:"Dedicatoria (gratis)",cusutomDedication:"Personaliza la dedicatoria que se imprimirá en el libro.",messageDedication:"Mensaje de la dedicatoria",dedcationPlaceholder:"¡Que tu vida esté llena de grandes aventuras!",editShirt:"Editar la camiseta del pequeño",chooseScript:"Tú eliges el guión",choosePetLabel1:"Elige el dúo que ayudará a",choosePetLabel2:"encontrar a Sansão en esta aventura con la Turma da Mônica.",day:"Día",month:"Mes",pet:"Mascota",changePet:"Cambia la mascota en la historia",petDescription1:"Esta mascota acompañará a",petDescription2:"a lo largo de toda la historia.",typePetname:"Escribe el nombre de la mascota aquí",selectPet:"Selecciona la mascota",update:"ACTUALIZAR",cancel:"CANCELAR",moonerLabelSidebar:"Mooner",moonerTitle:"Cambia el mooner en la historia",moonerTitleFirstOpen:"Agrega un mooner a la historia",moonerTitleMobile:"Cambia el mooner",moonerTitleFirstOpenMobile:"Agrega un mooner",moonerDescriptionOne:"Él acompañará a <span>",moonerDescriptionTwo:"</span> a lo largo de toda la historia.",moonerDescriptionTwoMobile:"en la historia.",moonerLabel:"Nombre del mooner",moonerLabelSelector:"Selecciona un mooner",moonerCtaFirstOpen:"Listo, ver la historia",moonerCta:"Actualizar",moonerCtaCancel:"Cancelar",birthday_label:"Fecha de nacimiento",genderFemale:"Niña",genderMale:"Niño",or:"o",do:"del",da:"de la",editCharacter:"Editar el personaje",Pele:"Piel",Olhos:"Ojos",Cabelo:"Cabello",Roupa:"Ropa","Tênis":"Zapatillas","Óculos":"Gafas",continue:"CONTINUAR"},ar:{urlBuilder:"https://builder.dentrodahistoria.com.br",loadingPhrase:"نحن نقوم بتحميل كتابك الحصري",pages:"صفحات",pagesLowercase:"صفحات",editArea:"منطقة التحرير",name:"الاسم",dedication:"اهداء",writeDedication:"اكتب اهداء",shirtNumber:"رقم القميص",bookScript:"نص الكتاب",dateBirth:"تاريخ الميلاد",editDateBirth:"تحرير تاريخ الميلاد",editName:"تحرير الاسم",kidName:"تحرير اسم الطفل",reccomendName:"يُفضل استخدام الاسم الأول فقط",dedicationFree:"اهداء (مجانًا)",cusutomDedication:"تخصيص الاهداء",messageDedication:"رسالة الاهداء",dedcationPlaceholder:"نتمنى لحياتك مغامرات رائعة!",editShirt:"تحرير قميص الصغير",chooseScript:"اختر السيناريو",choosePetLabel1:"اختر اسم الحيوان الاليف الأول",choosePetLabel2:"اختر اسم الحيوان الاليف الثاني",day:"يوم",month:"شهر",pet:"حيوان اليف",changePet:"قم بتغيير الحيوان الاليف في القصة",petDescription1:"مواصفات الحيوان الأليف الأول",petDescription2:"مواصفات الحيوان الأليف الثاني",typePetname:"اكتب اسم الحيوان الاليف هنا",selectPet:"اختر الحيوان الأليف",update:"تحديث",cancel:"إلغاء",moonerLabelSidebar:"اسم المونر في القائمة الجانبية",moonerTitle:"قم بتغيير مونر في القصة",moonerTitleFirstOpen:"أضف مونر إلى القصة",moonerTitleMobile:"قم بتغيير مونر",moonerTitleFirstOpenMobile:"أضف مونر",moonerDescriptionOne:"مواصفات المونر الأول",moonerDescriptionTwo:"مواصفات المونر الثاني",moonerDescriptionTwoMobile:"مواصفات المونر الثاني موبايل",moonerLabel:"اسم المونر",moonerLabelSelector:"اختيار اسم المونر",moonerCtaFirstOpen:"دعوة لتحريك المونر افتح أولاً",moonerCta:"دعوة لتحريك المونر",moonerCtaCancel:"دعوة لالغاء لتحريك المونر",birthday_label:"تاريخ الميلاد",genderFemale:"فتاة",genderMale:"صبي",or:"أو",do:"do",da:"da",editCharacter:"تحرير شخصية",Pele:"البشرة",Olhos:"عيون",Cabelo:"شعر",Roupa:"ملابس","Tênis":"حذاء رياضي","Óculos":"نظارات",continue:"متابعة"},tr:{urlBuilder:"https://builder.dentrodahistoria.com.br",justASecond:"Bir saniye",loadingPhrase:"Size özel kitabınız yükleniyor.",pages:"SAYFALAR",pagesLowercase:"Sayfalar",editArea:"Düzenleme Alanı",name:"Ad",dedication:"İthaf",writeDedication:"İthaf yazınız",shirtNumber:"Tişört Numarası",bookScript:"Kitabın Senaryosu",dateBirth:"Doğum Tarihi",editDateBirth:"Doğum Tarihini Düzenle",editName:"Küçüğün adını düzenle",kidName:"Ana kahramanın adını düzenle",reccomendName:"Sadece isim kullanmanız önerilir.",dedicationFree:"İthaf (ücretsiz)",cusutomDedication:"Kitapta basılacak olan ithafı özelleştirin.",messageDedication:"İthaf Metni",dedcationPlaceholder:"Maceralarla dolu bir hayat diliyorum.",editShirt:"Küçüğün tişörtünü düzenle",chooseScript:"Senaryo seç",choosePetLabel1:"Sana yardımcı olacak ikiliyi seç",choosePetLabel2:"Bu macerada Turma da Monica'yla beraber Sansao'yu bulacaklar.",day:"Gün",month:"Ay",pet:"Evcil hayvan",changePet:"Öyküde evcil hayvanı değiştir",petDescription1:"Bu evcil hayvan,",petDescription2:"tüm öykü boyunca size eşlik edecektir.",typePetname:"Evcil hayvanın adını buraya yaz",selectPet:"Evcil hayvanı seç",update:"GÜNCELLE",cancel:"İptal et",moonerLabelSidebar:"Mooner",moonerTitle:"Öyküde mooner'ı değiştir",moonerTitleFirstOpen:"Öyküye bir mooner ekle",moonerTitleMobile:"Mooner'ı değiştir",moonerTitleFirstOpenMobile:"Bir mooner ekle",moonerDescriptionOne:"O, <span>",moonerDescriptionTwo:"</span> tüm öykü boyunca eşlik edecektir.",moonerDescriptionTwoMobile:"öyküde.",moonerLabel:"Mooner'ın Adı",moonerLabelSelector:"Bir mooner seç",moonerCtaFirstOpen:"Hazır, öyküyü görüntüle",moonerCta:"Güncelle",moonerCtaCancel:"İptal et",birthday_label:"Doğum Tarihi",genderFemale:"Kız",genderMale:"Erkek",or:"veya",do:"nin",da:"nın",editCharacter:"Karakteri Düzenle",Pele:"Ten Rengi",Olhos:"Göz",Cabelo:"Saç",Roupa:"Giysi","Tênis":"Spor Ayakkabısı","Óculos":"Gözlük",continue:"DEVAM ET"}},S=require("axios"),P=b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"customization-panel",class:"rtl"===t.dir?"rtl":""},[a("div",{staticClass:"overlay-opacity"}),t._v(" "),a("div",{staticClass:"customization-panel-head"},[a("div",{staticClass:"customization-panel-heading"},[t._v("\n "+t._s(t.lang.editCharacter)+" "+t._s(t.characterIsMale?t.lang.do:t.lang.da)+"\n "),a("b",[t._v(t._s(t.characterName))])]),t._v(" "),a("div",{staticClass:"customization-categories"},[t._l(t.categoriesAssets.categories,(function(e){return a("a",{directives:[{name:"show",rawName:"v-show",value:"mooner"!==e.code&&"pet"!==e.code,expression:"category.code !== 'mooner' && category.code !== 'pet'"}],key:e.key,ref:e.code,refInFor:!0,staticClass:"customization-categories-item",class:[{"is-selected":e===t.selectedCategory,"is-disabled":t.isCategoryDisabled(e)},"category-"+e.code],attrs:{id:e.code},on:{click:function(a){return t.handleSelectCategory(e)}}},[e.assets.icon?a("img",{staticClass:"customization-categories-item-icon",attrs:{src:e.assets.icon}}):a("span",{staticClass:"customization-categories-item-icon customization-categories-item-icon-placeholder"}),t._v(" "),a("Caption",{staticClass:"customization-categories-item-label",attrs:{color:"#AFA2BA"}},[t._v("\n "+t._s(t.lang[e.name])+"\n ")])],1)})),t._v(" "),t._l(t.categoriesAssets.groups,(function(e){return a("a",{key:e.key,ref:e.code,refInFor:!0,staticClass:"customization-categories-item",class:[{"is-selected":e===t.selectedGroup},"category-"+e.code],on:{click:function(a){return t.handleSelectGroup(e)}}},[e.assets.icon?a("img",{staticClass:"customization-categories-item-icon",attrs:{src:e.assets.icon}}):a("span",{staticClass:"customization-categories-item-icon customization-categories-item-icon-placeholder"}),t._v(" "),a("Caption",{staticClass:"customization-categories-item-label",attrs:{color:"#AFA2BA"}},[t._v("\n "+t._s(t.lang[e.name])+"\n ")])],1)}))],2)]),t._v(" "),a("div",{staticClass:"customization-panel-body",attrs:{id:"customization-panel-body"}},[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._v(" "),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._v(" "),a("div",{staticClass:"helper"},[a("div",{ref:"error",staticClass:"error",domProps:{innerHTML:t._s(t.error)}}),t._v(" "),a("div",{staticClass:"btn-avatar",class:t.dir,on:{click:t.generateAvatar}},[a("div",{staticClass:"btn-avatar-preload"},[a("span",[t._v(t._s(t.lang.continue))]),t._v(" "),a("Icon",{attrs:{name:"chevron-right",fill:"#fff",size:"md",stroke:"transparent"}})],1),t._v(" "),a("div",{staticClass:"btn-avatar-loading"},[a("span",{staticClass:"btn-avatar-loading-content",domProps:{innerHTML:t._s(t.loadingContent)}}),t._v(" "),a("span",{staticClass:"btn-avatar-loading-icon"},[a("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:"36",height:"36",viewBox:"0 0 36 36"}},[a("path",{attrs:{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"}})])])])])])])},staticRenderFns:[]},(function(t){t&&t("data-v-2ca543a8_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}.customization-panel.rtl{left:0;right:auto}.customization-panel.rtl .btn-avatar .icon{right:auto;left:0;transform:rotate(180deg)}@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;bottom:0}.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;border:500px;background:#12d3db;border-radius:500px;position:fixed;overflow:hidden;font-family:Nunito,sans-serif;font-weight:900;text-transform:uppercase;font-size:.5714285714rem;color:#fff;line-height:1;height:2rem;padding:0 .7619047619rem!important;font-size:.4761904762rem;padding:.7619047619rem 1.1428571429rem;width:fit-content;box-shadow:none}@media (max-width:479px){.btn-avatar-mobile{display:flex!important;font-size:1.1214953271rem;padding:1.4953271028rem 2.2429906542rem!important;height:3.9252336449rem;font-size:.9345794393rem;padding:0 1.4953271028rem!important;top:.7476635514rem!important;right:2.2429906542rem!important;z-index:9999}.btn-avatar-mobile .icon{display:none!important}}.btn-avatar-mobile.width-circle{line-height:1;width:2.0952380952rem;height:2.0952380952rem;display:flex;align-items:center;justify-content:center}@media (max-width:479px){.btn-avatar-mobile.width-circle{width:4.1121495327rem;height:4.1121495327rem}}.btn-avatar-mobile.is-inverted{background:#fff;color:#12d3db}.btn-avatar-mobile.is-inverted path,.btn-avatar-mobile.is-inverted svg{fill:#12d3db;stroke:transparent}.btn-avatar-mobile:hover{cursor:pointer}.btn-avatar-mobile:hover:not(.is-inverted){background:#17b8bc}.btn-avatar-mobile:hover.is-inverted{opacity:.8}.btn-avatar-mobile:active,.btn-avatar-mobile:focus{outline:0}.btn-avatar-mobile:active:not(.is-inverted),.btn-avatar-mobile:focus:not(.is-inverted){background:#17b8bc}.btn-avatar-mobile:active.is-inverted,.btn-avatar-mobile:focus.is-inverted{opacity:.8}.btn-avatar-mobile.is-disabled,.btn-avatar-mobile[disabled]{pointer-events:none;background-color:#dfdae4;color:#fff}.btn-avatar-mobile.is-disabled path,.btn-avatar-mobile.is-disabled svg,.btn-avatar-mobile[disabled] path,.btn-avatar-mobile[disabled] svg{fill:#fff;stroke:transparent}.btn-avatar-mobile.rtl{right:0;margin-left:8px}.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:k,Caption:z,Icon:C},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},typeLanguage:{type:String,required:!1,default:"pt"},dir:{type:String,default:"ltr",required:!1}},data:function(){return{selectedCategory:null,selectedGroup:null,selectedCollection:null,error:null,isMobile:null,lang:M[this.typeLanguage],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 f(h().mark((function e(){var a,i,o,r,d,n,s,l,c,p,m,u;return h().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(a=t,o=!1,t.categoriesAssets.categories.forEach((function(e){e.required?((i=t.customizations.find((function(t){return e.id===t.categoryId})))||(i=t.disabledCategories.find((function(t){return e.id===t.categoryId}))),i||(o=!0,r=e)):(e.code.includes("mooner")||e.code.includes("pet"))&&(i=t.disabledCategories.find((function(t){return e.id===t.categoryId})))})),o){e.next=18;break}return t.$emit("startedMethod"),d=null,n=[],t.customizations.forEach((function(t){var e={parent_id:t.categoryId,id:t.optionId?t.optionId:t.relatedCategoryId};e.parent_id&&e.id&&n.push(e)})),s={properties:a.userDataProperties,type:t.characterTypeId},l={custom_character:{character_id:t.characterId,product_id:t.builderProductId,type_id:t.characterTypeId,categories:n,user_data:s}},t.builderLayoutId&&(l.custom_character.layout_id=t.builderLayoutId),t.language&&(l.custom_character.language=t.language),e.next=14,S({method:"POST",url:"".concat(t.builderApi,"/customs_characters/"),headers:{"Content-Type":"application/json"},data:l}).then((function(t){return t})).catch((function(t){return t}));case 14:(c=e.sent)&&(200===c.status?t.$emit("completedMethod",{updatedCustomizations:t.customizations,updatedUuid:c.data.custom.uuid,categories:n,success:!0}):(console.log("tentou pegar o segundo request"),c&&c.response&&c.response.reques&&(p=JSON.parse(c.response.request.responseText),d=p?p.error:"Não foi possível gerar o avatar. Tente novamente."),d&&(t.error=d,t.$refs.error.style.opacity="1",setTimeout((function(){t.$refs.error.style.opacity="0"}),5e3)),t.$emit("completedMethod",{updatedCustomizations:t.customizations,updatedUuid:c.data.custom.uuid,categories:n,success:!1}))),e.next=22;break;case 18:m=r.code,u="pele"===m?"Necessário selecionar um tom de pele":"Necessário selecionar um tipo de ".concat(m),screen.width>1023&&("roupa"===m||"tenis"===m)?(t.error=u,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=u,setTimeout((function(){document.getElementsByClassName("error")[0].style.opacity="0",document.getElementsByClassName("error")[0].textContent=""}),5e3)),t.$refs[m][0].click();case 22:case"end":return e.stop()}}),e)})))()},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");
|
|
102
102
|
// const transform = "scale(1) translateY(0)"
|
|
103
103
|
// Array.from(avatar).forEach(piece => {
|
|
104
104
|
// piece.style.transform = transform
|
|
@@ -183,7 +183,7 @@ handleUpdateRelatedCategories:function(t){var e=this;this.categoriesAssets.categ
|
|
|
183
183
|
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)}))}))})),(
|
|
184
184
|
// Procurando a nova subcategoria
|
|
185
185
|
// já com a referência correta da categoria
|
|
186
|
-
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,void 0,!1,x,void 0,void 0),E=require("axios"),B=b({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,typeLanguage:t.typeLanguage,dir:t.dir},on:{startedMethod:t.started,completedMethod:t.completed}})],1)},staticRenderFns:[]},(function(t){t&&t("data-v-
|
|
186
|
+
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,void 0,!1,x,void 0,void 0),E=require("axios"),B=b({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,typeLanguage:t.typeLanguage,dir:t.dir},on:{startedMethod:t.started,completedMethod:t.completed}})],1)},staticRenderFns:[]},(function(t){t&&t("data-v-f38ad29c_0",{source:"hr[data-v-f38ad29c]{margin:10px -1.5rem}h1[data-v-f38ad29c]{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-f38ad29c]:first-child{display:none}.ddh-sidebar[data-v-f38ad29c],.ddh-sidebar.hide-sidebar[data-v-f38ad29c]{display:none!important}html[data-v-f38ad29c]{--scale:1;--translate:0%}.loading-view[data-v-f38ad29c]{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-f38ad29c]{position:absolute;z-index:3}.avatar-page[data-v-f38ad29c]{min-height:100vh;position:absolute;width:100%;height:100vh;top:0;left:0;background:#fff}@media (max-width:992px){.avatar-page[data-v-f38ad29c]{min-height:0;height:100vh;height:calc(var(--vh,1vh) * 100);overflow:hidden}}.return[data-v-f38ad29c]{position:fixed;z-index:99}.return .icon[data-v-f38ad29c]{width:38px;height:38px;position:absolute;z-index:30;padding:.95238rem 2.77778vw}.return .icon svg[data-v-f38ad29c]{width:38px;height:38px}.return .icon svg path[data-v-f38ad29c]{fill:#afa2ba!important;stroke:#afa2ba!important;transition:all .1s cubic-bezier(.4,0,.2,1)}.return .icon[data-v-f38ad29c]:hover{cursor:pointer}.return .icon:hover path[data-v-f38ad29c],.return .icon:hover svg[data-v-f38ad29c]{fill:#1ad3d9!important;stroke:#1ad3d9!important}.return .icon:active svg[data-v-f38ad29c]{transform:scale(.9)}",map:void 0,media:void 0})}),{name:"Avatar",components:{CustomizationView:T},props:{
|
|
187
187
|
/**
|
|
188
188
|
* ID do personagem.<br>
|
|
189
189
|
* Example: `57`
|
|
@@ -276,7 +276,7 @@ this.$emit("started")},completed:function(t){
|
|
|
276
276
|
/**
|
|
277
277
|
* Função disparada ao ser finalizada customização. Recebe um objeto.
|
|
278
278
|
*/
|
|
279
|
-
this.$emit("completed",t)}}},"data-v-2b3f7ec2",!1,void 0,!1,x,void 0,void 0),A=b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("button",t._g(t._b({class:["btn-"+t.kind,"size-"+t.size,"width-"+t.width,{"is-inverted":t.inverted},{"is-disabled":t.disabled},{"is-loading":t.isLoading},{"is-loading-progressive":t.isLoading&&"progressive"===t.loadingType},{"is-loading-progressive-complete":t.isLoadingCompleted&&"progressive"===t.loadingType},t.icon?"icons-"+t.icon:""],style:t.shadowVar,attrs:{disabled:t.disabled}},"button",t.$attrs,!1),t.$listeners),["circle"===t.width&&t.icon?a("span",{staticClass:"icons-wrap"},[a("Icon",{attrs:{name:t.icon,fill:"#fff",stroke:"transparent"}})],1):t.isLoading&&!1===t.isLoadingCompleteCheck&&"progressive"===t.loadingType?a("span",{staticClass:"text"},[t._v(t._s(t.loadingText))]):t.isLoadingCompleteCheck&&"progressive"===t.loadingType?a("span",{staticClass:"icons-complete"},[a("Icon",{attrs:{name:"check",fill:"#fff",stroke:"transparent"}})],1):t.isLoading&&"progressive"===t.loadingType?a("span",{staticClass:"loading-progress"}):t.isLoading&&"spinner"===t.loadingType?a("span",{staticClass:"loading"},[a("Loading")],1):a("div",{staticClass:"slot-content",class:t.isLoading?"text-slot":""},[t._t("default")],2)])},staticRenderFns:[]},(function(t){t&&(t("data-v-0723909f_0",{source:'.storybook-6{width:columns("lg", 6)}.storybook-12{width:columns("lg", 12)}.storybook-25{width:columns("lg", 25)}',map:void 0,media:void 0}),t("data-v-0723909f_1",{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-0723909f]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-0723909f]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-0723909f]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-0723909f]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-0723909f]{font-size:14px}}@media (min-width:1024px){[data-v-0723909f]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-0723909f]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-0723909f]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-0723909f]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-0723909f]{font-size:1.56vw}}html[data-v-0723909f]{box-sizing:border-box}*[data-v-0723909f],[data-v-0723909f]::after,[data-v-0723909f]::before{box-sizing:border-box}.btn-primary[data-v-0723909f]{transition:all .2s cubic-bezier(.4,0,.2,1);border:500px;background:#12d3db;box-shadow:0 2px 8px rgba(var(--shadow-color),.24);border-radius:500px;position:relative;overflow:hidden;font-family:Nunito,sans-serif;font-weight:900;text-transform:uppercase;font-size:.6666666667rem;color:#fff;line-height:1}@media (max-width:479px){.btn-primary[data-v-0723909f]{font-size:1.308411215rem;min-height:4.4859813084rem}}.btn-primary.width-fluid[data-v-0723909f]{width:100%;padding:1.1428571429rem 1.5238095238rem}.btn-primary.width-fluid.icons-left i.icon[data-v-0723909f]{left:.7619047619rem;right:auto}.btn-primary.width-fluid.icons-right i.icon[data-v-0723909f]{right:.7619047619rem;left:auto}.btn-primary.width-fluid .icon[data-v-0723909f]{position:absolute;margin:auto 0;top:0;bottom:0;display:flex;align-items:center;width:1.1428571429rem;height:1.1428571429rem}@media (max-width:479px){.btn-primary.width-fluid .icon[data-v-0723909f]{width:2.2429906542rem;height:2.2429906542rem}}.btn-primary.width-fluid .icon svg[data-v-0723909f]{display:block}.btn-primary.width-fluid .icon path[data-v-0723909f],.btn-primary.width-fluid .icon svg[data-v-0723909f]{fill:#fff}.btn-primary.width-fluid .icon[data-v-0723909f] svg,.btn-primary.width-fluid .icon path[data-v-0723909f]{fill:#fff}@media (max-width:479px){.btn-primary.width-fluid[data-v-0723909f]{min-height:4.4859813084rem;padding:0 .7476635514rem}.btn-primary.width-fluid .icon[data-v-0723909f]{right:.7476635514rem}}.btn-primary.width-liquid[data-v-0723909f]{padding:1.1428571429rem 1.5238095238rem;width:fit-content}.btn-primary.width-liquid.icons-left[data-v-0723909f]{padding-left:2.2857142857rem!important}.btn-primary.width-liquid.icons-left .icon[data-v-0723909f]{left:.7619047619rem;right:auto}.btn-primary.width-liquid.icons-right[data-v-0723909f]{padding-right:2.2857142857rem!important}.btn-primary.width-liquid.icons-right .icon[data-v-0723909f]{right:.7619047619rem;left:auto}.btn-primary.width-liquid .icon[data-v-0723909f]{position:absolute;margin:auto 0;top:0;bottom:0;display:flex;align-items:center;margin-right:.1904761905rem;width:1.1428571429rem;height:1.1428571429rem}@media (max-width:479px){.btn-primary.width-liquid .icon[data-v-0723909f]{width:2.2429906542rem;height:2.2429906542rem}}.btn-primary.width-liquid .icon svg[data-v-0723909f]{display:block}.btn-primary.width-liquid .icon path[data-v-0723909f],.btn-primary.width-liquid .icon svg[data-v-0723909f]{fill:#12d3db;stroke:transparent}.btn-primary.width-liquid .icon[data-v-0723909f] svg,.btn-primary.width-liquid .icon path[data-v-0723909f]{fill:#12d3db;stroke:transparent}@media (max-width:479px){.btn-primary.width-liquid[data-v-0723909f]{min-height:4.4859813084rem;padding:1.4953271028rem 2.2429906542rem}}.btn-primary.width-circle[data-v-0723909f]{padding:.7619047619rem;line-height:1}.btn-primary.width-circle .icon-wrap[data-v-0723909f]{width:1.1428571429rem;height:1.1428571429rem;display:block}.btn-primary.width-circle .icon-wrap .icon[data-v-0723909f]{width:1.1428571429rem;height:1.1428571429rem;display:block}.btn-primary.width-circle .icon-wrap .icon[data-v-0723909f] svg{width:1.1428571429rem;height:1.1428571429rem;display:block;fill:#12d3db!important}.btn-primary.width-circle .icon-wrap .icon[data-v-0723909f] svg path{fill:#12d3db!important}@media (max-width:479px){.btn-primary.width-circle[data-v-0723909f]{width:4.4859813084rem;height:4.4859813084rem}.btn-primary.width-circle svg[data-v-0723909f]{width:2.2429906542rem;height:2.2429906542rem}}.btn-primary.is-inverted[data-v-0723909f]{background:#fff;color:#12d3db}.btn-primary.is-inverted path[data-v-0723909f],.btn-primary.is-inverted svg[data-v-0723909f]{fill:#12d3db;stroke:transparent}.btn-primary[data-v-0723909f]:hover{cursor:pointer;transform:translateY(-3px);box-shadow:4px 8px 24px rgba(175,162,186,.24)}.btn-primary[data-v-0723909f]:active,.btn-primary[data-v-0723909f]:focus{outline:0;transform:translateY(3px) scale(.97)}.btn-primary[data-v-0723909f]:active:not(.is-inverted),.btn-primary[data-v-0723909f]:focus:not(.is-inverted){box-shadow:unset;background:#12d3db}.btn-primary:active.is-inverted[data-v-0723909f],.btn-primary:focus.is-inverted[data-v-0723909f]{box-shadow:0 2px 8px rgba(175,162,186,.24)}.btn-primary.is-disabled[data-v-0723909f],.btn-primary[disabled][data-v-0723909f]{pointer-events:none;background-color:#dfdae4;color:#fff}.btn-primary.is-disabled path[data-v-0723909f],.btn-primary.is-disabled svg[data-v-0723909f],.btn-primary[disabled] path[data-v-0723909f],.btn-primary[disabled] svg[data-v-0723909f]{fill:#fff;stroke:transparent}.btn-primary.is-loading[data-v-0723909f]{pointer-events:none;background-color:#dfffff;color:#fff;transition:all 1s ease-out}.btn-primary.is-loading path[data-v-0723909f],.btn-primary.is-loading svg[data-v-0723909f]{fill:#fff;stroke:transparent}.btn-primary.is-loading-progressive[data-v-0723909f]{background-color:#00cf72!important;cursor:wait}.btn-primary.is-loading-progressive .text[data-v-0723909f]{position:absolute;z-index:2;width:100%;left:0;height:100%;top:0;display:flex;align-items:center;justify-content:center;transition:all .5s ease;animation:textOpacity-data-v-0723909f 1s infinite}@keyframes textOpacity-data-v-0723909f{0%,100%{opacity:1}50%{opacity:.4}}.btn-primary.is-loading-progressive .icon[data-v-0723909f]{display:none}.btn-primary.is-loading-progressive-complete .icon[data-v-0723909f]{position:relative;z-index:2;display:block;width:1.7142857143rem;height:100%;right:auto!important}.btn-primary.is-loading-progressive-complete .icon svg[data-v-0723909f]{width:1.5238095238rem;height:1.5238095238rem}.btn-primary.is-loading-progressive-complete .text[data-v-0723909f]{position:absolute;opacity:0!important}.btn-secondary[data-v-0723909f]{transition:all .2s cubic-bezier(.4,0,.2,1);border:500px;background:#12d3db;border-radius:500px;position:relative;overflow:hidden;font-family:Nunito,sans-serif;font-weight:900;text-transform:uppercase;font-size:.5714285714rem;color:#fff;line-height:1}@media (max-width:479px){.btn-secondary[data-v-0723909f]{font-size:1.1214953271rem}}.btn-secondary.size-lg[data-v-0723909f]{height:2.2857142857rem;padding:0 1.5238095238rem!important;font-size:.6666666667rem}@media (max-width:479px){.btn-secondary.size-lg[data-v-0723909f]{height:4.4859813084rem;padding:0 2.9906542056rem!important;font-size:1.308411215rem}.btn-secondary.size-lg.icons-left .icon[data-v-0723909f]{margin-right:.3738317757rem!important}.btn-secondary.size-lg.icons-right .icon[data-v-0723909f]{margin-left:.3738317757rem!important}}.btn-secondary.size-md[data-v-0723909f]{padding:0 1.1428571429rem;height:2.0952380952rem;font-size:.5714285714rem}@media (max-width:479px){.btn-secondary.size-md[data-v-0723909f]{height:4.1121495327rem;font-size:1.1214953271rem;padding:0 2.2429906542rem!important}.btn-secondary.size-md.icons-left .icon[data-v-0723909f]{margin-right:.3738317757rem!important}.btn-secondary.size-md.icons-right .icon[data-v-0723909f]{margin-left:.3738317757rem!important}}.btn-secondary.size-sm[data-v-0723909f]{height:2rem;padding:0 .7619047619rem!important;font-size:.4761904762rem}@media (max-width:479px){.btn-secondary.size-sm[data-v-0723909f]{height:3.9252336449rem;font-size:.9345794393rem;padding:0 1.4953271028rem!important}.btn-secondary.size-sm.icons-left .icon[data-v-0723909f]{margin-right:.3738317757rem!important}.btn-secondary.size-sm.icons-right .icon[data-v-0723909f]{margin-left:.3738317757rem!important}}.btn-secondary.width-fluid[data-v-0723909f]{width:100%;padding:.7619047619rem}@media (max-width:479px){.btn-secondary.width-fluid[data-v-0723909f]{padding:1.4953271028rem}}[data-v-0723909f] .btn-secondary.width-fluid.icons-left{position:relative}[data-v-0723909f] .btn-secondary.width-fluid.icons-left .icon{left:0}[data-v-0723909f] .btn-secondary.width-fluid.icons-left.size-md{padding:0 .7619047619rem!important}[data-v-0723909f] .btn-secondary.width-fluid.icons-left.size-md .icon{margin-left:.7619047619rem!important}[data-v-0723909f] .btn-secondary.width-fluid.icons-left.size-sm{padding:0 .7619047619rem!important}[data-v-0723909f] .btn-secondary.width-fluid.icons-left.size-sm .icon{margin-left:.7619047619rem!important}[data-v-0723909f] .btn-secondary.width-fluid.icons-left.size-lg{padding:0 .7619047619rem!important}[data-v-0723909f] .btn-secondary.width-fluid.icons-left.size-lg .icon{margin-left:.7619047619rem!important}[data-v-0723909f] .btn-secondary.width-fluid.icons-left.size-xl{padding:0 1.1428571429rem!important}[data-v-0723909f] .btn-secondary.width-fluid.icons-left.size-xl .icon{margin-left:1.1428571429rem!important}.btn-secondary.width-fluid.icons-right[data-v-0723909f]{position:relative}.btn-secondary.width-fluid.icons-right .icon[data-v-0723909f]{right:0}.btn-secondary.width-fluid.icons-right.size-md[data-v-0723909f]{padding:0 .7619047619rem!important}.btn-secondary.width-fluid.icons-right.size-md .icon[data-v-0723909f]{margin-right:.7619047619rem!important}.btn-secondary.width-fluid.icons-right.size-sm[data-v-0723909f]{padding:0 .7619047619rem!important}.btn-secondary.width-fluid.icons-right.size-sm .icon[data-v-0723909f]{margin-right:.7619047619rem!important}.btn-secondary.width-fluid.icons-right.size-lg[data-v-0723909f]{padding:0 .7619047619rem!important}.btn-secondary.width-fluid.icons-right.size-lg .icon[data-v-0723909f]{margin-right:.7619047619rem!important}.btn-secondary.width-fluid.icons-right.size-xl[data-v-0723909f]{padding:0 1.1428571429rem!important}.btn-secondary.width-fluid.icons-right.size-xl .icon[data-v-0723909f]{margin-right:1.1428571429rem!important}.btn-secondary.width-fluid .icon[data-v-0723909f]{position:absolute;margin:auto 0;top:0;bottom:0;display:flex;align-items:center;margin-right:.1904761905rem;width:1.1428571429rem;height:1.1428571429rem}@media (max-width:479px){.btn-secondary.width-fluid .icon[data-v-0723909f]{width:2.2429906542rem;height:2.2429906542rem}}.btn-secondary.width-fluid .icon svg[data-v-0723909f]{display:block}.btn-secondary.width-fluid .icon path[data-v-0723909f],.btn-secondary.width-fluid .icon svg[data-v-0723909f]{fill:#12d3db;stroke:transparent}.btn-secondary.width-fluid .icon[data-v-0723909f] svg,.btn-secondary.width-fluid .icon path[data-v-0723909f]{fill:#12d3db;stroke:transparent}@media (max-width:479px){.btn-secondary.width-fluid[data-v-0723909f]{padding:1.4953271028rem}.btn-secondary.width-fluid .icon[data-v-0723909f]{width:2.2429906542rem;height:2.2429906542rem}.btn-secondary.width-fluid.icons-right .icon[data-v-0723909f]{right:0}.btn-secondary.width-fluid.icons-right.size-md[data-v-0723909f]{padding:0 1.4953271028rem!important}.btn-secondary.width-fluid.icons-right.size-md .icon[data-v-0723909f]{margin-right:2.2429906542rem!important}.btn-secondary.width-fluid.icons-right.size-sm[data-v-0723909f]{padding:0 1.4953271028rem!important}.btn-secondary.width-fluid.icons-right.size-sm .icon[data-v-0723909f]{margin-right:1.4953271028rem!important}.btn-secondary.width-fluid.icons-right.size-lg[data-v-0723909f]{padding:0 1.4953271028rem!important}.btn-secondary.width-fluid.icons-right.size-lg .icon[data-v-0723909f]{margin-right:1.4953271028rem!important}.btn-secondary.width-fluid.icons-right.size-xl[data-v-0723909f]{padding:0 2.2429906542rem!important}.btn-secondary.width-fluid.icons-right.size-xl .icon[data-v-0723909f]{margin-right:2.2429906542rem!important}.btn-secondary.width-fluid.icons-left .icon[data-v-0723909f]{left:0}.btn-secondary.width-fluid.icons-left.size-md[data-v-0723909f]{padding:0 1.4953271028rem!important}.btn-secondary.width-fluid.icons-left.size-md .icon[data-v-0723909f]{margin-left:1.4953271028rem!important}.btn-secondary.width-fluid.icons-left.size-sm[data-v-0723909f]{padding:0 1.4953271028rem!important}.btn-secondary.width-fluid.icons-left.size-sm .icon[data-v-0723909f]{margin-left:1.4953271028rem!important}.btn-secondary.width-fluid.icons-left.size-lg[data-v-0723909f]{padding:0 1.4953271028rem!important}.btn-secondary.width-fluid.icons-left.size-lg .icon[data-v-0723909f]{margin-left:1.4953271028rem!important}.btn-secondary.width-fluid.icons-left.size-xl[data-v-0723909f]{padding:0 2.2429906542rem!important}.btn-secondary.width-fluid.icons-left.size-xl .icon[data-v-0723909f]{margin-left:2.2429906542rem!important}}.btn-secondary.width-liquid[data-v-0723909f]{padding:.7619047619rem 1.1428571429rem;width:fit-content}@media (max-width:479px){.btn-secondary.width-liquid[data-v-0723909f]{padding:1.4953271028rem 2.2429906542rem}}.btn-secondary.width-liquid.icons-left[data-v-0723909f]{padding-left:2.2857142857rem!important}.btn-secondary.width-liquid.icons-left .icon[data-v-0723909f]{left:0;right:auto;margin-left:.7619047619rem}.btn-secondary.width-liquid.icons-right[data-v-0723909f]{padding-right:2.2857142857rem!important}.btn-secondary.width-liquid.icons-right .icon[data-v-0723909f]{right:0;left:auto;margin-right:.7619047619rem}.btn-secondary.width-liquid .icon[data-v-0723909f]{position:absolute;margin:auto 0;top:0;bottom:0;display:flex;align-items:center;margin-right:.1904761905rem;width:1.1428571429rem;height:1.1428571429rem}@media (max-width:479px){.btn-secondary.width-liquid .icon[data-v-0723909f]{width:2.2429906542rem;height:2.2429906542rem}}.btn-secondary.width-liquid .icon svg[data-v-0723909f]{display:block}.btn-secondary.width-liquid .icon path[data-v-0723909f],.btn-secondary.width-liquid .icon svg[data-v-0723909f]{fill:#12d3db;stroke:transparent}.btn-secondary.width-liquid .icon[data-v-0723909f] svg,.btn-secondary.width-liquid .icon path[data-v-0723909f]{fill:#12d3db;stroke:transparent}.btn-secondary.width-circle[data-v-0723909f]{line-height:1;width:2.0952380952rem;height:2.0952380952rem;display:flex;align-items:center;justify-content:center}@media (max-width:479px){.btn-secondary.width-circle[data-v-0723909f]{width:4.1121495327rem;height:4.1121495327rem}}.btn-secondary.is-inverted[data-v-0723909f]{background:#fff;color:#12d3db}.btn-secondary.is-inverted path[data-v-0723909f],.btn-secondary.is-inverted svg[data-v-0723909f]{fill:#12d3db;stroke:transparent}.btn-secondary[data-v-0723909f]:hover{cursor:pointer}.btn-secondary[data-v-0723909f]:hover:not(.is-inverted){background:#17b8bc}.btn-secondary:hover.is-inverted[data-v-0723909f]{opacity:.8}.btn-secondary[data-v-0723909f]:active,.btn-secondary[data-v-0723909f]:focus{outline:0}.btn-secondary[data-v-0723909f]:active:not(.is-inverted),.btn-secondary[data-v-0723909f]:focus:not(.is-inverted){background:#17b8bc}.btn-secondary:active.is-inverted[data-v-0723909f],.btn-secondary:focus.is-inverted[data-v-0723909f]{opacity:.8}.btn-secondary.is-disabled[data-v-0723909f],.btn-secondary[disabled][data-v-0723909f]{pointer-events:none;background-color:#dfdae4;color:#fff}.btn-secondary.is-disabled path[data-v-0723909f],.btn-secondary.is-disabled svg[data-v-0723909f],.btn-secondary[disabled] path[data-v-0723909f],.btn-secondary[disabled] svg[data-v-0723909f]{fill:#fff;stroke:transparent}.btn-secondary.is-loading[data-v-0723909f]{pointer-events:none;background-color:#dfffff;color:#fff;transition:all 1s ease-out}.btn-secondary.is-loading path[data-v-0723909f],.btn-secondary.is-loading svg[data-v-0723909f]{fill:#fff;stroke:transparent}.btn-secondary.is-loading-progressive[data-v-0723909f]{background-color:#00cf72!important;cursor:wait;color:#fff!important;-webkit-transition:color 0s ease-in!important;-moz-transition:color 0s ease-in!important;-o-transition:color 0s ease-in!important;transition:color 0s ease-in!important}.btn-secondary.is-loading-progressive .slot-content span[data-v-0723909f]{color:#fff!important;-webkit-transition:color 0s ease-in!important;-moz-transition:color 0s ease-in!important;-o-transition:color 0s ease-in!important;transition:color 0s ease-in!important}.btn-secondary.is-loading-progressive .text[data-v-0723909f]{z-index:2;position:absolute;transition:all .5s ease;animation:textOpacity-data-v-0723909f 1s infinite;width:100%;left:0;color:#fff!important;-webkit-transition:color 0s ease-in!important;-moz-transition:color 0s ease-in!important;-o-transition:color 0s ease-in!important;transition:color 0s ease-in!important}@keyframes textOpacity-data-v-0723909f{0%,100%{opacity:1}50%{opacity:.4}}.btn-secondary.is-loading-progressive .icon[data-v-0723909f]{display:none}.btn-secondary.is-loading-progressive-complete[data-v-0723909f]{cursor:wait}.btn-secondary.is-loading-progressive-complete .text[data-v-0723909f]{position:absolute;opacity:0!important}.btn-secondary.is-loading-progressive-complete .icon[data-v-0723909f]{position:relative;z-index:2;display:block;width:1.7142857143rem;height:1.7142857143rem;right:auto!important}.btn-secondary.is-loading-progressive-complete .icon svg[data-v-0723909f]{width:1.5238095238rem;height:1.5238095238rem}.btn-ghost[data-v-0723909f]{transition:all .2s cubic-bezier(.4,0,.2,1);background:0 0;border-radius:500px;border:1px solid #12d3db;position:relative;overflow:hidden;font-family:Nunito,sans-serif;font-weight:900;text-transform:uppercase;font-size:.5714285714rem;color:#12d3db;line-height:1;align-items:center;text-align:center;justify-content:center}.btn-ghost span[data-v-0723909f]{text-align:center}@media (max-width:479px){.btn-ghost[data-v-0723909f]{font-size:1.1214953271rem}}.btn-ghost.size-xl[data-v-0723909f]{height:3.0476190476rem;padding:0 1.9047619048rem!important;font-size:.6666666667rem}@media (max-width:479px){.btn-ghost.size-xl[data-v-0723909f]{height:5.9813084112rem;padding:0 3.738317757rem!important;font-size:1.308411215rem}.btn-ghost.size-xl.icons-left .icon[data-v-0723909f]{margin-right:.3738317757rem!important}.btn-ghost.size-xl.icons-right .icon[data-v-0723909f]{margin-left:.3738317757rem!important}}.btn-ghost.size-lg[data-v-0723909f]{height:2.2857142857rem;padding:0 1.5238095238rem!important;font-size:.6666666667rem}@media (max-width:479px){.btn-ghost.size-lg[data-v-0723909f]{height:4.4859813084rem;padding:0 2.9906542056rem!important;font-size:1.308411215rem}.btn-ghost.size-lg.icons-left .icon[data-v-0723909f]{margin-right:.3738317757rem!important}.btn-ghost.size-lg.icons-right .icon[data-v-0723909f]{margin-left:.3738317757rem!important}}.btn-ghost.size-md[data-v-0723909f]{padding:0 1.1428571429rem;height:2.0952380952rem;font-size:.5714285714rem}@media (max-width:479px){.btn-ghost.size-md[data-v-0723909f]{height:4.1121495327rem;font-size:1.1214953271rem;padding:0 2.2429906542rem!important}.btn-ghost.size-md.icons-left .icon[data-v-0723909f]{margin-right:.3738317757rem!important}.btn-ghost.size-md.icons-right .icon[data-v-0723909f]{margin-left:.3738317757rem!important}}.btn-ghost.size-sm[data-v-0723909f]{height:2rem;padding:0 .7619047619rem!important;font-size:.4761904762rem}@media (max-width:479px){.btn-ghost.size-sm[data-v-0723909f]{height:3.9252336449rem;font-size:.9345794393rem;padding:0 1.4953271028rem!important}.btn-ghost.size-sm.icons-left .icon[data-v-0723909f]{margin-right:.3738317757rem!important}.btn-ghost.size-sm.icons-right .icon[data-v-0723909f]{margin-left:.3738317757rem!important}}.btn-ghost.width-fluid[data-v-0723909f]{width:100%}[data-v-0723909f] .btn-ghost.width-fluid.icons-left{position:relative}[data-v-0723909f] .btn-ghost.width-fluid.icons-left .icon{left:0}[data-v-0723909f] .btn-ghost.width-fluid.icons-left.size-md{padding:0 .7619047619rem!important}[data-v-0723909f] .btn-ghost.width-fluid.icons-left.size-md .icon{margin-left:.7619047619rem!important}[data-v-0723909f] .btn-ghost.width-fluid.icons-left.size-sm{padding:0 .7619047619rem!important}[data-v-0723909f] .btn-ghost.width-fluid.icons-left.size-sm .icon{margin-left:.7619047619rem!important}[data-v-0723909f] .btn-ghost.width-fluid.icons-left.size-lg{padding:0 .7619047619rem!important}[data-v-0723909f] .btn-ghost.width-fluid.icons-left.size-lg .icon{margin-left:.7619047619rem!important}[data-v-0723909f] .btn-ghost.width-fluid.icons-left.size-xl{padding:0 1.1428571429rem!important}[data-v-0723909f] .btn-ghost.width-fluid.icons-left.size-xl .icon{margin-left:1.1428571429rem!important}.btn-ghost.width-fluid.icons-right[data-v-0723909f]{position:relative}.btn-ghost.width-fluid.icons-right .icon[data-v-0723909f]{right:0}.btn-ghost.width-fluid.icons-right.size-md[data-v-0723909f]{padding:0 .7619047619rem!important}.btn-ghost.width-fluid.icons-right.size-md .icon[data-v-0723909f]{margin-right:.7619047619rem!important}.btn-ghost.width-fluid.icons-right.size-sm[data-v-0723909f]{padding:0 .7619047619rem!important}.btn-ghost.width-fluid.icons-right.size-sm .icon[data-v-0723909f]{margin-right:.7619047619rem!important}.btn-ghost.width-fluid.icons-right.size-lg[data-v-0723909f]{padding:0 .7619047619rem!important}.btn-ghost.width-fluid.icons-right.size-lg .icon[data-v-0723909f]{margin-right:.7619047619rem!important}.btn-ghost.width-fluid.icons-right.size-xl[data-v-0723909f]{padding:0 1.1428571429rem!important}.btn-ghost.width-fluid.icons-right.size-xl .icon[data-v-0723909f]{margin-right:1.1428571429rem!important}.btn-ghost.width-fluid .icon[data-v-0723909f]{display:flex;justify-content:center;position:absolute;align-items:center;top:0;bottom:0;margin:auto 0;width:1.3333333333rem;height:1.3333333333rem}@media (max-width:479px){.btn-ghost.width-fluid .icon[data-v-0723909f]{width:2.6168224299rem;height:2.6168224299rem}}.btn-ghost.width-fluid .icon svg[data-v-0723909f]{display:block}.btn-ghost.width-fluid .icon path[data-v-0723909f],.btn-ghost.width-fluid .icon svg[data-v-0723909f]{fill:#12d3db;stroke:transparent}.btn-ghost.width-fluid .icon[data-v-0723909f] svg,.btn-ghost.width-fluid .icon path[data-v-0723909f]{width:24px;fill:#12d3db;stroke:transparent}@media (max-width:479px){.btn-ghost.width-fluid[data-v-0723909f]{padding:1.4953271028rem}.btn-ghost.width-fluid .icon[data-v-0723909f]{width:2.2429906542rem;height:2.2429906542rem}.btn-ghost.width-fluid.icons-right .icon[data-v-0723909f]{right:0}.btn-ghost.width-fluid.icons-right.size-md[data-v-0723909f]{padding:0 1.4953271028rem!important}.btn-ghost.width-fluid.icons-right.size-md .icon[data-v-0723909f]{margin-right:2.2429906542rem!important}.btn-ghost.width-fluid.icons-right.size-sm[data-v-0723909f]{padding:0 1.4953271028rem!important}.btn-ghost.width-fluid.icons-right.size-sm .icon[data-v-0723909f]{margin-right:1.4953271028rem!important}.btn-ghost.width-fluid.icons-right.size-lg[data-v-0723909f]{padding:0 1.4953271028rem!important}.btn-ghost.width-fluid.icons-right.size-lg .icon[data-v-0723909f]{margin-right:1.4953271028rem!important}.btn-ghost.width-fluid.icons-right.size-xl[data-v-0723909f]{padding:0 2.2429906542rem!important}.btn-ghost.width-fluid.icons-right.size-xl .icon[data-v-0723909f]{margin-right:2.2429906542rem!important}.btn-ghost.width-fluid.icons-left .icon[data-v-0723909f]{left:0;right:auto}.btn-ghost.width-fluid.icons-left.size-md[data-v-0723909f]{padding:0 1.4953271028rem!important}.btn-ghost.width-fluid.icons-left.size-md .icon[data-v-0723909f]{margin-left:1.4953271028rem!important}.btn-ghost.width-fluid.icons-left.size-sm[data-v-0723909f]{padding:0 1.4953271028rem!important}.btn-ghost.width-fluid.icons-left.size-sm .icon[data-v-0723909f]{margin-left:1.4953271028rem!important}.btn-ghost.width-fluid.icons-left.size-lg[data-v-0723909f]{padding:0 1.4953271028rem!important}.btn-ghost.width-fluid.icons-left.size-lg .icon[data-v-0723909f]{margin-left:1.4953271028rem!important}.btn-ghost.width-fluid.icons-left.size-xl[data-v-0723909f]{padding:0 2.2429906542rem!important}.btn-ghost.width-fluid.icons-left.size-xl .icon[data-v-0723909f]{margin-left:2.2429906542rem!important}}.btn-ghost.width-liquid[data-v-0723909f]{width:fit-content;display:flex}.btn-ghost.width-liquid .slot-content[data-v-0723909f]{display:flex;align-items:center}.btn-ghost.width-liquid .icon[data-v-0723909f]{display:flex;justify-content:center;align-items:center;width:1.3333333333rem;height:1.3333333333rem}.btn-ghost.width-liquid .icon svg[data-v-0723909f]{display:block}.btn-ghost.width-liquid .icon path[data-v-0723909f],.btn-ghost.width-liquid .icon svg[data-v-0723909f]{fill:#12d3db;stroke:transparent}.btn-ghost.width-liquid .icon[data-v-0723909f] svg,.btn-ghost.width-liquid .icon path[data-v-0723909f]{width:24px;fill:#12d3db;stroke:transparent}@media (max-width:479px){.btn-ghost.width-liquid .icon[data-v-0723909f]{width:2.6168224299rem;height:2.6168224299rem}}.btn-ghost.width-circle[data-v-0723909f]{padding:.380952381rem;line-height:1;width:2.0952380952rem;height:2.0952380952rem;display:flex;align-items:center;justify-content:center}@media (max-width:479px){.btn-ghost.width-circle[data-v-0723909f]{width:4.1121495327rem;height:4.1121495327rem}}.btn-ghost.width-circle svg[data-v-0723909f]{display:block;margin:0 auto;width:1.3333333333rem;height:1.3333333333rem}@media (max-width:479px){.btn-ghost.width-circle svg[data-v-0723909f]{width:2.6168224299rem;height:2.6168224299rem}}.btn-ghost.width-circle path[data-v-0723909f],.btn-ghost.width-circle svg[data-v-0723909f]{fill:#12d3db;stroke:transparent}.btn-ghost.is-inverted[data-v-0723909f]{border-color:#fff;color:#fff}.btn-ghost.is-inverted path[data-v-0723909f],.btn-ghost.is-inverted svg[data-v-0723909f]{fill:#fff;stroke:#fff}.btn-ghost[data-v-0723909f]:hover{cursor:pointer}.btn-ghost[data-v-0723909f]:hover:not(.is-inverted){border-color:#17b8bc;color:#17b8bc}.btn-ghost[data-v-0723909f]:hover:not(.is-inverted) svg,.btn-ghost:hover:not(.is-inverted) path[data-v-0723909f]{fill:#17b8bc!important;stroke:transparent!important}.btn-ghost:hover:not(.is-inverted) path[data-v-0723909f],.btn-ghost:hover:not(.is-inverted) svg[data-v-0723909f]{fill:#17b8bc;stroke:transparent}.btn-ghost:hover.is-inverted[data-v-0723909f]{opacity:.8}.btn-ghost[data-v-0723909f]:active,.btn-ghost[data-v-0723909f]:focus{outline:0}.btn-ghost[data-v-0723909f]:active:not(.is-inverted),.btn-ghost[data-v-0723909f]:focus:not(.is-inverted){border-color:#17b8bc;color:#17b8bc}.btn-ghost:active.is-inverted[data-v-0723909f],.btn-ghost:focus.is-inverted[data-v-0723909f]{opacity:.8}.btn-ghost.is-loading[data-v-0723909f]{pointer-events:none;background-color:#dfffff;color:#fff;border-color:#dfffff;transition:all 1s ease-out}.btn-ghost.is-loading path[data-v-0723909f],.btn-ghost.is-loading svg[data-v-0723909f]{fill:#fff;stroke:transparent}.btn-ghost.is-loading-progressive[data-v-0723909f]{background-color:#00cf72!important;cursor:wait}.btn-ghost.is-loading-progressive .text[data-v-0723909f]{z-index:2;position:absolute;transition:all .5s ease;animation:textOpacity-data-v-0723909f 1s infinite;width:100%;left:0;color:#fff!important;-webkit-transition:color 0s ease-in!important;-moz-transition:color 0s ease-in!important;-o-transition:color 0s ease-in!important;transition:color 0s ease-in!important}@keyframes textOpacity-data-v-0723909f{0%,100%{opacity:1}50%{opacity:.4}}.btn-ghost.is-loading-progressive .icon[data-v-0723909f]{display:none}.btn-ghost.is-loading-progressive-complete[data-v-0723909f]{cursor:wait}.btn-ghost.is-loading-progressive-complete .icon[data-v-0723909f]{position:relative;z-index:2;display:block;width:1.7142857143rem;height:1.7142857143rem;right:auto!important}.btn-ghost.is-loading-progressive-complete .icon svg[data-v-0723909f]{width:1.5238095238rem;height:1.5238095238rem}.btn-ghost.is-loading-progressive-complete .text[data-v-0723909f]{position:absolute;opacity:0!important}.btn-link[data-v-0723909f]{transition:all .2s cubic-bezier(.4,0,.2,1);background:0 0;border:0;position:relative;overflow:hidden;font-family:Nunito,sans-serif;font-weight:900;text-transform:uppercase;font-size:.5714285714rem;color:#12d3db;line-height:1}@media (max-width:479px){.btn-link[data-v-0723909f]{font-size:1.1214953271rem}}.btn-link.size-xl[data-v-0723909f]{font-size:.6666666667rem}@media (max-width:479px){.btn-link.size-xl[data-v-0723909f]{font-size:1.308411215rem}}.btn-link.size-lg[data-v-0723909f]{font-size:.6666666667rem}@media (max-width:479px){.btn-link.size-lg[data-v-0723909f]{font-size:1.308411215rem}}.btn-link.size-sm[data-v-0723909f]{font-size:.4761904762rem}@media (max-width:479px){.btn-link.size-sm[data-v-0723909f]{font-size:.9345794393rem}}.btn-link.width-fluid[data-v-0723909f]{width:100%}.btn-link.width-circle[data-v-0723909f]{padding:.380952381rem;line-height:1;width:2.0952380952rem;height:2.0952380952rem;display:flex;align-items:center;justify-content:center}@media (max-width:479px){.btn-link.width-circle[data-v-0723909f]{width:4.1121495327rem;height:4.1121495327rem}}.btn-link.width-circle svg[data-v-0723909f]{display:block;margin:0 auto;width:1.3333333333rem;height:1.3333333333rem}@media (max-width:479px){.btn-link.width-circle svg[data-v-0723909f]{width:2.6168224299rem;height:2.6168224299rem}}.btn-link.width-circle path[data-v-0723909f],.btn-link.width-circle svg[data-v-0723909f]{fill:#12d3db;stroke:transparent}.btn-link.is-inverted[data-v-0723909f]{color:#fff}.btn-link.is-inverted path[data-v-0723909f],.btn-link.is-inverted svg[data-v-0723909f]{fill:#fff;stroke:transparent}.btn-link[data-v-0723909f]:hover{cursor:pointer}.btn-link[data-v-0723909f]:hover:not(.is-inverted){color:#17b8bc}.btn-link:hover.is-inverted[data-v-0723909f]{opacity:.8}.btn-link[data-v-0723909f]:active,.btn-link[data-v-0723909f]:focus{outline:0}.btn-link[data-v-0723909f]:active:not(.is-inverted),.btn-link[data-v-0723909f]:focus:not(.is-inverted){color:#17b8bc}.btn-link:active.is-inverted[data-v-0723909f],.btn-link:focus.is-inverted[data-v-0723909f]{opacity:.8}.btn-link.is-disabled[data-v-0723909f],.btn-link[disabled][data-v-0723909f]{pointer-events:none;color:#dfdae4;opacity:.48}.btn-link.is-disabled path[data-v-0723909f],.btn-link.is-disabled svg[data-v-0723909f],.btn-link[disabled] path[data-v-0723909f],.btn-link[disabled] svg[data-v-0723909f]{fill:#dfdae4;stroke:transparent}.loading[data-v-0723909f]{position:absolute;width:32px;height:32px;display:block;margin:0 auto;top:0;bottom:0;left:0;right:0;margin-top:auto;margin-bottom:auto}@media (max-width:479px){.loading[data-v-0723909f]{width:24px;height:24px}}.loading-progress[data-v-0723909f]{width:0%;height:100%;transition:all 1s ease-out;position:absolute;background-color:#00b664;left:0;top:0}.is-loading-progressive .loading-progress[data-v-0723909f]{width:44%;-webkit-animation:3s loadingPosition-data-v-0723909f;-moz-animation:3s loadingPosition-data-v-0723909f;animation:3s loadingPosition-data-v-0723909f;transition:3s}.is-loading-progressive-complete[data-v-0723909f]{justify-content:center;text-align:center;transition:3s!important}.is-loading-progressive-complete .loading-progress[data-v-0723909f]{width:100%;-webkit-animation:3s loadingCompleted-data-v-0723909f;-moz-animation:3s loadingCompleted-data-v-0723909f;animation:3s loadingCompleted-data-v-0723909f}.is-loading-progressive-complete .icons-complete[data-v-0723909f]{display:flex;width:inherit;justify-content:center;margin:0 auto;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;text-align:center;top:0;bottom:0;align-items:center}.is-loading-progressive-complete .icons-complete[data-v-0723909f] span{width:1.1428571429rem;display:flex!important}@media (max-width:479px){.is-loading-progressive-complete .icons-complete[data-v-0723909f] span{width:2.2429906542rem}}.is-loading-progressive-complete .icons-complete[data-v-0723909f] svg{width:1.1428571429rem!important;fill:#fff}@media (max-width:479px){.is-loading-progressive-complete .icons-complete[data-v-0723909f] svg{width:2.2429906542rem!important}}.is-loading-progressive-complete .icons-complete[data-v-0723909f] svg path{fill:#fff}.is-loading-progressive-complete .text[data-v-0723909f]{position:absolute;opacity:0!important}.is-loading-progressive-complete .text-slot .icon[data-v-0723909f]{display:none}@keyframes loadingZeroToComplete-data-v-0723909f{0%{width:0}100%{width:100%}}@keyframes loadingPosition-data-v-0723909f{0%{width:0}100%{width:33%}}@keyframes loadingCompleted-data-v-0723909f{0%{width:44%}100%{width:100%}}[data-v-0723909f] .text-slot{opacity:0}[data-v-0723909f] .text-slot .icon{display:none}',map:void 0,media:void 0}))}),{name:"Button",components:{Loading:b({render:function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"loader"},[e("svg",{staticClass:"spinner"},[e("circle",{staticClass:"path",attrs:{cx:"16",cy:"16",r:"13",fill:"none","stroke-width":"5"}})])])},staticRenderFns:[]},(function(t){t&&(t("data-v-0a275111_0",{source:'.storybook-6{width:columns("lg", 6)}.storybook-12{width:columns("lg", 12)}.storybook-25{width:columns("lg", 25)}',map:void 0,media:void 0}),t("data-v-0a275111_1",{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-0a275111]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-0a275111]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-0a275111]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-0a275111]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-0a275111]{font-size:14px}}@media (min-width:1024px){[data-v-0a275111]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-0a275111]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-0a275111]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-0a275111]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-0a275111]{font-size:1.56vw}}html[data-v-0a275111]{box-sizing:border-box}*[data-v-0a275111],[data-v-0a275111]::after,[data-v-0a275111]::before{box-sizing:border-box}.spinner[data-v-0a275111]{animation:rotate-data-v-0a275111 2s linear infinite;z-index:2;position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px;width:32px;height:32px}@media (max-width:479px){.spinner[data-v-0a275111]{width:24px;height:24px;margin:-12px 0 0 -12px}}.spinner .path[data-v-0a275111]{stroke:#12d3db;stroke-linecap:round;animation:dash-data-v-0a275111 1.5s ease-in-out infinite}@media (max-width:479px){.spinner .path[data-v-0a275111]{width:12px;height:12px;margin:-6px 0 0 -6px;stroke-width:3}}@keyframes rotate-data-v-0a275111{100%{transform:rotate(360deg)}}@keyframes dash-data-v-0a275111{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}',map:void 0,media:void 0}))}),{name:"Loading",props:{}},"data-v-0a275111",!1,void 0,!1,x,void 0,void 0),Icon:C},props:{
|
|
279
|
+
this.$emit("completed",t)}}},"data-v-f38ad29c",!1,void 0,!1,x,void 0,void 0),A=b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("button",t._g(t._b({class:["btn-"+t.kind,"size-"+t.size,"width-"+t.width,{"is-inverted":t.inverted},{"is-disabled":t.disabled},{"is-loading":t.isLoading},{"is-loading-progressive":t.isLoading&&"progressive"===t.loadingType},{"is-loading-progressive-complete":t.isLoadingCompleted&&"progressive"===t.loadingType},t.icon?"icons-"+t.icon:""],style:t.shadowVar,attrs:{disabled:t.disabled}},"button",t.$attrs,!1),t.$listeners),["circle"===t.width&&t.icon?a("span",{staticClass:"icons-wrap"},[a("Icon",{attrs:{name:t.icon,fill:"#fff",stroke:"transparent"}})],1):t.isLoading&&!1===t.isLoadingCompleteCheck&&"progressive"===t.loadingType?a("span",{staticClass:"text"},[t._v(t._s(t.loadingText))]):t.isLoadingCompleteCheck&&"progressive"===t.loadingType?a("span",{staticClass:"icons-complete"},[a("Icon",{attrs:{name:"check",fill:"#fff",stroke:"transparent"}})],1):t.isLoading&&"progressive"===t.loadingType?a("span",{staticClass:"loading-progress"}):t.isLoading&&"spinner"===t.loadingType?a("span",{staticClass:"loading"},[a("Loading")],1):a("div",{staticClass:"slot-content",class:t.isLoading?"text-slot":""},[t._t("default")],2)])},staticRenderFns:[]},(function(t){t&&(t("data-v-0723909f_0",{source:'.storybook-6{width:columns("lg", 6)}.storybook-12{width:columns("lg", 12)}.storybook-25{width:columns("lg", 25)}',map:void 0,media:void 0}),t("data-v-0723909f_1",{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-0723909f]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-0723909f]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-0723909f]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-0723909f]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-0723909f]{font-size:14px}}@media (min-width:1024px){[data-v-0723909f]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-0723909f]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-0723909f]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-0723909f]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-0723909f]{font-size:1.56vw}}html[data-v-0723909f]{box-sizing:border-box}*[data-v-0723909f],[data-v-0723909f]::after,[data-v-0723909f]::before{box-sizing:border-box}.btn-primary[data-v-0723909f]{transition:all .2s cubic-bezier(.4,0,.2,1);border:500px;background:#12d3db;box-shadow:0 2px 8px rgba(var(--shadow-color),.24);border-radius:500px;position:relative;overflow:hidden;font-family:Nunito,sans-serif;font-weight:900;text-transform:uppercase;font-size:.6666666667rem;color:#fff;line-height:1}@media (max-width:479px){.btn-primary[data-v-0723909f]{font-size:1.308411215rem;min-height:4.4859813084rem}}.btn-primary.width-fluid[data-v-0723909f]{width:100%;padding:1.1428571429rem 1.5238095238rem}.btn-primary.width-fluid.icons-left i.icon[data-v-0723909f]{left:.7619047619rem;right:auto}.btn-primary.width-fluid.icons-right i.icon[data-v-0723909f]{right:.7619047619rem;left:auto}.btn-primary.width-fluid .icon[data-v-0723909f]{position:absolute;margin:auto 0;top:0;bottom:0;display:flex;align-items:center;width:1.1428571429rem;height:1.1428571429rem}@media (max-width:479px){.btn-primary.width-fluid .icon[data-v-0723909f]{width:2.2429906542rem;height:2.2429906542rem}}.btn-primary.width-fluid .icon svg[data-v-0723909f]{display:block}.btn-primary.width-fluid .icon path[data-v-0723909f],.btn-primary.width-fluid .icon svg[data-v-0723909f]{fill:#fff}.btn-primary.width-fluid .icon[data-v-0723909f] svg,.btn-primary.width-fluid .icon path[data-v-0723909f]{fill:#fff}@media (max-width:479px){.btn-primary.width-fluid[data-v-0723909f]{min-height:4.4859813084rem;padding:0 .7476635514rem}.btn-primary.width-fluid .icon[data-v-0723909f]{right:.7476635514rem}}.btn-primary.width-liquid[data-v-0723909f]{padding:1.1428571429rem 1.5238095238rem;width:fit-content}.btn-primary.width-liquid.icons-left[data-v-0723909f]{padding-left:2.2857142857rem!important}.btn-primary.width-liquid.icons-left .icon[data-v-0723909f]{left:.7619047619rem;right:auto}.btn-primary.width-liquid.icons-right[data-v-0723909f]{padding-right:2.2857142857rem!important}.btn-primary.width-liquid.icons-right .icon[data-v-0723909f]{right:.7619047619rem;left:auto}.btn-primary.width-liquid .icon[data-v-0723909f]{position:absolute;margin:auto 0;top:0;bottom:0;display:flex;align-items:center;margin-right:.1904761905rem;width:1.1428571429rem;height:1.1428571429rem}@media (max-width:479px){.btn-primary.width-liquid .icon[data-v-0723909f]{width:2.2429906542rem;height:2.2429906542rem}}.btn-primary.width-liquid .icon svg[data-v-0723909f]{display:block}.btn-primary.width-liquid .icon path[data-v-0723909f],.btn-primary.width-liquid .icon svg[data-v-0723909f]{fill:#12d3db;stroke:transparent}.btn-primary.width-liquid .icon[data-v-0723909f] svg,.btn-primary.width-liquid .icon path[data-v-0723909f]{fill:#12d3db;stroke:transparent}@media (max-width:479px){.btn-primary.width-liquid[data-v-0723909f]{min-height:4.4859813084rem;padding:1.4953271028rem 2.2429906542rem}}.btn-primary.width-circle[data-v-0723909f]{padding:.7619047619rem;line-height:1}.btn-primary.width-circle .icon-wrap[data-v-0723909f]{width:1.1428571429rem;height:1.1428571429rem;display:block}.btn-primary.width-circle .icon-wrap .icon[data-v-0723909f]{width:1.1428571429rem;height:1.1428571429rem;display:block}.btn-primary.width-circle .icon-wrap .icon[data-v-0723909f] svg{width:1.1428571429rem;height:1.1428571429rem;display:block;fill:#12d3db!important}.btn-primary.width-circle .icon-wrap .icon[data-v-0723909f] svg path{fill:#12d3db!important}@media (max-width:479px){.btn-primary.width-circle[data-v-0723909f]{width:4.4859813084rem;height:4.4859813084rem}.btn-primary.width-circle svg[data-v-0723909f]{width:2.2429906542rem;height:2.2429906542rem}}.btn-primary.is-inverted[data-v-0723909f]{background:#fff;color:#12d3db}.btn-primary.is-inverted path[data-v-0723909f],.btn-primary.is-inverted svg[data-v-0723909f]{fill:#12d3db;stroke:transparent}.btn-primary[data-v-0723909f]:hover{cursor:pointer;transform:translateY(-3px);box-shadow:4px 8px 24px rgba(175,162,186,.24)}.btn-primary[data-v-0723909f]:active,.btn-primary[data-v-0723909f]:focus{outline:0;transform:translateY(3px) scale(.97)}.btn-primary[data-v-0723909f]:active:not(.is-inverted),.btn-primary[data-v-0723909f]:focus:not(.is-inverted){box-shadow:unset;background:#12d3db}.btn-primary:active.is-inverted[data-v-0723909f],.btn-primary:focus.is-inverted[data-v-0723909f]{box-shadow:0 2px 8px rgba(175,162,186,.24)}.btn-primary.is-disabled[data-v-0723909f],.btn-primary[disabled][data-v-0723909f]{pointer-events:none;background-color:#dfdae4;color:#fff}.btn-primary.is-disabled path[data-v-0723909f],.btn-primary.is-disabled svg[data-v-0723909f],.btn-primary[disabled] path[data-v-0723909f],.btn-primary[disabled] svg[data-v-0723909f]{fill:#fff;stroke:transparent}.btn-primary.is-loading[data-v-0723909f]{pointer-events:none;background-color:#dfffff;color:#fff;transition:all 1s ease-out}.btn-primary.is-loading path[data-v-0723909f],.btn-primary.is-loading svg[data-v-0723909f]{fill:#fff;stroke:transparent}.btn-primary.is-loading-progressive[data-v-0723909f]{background-color:#00cf72!important;cursor:wait}.btn-primary.is-loading-progressive .text[data-v-0723909f]{position:absolute;z-index:2;width:100%;left:0;height:100%;top:0;display:flex;align-items:center;justify-content:center;transition:all .5s ease;animation:textOpacity-data-v-0723909f 1s infinite}@keyframes textOpacity-data-v-0723909f{0%,100%{opacity:1}50%{opacity:.4}}.btn-primary.is-loading-progressive .icon[data-v-0723909f]{display:none}.btn-primary.is-loading-progressive-complete .icon[data-v-0723909f]{position:relative;z-index:2;display:block;width:1.7142857143rem;height:100%;right:auto!important}.btn-primary.is-loading-progressive-complete .icon svg[data-v-0723909f]{width:1.5238095238rem;height:1.5238095238rem}.btn-primary.is-loading-progressive-complete .text[data-v-0723909f]{position:absolute;opacity:0!important}.btn-secondary[data-v-0723909f]{transition:all .2s cubic-bezier(.4,0,.2,1);border:500px;background:#12d3db;border-radius:500px;position:relative;overflow:hidden;font-family:Nunito,sans-serif;font-weight:900;text-transform:uppercase;font-size:.5714285714rem;color:#fff;line-height:1}@media (max-width:479px){.btn-secondary[data-v-0723909f]{font-size:1.1214953271rem}}.btn-secondary.size-lg[data-v-0723909f]{height:2.2857142857rem;padding:0 1.5238095238rem!important;font-size:.6666666667rem}@media (max-width:479px){.btn-secondary.size-lg[data-v-0723909f]{height:4.4859813084rem;padding:0 2.9906542056rem!important;font-size:1.308411215rem}.btn-secondary.size-lg.icons-left .icon[data-v-0723909f]{margin-right:.3738317757rem!important}.btn-secondary.size-lg.icons-right .icon[data-v-0723909f]{margin-left:.3738317757rem!important}}.btn-secondary.size-md[data-v-0723909f]{padding:0 1.1428571429rem;height:2.0952380952rem;font-size:.5714285714rem}@media (max-width:479px){.btn-secondary.size-md[data-v-0723909f]{height:4.1121495327rem;font-size:1.1214953271rem;padding:0 2.2429906542rem!important}.btn-secondary.size-md.icons-left .icon[data-v-0723909f]{margin-right:.3738317757rem!important}.btn-secondary.size-md.icons-right .icon[data-v-0723909f]{margin-left:.3738317757rem!important}}.btn-secondary.size-sm[data-v-0723909f]{height:2rem;padding:0 .7619047619rem!important;font-size:.4761904762rem}@media (max-width:479px){.btn-secondary.size-sm[data-v-0723909f]{height:3.9252336449rem;font-size:.9345794393rem;padding:0 1.4953271028rem!important}.btn-secondary.size-sm.icons-left .icon[data-v-0723909f]{margin-right:.3738317757rem!important}.btn-secondary.size-sm.icons-right .icon[data-v-0723909f]{margin-left:.3738317757rem!important}}.btn-secondary.width-fluid[data-v-0723909f]{width:100%;padding:.7619047619rem}@media (max-width:479px){.btn-secondary.width-fluid[data-v-0723909f]{padding:1.4953271028rem}}[data-v-0723909f] .btn-secondary.width-fluid.icons-left{position:relative}[data-v-0723909f] .btn-secondary.width-fluid.icons-left .icon{left:0}[data-v-0723909f] .btn-secondary.width-fluid.icons-left.size-md{padding:0 .7619047619rem!important}[data-v-0723909f] .btn-secondary.width-fluid.icons-left.size-md .icon{margin-left:.7619047619rem!important}[data-v-0723909f] .btn-secondary.width-fluid.icons-left.size-sm{padding:0 .7619047619rem!important}[data-v-0723909f] .btn-secondary.width-fluid.icons-left.size-sm .icon{margin-left:.7619047619rem!important}[data-v-0723909f] .btn-secondary.width-fluid.icons-left.size-lg{padding:0 .7619047619rem!important}[data-v-0723909f] .btn-secondary.width-fluid.icons-left.size-lg .icon{margin-left:.7619047619rem!important}[data-v-0723909f] .btn-secondary.width-fluid.icons-left.size-xl{padding:0 1.1428571429rem!important}[data-v-0723909f] .btn-secondary.width-fluid.icons-left.size-xl .icon{margin-left:1.1428571429rem!important}.btn-secondary.width-fluid.icons-right[data-v-0723909f]{position:relative}.btn-secondary.width-fluid.icons-right .icon[data-v-0723909f]{right:0}.btn-secondary.width-fluid.icons-right.size-md[data-v-0723909f]{padding:0 .7619047619rem!important}.btn-secondary.width-fluid.icons-right.size-md .icon[data-v-0723909f]{margin-right:.7619047619rem!important}.btn-secondary.width-fluid.icons-right.size-sm[data-v-0723909f]{padding:0 .7619047619rem!important}.btn-secondary.width-fluid.icons-right.size-sm .icon[data-v-0723909f]{margin-right:.7619047619rem!important}.btn-secondary.width-fluid.icons-right.size-lg[data-v-0723909f]{padding:0 .7619047619rem!important}.btn-secondary.width-fluid.icons-right.size-lg .icon[data-v-0723909f]{margin-right:.7619047619rem!important}.btn-secondary.width-fluid.icons-right.size-xl[data-v-0723909f]{padding:0 1.1428571429rem!important}.btn-secondary.width-fluid.icons-right.size-xl .icon[data-v-0723909f]{margin-right:1.1428571429rem!important}.btn-secondary.width-fluid .icon[data-v-0723909f]{position:absolute;margin:auto 0;top:0;bottom:0;display:flex;align-items:center;margin-right:.1904761905rem;width:1.1428571429rem;height:1.1428571429rem}@media (max-width:479px){.btn-secondary.width-fluid .icon[data-v-0723909f]{width:2.2429906542rem;height:2.2429906542rem}}.btn-secondary.width-fluid .icon svg[data-v-0723909f]{display:block}.btn-secondary.width-fluid .icon path[data-v-0723909f],.btn-secondary.width-fluid .icon svg[data-v-0723909f]{fill:#12d3db;stroke:transparent}.btn-secondary.width-fluid .icon[data-v-0723909f] svg,.btn-secondary.width-fluid .icon path[data-v-0723909f]{fill:#12d3db;stroke:transparent}@media (max-width:479px){.btn-secondary.width-fluid[data-v-0723909f]{padding:1.4953271028rem}.btn-secondary.width-fluid .icon[data-v-0723909f]{width:2.2429906542rem;height:2.2429906542rem}.btn-secondary.width-fluid.icons-right .icon[data-v-0723909f]{right:0}.btn-secondary.width-fluid.icons-right.size-md[data-v-0723909f]{padding:0 1.4953271028rem!important}.btn-secondary.width-fluid.icons-right.size-md .icon[data-v-0723909f]{margin-right:2.2429906542rem!important}.btn-secondary.width-fluid.icons-right.size-sm[data-v-0723909f]{padding:0 1.4953271028rem!important}.btn-secondary.width-fluid.icons-right.size-sm .icon[data-v-0723909f]{margin-right:1.4953271028rem!important}.btn-secondary.width-fluid.icons-right.size-lg[data-v-0723909f]{padding:0 1.4953271028rem!important}.btn-secondary.width-fluid.icons-right.size-lg .icon[data-v-0723909f]{margin-right:1.4953271028rem!important}.btn-secondary.width-fluid.icons-right.size-xl[data-v-0723909f]{padding:0 2.2429906542rem!important}.btn-secondary.width-fluid.icons-right.size-xl .icon[data-v-0723909f]{margin-right:2.2429906542rem!important}.btn-secondary.width-fluid.icons-left .icon[data-v-0723909f]{left:0}.btn-secondary.width-fluid.icons-left.size-md[data-v-0723909f]{padding:0 1.4953271028rem!important}.btn-secondary.width-fluid.icons-left.size-md .icon[data-v-0723909f]{margin-left:1.4953271028rem!important}.btn-secondary.width-fluid.icons-left.size-sm[data-v-0723909f]{padding:0 1.4953271028rem!important}.btn-secondary.width-fluid.icons-left.size-sm .icon[data-v-0723909f]{margin-left:1.4953271028rem!important}.btn-secondary.width-fluid.icons-left.size-lg[data-v-0723909f]{padding:0 1.4953271028rem!important}.btn-secondary.width-fluid.icons-left.size-lg .icon[data-v-0723909f]{margin-left:1.4953271028rem!important}.btn-secondary.width-fluid.icons-left.size-xl[data-v-0723909f]{padding:0 2.2429906542rem!important}.btn-secondary.width-fluid.icons-left.size-xl .icon[data-v-0723909f]{margin-left:2.2429906542rem!important}}.btn-secondary.width-liquid[data-v-0723909f]{padding:.7619047619rem 1.1428571429rem;width:fit-content}@media (max-width:479px){.btn-secondary.width-liquid[data-v-0723909f]{padding:1.4953271028rem 2.2429906542rem}}.btn-secondary.width-liquid.icons-left[data-v-0723909f]{padding-left:2.2857142857rem!important}.btn-secondary.width-liquid.icons-left .icon[data-v-0723909f]{left:0;right:auto;margin-left:.7619047619rem}.btn-secondary.width-liquid.icons-right[data-v-0723909f]{padding-right:2.2857142857rem!important}.btn-secondary.width-liquid.icons-right .icon[data-v-0723909f]{right:0;left:auto;margin-right:.7619047619rem}.btn-secondary.width-liquid .icon[data-v-0723909f]{position:absolute;margin:auto 0;top:0;bottom:0;display:flex;align-items:center;margin-right:.1904761905rem;width:1.1428571429rem;height:1.1428571429rem}@media (max-width:479px){.btn-secondary.width-liquid .icon[data-v-0723909f]{width:2.2429906542rem;height:2.2429906542rem}}.btn-secondary.width-liquid .icon svg[data-v-0723909f]{display:block}.btn-secondary.width-liquid .icon path[data-v-0723909f],.btn-secondary.width-liquid .icon svg[data-v-0723909f]{fill:#12d3db;stroke:transparent}.btn-secondary.width-liquid .icon[data-v-0723909f] svg,.btn-secondary.width-liquid .icon path[data-v-0723909f]{fill:#12d3db;stroke:transparent}.btn-secondary.width-circle[data-v-0723909f]{line-height:1;width:2.0952380952rem;height:2.0952380952rem;display:flex;align-items:center;justify-content:center}@media (max-width:479px){.btn-secondary.width-circle[data-v-0723909f]{width:4.1121495327rem;height:4.1121495327rem}}.btn-secondary.is-inverted[data-v-0723909f]{background:#fff;color:#12d3db}.btn-secondary.is-inverted path[data-v-0723909f],.btn-secondary.is-inverted svg[data-v-0723909f]{fill:#12d3db;stroke:transparent}.btn-secondary[data-v-0723909f]:hover{cursor:pointer}.btn-secondary[data-v-0723909f]:hover:not(.is-inverted){background:#17b8bc}.btn-secondary:hover.is-inverted[data-v-0723909f]{opacity:.8}.btn-secondary[data-v-0723909f]:active,.btn-secondary[data-v-0723909f]:focus{outline:0}.btn-secondary[data-v-0723909f]:active:not(.is-inverted),.btn-secondary[data-v-0723909f]:focus:not(.is-inverted){background:#17b8bc}.btn-secondary:active.is-inverted[data-v-0723909f],.btn-secondary:focus.is-inverted[data-v-0723909f]{opacity:.8}.btn-secondary.is-disabled[data-v-0723909f],.btn-secondary[disabled][data-v-0723909f]{pointer-events:none;background-color:#dfdae4;color:#fff}.btn-secondary.is-disabled path[data-v-0723909f],.btn-secondary.is-disabled svg[data-v-0723909f],.btn-secondary[disabled] path[data-v-0723909f],.btn-secondary[disabled] svg[data-v-0723909f]{fill:#fff;stroke:transparent}.btn-secondary.is-loading[data-v-0723909f]{pointer-events:none;background-color:#dfffff;color:#fff;transition:all 1s ease-out}.btn-secondary.is-loading path[data-v-0723909f],.btn-secondary.is-loading svg[data-v-0723909f]{fill:#fff;stroke:transparent}.btn-secondary.is-loading-progressive[data-v-0723909f]{background-color:#00cf72!important;cursor:wait;color:#fff!important;-webkit-transition:color 0s ease-in!important;-moz-transition:color 0s ease-in!important;-o-transition:color 0s ease-in!important;transition:color 0s ease-in!important}.btn-secondary.is-loading-progressive .slot-content span[data-v-0723909f]{color:#fff!important;-webkit-transition:color 0s ease-in!important;-moz-transition:color 0s ease-in!important;-o-transition:color 0s ease-in!important;transition:color 0s ease-in!important}.btn-secondary.is-loading-progressive .text[data-v-0723909f]{z-index:2;position:absolute;transition:all .5s ease;animation:textOpacity-data-v-0723909f 1s infinite;width:100%;left:0;color:#fff!important;-webkit-transition:color 0s ease-in!important;-moz-transition:color 0s ease-in!important;-o-transition:color 0s ease-in!important;transition:color 0s ease-in!important}@keyframes textOpacity-data-v-0723909f{0%,100%{opacity:1}50%{opacity:.4}}.btn-secondary.is-loading-progressive .icon[data-v-0723909f]{display:none}.btn-secondary.is-loading-progressive-complete[data-v-0723909f]{cursor:wait}.btn-secondary.is-loading-progressive-complete .text[data-v-0723909f]{position:absolute;opacity:0!important}.btn-secondary.is-loading-progressive-complete .icon[data-v-0723909f]{position:relative;z-index:2;display:block;width:1.7142857143rem;height:1.7142857143rem;right:auto!important}.btn-secondary.is-loading-progressive-complete .icon svg[data-v-0723909f]{width:1.5238095238rem;height:1.5238095238rem}.btn-ghost[data-v-0723909f]{transition:all .2s cubic-bezier(.4,0,.2,1);background:0 0;border-radius:500px;border:1px solid #12d3db;position:relative;overflow:hidden;font-family:Nunito,sans-serif;font-weight:900;text-transform:uppercase;font-size:.5714285714rem;color:#12d3db;line-height:1;align-items:center;text-align:center;justify-content:center}.btn-ghost span[data-v-0723909f]{text-align:center}@media (max-width:479px){.btn-ghost[data-v-0723909f]{font-size:1.1214953271rem}}.btn-ghost.size-xl[data-v-0723909f]{height:3.0476190476rem;padding:0 1.9047619048rem!important;font-size:.6666666667rem}@media (max-width:479px){.btn-ghost.size-xl[data-v-0723909f]{height:5.9813084112rem;padding:0 3.738317757rem!important;font-size:1.308411215rem}.btn-ghost.size-xl.icons-left .icon[data-v-0723909f]{margin-right:.3738317757rem!important}.btn-ghost.size-xl.icons-right .icon[data-v-0723909f]{margin-left:.3738317757rem!important}}.btn-ghost.size-lg[data-v-0723909f]{height:2.2857142857rem;padding:0 1.5238095238rem!important;font-size:.6666666667rem}@media (max-width:479px){.btn-ghost.size-lg[data-v-0723909f]{height:4.4859813084rem;padding:0 2.9906542056rem!important;font-size:1.308411215rem}.btn-ghost.size-lg.icons-left .icon[data-v-0723909f]{margin-right:.3738317757rem!important}.btn-ghost.size-lg.icons-right .icon[data-v-0723909f]{margin-left:.3738317757rem!important}}.btn-ghost.size-md[data-v-0723909f]{padding:0 1.1428571429rem;height:2.0952380952rem;font-size:.5714285714rem}@media (max-width:479px){.btn-ghost.size-md[data-v-0723909f]{height:4.1121495327rem;font-size:1.1214953271rem;padding:0 2.2429906542rem!important}.btn-ghost.size-md.icons-left .icon[data-v-0723909f]{margin-right:.3738317757rem!important}.btn-ghost.size-md.icons-right .icon[data-v-0723909f]{margin-left:.3738317757rem!important}}.btn-ghost.size-sm[data-v-0723909f]{height:2rem;padding:0 .7619047619rem!important;font-size:.4761904762rem}@media (max-width:479px){.btn-ghost.size-sm[data-v-0723909f]{height:3.9252336449rem;font-size:.9345794393rem;padding:0 1.4953271028rem!important}.btn-ghost.size-sm.icons-left .icon[data-v-0723909f]{margin-right:.3738317757rem!important}.btn-ghost.size-sm.icons-right .icon[data-v-0723909f]{margin-left:.3738317757rem!important}}.btn-ghost.width-fluid[data-v-0723909f]{width:100%}[data-v-0723909f] .btn-ghost.width-fluid.icons-left{position:relative}[data-v-0723909f] .btn-ghost.width-fluid.icons-left .icon{left:0}[data-v-0723909f] .btn-ghost.width-fluid.icons-left.size-md{padding:0 .7619047619rem!important}[data-v-0723909f] .btn-ghost.width-fluid.icons-left.size-md .icon{margin-left:.7619047619rem!important}[data-v-0723909f] .btn-ghost.width-fluid.icons-left.size-sm{padding:0 .7619047619rem!important}[data-v-0723909f] .btn-ghost.width-fluid.icons-left.size-sm .icon{margin-left:.7619047619rem!important}[data-v-0723909f] .btn-ghost.width-fluid.icons-left.size-lg{padding:0 .7619047619rem!important}[data-v-0723909f] .btn-ghost.width-fluid.icons-left.size-lg .icon{margin-left:.7619047619rem!important}[data-v-0723909f] .btn-ghost.width-fluid.icons-left.size-xl{padding:0 1.1428571429rem!important}[data-v-0723909f] .btn-ghost.width-fluid.icons-left.size-xl .icon{margin-left:1.1428571429rem!important}.btn-ghost.width-fluid.icons-right[data-v-0723909f]{position:relative}.btn-ghost.width-fluid.icons-right .icon[data-v-0723909f]{right:0}.btn-ghost.width-fluid.icons-right.size-md[data-v-0723909f]{padding:0 .7619047619rem!important}.btn-ghost.width-fluid.icons-right.size-md .icon[data-v-0723909f]{margin-right:.7619047619rem!important}.btn-ghost.width-fluid.icons-right.size-sm[data-v-0723909f]{padding:0 .7619047619rem!important}.btn-ghost.width-fluid.icons-right.size-sm .icon[data-v-0723909f]{margin-right:.7619047619rem!important}.btn-ghost.width-fluid.icons-right.size-lg[data-v-0723909f]{padding:0 .7619047619rem!important}.btn-ghost.width-fluid.icons-right.size-lg .icon[data-v-0723909f]{margin-right:.7619047619rem!important}.btn-ghost.width-fluid.icons-right.size-xl[data-v-0723909f]{padding:0 1.1428571429rem!important}.btn-ghost.width-fluid.icons-right.size-xl .icon[data-v-0723909f]{margin-right:1.1428571429rem!important}.btn-ghost.width-fluid .icon[data-v-0723909f]{display:flex;justify-content:center;position:absolute;align-items:center;top:0;bottom:0;margin:auto 0;width:1.3333333333rem;height:1.3333333333rem}@media (max-width:479px){.btn-ghost.width-fluid .icon[data-v-0723909f]{width:2.6168224299rem;height:2.6168224299rem}}.btn-ghost.width-fluid .icon svg[data-v-0723909f]{display:block}.btn-ghost.width-fluid .icon path[data-v-0723909f],.btn-ghost.width-fluid .icon svg[data-v-0723909f]{fill:#12d3db;stroke:transparent}.btn-ghost.width-fluid .icon[data-v-0723909f] svg,.btn-ghost.width-fluid .icon path[data-v-0723909f]{width:24px;fill:#12d3db;stroke:transparent}@media (max-width:479px){.btn-ghost.width-fluid[data-v-0723909f]{padding:1.4953271028rem}.btn-ghost.width-fluid .icon[data-v-0723909f]{width:2.2429906542rem;height:2.2429906542rem}.btn-ghost.width-fluid.icons-right .icon[data-v-0723909f]{right:0}.btn-ghost.width-fluid.icons-right.size-md[data-v-0723909f]{padding:0 1.4953271028rem!important}.btn-ghost.width-fluid.icons-right.size-md .icon[data-v-0723909f]{margin-right:2.2429906542rem!important}.btn-ghost.width-fluid.icons-right.size-sm[data-v-0723909f]{padding:0 1.4953271028rem!important}.btn-ghost.width-fluid.icons-right.size-sm .icon[data-v-0723909f]{margin-right:1.4953271028rem!important}.btn-ghost.width-fluid.icons-right.size-lg[data-v-0723909f]{padding:0 1.4953271028rem!important}.btn-ghost.width-fluid.icons-right.size-lg .icon[data-v-0723909f]{margin-right:1.4953271028rem!important}.btn-ghost.width-fluid.icons-right.size-xl[data-v-0723909f]{padding:0 2.2429906542rem!important}.btn-ghost.width-fluid.icons-right.size-xl .icon[data-v-0723909f]{margin-right:2.2429906542rem!important}.btn-ghost.width-fluid.icons-left .icon[data-v-0723909f]{left:0;right:auto}.btn-ghost.width-fluid.icons-left.size-md[data-v-0723909f]{padding:0 1.4953271028rem!important}.btn-ghost.width-fluid.icons-left.size-md .icon[data-v-0723909f]{margin-left:1.4953271028rem!important}.btn-ghost.width-fluid.icons-left.size-sm[data-v-0723909f]{padding:0 1.4953271028rem!important}.btn-ghost.width-fluid.icons-left.size-sm .icon[data-v-0723909f]{margin-left:1.4953271028rem!important}.btn-ghost.width-fluid.icons-left.size-lg[data-v-0723909f]{padding:0 1.4953271028rem!important}.btn-ghost.width-fluid.icons-left.size-lg .icon[data-v-0723909f]{margin-left:1.4953271028rem!important}.btn-ghost.width-fluid.icons-left.size-xl[data-v-0723909f]{padding:0 2.2429906542rem!important}.btn-ghost.width-fluid.icons-left.size-xl .icon[data-v-0723909f]{margin-left:2.2429906542rem!important}}.btn-ghost.width-liquid[data-v-0723909f]{width:fit-content;display:flex}.btn-ghost.width-liquid .slot-content[data-v-0723909f]{display:flex;align-items:center}.btn-ghost.width-liquid .icon[data-v-0723909f]{display:flex;justify-content:center;align-items:center;width:1.3333333333rem;height:1.3333333333rem}.btn-ghost.width-liquid .icon svg[data-v-0723909f]{display:block}.btn-ghost.width-liquid .icon path[data-v-0723909f],.btn-ghost.width-liquid .icon svg[data-v-0723909f]{fill:#12d3db;stroke:transparent}.btn-ghost.width-liquid .icon[data-v-0723909f] svg,.btn-ghost.width-liquid .icon path[data-v-0723909f]{width:24px;fill:#12d3db;stroke:transparent}@media (max-width:479px){.btn-ghost.width-liquid .icon[data-v-0723909f]{width:2.6168224299rem;height:2.6168224299rem}}.btn-ghost.width-circle[data-v-0723909f]{padding:.380952381rem;line-height:1;width:2.0952380952rem;height:2.0952380952rem;display:flex;align-items:center;justify-content:center}@media (max-width:479px){.btn-ghost.width-circle[data-v-0723909f]{width:4.1121495327rem;height:4.1121495327rem}}.btn-ghost.width-circle svg[data-v-0723909f]{display:block;margin:0 auto;width:1.3333333333rem;height:1.3333333333rem}@media (max-width:479px){.btn-ghost.width-circle svg[data-v-0723909f]{width:2.6168224299rem;height:2.6168224299rem}}.btn-ghost.width-circle path[data-v-0723909f],.btn-ghost.width-circle svg[data-v-0723909f]{fill:#12d3db;stroke:transparent}.btn-ghost.is-inverted[data-v-0723909f]{border-color:#fff;color:#fff}.btn-ghost.is-inverted path[data-v-0723909f],.btn-ghost.is-inverted svg[data-v-0723909f]{fill:#fff;stroke:#fff}.btn-ghost[data-v-0723909f]:hover{cursor:pointer}.btn-ghost[data-v-0723909f]:hover:not(.is-inverted){border-color:#17b8bc;color:#17b8bc}.btn-ghost[data-v-0723909f]:hover:not(.is-inverted) svg,.btn-ghost:hover:not(.is-inverted) path[data-v-0723909f]{fill:#17b8bc!important;stroke:transparent!important}.btn-ghost:hover:not(.is-inverted) path[data-v-0723909f],.btn-ghost:hover:not(.is-inverted) svg[data-v-0723909f]{fill:#17b8bc;stroke:transparent}.btn-ghost:hover.is-inverted[data-v-0723909f]{opacity:.8}.btn-ghost[data-v-0723909f]:active,.btn-ghost[data-v-0723909f]:focus{outline:0}.btn-ghost[data-v-0723909f]:active:not(.is-inverted),.btn-ghost[data-v-0723909f]:focus:not(.is-inverted){border-color:#17b8bc;color:#17b8bc}.btn-ghost:active.is-inverted[data-v-0723909f],.btn-ghost:focus.is-inverted[data-v-0723909f]{opacity:.8}.btn-ghost.is-loading[data-v-0723909f]{pointer-events:none;background-color:#dfffff;color:#fff;border-color:#dfffff;transition:all 1s ease-out}.btn-ghost.is-loading path[data-v-0723909f],.btn-ghost.is-loading svg[data-v-0723909f]{fill:#fff;stroke:transparent}.btn-ghost.is-loading-progressive[data-v-0723909f]{background-color:#00cf72!important;cursor:wait}.btn-ghost.is-loading-progressive .text[data-v-0723909f]{z-index:2;position:absolute;transition:all .5s ease;animation:textOpacity-data-v-0723909f 1s infinite;width:100%;left:0;color:#fff!important;-webkit-transition:color 0s ease-in!important;-moz-transition:color 0s ease-in!important;-o-transition:color 0s ease-in!important;transition:color 0s ease-in!important}@keyframes textOpacity-data-v-0723909f{0%,100%{opacity:1}50%{opacity:.4}}.btn-ghost.is-loading-progressive .icon[data-v-0723909f]{display:none}.btn-ghost.is-loading-progressive-complete[data-v-0723909f]{cursor:wait}.btn-ghost.is-loading-progressive-complete .icon[data-v-0723909f]{position:relative;z-index:2;display:block;width:1.7142857143rem;height:1.7142857143rem;right:auto!important}.btn-ghost.is-loading-progressive-complete .icon svg[data-v-0723909f]{width:1.5238095238rem;height:1.5238095238rem}.btn-ghost.is-loading-progressive-complete .text[data-v-0723909f]{position:absolute;opacity:0!important}.btn-link[data-v-0723909f]{transition:all .2s cubic-bezier(.4,0,.2,1);background:0 0;border:0;position:relative;overflow:hidden;font-family:Nunito,sans-serif;font-weight:900;text-transform:uppercase;font-size:.5714285714rem;color:#12d3db;line-height:1}@media (max-width:479px){.btn-link[data-v-0723909f]{font-size:1.1214953271rem}}.btn-link.size-xl[data-v-0723909f]{font-size:.6666666667rem}@media (max-width:479px){.btn-link.size-xl[data-v-0723909f]{font-size:1.308411215rem}}.btn-link.size-lg[data-v-0723909f]{font-size:.6666666667rem}@media (max-width:479px){.btn-link.size-lg[data-v-0723909f]{font-size:1.308411215rem}}.btn-link.size-sm[data-v-0723909f]{font-size:.4761904762rem}@media (max-width:479px){.btn-link.size-sm[data-v-0723909f]{font-size:.9345794393rem}}.btn-link.width-fluid[data-v-0723909f]{width:100%}.btn-link.width-circle[data-v-0723909f]{padding:.380952381rem;line-height:1;width:2.0952380952rem;height:2.0952380952rem;display:flex;align-items:center;justify-content:center}@media (max-width:479px){.btn-link.width-circle[data-v-0723909f]{width:4.1121495327rem;height:4.1121495327rem}}.btn-link.width-circle svg[data-v-0723909f]{display:block;margin:0 auto;width:1.3333333333rem;height:1.3333333333rem}@media (max-width:479px){.btn-link.width-circle svg[data-v-0723909f]{width:2.6168224299rem;height:2.6168224299rem}}.btn-link.width-circle path[data-v-0723909f],.btn-link.width-circle svg[data-v-0723909f]{fill:#12d3db;stroke:transparent}.btn-link.is-inverted[data-v-0723909f]{color:#fff}.btn-link.is-inverted path[data-v-0723909f],.btn-link.is-inverted svg[data-v-0723909f]{fill:#fff;stroke:transparent}.btn-link[data-v-0723909f]:hover{cursor:pointer}.btn-link[data-v-0723909f]:hover:not(.is-inverted){color:#17b8bc}.btn-link:hover.is-inverted[data-v-0723909f]{opacity:.8}.btn-link[data-v-0723909f]:active,.btn-link[data-v-0723909f]:focus{outline:0}.btn-link[data-v-0723909f]:active:not(.is-inverted),.btn-link[data-v-0723909f]:focus:not(.is-inverted){color:#17b8bc}.btn-link:active.is-inverted[data-v-0723909f],.btn-link:focus.is-inverted[data-v-0723909f]{opacity:.8}.btn-link.is-disabled[data-v-0723909f],.btn-link[disabled][data-v-0723909f]{pointer-events:none;color:#dfdae4;opacity:.48}.btn-link.is-disabled path[data-v-0723909f],.btn-link.is-disabled svg[data-v-0723909f],.btn-link[disabled] path[data-v-0723909f],.btn-link[disabled] svg[data-v-0723909f]{fill:#dfdae4;stroke:transparent}.loading[data-v-0723909f]{position:absolute;width:32px;height:32px;display:block;margin:0 auto;top:0;bottom:0;left:0;right:0;margin-top:auto;margin-bottom:auto}@media (max-width:479px){.loading[data-v-0723909f]{width:24px;height:24px}}.loading-progress[data-v-0723909f]{width:0%;height:100%;transition:all 1s ease-out;position:absolute;background-color:#00b664;left:0;top:0}.is-loading-progressive .loading-progress[data-v-0723909f]{width:44%;-webkit-animation:3s loadingPosition-data-v-0723909f;-moz-animation:3s loadingPosition-data-v-0723909f;animation:3s loadingPosition-data-v-0723909f;transition:3s}.is-loading-progressive-complete[data-v-0723909f]{justify-content:center;text-align:center;transition:3s!important}.is-loading-progressive-complete .loading-progress[data-v-0723909f]{width:100%;-webkit-animation:3s loadingCompleted-data-v-0723909f;-moz-animation:3s loadingCompleted-data-v-0723909f;animation:3s loadingCompleted-data-v-0723909f}.is-loading-progressive-complete .icons-complete[data-v-0723909f]{display:flex;width:inherit;justify-content:center;margin:0 auto;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;text-align:center;top:0;bottom:0;align-items:center}.is-loading-progressive-complete .icons-complete[data-v-0723909f] span{width:1.1428571429rem;display:flex!important}@media (max-width:479px){.is-loading-progressive-complete .icons-complete[data-v-0723909f] span{width:2.2429906542rem}}.is-loading-progressive-complete .icons-complete[data-v-0723909f] svg{width:1.1428571429rem!important;fill:#fff}@media (max-width:479px){.is-loading-progressive-complete .icons-complete[data-v-0723909f] svg{width:2.2429906542rem!important}}.is-loading-progressive-complete .icons-complete[data-v-0723909f] svg path{fill:#fff}.is-loading-progressive-complete .text[data-v-0723909f]{position:absolute;opacity:0!important}.is-loading-progressive-complete .text-slot .icon[data-v-0723909f]{display:none}@keyframes loadingZeroToComplete-data-v-0723909f{0%{width:0}100%{width:100%}}@keyframes loadingPosition-data-v-0723909f{0%{width:0}100%{width:33%}}@keyframes loadingCompleted-data-v-0723909f{0%{width:44%}100%{width:100%}}[data-v-0723909f] .text-slot{opacity:0}[data-v-0723909f] .text-slot .icon{display:none}',map:void 0,media:void 0}))}),{name:"Button",components:{Loading:b({render:function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"loader"},[e("svg",{staticClass:"spinner"},[e("circle",{staticClass:"path",attrs:{cx:"16",cy:"16",r:"13",fill:"none","stroke-width":"5"}})])])},staticRenderFns:[]},(function(t){t&&(t("data-v-0a275111_0",{source:'.storybook-6{width:columns("lg", 6)}.storybook-12{width:columns("lg", 12)}.storybook-25{width:columns("lg", 25)}',map:void 0,media:void 0}),t("data-v-0a275111_1",{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-0a275111]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-0a275111]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-0a275111]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-0a275111]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-0a275111]{font-size:14px}}@media (min-width:1024px){[data-v-0a275111]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-0a275111]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-0a275111]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-0a275111]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-0a275111]{font-size:1.56vw}}html[data-v-0a275111]{box-sizing:border-box}*[data-v-0a275111],[data-v-0a275111]::after,[data-v-0a275111]::before{box-sizing:border-box}.spinner[data-v-0a275111]{animation:rotate-data-v-0a275111 2s linear infinite;z-index:2;position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px;width:32px;height:32px}@media (max-width:479px){.spinner[data-v-0a275111]{width:24px;height:24px;margin:-12px 0 0 -12px}}.spinner .path[data-v-0a275111]{stroke:#12d3db;stroke-linecap:round;animation:dash-data-v-0a275111 1.5s ease-in-out infinite}@media (max-width:479px){.spinner .path[data-v-0a275111]{width:12px;height:12px;margin:-6px 0 0 -6px;stroke-width:3}}@keyframes rotate-data-v-0a275111{100%{transform:rotate(360deg)}}@keyframes dash-data-v-0a275111{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}',map:void 0,media:void 0}))}),{name:"Loading",props:{}},"data-v-0a275111",!1,void 0,!1,x,void 0,void 0),Icon:C},props:{
|
|
280
280
|
/**
|
|
281
281
|
* Tipo do botão<br>
|
|
282
282
|
* Values: `primary` `secondary` `ghost`
|
|
@@ -477,7 +477,7 @@ color:{type:String,default:"#68596E"},
|
|
|
477
477
|
* Type of font<br>
|
|
478
478
|
* Example: `Regular | Bold`
|
|
479
479
|
**/
|
|
480
|
-
type:{type:String,default:"regular"}},data:function(){return{}}},"data-v-07a7ccea",!1,void 0,!1,x,void 0,void 0),j=(require("axios"),b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"panel-book",class:[t.gridView?"":"grid",t.isMobile?"card-mobile":"card-desk"]},[a("div",{staticClass:"flex-box-column"},[a("div",{staticClass:"flex-box-row"},[a("div",{class:["flex box-book no-padding"]},[a("span",{staticClass:"box-flag",style:"background-color:"+t.productColor+";"}),t._v(" "),t.productImage&&t.productImage?a("div",{staticClass:"image-box",class:[t.productType,t.productFormat]},["livro"===t.productType?a("div",{staticClass:"placeholder"},["quadrado"!==t.productFormat?a("img",{attrs:{src:"https://brave.dentrodahistoria.com.br/images/placeholder-a4.jpg",alt:""}}):t._e(),t._v(" "),"quadrado"===t.productFormat?a("img",{attrs:{src:"https://brave.dentrodahistoria.com.br/images/placeholder-a4.jpg",alt:""}}):t._e()]):t._e(),t._v(" "),"poster"===t.productType?a("div",{staticClass:"placeholder"},[a("img",{attrs:{src:"https://brave.dentrodahistoria.com.br/images/placeholder-load-frame_a3-loading.jpg",alt:""}})]):t._e(),t._v(" "),"wallpaper"===t.productType?a("div",{staticClass:"placeholder"},[a("img",{attrs:{src:"https://brave.dentrodahistoria.com.br/images/product-type-wallpaper-loading.png",alt:""}})]):t._e(),t._v(" "),a("img",{staticClass:"lazy",attrs:{src:t.productImage}})]):a("div",{staticClass:"image-box",class:t.productFormat},["livro"===t.productType?a("div",{staticClass:"placeholder"},["quadrado"!==t.productFormat?a("img",{attrs:{src:"https://brave.dentrodahistoria.com.br/images/placeholder-a4.jpg",alt:""}}):t._e(),t._v(" "),"quadrado"===t.productFormat?a("img",{attrs:{src:"https://brave.dentrodahistoria.com.br/images/placeholder-a4.jpg",alt:""}}):t._e()]):t._e(),t._v(" "),"poster"===t.productType?a("div",{staticClass:"placeholder"},[a("img",{attrs:{src:"https://brave.dentrodahistoria.com.br/images/placeholder-load-frame_a3-loading.jpg",alt:""}})]):t._e(),t._v(" "),"wallpaper"===t.productType?a("div",{staticClass:"placeholder"},[a("img",{attrs:{src:"https://brave.dentrodahistoria.com.br/images/product-type-wallpaper-loading.png",alt:""}})]):t._e(),t._v(" "),a("img",{staticClass:"lazy",attrs:{src:t.productImage}})]),t._v(" "),t.isMobile?a("div",{staticClass:"text-description"},[a("div",{staticClass:"text-description-title"},[t.product.protagonist?a("Heading",{attrs:{kind:"h2",size:"xxs",color:"#68596E"}},[t._v(t._s(t.product.protagonist))]):t._e(),t._v(" "),t.product.brand&&t.product.brand.name?a("Heading",{attrs:{kind:"h2",size:"xxs",color:"#68596E"}},[t._v(t._s(t.product.brand.name))]):t._e(),t._v(" "),t.product.title&&t.productColor?a("Heading",{attrs:{kind:"h2",size:"xs",color:t.productColor}},[t._v(t._s(t.product.title))]):t._e(),t._v(" "),t.product.name&&t.productColor?a("Heading",{attrs:{kind:"h2",size:"xs",color:t.productColor}},[t._v(t._s(t.product.name))]):t._e(),t._v(" "),t.product.productDisplayDetails&&t.product.productDisplayDetails.cardText?a("Paragraph",{attrs:{size:"sm",color:"#68596E"}},[t._v(t._s(t.product.productDisplayDetails.cardText))]):t.product.description?a("Paragraph",{attrs:{size:"sm",color:"#68596E"}},[t._v(t._s(t.product.description))]):t._e()],1),t._v(" "),!t.gridView&&t.product.productDisplayDetails&&t.product.productDisplayDetails.cardText?a("div",{class:[(t.gridView,"xs12")],domProps:{innerHTML:t._s(t.product.productDisplayDetails.cardText)}}):t._e(),t._v(" "),!t.gridView&&t.product.productDisplayDetails&&t.product.productDisplayDetails.cardText?a("div",{class:[(t.gridView,"xs12")],domProps:{innerHTML:t._s(t.product.productDisplayDetails.cardText)}}):t._e()]):t._e()]),t._v(" "),t.isMobile?t._e():a("div",{staticClass:"text-description"},[a("div",{staticClass:"text-description-title"},[t.product.brand&&t.product.brand.name?a("Heading",{attrs:{kind:"h2",size:"xs",color:"#68596E"}},[t._v(t._s(t.product.brand.name))]):t.product.protagonist&&t.product.protagonist?a("Heading",{attrs:{kind:"h2",size:"xs",color:"#68596E"}},[t._v(t._s(t.product.protagonist))]):t._e(),t._v(" "),t.product.title?a("Heading",{attrs:{kind:"h2",size:"xs",color:t.productColor}},[t._v(t._s(t.product.title))]):t.product.name?a("Heading",{attrs:{kind:"h2",size:"xs",color:t.productColor}},[t._v(t._s(t.product.name))]):t._e(),t._v(" "),t.product.productDisplayDetails&&t.product.productDisplayDetails.cardText?a("Paragraph",{attrs:{size:"sm",color:"#68596E"}},[t._v(t._s(t.product.productDisplayDetails.cardText))]):t._e(),t._v(" "),t.product.description?a("Paragraph",{attrs:{size:"sm",color:"#68596E"}},[t._v(t._s(t.product.description))]):t._e()],1),t._v(" "),!t.gridView&&t.product.productDisplayDetails&&t.product.productDisplayDetails.cardText?a("div",{class:[(t.gridView,"xs12")],domProps:{innerHTML:t._s(t.product.productDisplayDetails.cardText)}}):t._e()])]),t._v(" "),a("div",{staticClass:"flex-box-row-footer"},[a("div",{staticClass:"payment-box"},[t._l(t.product.productHighlightTags,(function(e,i){return a("div",{key:i,staticClass:"hightlight-flag"},[e.name.includes("Exp")?a("Icon",{attrs:{name:"speaker",size:"sm",stroke:"#4965bc"}}):e.name.includes("Autor")?a("Icon",{attrs:{name:"awards",size:"sm",stroke:"#4965bc"}}):t._e(),t._v(" "),a("div",[t._v(t._s(e.name))])],1)})),t._v(" "),t.product.deliveredKitItem&&!t.product.nextKitItem?a("div",{staticClass:"payment-flag text-green"},[a("Caption",{staticClass:"text-center caption",attrs:{type:"bold",color:"#fff"}},[t._v("Você já recebeu este kit")])],1):t._e(),t._v(" "),t.product.deliveredKitItem&&!t.product.nextKitItem?a("div",{staticClass:"payment-flag text-green"},[a("Caption",{staticClass:"text-center caption",attrs:{type:"bold",color:"#fff"}},[t._v("Você já recebeu este kit")])],1):t._e(),t._v(" "),t.product.nextKitItem&&!t.product.deliveredKitItem?a("div",{staticClass:"payment-flag text-orange"},[a("Caption",{staticClass:"text-center caption",attrs:{type:"bold",color:"#fff"}},[t._v("Próximos envios")])],1):t._e()],2),t._v(" "),a("Button",{staticClass:"btn-want-it",style:"color:"+t.productColor+" !important;border-color:"+t.productColor+"!important;",attrs:{kind:"ghost",size:"md",width:t.isMobile?"fluid":"liquid",disabled:!1,inverted:!1},on:{click:function(e){return t.changeBookItem(t.product)}}},[t._v(t._s(t.textCta))])],1)])])},staticRenderFns:[]},(function(t){t&&t("data-v-67f8b4b5_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-67f8b4b5]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-67f8b4b5]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-67f8b4b5]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-67f8b4b5]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-67f8b4b5]{font-size:14px}}@media (min-width:1024px){[data-v-67f8b4b5]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-67f8b4b5]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-67f8b4b5]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-67f8b4b5]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-67f8b4b5]{font-size:1.56vw}}html[data-v-67f8b4b5]{box-sizing:border-box}*[data-v-67f8b4b5],[data-v-67f8b4b5]::after,[data-v-67f8b4b5]::before{box-sizing:border-box}.panel-book[data-v-67f8b4b5]{background-color:#fff;border-radius:.380952381rem;box-shadow:0 2px 8px rgba(104,89,110,.24);transition:all .3s;overflow:hidden}.panel-book[data-v-67f8b4b5]:hover{box-shadow:4px 16px 32px rgba(104,89,110,.24)}@media (max-width:479px){.panel-book[data-v-67f8b4b5]{border-radius:1.4953271028rem}}[data-v-67f8b4b5] .swiper-pagination-bullet-active{background:#923fda!important}.flex-box-column[data-v-67f8b4b5]{display:flex;flex-direction:column;width:100%}.flex-box-row[data-v-67f8b4b5]{display:flex;flex-direction:row;border-bottom:1px solid #dfdae4;flex-grow:1}@media (max-width:479px){.flex-box-row[data-v-67f8b4b5]{border-bottom:none}}.subscription-select[data-v-67f8b4b5]{position:relative;display:inline-block}.subscription-select:hover .menu-dropdown-parent[data-v-67f8b4b5]{display:block}.menu-selector[data-v-67f8b4b5]{background-color:#fff;text-align:left;position:relative}.menu-selector .chevron-right[data-v-67f8b4b5]{position:absolute;right:0;bottom:0}.menu-selector .menu-dropdown-parent[data-v-67f8b4b5]{padding-top:50px;margin-top:-50px;display:none}.menu-selector .menu-dropdown[data-v-67f8b4b5]{position:absolute;border-top:10px solid #907feb;border-radius:10px;-webkit-box-shadow:0 2px 4px 0 rgba(175,162,186,.4);box-shadow:0 2px 4px 0 rgba(175,162,186,.4);background:#fff;padding:20px;padding-top:0;z-index:999;padding-bottom:0;margin:0 auto;left:0;right:0}.menu-selector .menu-dropdown[data-v-67f8b4b5]:before{content:"";border:solid #907feb;border-width:0 3px 3px 0;display:inline-block;padding:3px;position:absolute;top:-13px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);left:0;right:0;width:3px;margin:auto}.menu-selector .menu-dropdown .subscription-item[data-v-67f8b4b5]{font-family:Nunito;font-size:14px;font-weight:600;font-style:normal;font-stretch:normal;letter-spacing:normal;color:#68596e;border-bottom:1px solid #dfdae4;height:57px;position:relative;line-height:60px;display:block;width:100%;cursor:pointer}.menu-selector .heading-boxes[data-v-67f8b4b5]{padding-top:1.1428571429rem;padding-left:1.1428571429rem;padding-right:1.7142857143rem;padding-bottom:0}.menu-selector .menu-item[data-v-67f8b4b5]{margin-top:10px;padding-left:1.1428571429rem;background-color:#fff}.menu-selector .menu-item a[data-v-67f8b4b5]{border-radius:0;color:#68596e;border-bottom:5px solid #fff;cursor:pointer;padding:10px 10px;margin-right:15px;text-decoration:none;display:inline-block;font-weight:600;font-family:Roboto;font-size:.7619047619rem}.menu-selector .menu-item a.active[data-v-67f8b4b5]{color:#2dd3d8;border-bottom:5px solid #2dd3d8}.flagBox[data-v-67f8b4b5]{width:5.7142857143rem;height:1.2380952381rem;border-radius:.2857142857rem;box-shadow:0 2px 5px 0 rgba(0,0,0,.17);background-color:#9378f0;font-family:Nunito;font-size:.4761904762rem;font-weight:900;font-stretch:normal;font-style:normal;line-height:2.4;letter-spacing:.56px;text-align:center;color:#fff;margin:0 auto;top:-13px;position:absolute;margin:0 auto;left:0;right:0;z-index:2}.flagBox.delivered[data-v-67f8b4b5]{background-color:#00d16d}.image-box[data-v-67f8b4b5]{width:100%;position:relative;border-radius:.1904761905rem;display:flex;background-size:cover}@media (max-width:479px){.image-box[data-v-67f8b4b5]{max-width:13.0841121495rem;width:13.0841121495rem!important;top:-px-size("sm", 40px);border-radius:.3738317757rem;-webkit-border-radius:.3738317757rem}}.image-box img.lazy[data-v-67f8b4b5]{display:block;border-radius:.1904761905rem;-webkit-border-radius:.1904761905rem;width:7.7142857143rem;z-index:1;position:relative}@media (max-width:479px){.image-box img.lazy[data-v-67f8b4b5]{width:13.0841121495rem!important;border-radius:.3738317757rem;-webkit-border-radius:.3738317757rem}}.image-box .placeholder[data-v-67f8b4b5]{position:absolute;left:0;top:0;z-index:1;width:7.7142857143rem}.image-box .placeholder img[data-v-67f8b4b5]{width:7.7142857143rem;display:block;margin:0 auto}@media (max-width:479px){.image-box .placeholder img[data-v-67f8b4b5]{width:13.0841121495rem!important}}.image-box.livro[data-v-67f8b4b5]{box-shadow:0 5px 15px rgba(104,89,110,.4);border-radius:.1904761905rem;overflow:hidden}.image-box.livro.retangular[data-v-67f8b4b5]{min-width:6.6666666667rem}.image-box.livro.quadrado[data-v-67f8b4b5]{min-width:6.6666666667rem;margin-bottom:.7619047619rem;background-size:cover}@media (max-width:479px){.image-box.livro.quadrado[data-v-67f8b4b5]{height:13.0841121495rem!important;width:13.0841121495rem!important}}.image-box.livro.quadrado img[data-v-67f8b4b5]{height:7.7142857143rem;width:7.7142857143rem}@media (max-width:479px){.image-box.livro.quadrado img[data-v-67f8b4b5]{height:13.0841121495rem!important;width:13.0841121495rem!important}}.kitBox[data-v-67f8b4b5]{position:absolute;display:flex;width:100%;height:100%;color:#fff;align-items:center}.kitBox .blur[data-v-67f8b4b5]{display:flex;position:absolute;z-index:1;width:100%;height:100%;background-color:rgba(104,89,110,.8);border-radius:.1904761905rem;-webkit-border-radius:.1904761905rem}@media (max-width:479px){.kitBox .blur[data-v-67f8b4b5]{border-radius:.3738317757rem;-webkit-border-radius:.3738317757rem}}.kitBox .box[data-v-67f8b4b5]{display:flex;justify-content:center;align-items:center;flex-direction:column}.kitBox .box .icon-box[data-v-67f8b4b5]{display:flex;justify-content:center;align-items:center;width:2.5714285714rem;height:2.5714285714rem;border-radius:50%;margin-bottom:8px;z-index:2}.kitBox .box .icon-box[data-v-67f8b4b5] svg{fill:#fff;stroke:unset;width:1.5238095238rem;height:1.5238095238rem}@media (max-width:479px){.kitBox .box .icon-box[data-v-67f8b4b5]{width:5.046728972rem;height:5.046728972rem}.kitBox .box .icon-box[data-v-67f8b4b5] svg{width:2.9906542056rem;height:2.9906542056rem}}.kitBox div[data-v-67f8b4b5]{display:block;width:100%;color:#fff;font-size:.6666666667rem;font-family:Nunito!important}@media (max-width:479px){.kitBox div[data-v-67f8b4b5]{font-size:1.308411215rem}}.kitBox div b[data-v-67f8b4b5]{color:#fff}.kitBox div svg path[data-v-67f8b4b5]{fill:#fff}.text-description[data-v-67f8b4b5]{display:block;text-align:left;font-family:Nunito;font-size:.6666666667rem;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.31;letter-spacing:normal;color:#68596e;background-color:#fff;flex-wrap:wrap;align-items:center;padding:1.1428571429rem;border-radius:.380952381rem;-webkit-border-radius:.380952381rem}@media (max-width:479px){.text-description[data-v-67f8b4b5]{font-size:1.308411215rem;width:100%;padding:0;border:none;border-radius:.7476635514rem;-webkit-border-radius:.7476635514rem;margin-top:1.4953271028rem}}.text-description .text-description-title[data-v-67f8b4b5]{max-width:100%;margin:0 auto}.text-description b[data-v-67f8b4b5]{width:100%}.text-description p[data-v-67f8b4b5]{width:100%}.box-book[data-v-67f8b4b5]{z-index:2;position:relative;padding:1.1428571429rem}@media (max-width:479px){.box-book[data-v-67f8b4b5]{padding:2.2429906542rem;padding-bottom:0;width:100%}}.box-book .box-flag[data-v-67f8b4b5]{width:100%;height:7.1428571429rem;background-color:#01dce0;position:absolute;left:0;top:0;border-radius:.380952381rem 0 3.3333333333rem 3.3333333333rem}@media (max-width:479px){.box-book .box-flag[data-v-67f8b4b5]{height:11.214953271rem;border-radius:0 0 14.0186915888rem 0;width:90%}}.flex-box-row-footer[data-v-67f8b4b5]{display:flex;align-items:center;flex-direction:row;padding:.7619047619rem 1.1428571429rem}@media (max-width:479px){.flex-box-row-footer[data-v-67f8b4b5]{padding:1.4953271028rem 2.2429906542rem;padding-bottom:2.2429906542rem;flex-wrap:wrap}}.button-box[data-v-67f8b4b5]{padding:.7619047619rem 1.1428571429rem;justify-content:right;text-align:right}@media (max-width:479px){.button-box[data-v-67f8b4b5]{padding:1.4953271028rem 2.2429906542rem;padding-bottom:0!important}}.payment-box[data-v-67f8b4b5]{display:flex;flex-grow:1}@media (max-width:479px){.payment-box[data-v-67f8b4b5]{flex-wrap:wrap;margin-bottom:1.4953271028rem}}.text-orange[data-v-67f8b4b5]{background-color:#feaf00}.text-green[data-v-67f8b4b5]{background-color:#00cf72}.payment-flag[data-v-67f8b4b5]{display:flex;border-radius:.1904761905rem;-webkit-border-radius:.1904761905rem;text-align:center;justify-content:center;align-items:center;padding:.380952381rem}.payment-flag[data-v-67f8b4b5] .caption{line-height:1}b[data-v-67f8b4b5]{font-weight:700!important}.hightlight-flag[data-v-67f8b4b5]{padding:.380952381rem;border-radius:.1904761905rem;background:#e1f3fe;font-family:Roboto,sans-serif;font-size:.5714285714rem;font-weight:900;line-height:1;text-transform:uppercase;color:#4965bc;display:flex;align-content:center;flex-wrap:wrap;align-items:center;margin-right:.380952381rem}.hightlight-flag div[data-v-67f8b4b5]{padding-top:2px}@media (max-width:479px){.hightlight-flag[data-v-67f8b4b5]{width:100%;margin-bottom:.7476635514rem;padding:.7476635514rem;font-size:1.1214953271rem;margin-right:0;border-radius:.3738317757rem}.hightlight-flag[data-v-67f8b4b5]:last-child{margin-bottom:0}}.hightlight-flag i[data-v-67f8b4b5]{margin-right:.1904761905rem}@media (max-width:479px){.hightlight-flag i[data-v-67f8b4b5]{margin-right:.3738317757rem}}',map:void 0,media:void 0})}),{name:"CardProduct",components:{
|
|
480
|
+
type:{type:String,default:"regular"}},data:function(){return{}}},"data-v-07a7ccea",!1,void 0,!1,x,void 0,void 0),j=(require("axios"),b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"panel-book",class:[t.gridView?"":"grid",t.isMobile?"card-mobile":"card-desk"]},[a("div",{staticClass:"flex-box-column"},[a("div",{staticClass:"flex-box-row"},[a("div",{class:["flex box-book no-padding"]},[a("span",{staticClass:"box-flag",style:"background-color:"+t.productColor+";"}),t._v(" "),t.productImage&&t.productImage?a("div",{staticClass:"image-box",class:[t.productType,t.productFormat]},["livro"===t.productType?a("div",{staticClass:"placeholder"},["quadrado"!==t.productFormat?a("img",{attrs:{src:"https://brave.dentrodahistoria.com.br/images/placeholder-a4.jpg",alt:""}}):t._e(),t._v(" "),"quadrado"===t.productFormat?a("img",{attrs:{src:"https://brave.dentrodahistoria.com.br/images/placeholder-a4.jpg",alt:""}}):t._e()]):t._e(),t._v(" "),"poster"===t.productType?a("div",{staticClass:"placeholder"},[a("img",{attrs:{src:"https://brave.dentrodahistoria.com.br/images/placeholder-load-frame_a3-loading.jpg",alt:""}})]):t._e(),t._v(" "),"wallpaper"===t.productType?a("div",{staticClass:"placeholder"},[a("img",{attrs:{src:"https://brave.dentrodahistoria.com.br/images/product-type-wallpaper-loading.png",alt:""}})]):t._e(),t._v(" "),a("img",{staticClass:"lazy",attrs:{src:t.productImage}})]):a("div",{staticClass:"image-box",class:t.productFormat},["livro"===t.productType?a("div",{staticClass:"placeholder"},["quadrado"!==t.productFormat?a("img",{attrs:{src:"https://brave.dentrodahistoria.com.br/images/placeholder-a4.jpg",alt:""}}):t._e(),t._v(" "),"quadrado"===t.productFormat?a("img",{attrs:{src:"https://brave.dentrodahistoria.com.br/images/placeholder-a4.jpg",alt:""}}):t._e()]):t._e(),t._v(" "),"poster"===t.productType?a("div",{staticClass:"placeholder"},[a("img",{attrs:{src:"https://brave.dentrodahistoria.com.br/images/placeholder-load-frame_a3-loading.jpg",alt:""}})]):t._e(),t._v(" "),"wallpaper"===t.productType?a("div",{staticClass:"placeholder"},[a("img",{attrs:{src:"https://brave.dentrodahistoria.com.br/images/product-type-wallpaper-loading.png",alt:""}})]):t._e(),t._v(" "),a("img",{staticClass:"lazy",attrs:{src:t.productImage}})]),t._v(" "),t.isMobile?a("div",{staticClass:"text-description"},[a("div",{staticClass:"text-description-title"},[t.product.protagonist?a("Heading",{attrs:{kind:"h2",size:"xxs",color:"#68596E"}},[t._v(t._s(t.product.protagonist))]):t._e(),t._v(" "),t.product.brand&&t.product.brand.name?a("Heading",{attrs:{kind:"h2",size:"xxs",color:"#68596E"}},[t._v(t._s(t.product.brand.name))]):t._e(),t._v(" "),t.product.title&&t.productColor?a("Heading",{attrs:{kind:"h2",size:"xs",color:t.productColor}},[t._v(t._s(t.product.title))]):t._e(),t._v(" "),t.product.name&&t.productColor?a("Heading",{attrs:{kind:"h2",size:"xs",color:t.productColor}},[t._v(t._s(t.product.name))]):t._e(),t._v(" "),t.product.productDisplayDetails&&t.product.productDisplayDetails.cardText?a("Paragraph",{attrs:{size:"sm",color:"#68596E"}},[t._v(t._s(t.product.productDisplayDetails.cardText))]):t.product.description?a("Paragraph",{attrs:{size:"sm",color:"#68596E"}},[t._v(t._s(t.product.description))]):t._e()],1),t._v(" "),!t.gridView&&t.product.productDisplayDetails&&t.product.productDisplayDetails.cardText?a("div",{class:[(t.gridView,"xs12")],domProps:{innerHTML:t._s(t.product.productDisplayDetails.cardText)}}):t._e(),t._v(" "),!t.gridView&&t.product.productDisplayDetails&&t.product.productDisplayDetails.cardText?a("div",{class:[(t.gridView,"xs12")],domProps:{innerHTML:t._s(t.product.productDisplayDetails.cardText)}}):t._e()]):t._e()]),t._v(" "),t.isMobile?t._e():a("div",{staticClass:"text-description"},[a("div",{staticClass:"text-description-title"},[t.product.brand&&t.product.brand.name?a("Heading",{attrs:{kind:"h2",size:"xs",color:"#68596E"}},[t._v(t._s(t.product.brand.name))]):t.product.protagonist&&t.product.protagonist?a("Heading",{attrs:{kind:"h2",size:"xs",color:"#68596E"}},[t._v(t._s(t.product.protagonist))]):t._e(),t._v(" "),t.product.title?a("Heading",{attrs:{kind:"h2",size:"xs",color:t.productColor}},[t._v(t._s(t.product.title))]):t.product.name?a("Heading",{attrs:{kind:"h2",size:"xs",color:t.productColor}},[t._v(t._s(t.product.name))]):t._e(),t._v(" "),t.product.productDisplayDetails&&t.product.productDisplayDetails.cardText?a("Paragraph",{attrs:{size:"sm",color:"#68596E"}},[t._v(t._s(t.product.productDisplayDetails.cardText))]):t._e(),t._v(" "),t.product.description?a("Paragraph",{attrs:{size:"sm",color:"#68596E"}},[t._v(t._s(t.product.description))]):t._e()],1),t._v(" "),!t.gridView&&t.product.productDisplayDetails&&t.product.productDisplayDetails.cardText?a("div",{class:[(t.gridView,"xs12")],domProps:{innerHTML:t._s(t.product.productDisplayDetails.cardText)}}):t._e()])]),t._v(" "),a("div",{staticClass:"flex-box-row-footer"},[a("div",{staticClass:"payment-box"},[t._l(t.product.productHighlightTags,(function(e,i){return a("div",{key:i,staticClass:"hightlight-flag"},[e.name.includes("Exp")?a("Icon",{attrs:{name:"speaker",size:"sm",stroke:"#4965bc"}}):e.name.includes("Autor")?a("Icon",{attrs:{name:"awards",size:"sm",stroke:"#4965bc"}}):t._e(),t._v(" "),a("div",[t._v(t._s(e.name))])],1)})),t._v(" "),t.product.deliveredKitItem&&!t.product.nextKitItem?a("div",{staticClass:"payment-flag text-green"},[a("Caption",{staticClass:"text-center caption",attrs:{type:"bold",color:"#fff"}},[t._v("Você já recebeu este kit")])],1):t._e(),t._v(" "),t.product.deliveredKitItem&&!t.product.nextKitItem?a("div",{staticClass:"payment-flag text-green"},[a("Caption",{staticClass:"text-center caption",attrs:{type:"bold",color:"#fff"}},[t._v("Você já recebeu este kit")])],1):t._e(),t._v(" "),t.product.nextKitItem&&!t.product.deliveredKitItem?a("div",{staticClass:"payment-flag text-orange"},[a("Caption",{staticClass:"text-center caption",attrs:{type:"bold",color:"#fff"}},[t._v("Próximos envios")])],1):t._e()],2),t._v(" "),a("Button",{staticClass:"btn-want-it",style:"color:"+t.productColor+" !important;border-color:"+t.productColor+"!important;",attrs:{kind:"ghost",size:"md",width:t.isMobile?"fluid":"liquid",disabled:!1,inverted:!1},on:{click:function(e){return t.changeBookItem(t.product)}}},[t._v(t._s(t.textCta))])],1)])])},staticRenderFns:[]},(function(t){t&&t("data-v-2cc38177_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-2cc38177]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-2cc38177]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-2cc38177]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-2cc38177]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-2cc38177]{font-size:14px}}@media (min-width:1024px){[data-v-2cc38177]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-2cc38177]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-2cc38177]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-2cc38177]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-2cc38177]{font-size:1.56vw}}html[data-v-2cc38177]{box-sizing:border-box}*[data-v-2cc38177],[data-v-2cc38177]::after,[data-v-2cc38177]::before{box-sizing:border-box}.panel-book[data-v-2cc38177]{background-color:#fff;border-radius:.380952381rem;box-shadow:0 2px 8px rgba(104,89,110,.24);transition:all .3s;overflow:hidden}.panel-book[data-v-2cc38177]:hover{box-shadow:4px 16px 32px rgba(104,89,110,.24)}@media (max-width:479px){.panel-book[data-v-2cc38177]{border-radius:1.4953271028rem}}[data-v-2cc38177] .swiper-pagination-bullet-active{background:#923fda!important}.flex-box-column[data-v-2cc38177]{display:flex;flex-direction:column;width:100%}.flex-box-row[data-v-2cc38177]{display:flex;flex-direction:row;border-bottom:1px solid #dfdae4;flex-grow:1}@media (max-width:479px){.flex-box-row[data-v-2cc38177]{border-bottom:none}}.subscription-select[data-v-2cc38177]{position:relative;display:inline-block}.subscription-select:hover .menu-dropdown-parent[data-v-2cc38177]{display:block}.menu-selector[data-v-2cc38177]{background-color:#fff;text-align:left;position:relative}.menu-selector .chevron-right[data-v-2cc38177]{position:absolute;right:0;bottom:0}.menu-selector .menu-dropdown-parent[data-v-2cc38177]{padding-top:50px;margin-top:-50px;display:none}.menu-selector .menu-dropdown[data-v-2cc38177]{position:absolute;border-top:10px solid #907feb;border-radius:10px;-webkit-box-shadow:0 2px 4px 0 rgba(175,162,186,.4);box-shadow:0 2px 4px 0 rgba(175,162,186,.4);background:#fff;padding:20px;padding-top:0;z-index:999;padding-bottom:0;margin:0 auto;left:0;right:0}.menu-selector .menu-dropdown[data-v-2cc38177]:before{content:"";border:solid #907feb;border-width:0 3px 3px 0;display:inline-block;padding:3px;position:absolute;top:-13px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);left:0;right:0;width:3px;margin:auto}.menu-selector .menu-dropdown .subscription-item[data-v-2cc38177]{font-family:Nunito;font-size:14px;font-weight:600;font-style:normal;font-stretch:normal;letter-spacing:normal;color:#68596e;border-bottom:1px solid #dfdae4;height:57px;position:relative;line-height:60px;display:block;width:100%;cursor:pointer}.menu-selector .heading-boxes[data-v-2cc38177]{padding-top:1.1428571429rem;padding-left:1.1428571429rem;padding-right:1.7142857143rem;padding-bottom:0}.menu-selector .menu-item[data-v-2cc38177]{margin-top:10px;padding-left:1.1428571429rem;background-color:#fff}.menu-selector .menu-item a[data-v-2cc38177]{border-radius:0;color:#68596e;border-bottom:5px solid #fff;cursor:pointer;padding:10px 10px;margin-right:15px;text-decoration:none;display:inline-block;font-weight:600;font-family:Roboto;font-size:.7619047619rem}.menu-selector .menu-item a.active[data-v-2cc38177]{color:#2dd3d8;border-bottom:5px solid #2dd3d8}.flagBox[data-v-2cc38177]{width:5.7142857143rem;height:1.2380952381rem;border-radius:.2857142857rem;box-shadow:0 2px 5px 0 rgba(0,0,0,.17);background-color:#9378f0;font-family:Nunito;font-size:.4761904762rem;font-weight:900;font-stretch:normal;font-style:normal;line-height:2.4;letter-spacing:.56px;text-align:center;color:#fff;margin:0 auto;top:-13px;position:absolute;margin:0 auto;left:0;right:0;z-index:2}.flagBox.delivered[data-v-2cc38177]{background-color:#00d16d}.image-box[data-v-2cc38177]{width:100%;position:relative;border-radius:.1904761905rem;display:flex;background-size:cover}@media (max-width:479px){.image-box[data-v-2cc38177]{max-width:13.0841121495rem;width:13.0841121495rem!important;top:-px-size("sm", 40px);border-radius:.3738317757rem;-webkit-border-radius:.3738317757rem}}.image-box img.lazy[data-v-2cc38177]{display:block;border-radius:.1904761905rem;-webkit-border-radius:.1904761905rem;width:7.7142857143rem;z-index:1;position:relative}@media (max-width:479px){.image-box img.lazy[data-v-2cc38177]{width:13.0841121495rem!important;border-radius:.3738317757rem;-webkit-border-radius:.3738317757rem}}.image-box .placeholder[data-v-2cc38177]{position:absolute;left:0;top:0;z-index:1;width:7.7142857143rem}.image-box .placeholder img[data-v-2cc38177]{width:7.7142857143rem;display:block;margin:0 auto}@media (max-width:479px){.image-box .placeholder img[data-v-2cc38177]{width:13.0841121495rem!important}}.image-box.livro[data-v-2cc38177]{box-shadow:0 5px 15px rgba(104,89,110,.4);border-radius:.1904761905rem;overflow:hidden}.image-box.livro.retangular[data-v-2cc38177]{min-width:6.6666666667rem}.image-box.livro.quadrado[data-v-2cc38177]{min-width:6.6666666667rem;margin-bottom:.7619047619rem;background-size:cover}@media (max-width:479px){.image-box.livro.quadrado[data-v-2cc38177]{height:13.0841121495rem!important;width:13.0841121495rem!important}}.image-box.livro.quadrado img[data-v-2cc38177]{height:7.7142857143rem;width:7.7142857143rem}@media (max-width:479px){.image-box.livro.quadrado img[data-v-2cc38177]{height:13.0841121495rem!important;width:13.0841121495rem!important}}.image-box.wallpaper[data-v-2cc38177]::before{content:"";width:6.1428571429rem;height:10.7142857143rem;box-shadow:0 2px 12px 8px rgba(104,89,110,.24);display:block;position:absolute;top:0;left:0;right:0;border-radius:.9523809524rem;z-index:1;margin:0 auto}@media (max-width:479px){.image-box.wallpaper[data-v-2cc38177]::before{width:10.2803738318rem;height:17.7570093458rem;top:.1869158879rem}}.image-box.poster[data-v-2cc38177]::before{content:"";box-shadow:0 2px 12px 8px rgba(104,89,110,.24);display:block;position:absolute;top:0;left:0;right:0;border-radius:.9523809524rem;z-index:1;margin:0 auto;width:100%;height:100%}.kitBox[data-v-2cc38177]{position:absolute;display:flex;width:100%;height:100%;color:#fff;align-items:center}.kitBox .blur[data-v-2cc38177]{display:flex;position:absolute;z-index:1;width:100%;height:100%;background-color:rgba(104,89,110,.8);border-radius:.1904761905rem;-webkit-border-radius:.1904761905rem}@media (max-width:479px){.kitBox .blur[data-v-2cc38177]{border-radius:.3738317757rem;-webkit-border-radius:.3738317757rem}}.kitBox .box[data-v-2cc38177]{display:flex;justify-content:center;align-items:center;flex-direction:column}.kitBox .box .icon-box[data-v-2cc38177]{display:flex;justify-content:center;align-items:center;width:2.5714285714rem;height:2.5714285714rem;border-radius:50%;margin-bottom:8px;z-index:2}.kitBox .box .icon-box[data-v-2cc38177] svg{fill:#fff;stroke:unset;width:1.5238095238rem;height:1.5238095238rem}@media (max-width:479px){.kitBox .box .icon-box[data-v-2cc38177]{width:5.046728972rem;height:5.046728972rem}.kitBox .box .icon-box[data-v-2cc38177] svg{width:2.9906542056rem;height:2.9906542056rem}}.kitBox div[data-v-2cc38177]{display:block;width:100%;color:#fff;font-size:.6666666667rem;font-family:Nunito!important}@media (max-width:479px){.kitBox div[data-v-2cc38177]{font-size:1.308411215rem}}.kitBox div b[data-v-2cc38177]{color:#fff}.kitBox div svg path[data-v-2cc38177]{fill:#fff}.text-description[data-v-2cc38177]{display:block;text-align:left;font-family:Nunito;font-size:.6666666667rem;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.31;letter-spacing:normal;color:#68596e;background-color:#fff;flex-wrap:wrap;align-items:center;padding:1.1428571429rem;border-radius:.380952381rem;-webkit-border-radius:.380952381rem}@media (max-width:479px){.text-description[data-v-2cc38177]{font-size:1.308411215rem;width:100%;padding:0;border:none;border-radius:.7476635514rem;-webkit-border-radius:.7476635514rem;margin-top:1.4953271028rem}}.text-description .text-description-title[data-v-2cc38177]{max-width:100%;margin:0 auto}.text-description b[data-v-2cc38177]{width:100%}.text-description p[data-v-2cc38177]{width:100%}.box-book[data-v-2cc38177]{z-index:2;position:relative;padding:1.1428571429rem}@media (max-width:479px){.box-book[data-v-2cc38177]{padding:2.2429906542rem;padding-bottom:0;width:100%}}.box-book .box-flag[data-v-2cc38177]{width:100%;height:7.1428571429rem;background-color:#01dce0;position:absolute;left:0;top:0;border-radius:.380952381rem 0 3.3333333333rem 3.3333333333rem}@media (max-width:479px){.box-book .box-flag[data-v-2cc38177]{height:11.214953271rem;border-radius:0 0 14.0186915888rem 0;width:90%}}.flex-box-row-footer[data-v-2cc38177]{display:flex;align-items:center;flex-direction:row;padding:.7619047619rem 1.1428571429rem}@media (max-width:479px){.flex-box-row-footer[data-v-2cc38177]{padding:1.4953271028rem 2.2429906542rem;padding-bottom:2.2429906542rem;flex-wrap:wrap}}.button-box[data-v-2cc38177]{padding:.7619047619rem 1.1428571429rem;justify-content:right;text-align:right}@media (max-width:479px){.button-box[data-v-2cc38177]{padding:1.4953271028rem 2.2429906542rem;padding-bottom:0!important}}.payment-box[data-v-2cc38177]{display:flex;flex-grow:1}@media (max-width:479px){.payment-box[data-v-2cc38177]{flex-wrap:wrap;margin-bottom:1.4953271028rem}}.text-orange[data-v-2cc38177]{background-color:#feaf00}.text-green[data-v-2cc38177]{background-color:#00cf72}.payment-flag[data-v-2cc38177]{display:flex;border-radius:.1904761905rem;-webkit-border-radius:.1904761905rem;text-align:center;justify-content:center;align-items:center;padding:.380952381rem}.payment-flag[data-v-2cc38177] .caption{line-height:1}b[data-v-2cc38177]{font-weight:700!important}.hightlight-flag[data-v-2cc38177]{padding:.380952381rem;border-radius:.1904761905rem;background:#e1f3fe;font-family:Roboto,sans-serif;font-size:.5714285714rem;font-weight:900;line-height:1;text-transform:uppercase;color:#4965bc;display:flex;align-content:center;flex-wrap:wrap;align-items:center;margin-right:.380952381rem}.hightlight-flag div[data-v-2cc38177]{padding-top:2px}@media (max-width:479px){.hightlight-flag[data-v-2cc38177]{width:100%;margin-bottom:.7476635514rem;padding:.7476635514rem;font-size:1.1214953271rem;margin-right:0;border-radius:.3738317757rem}.hightlight-flag[data-v-2cc38177]:last-child{margin-bottom:0}}.hightlight-flag i[data-v-2cc38177]{margin-right:.1904761905rem}@media (max-width:479px){.hightlight-flag i[data-v-2cc38177]{margin-right:.3738317757rem}}',map:void 0,media:void 0})}),{name:"CardProduct",components:{
|
|
481
481
|
//Logo,
|
|
482
482
|
Heading:D,Paragraph:R,Button:A,Icon:C},computed:{},directives:{},props:{product:{type:Object,required:!0},
|
|
483
483
|
// productType: {
|
|
@@ -495,7 +495,7 @@ self.product.color&&(self.productColor=self.product.color),
|
|
|
495
495
|
// 2 - Detectar objeto da imagem e aplicar
|
|
496
496
|
self.product.coverImage2xUrl&&(self.productImage=self.product.coverImage2xUrl),self.product.productDisplayDetails&&self.product.productDisplayDetails.coverImage&&(self.productImage=self.product.productDisplayDetails.coverImage),
|
|
497
497
|
// 3 - Detectar o tipo de produto
|
|
498
|
-
self.product.tagSpecs&&self.product.tagSpecs.productType&&(self.productType=self.product.tagSpecs.productType),console.log("tagSpecs 1",self.product.tagSpecs),self.product.tagSpecs&&self.product.tagSpecs.productFormat&&(console.log("tagSpecs",self.product.tagSpecs),self.productFormat=self.product.tagSpecs.productFormat)},methods:{detectSize:function(){var t=!1;return window.innerWidth<990&&(t=!0),t},changeBookItem:function(t){this.$emit("click",t)}}},"data-v-67f8b4b5",!1,void 0,!1,x,void 0,void 0)),$=(require("axios"),b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return t.productImage?a("div",{staticClass:"image-box",class:[t.productType,t.productFormat]},["livro"===t.productType?a("div",{staticClass:"placeholder"},["quadrado"!==t.productFormat?a("img",{attrs:{src:"https://brave.dentrodahistoria.com.br/images/placeholder-a4.jpg",alt:""}}):t._e(),t._v(" "),"quadrado"===t.productFormat?a("img",{attrs:{src:"https://brave.dentrodahistoria.com.br/images/placeholder-a4.jpg",alt:""}}):t._e()]):t._e(),t._v(" "),"poster"===t.productType?a("div",{staticClass:"placeholder"},[a("img",{attrs:{src:"https://brave.dentrodahistoria.com.br/images/placeholder-load-frame_a3-loading.jpg",alt:""}})]):t._e(),t._v(" "),"wallpaper"===t.productType?a("div",{staticClass:"placeholder"},[a("img",{attrs:{src:"https://brave.dentrodahistoria.com.br/images/product-type-wallpaper-loading.png",alt:""}})]):t._e(),t._v(" "),a("div",{staticClass:"lens"},["wallpaper"===t.productType?a("img",{attrs:{src:"https://brave.dentrodahistoria.com.br/images/product-type-wallpaper-wallpaper@2x.png",alt:""}}):t._e(),t._v(" "),"poster"===t.productType?a("img",{attrs:{src:"https://brave.dentrodahistoria.com.br/images/product-type-a3-frame-poster@2x.png",alt:""}}):t._e()]),t._v(" "),a("img",{staticClass:"lazy",attrs:{src:t.productImage}})]):t._e()},staticRenderFns:[]},(function(t){t&&t("data-v-083e0806_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-083e0806]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-083e0806]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-083e0806]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-083e0806]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-083e0806]{font-size:14px}}@media (min-width:1024px){[data-v-083e0806]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-083e0806]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-083e0806]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-083e0806]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-083e0806]{font-size:1.56vw}}html[data-v-083e0806]{box-sizing:border-box}*[data-v-083e0806],[data-v-083e0806]::after,[data-v-083e0806]::before{box-sizing:border-box}.panel-book[data-v-083e0806]{background-color:#fff;border-radius:.380952381rem;box-shadow:0 2px 8px rgba(104,89,110,.24);transition:all .3s;overflow:hidden}.panel-book[data-v-083e0806]:hover{box-shadow:4px 16px 32px rgba(104,89,110,.24)}@media (max-width:479px){.panel-book[data-v-083e0806]{border-radius:1.4953271028rem}}[data-v-083e0806] .swiper-pagination-bullet-active{background:#923fda!important}.flex-box-column[data-v-083e0806]{display:flex;flex-direction:column;width:100%}.flex-box-row[data-v-083e0806]{display:flex;flex-direction:row;border-bottom:1px solid #dfdae4;flex-grow:1}@media (max-width:479px){.flex-box-row[data-v-083e0806]{border-bottom:none}}.subscription-select[data-v-083e0806]{position:relative;display:inline-block}.subscription-select:hover .menu-dropdown-parent[data-v-083e0806]{display:block}.menu-selector[data-v-083e0806]{background-color:#fff;text-align:left;position:relative}.menu-selector .chevron-right[data-v-083e0806]{position:absolute;right:0;bottom:0}.menu-selector .menu-dropdown-parent[data-v-083e0806]{padding-top:50px;margin-top:-50px;display:none}.menu-selector .menu-dropdown[data-v-083e0806]{position:absolute;border-top:10px solid #907feb;border-radius:10px;-webkit-box-shadow:0 2px 4px 0 rgba(175,162,186,.4);box-shadow:0 2px 4px 0 rgba(175,162,186,.4);background:#fff;padding:20px;padding-top:0;z-index:999;padding-bottom:0;margin:0 auto;left:0;right:0}.menu-selector .menu-dropdown[data-v-083e0806]:before{content:"";border:solid #907feb;border-width:0 3px 3px 0;display:inline-block;padding:3px;position:absolute;top:-13px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);left:0;right:0;width:3px;margin:auto}.menu-selector .menu-dropdown .subscription-item[data-v-083e0806]{font-family:Nunito;font-size:14px;font-weight:600;font-style:normal;font-stretch:normal;letter-spacing:normal;color:#68596e;border-bottom:1px solid #dfdae4;height:57px;position:relative;line-height:60px;display:block;width:100%;cursor:pointer}.menu-selector .heading-boxes[data-v-083e0806]{padding-top:1.1428571429rem;padding-left:1.1428571429rem;padding-right:1.7142857143rem;padding-bottom:0}.menu-selector .menu-item[data-v-083e0806]{margin-top:10px;padding-left:1.1428571429rem;background-color:#fff}.menu-selector .menu-item a[data-v-083e0806]{border-radius:0;color:#68596e;border-bottom:5px solid #fff;cursor:pointer;padding:10px 10px;margin-right:15px;text-decoration:none;display:inline-block;font-weight:600;font-family:Roboto;font-size:.7619047619rem}.menu-selector .menu-item a.active[data-v-083e0806]{color:#2dd3d8;border-bottom:5px solid #2dd3d8}.flagBox[data-v-083e0806]{width:5.7142857143rem;height:1.2380952381rem;border-radius:.2857142857rem;box-shadow:0 2px 5px 0 rgba(0,0,0,.17);background-color:#9378f0;font-family:Nunito;font-size:.4761904762rem;font-weight:900;font-stretch:normal;font-style:normal;line-height:2.4;letter-spacing:.56px;text-align:center;color:#fff;margin:0 auto;top:-13px;position:absolute;margin:0 auto;left:0;right:0;z-index:2}.flagBox.delivered[data-v-083e0806]{background-color:#00d16d}.image-box[data-v-083e0806]{width:100%;position:relative;border-radius:.1904761905rem;display:flex;background-size:cover}@media (max-width:479px){.image-box[data-v-083e0806]{max-width:13.0841121495rem;width:13.0841121495rem!important;height:18.3177570093rem!important;top:-px-size("sm", 40px);border-radius:.3738317757rem;-webkit-border-radius:.3738317757rem}}.image-box .placeholder[data-v-083e0806]{position:absolute;left:0;top:0;z-index:1}.image-box .placeholder img[data-v-083e0806]{height:10.7142857143rem;display:block;margin:0 auto}@media (max-width:479px){.image-box .placeholder img[data-v-083e0806]{height:18.3177570093rem!important}}.image-box img.lazy[data-v-083e0806]{display:block;border-radius:.1904761905rem;-webkit-border-radius:.1904761905rem;height:10.7142857143rem;z-index:1;position:relative}@media (max-width:479px){.image-box img.lazy[data-v-083e0806]{height:18.3177570093rem!important;width:13.0841121495rem!important;border-radius:.3738317757rem;-webkit-border-radius:.3738317757rem}}.image-box .lens[data-v-083e0806]{position:absolute;left:0;top:0;z-index:2}.image-box .lens img[data-v-083e0806]{height:10.7142857143rem;display:block;margin:0 auto}@media (max-width:479px){.image-box .lens img[data-v-083e0806]{height:18.3177570093rem!important}}.image-box.livro[data-v-083e0806]{box-shadow:0 5px 15px rgba(104,89,110,.4);border-radius:.1904761905rem;overflow:hidden}.image-box.livro.retangular[data-v-083e0806]{width:7.5714285714rem;height:10.7142857143rem}.image-box.livro.quadrado[data-v-083e0806]{min-height:6.6666666667rem;min-width:6.6666666667rem;margin-bottom:.7619047619rem;background-size:cover}@media (max-width:479px){.image-box.livro.quadrado[data-v-083e0806]{height:13.0841121495rem!important;width:13.0841121495rem!important}}.image-box.livro.quadrado img[data-v-083e0806]{height:7.619047619rem;width:7.619047619rem}@media (max-width:479px){.image-box.livro.quadrado img[data-v-083e0806]{height:13.0841121495rem!important;width:13.0841121495rem!important}}.image-box.wallpaper[data-v-083e0806]{width:7.5714285714rem;height:10.7142857143rem;position:relative}.image-box.wallpaper[data-v-083e0806]::before{content:"";width:6.1428571429rem;height:10.7142857143rem;box-shadow:0 2px 12px 8px rgba(104,89,110,.24);display:block;position:absolute;top:0;left:0;right:0;border-radius:.9523809524rem;z-index:1;margin:0 auto}.image-box.wallpaper .lazy[data-v-083e0806]{margin:0 auto!important;border-radius:1.1428571429rem}@media (max-width:479px){.image-box.wallpaper .lazy[data-v-083e0806]{width:auto!important}}.image-box.poster[data-v-083e0806]{width:8.4761904762rem;height:10.7142857143rem;position:relative}.image-box.poster[data-v-083e0806]::before{content:"";width:6.1428571429rem;height:10.7142857143rem;box-shadow:0 2px 12px 8px rgba(104,89,110,.24);display:block;position:absolute;top:0;left:0;right:0;border-radius:.9523809524rem;z-index:1;margin:0 auto}.image-box.poster .lazy[data-v-083e0806]{margin:0 auto!important;border-radius:1.1428571429rem;height:9.7142857143rem}@media (max-width:479px){.image-box.poster .lazy[data-v-083e0806]{width:auto!important}}.box-book[data-v-083e0806]{z-index:2;position:relative;padding:1.1428571429rem}@media (max-width:479px){.box-book[data-v-083e0806]{padding:2.2429906542rem;padding-bottom:0}}.box-book .box-flag[data-v-083e0806]{width:100%;height:7.1428571429rem;background-color:#01dce0;position:absolute;left:0;top:0;border-radius:.380952381rem 0 3.3333333333rem 3.3333333333rem}@media (max-width:479px){.box-book .box-flag[data-v-083e0806]{height:11.214953271rem;border-radius:0 0 14.0186915888rem 0;width:90%}}.flex-box-row-footer[data-v-083e0806]{display:flex;align-items:center;flex-direction:row;padding:.7619047619rem 1.1428571429rem}@media (max-width:479px){.flex-box-row-footer[data-v-083e0806]{padding:1.4953271028rem 2.2429906542rem;padding-bottom:2.2429906542rem;flex-wrap:wrap}}.button-box[data-v-083e0806]{padding:.7619047619rem 1.1428571429rem;justify-content:right;text-align:right}@media (max-width:479px){.button-box[data-v-083e0806]{padding:1.4953271028rem 2.2429906542rem;padding-bottom:0!important}}.payment-box[data-v-083e0806]{display:flex;flex-grow:1}@media (max-width:479px){.payment-box[data-v-083e0806]{flex-wrap:wrap;margin-bottom:1.4953271028rem}}.text-orange[data-v-083e0806]{background-color:#feaf00}.text-green[data-v-083e0806]{background-color:#00cf72}.payment-flag[data-v-083e0806]{display:flex;border-radius:.1904761905rem;-webkit-border-radius:.1904761905rem;text-align:center;justify-content:center;align-items:center;padding:.380952381rem}.payment-flag[data-v-083e0806] .caption{line-height:1}b[data-v-083e0806]{font-weight:700!important}.hightlight-flag[data-v-083e0806]{padding:.380952381rem;border-radius:.1904761905rem;background:#e1f3fe;font-family:Roboto,sans-serif;font-size:.5714285714rem;font-weight:900;line-height:1;text-transform:uppercase;color:#4965bc;display:flex;align-content:center;flex-wrap:wrap;align-items:center;margin-right:.380952381rem}.hightlight-flag div[data-v-083e0806]{padding-top:2px}@media (max-width:479px){.hightlight-flag[data-v-083e0806]{width:100%;margin-bottom:.7476635514rem;padding:.7476635514rem;font-size:1.1214953271rem;margin-right:0;border-radius:.3738317757rem}.hightlight-flag[data-v-083e0806]:last-child{margin-bottom:0}}.hightlight-flag i[data-v-083e0806]{margin-right:.1904761905rem}@media (max-width:479px){.hightlight-flag i[data-v-083e0806]{margin-right:.3738317757rem}}',map:void 0,media:void 0})}),{name:"CoverProduct",components:{
|
|
498
|
+
self.product.tagSpecs&&self.product.tagSpecs.productType&&(self.productType=self.product.tagSpecs.productType),console.log("tagSpecs 1",self.product.tagSpecs),self.product.tagSpecs&&self.product.tagSpecs.productFormat&&(console.log("tagSpecs",self.product.tagSpecs),self.productFormat=self.product.tagSpecs.productFormat)},methods:{detectSize:function(){var t=!1;return window.innerWidth<990&&(t=!0),t},changeBookItem:function(t){this.$emit("click",t)}}},"data-v-2cc38177",!1,void 0,!1,x,void 0,void 0)),$=(require("axios"),b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return t.productImage?a("div",{staticClass:"image-box",class:[t.productType,t.productFormat]},["livro"===t.productType?a("div",{staticClass:"placeholder"},["quadrado"!==t.productFormat?a("img",{attrs:{src:"https://brave.dentrodahistoria.com.br/images/placeholder-a4.jpg",alt:""}}):t._e(),t._v(" "),"quadrado"===t.productFormat?a("img",{attrs:{src:"https://brave.dentrodahistoria.com.br/images/placeholder-a4.jpg",alt:""}}):t._e()]):t._e(),t._v(" "),"poster"===t.productType?a("div",{staticClass:"placeholder"},[a("img",{attrs:{src:"https://brave.dentrodahistoria.com.br/images/placeholder-load-frame_a3-loading.jpg",alt:""}})]):t._e(),t._v(" "),"wallpaper"===t.productType?a("div",{staticClass:"placeholder"},[a("img",{attrs:{src:"https://brave.dentrodahistoria.com.br/images/product-type-wallpaper-loading.png",alt:""}})]):t._e(),t._v(" "),a("div",{staticClass:"lens"},["wallpaper"===t.productType?a("img",{attrs:{src:"https://brave.dentrodahistoria.com.br/images/product-type-wallpaper-wallpaper@2x.png",alt:""}}):t._e(),t._v(" "),"poster"===t.productType?a("img",{attrs:{src:"https://brave.dentrodahistoria.com.br/images/product-type-a3-frame-poster@2x.png",alt:""}}):t._e()]),t._v(" "),a("img",{staticClass:"lazy",attrs:{src:t.productImage}})]):t._e()},staticRenderFns:[]},(function(t){t&&t("data-v-083e0806_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-083e0806]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-083e0806]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-083e0806]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-083e0806]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-083e0806]{font-size:14px}}@media (min-width:1024px){[data-v-083e0806]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-083e0806]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-083e0806]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-083e0806]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-083e0806]{font-size:1.56vw}}html[data-v-083e0806]{box-sizing:border-box}*[data-v-083e0806],[data-v-083e0806]::after,[data-v-083e0806]::before{box-sizing:border-box}.panel-book[data-v-083e0806]{background-color:#fff;border-radius:.380952381rem;box-shadow:0 2px 8px rgba(104,89,110,.24);transition:all .3s;overflow:hidden}.panel-book[data-v-083e0806]:hover{box-shadow:4px 16px 32px rgba(104,89,110,.24)}@media (max-width:479px){.panel-book[data-v-083e0806]{border-radius:1.4953271028rem}}[data-v-083e0806] .swiper-pagination-bullet-active{background:#923fda!important}.flex-box-column[data-v-083e0806]{display:flex;flex-direction:column;width:100%}.flex-box-row[data-v-083e0806]{display:flex;flex-direction:row;border-bottom:1px solid #dfdae4;flex-grow:1}@media (max-width:479px){.flex-box-row[data-v-083e0806]{border-bottom:none}}.subscription-select[data-v-083e0806]{position:relative;display:inline-block}.subscription-select:hover .menu-dropdown-parent[data-v-083e0806]{display:block}.menu-selector[data-v-083e0806]{background-color:#fff;text-align:left;position:relative}.menu-selector .chevron-right[data-v-083e0806]{position:absolute;right:0;bottom:0}.menu-selector .menu-dropdown-parent[data-v-083e0806]{padding-top:50px;margin-top:-50px;display:none}.menu-selector .menu-dropdown[data-v-083e0806]{position:absolute;border-top:10px solid #907feb;border-radius:10px;-webkit-box-shadow:0 2px 4px 0 rgba(175,162,186,.4);box-shadow:0 2px 4px 0 rgba(175,162,186,.4);background:#fff;padding:20px;padding-top:0;z-index:999;padding-bottom:0;margin:0 auto;left:0;right:0}.menu-selector .menu-dropdown[data-v-083e0806]:before{content:"";border:solid #907feb;border-width:0 3px 3px 0;display:inline-block;padding:3px;position:absolute;top:-13px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);left:0;right:0;width:3px;margin:auto}.menu-selector .menu-dropdown .subscription-item[data-v-083e0806]{font-family:Nunito;font-size:14px;font-weight:600;font-style:normal;font-stretch:normal;letter-spacing:normal;color:#68596e;border-bottom:1px solid #dfdae4;height:57px;position:relative;line-height:60px;display:block;width:100%;cursor:pointer}.menu-selector .heading-boxes[data-v-083e0806]{padding-top:1.1428571429rem;padding-left:1.1428571429rem;padding-right:1.7142857143rem;padding-bottom:0}.menu-selector .menu-item[data-v-083e0806]{margin-top:10px;padding-left:1.1428571429rem;background-color:#fff}.menu-selector .menu-item a[data-v-083e0806]{border-radius:0;color:#68596e;border-bottom:5px solid #fff;cursor:pointer;padding:10px 10px;margin-right:15px;text-decoration:none;display:inline-block;font-weight:600;font-family:Roboto;font-size:.7619047619rem}.menu-selector .menu-item a.active[data-v-083e0806]{color:#2dd3d8;border-bottom:5px solid #2dd3d8}.flagBox[data-v-083e0806]{width:5.7142857143rem;height:1.2380952381rem;border-radius:.2857142857rem;box-shadow:0 2px 5px 0 rgba(0,0,0,.17);background-color:#9378f0;font-family:Nunito;font-size:.4761904762rem;font-weight:900;font-stretch:normal;font-style:normal;line-height:2.4;letter-spacing:.56px;text-align:center;color:#fff;margin:0 auto;top:-13px;position:absolute;margin:0 auto;left:0;right:0;z-index:2}.flagBox.delivered[data-v-083e0806]{background-color:#00d16d}.image-box[data-v-083e0806]{width:100%;position:relative;border-radius:.1904761905rem;display:flex;background-size:cover}@media (max-width:479px){.image-box[data-v-083e0806]{max-width:13.0841121495rem;width:13.0841121495rem!important;height:18.3177570093rem!important;top:-px-size("sm", 40px);border-radius:.3738317757rem;-webkit-border-radius:.3738317757rem}}.image-box .placeholder[data-v-083e0806]{position:absolute;left:0;top:0;z-index:1}.image-box .placeholder img[data-v-083e0806]{height:10.7142857143rem;display:block;margin:0 auto}@media (max-width:479px){.image-box .placeholder img[data-v-083e0806]{height:18.3177570093rem!important}}.image-box img.lazy[data-v-083e0806]{display:block;border-radius:.1904761905rem;-webkit-border-radius:.1904761905rem;height:10.7142857143rem;z-index:1;position:relative}@media (max-width:479px){.image-box img.lazy[data-v-083e0806]{height:18.3177570093rem!important;width:13.0841121495rem!important;border-radius:.3738317757rem;-webkit-border-radius:.3738317757rem}}.image-box .lens[data-v-083e0806]{position:absolute;left:0;top:0;z-index:2}.image-box .lens img[data-v-083e0806]{height:10.7142857143rem;display:block;margin:0 auto}@media (max-width:479px){.image-box .lens img[data-v-083e0806]{height:18.3177570093rem!important}}.image-box.livro[data-v-083e0806]{box-shadow:0 5px 15px rgba(104,89,110,.4);border-radius:.1904761905rem;overflow:hidden}.image-box.livro.retangular[data-v-083e0806]{width:7.5714285714rem;height:10.7142857143rem}.image-box.livro.quadrado[data-v-083e0806]{min-height:6.6666666667rem;min-width:6.6666666667rem;margin-bottom:.7619047619rem;background-size:cover}@media (max-width:479px){.image-box.livro.quadrado[data-v-083e0806]{height:13.0841121495rem!important;width:13.0841121495rem!important}}.image-box.livro.quadrado img[data-v-083e0806]{height:7.619047619rem;width:7.619047619rem}@media (max-width:479px){.image-box.livro.quadrado img[data-v-083e0806]{height:13.0841121495rem!important;width:13.0841121495rem!important}}.image-box.wallpaper[data-v-083e0806]{width:7.5714285714rem;height:10.7142857143rem;position:relative}.image-box.wallpaper[data-v-083e0806]::before{content:"";width:6.1428571429rem;height:10.7142857143rem;box-shadow:0 2px 12px 8px rgba(104,89,110,.24);display:block;position:absolute;top:0;left:0;right:0;border-radius:.9523809524rem;z-index:1;margin:0 auto}.image-box.wallpaper .lazy[data-v-083e0806]{margin:0 auto!important;border-radius:1.1428571429rem}@media (max-width:479px){.image-box.wallpaper .lazy[data-v-083e0806]{width:auto!important}}.image-box.poster[data-v-083e0806]{width:8.4761904762rem;height:10.7142857143rem;position:relative}.image-box.poster[data-v-083e0806]::before{content:"";width:6.1428571429rem;height:10.7142857143rem;box-shadow:0 2px 12px 8px rgba(104,89,110,.24);display:block;position:absolute;top:0;left:0;right:0;border-radius:.9523809524rem;z-index:1;margin:0 auto}.image-box.poster .lazy[data-v-083e0806]{margin:0 auto!important;border-radius:1.1428571429rem;height:9.7142857143rem}@media (max-width:479px){.image-box.poster .lazy[data-v-083e0806]{width:auto!important}}.box-book[data-v-083e0806]{z-index:2;position:relative;padding:1.1428571429rem}@media (max-width:479px){.box-book[data-v-083e0806]{padding:2.2429906542rem;padding-bottom:0}}.box-book .box-flag[data-v-083e0806]{width:100%;height:7.1428571429rem;background-color:#01dce0;position:absolute;left:0;top:0;border-radius:.380952381rem 0 3.3333333333rem 3.3333333333rem}@media (max-width:479px){.box-book .box-flag[data-v-083e0806]{height:11.214953271rem;border-radius:0 0 14.0186915888rem 0;width:90%}}.flex-box-row-footer[data-v-083e0806]{display:flex;align-items:center;flex-direction:row;padding:.7619047619rem 1.1428571429rem}@media (max-width:479px){.flex-box-row-footer[data-v-083e0806]{padding:1.4953271028rem 2.2429906542rem;padding-bottom:2.2429906542rem;flex-wrap:wrap}}.button-box[data-v-083e0806]{padding:.7619047619rem 1.1428571429rem;justify-content:right;text-align:right}@media (max-width:479px){.button-box[data-v-083e0806]{padding:1.4953271028rem 2.2429906542rem;padding-bottom:0!important}}.payment-box[data-v-083e0806]{display:flex;flex-grow:1}@media (max-width:479px){.payment-box[data-v-083e0806]{flex-wrap:wrap;margin-bottom:1.4953271028rem}}.text-orange[data-v-083e0806]{background-color:#feaf00}.text-green[data-v-083e0806]{background-color:#00cf72}.payment-flag[data-v-083e0806]{display:flex;border-radius:.1904761905rem;-webkit-border-radius:.1904761905rem;text-align:center;justify-content:center;align-items:center;padding:.380952381rem}.payment-flag[data-v-083e0806] .caption{line-height:1}b[data-v-083e0806]{font-weight:700!important}.hightlight-flag[data-v-083e0806]{padding:.380952381rem;border-radius:.1904761905rem;background:#e1f3fe;font-family:Roboto,sans-serif;font-size:.5714285714rem;font-weight:900;line-height:1;text-transform:uppercase;color:#4965bc;display:flex;align-content:center;flex-wrap:wrap;align-items:center;margin-right:.380952381rem}.hightlight-flag div[data-v-083e0806]{padding-top:2px}@media (max-width:479px){.hightlight-flag[data-v-083e0806]{width:100%;margin-bottom:.7476635514rem;padding:.7476635514rem;font-size:1.1214953271rem;margin-right:0;border-radius:.3738317757rem}.hightlight-flag[data-v-083e0806]:last-child{margin-bottom:0}}.hightlight-flag i[data-v-083e0806]{margin-right:.1904761905rem}@media (max-width:479px){.hightlight-flag i[data-v-083e0806]{margin-right:.3738317757rem}}',map:void 0,media:void 0})}),{name:"CoverProduct",components:{
|
|
499
499
|
//Logo,
|
|
500
500
|
Heading:D,Paragraph:R,Button:A,Icon:C},computed:{},directives:{},props:{uuid:{type:String,required:!0},type:{type:String,required:!0},format:{type:String,required:!0}},data:function(){return{gridView:!0,observer:null,isMobile:!1,productColor:"rgb(23, 184, 188)",productImage:"",productType:"livro",productFormat:"retangular"}},mounted:function(){self=this,self.isMobile=self.detectSize(),window.addEventListener("resize",(function(t){self.isMobile=self.detectSize()})),
|
|
501
501
|
// 1 - Detectar se o produto tem cor
|