@tiddh/brave-vue 1.93.178 → 1.93.180
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 +14 -12
- package/dist/brave-vue.min.js +1 -1
- package/dist/brave-vue.ssr.js +28 -26
- package/dist/src/MenuNavigation.vue +1 -13
- package/dist/src/Navigation/MenuNavigation.vue +1 -13
- package/dist/src/Navigation/TabsLine.vue +389 -366
- package/dist/src/TabsLine.vue +389 -366
- package/dist/src/components/Navigation/MenuNavigation.vue +1 -13
- package/dist/src/components/Navigation/TabsLine.vue +389 -366
- package/package.json +1 -1
package/dist/brave-vue.esm.js
CHANGED
|
@@ -1306,7 +1306,7 @@ size:{type:String,default:"md"}},data:function(){return{}},computed:{colorsVar:f
|
|
|
1306
1306
|
/**
|
|
1307
1307
|
* Evento disparado sempre que o valor for alterado.<br>
|
|
1308
1308
|
* Retorna um objeto com target (name do campo), key ativo e value ativo.
|
|
1309
|
-
*/this.$emit("change",a)}}},"data-v-8bfa5ef8",!1,void 0,!1,x,void 0,void 0),xt=b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",t._g(t._b({staticClass:"tabs-group",class:"width-"+t.width,style:t.colorsVar},"div",t.$attrs,!1),t.$listeners),[a("div",{ref:"tabs",staticClass:"tabs",style:t.tabMobileSize?"width:"+t.tabMobileSize+"px":"width:100%;"},t._l(t.options,(function(e,i){return a("div",{key:i+1,staticClass:"tab-spacing"},[a("button",{staticClass:"tab",class:["size-"+t.size,e.key===t.selected?"is-selected":null],on:{click:function(a){return t.onChange(e.key,e.value)}}},[a("span",[t._v("\n
|
|
1309
|
+
*/this.$emit("change",a)}}},"data-v-8bfa5ef8",!1,void 0,!1,x,void 0,void 0),xt=b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",t._g(t._b({staticClass:"tabs-group",class:"width-"+t.width,style:t.colorsVar},"div",t.$attrs,!1),t.$listeners),[a("div",{ref:"tabs",staticClass:"tabs",style:t.tabMobileSize?"width:"+t.tabMobileSize+"px":"width:100%;"},t._l(t.options,(function(e,i){return a("div",{key:i+1,staticClass:"tab-spacing"},[a("button",{staticClass:"tab",class:["size-"+t.size,e.key===t.selected?"is-selected":null],on:{click:function(a){return t.onChange(e.key,e.value)}}},[a("span",[t._v("\n "+t._s(e.value)+"\n ")])])])})),0)])},staticRenderFns:[]},(function(t){t&&t("data-v-3fa63e27_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-3fa63e27]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-3fa63e27]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-3fa63e27]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-3fa63e27]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-3fa63e27]{font-size:14px}}@media (min-width:1024px){[data-v-3fa63e27]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-3fa63e27]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-3fa63e27]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-3fa63e27]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-3fa63e27]{font-size:1.56vw}}html[data-v-3fa63e27]{box-sizing:border-box}*[data-v-3fa63e27],[data-v-3fa63e27]::after,[data-v-3fa63e27]::before{box-sizing:border-box}.tabs-group[data-v-3fa63e27]{transition:all .3s;display:flex;flex-direction:column;width:100%;overflow:hidden;-ms-overflow-style:none;scrollbar-width:none}@media (max-width:479px){.tabs-group[data-v-3fa63e27]{max-height:4.4859813084rem;overflow-y:hidden}}.tabs-group.width-fluid[data-v-3fa63e27]{width:100%}.tabs-group.width-fluid .tabs[data-v-3fa63e27]{width:100%!important}.tabs-group.width-fluid .tabs .tab-spacing[data-v-3fa63e27]{width:100%}.tabs-group.width-fluid .tabs .tab-spacing .tab[data-v-3fa63e27]{width:100%}.tabs-group.width-liquid[data-v-3fa63e27]{overflow-x:auto}.tabs-group.width-liquid[data-v-3fa63e27]::-webkit-scrollbar{display:none}.tabs-group.width-liquid .tabs[data-v-3fa63e27]{display:flex;flex-wrap:wrap}.tabs-group.width-liquid .tabs .tab-spacing[data-v-3fa63e27]{display:flex;padding-right:.7619047619rem;flex-wrap:wrap}@media (max-width:479px){.tabs-group.width-liquid .tabs .tab-spacing[data-v-3fa63e27]{padding-right:2.2429906542rem}}@media (max-width:479px){.tabs-group.width-liquid .tabs[data-v-3fa63e27]{margin-left:6.6666666667vw;margin-right:6.6666666667vw}}@media (max-width:479px){.tabs-group.width-liquid .tabs .tab[data-v-3fa63e27]{padding-left:6.6666666667vw;padding-right:6.6666666667vw}}.tabs-group.width-liquid .tabs .tab[data-v-3fa63e27]:last-child{padding-right:0}.tabs-group.width-liquid .tabs .tab.is-selected[data-v-3fa63e27]{outline:0;z-index:10;color:var(--color-active)}.tabs-group.width-liquid .tabs .tab.is-selected span[data-v-3fa63e27]{position:relative}.tabs-group.width-liquid .tabs .tab.is-selected span[data-v-3fa63e27]:after{display:none}.tabs-group.width-liquid .tabs .tab.is-selected[data-v-3fa63e27]:after{content:"";position:absolute;height:.1904761905rem;background-color:var(--color-active);width:100%;left:0;border-radius:.380952381rem .380952381rem 0 0;bottom:0}@media (max-width:479px){.tabs-group.width-liquid .tabs .tab.is-selected[data-v-3fa63e27]:after{height:.3738317757rem;border-radius:.7476635514rem .7476635514rem 0 0;bottom:0}}.tabs-group .tabs[data-v-3fa63e27]{display:flex}.tabs-group .tabs .tab[data-v-3fa63e27]{flex:1;background:#fff;border:none;font-family:Roboto,sans-serif;color:var(--text)}.tabs-group .tabs .tab.size-md[data-v-3fa63e27]{height:3.0476190476rem;padding:1.1428571429rem 0;font-size:.7619047619rem;line-height:0}@media (max-width:479px){.tabs-group .tabs .tab.size-md[data-v-3fa63e27]{padding:1.4953271028rem 0;height:5.9813084112rem}}@media (max-width:479px){.tabs-group .tabs .tab.size-md[data-v-3fa63e27]{font-size:1.308411215rem}}.tabs-group .tabs .tab.size-sm[data-v-3fa63e27]{height:2.1904761905rem;padding:.7619047619rem 0;font-size:.6666666667rem;line-height:0}@media (max-width:479px){.tabs-group .tabs .tab.size-sm[data-v-3fa63e27]{padding:1.4953271028rem 0;height:4.2990654206rem}}@media (max-width:479px){.tabs-group .tabs .tab.size-sm[data-v-3fa63e27]{font-size:1.308411215rem}}.tabs-group .tabs .tab[data-v-3fa63e27]:not(:first-child){margin-left:-2px}.tabs-group .tabs .tab[data-v-3fa63e27]:not(:last-child){border-right-color:transparent}.tabs-group .tabs .tab[data-v-3fa63e27]:first-child{border-top-left-radius:.380952381rem;border-bottom-left-radius:.380952381rem}.tabs-group .tabs .tab[data-v-3fa63e27]:last-child{border-top-right-radius:.380952381rem;border-bottom-right-radius:.380952381rem}@media (min-width:0px){.tabs-group .tabs .tab[data-v-3fa63e27]:hover{outline:0;z-index:5;cursor:pointer;color:var(--color-active)}}.tabs-group .tabs .tab.is-selected[data-v-3fa63e27]{outline:0;z-index:10;position:relative;color:var(--color-active)}.tabs-group .tabs .tab.is-selected span[data-v-3fa63e27]{position:relative}.tabs-group .tabs .tab.is-selected[data-v-3fa63e27]:after{content:"";position:absolute;height:.1904761905rem;background-color:var(--color-active);width:100%;left:0;border-radius:.380952381rem .380952381rem 0 0;bottom:0}@media (max-width:479px){.tabs-group .tabs .tab.is-selected[data-v-3fa63e27]:after{height:.3738317757rem;border-radius:.7476635514rem .7476635514rem 0 0;bottom:0}}',map:void 0,media:void 0})}),{name:"TabsLine",props:{
|
|
1310
1310
|
/**
|
|
1311
1311
|
* Nome do campo, utilizado no callback do evento<br>
|
|
1312
1312
|
* Example: `Name`
|
|
@@ -1336,12 +1336,21 @@ size:{type:String,default:"md"},
|
|
|
1336
1336
|
* Tamanho do botão. Não interfere em botões `primary`<br>
|
|
1337
1337
|
* Values: `md` `sm`
|
|
1338
1338
|
*/
|
|
1339
|
-
width:{type:String,default:"fluid"}},data:function(){return{tabMobileSize:null}},
|
|
1339
|
+
width:{type:String,default:"fluid"}},data:function(){return{tabMobileSize:null}},watch:{selected:function(t){
|
|
1340
|
+
// Watch for changes in the "selected" prop
|
|
1341
|
+
this.scrollSelectedIntoView(t)}},computed:{colorsVar:function(){return{"--color-active":this.colors.colorActive,"--color-hover":this.colors.colorHover,"--color":this.colors.color,"--text-active":this.colors.textActive,"--text":this.colors.text}}},mounted:function(){var t=this;"liquid"==t.width&&t.$nextTick((function(){var e=0;setTimeout((function(){var a=t.$refs;if(a.tabs){// Obtiene elementos con la clase "tab" dentro del contenedor "tabs"
|
|
1340
1342
|
for(var i=a.tabs.getElementsByClassName("tab-spacing"),o=0;o<i.length;o++){var r=i[o];e+=r.offsetWidth}t.tabMobileSize=e+1}else console.log("No se encontró el contenedor de pestañas.")}),"1000")}))},methods:{onChange:function(t,e){var a={target:this.name,key:t,value:e};
|
|
1341
1343
|
/**
|
|
1342
1344
|
* Evento disparado sempre que o valor for alterado.<br>
|
|
1343
1345
|
* Retorna um objeto com target (name do campo), key ativo e value ativo.
|
|
1344
|
-
*/this.$emit("change",a)}
|
|
1346
|
+
*/this.$emit("change",a)},scrollSelectedIntoView:function(t){
|
|
1347
|
+
// Get the reference to the scrollContainer
|
|
1348
|
+
var e=this.$refs.tabs;
|
|
1349
|
+
// Find the element with the selected value
|
|
1350
|
+
//const selectedElement = scrollContainer.querySelector(
|
|
1351
|
+
// `[data-value="${selectedValue}"]`
|
|
1352
|
+
//);
|
|
1353
|
+
t&&(console.log("selected",t),console.log("scrollzinho",e))}}},"data-v-3fa63e27",!1,void 0,!1,x,void 0,void 0),yt=b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return t.visible?a("div",t._g(t._b({staticClass:"tooltip-group"},"div",t.$attrs,!1),t.$listeners),[a("div",{staticClass:"tooltip-arrow",class:t.arrowDirection}),t._v(" "),a("div",{staticClass:"tooltip-content"},[t.icon?a("div",{staticClass:"tooltip-icon"},[a("Icon",{attrs:{name:t.icon,size:"md"}})],1):t._e(),t._v(" "),a("div",{staticClass:"tooltip-text-content"},[a("div",{staticClass:"tooltip-title",domProps:{innerHTML:t._s(t.title)}}),t._v(" "),t._t("default")],2)])]):t._e()},staticRenderFns:[]},(function(t){t&&t("data-v-d55eea38_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-d55eea38]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-d55eea38]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-d55eea38]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-d55eea38]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-d55eea38]{font-size:14px}}@media (min-width:1024px){[data-v-d55eea38]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-d55eea38]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-d55eea38]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-d55eea38]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-d55eea38]{font-size:1.56vw}}html[data-v-d55eea38]{box-sizing:border-box}*[data-v-d55eea38],[data-v-d55eea38]::after,[data-v-d55eea38]::before{box-sizing:border-box}.tooltip-group[data-v-d55eea38]{transition:all .3s;display:flex;flex-direction:row;position:relative;padding:.7619047619rem;border-radius:8px;background:#4965bc;max-width:15.4761904762rem}@media (max-width:479px){.tooltip-group[data-v-d55eea38]{padding:.7476635514rem;max-width:22.4299065421rem}}.tooltip-group .tooltip-arrow[data-v-d55eea38]{position:absolute;width:0;height:0;border:.7619047619rem solid #4965bc;border-top:.7619047619rem solid;border-right:.7619047619rem solid;color:#4965bc}.tooltip-group .tooltip-arrow.left[data-v-d55eea38]{left:-.380952381rem;top:0;bottom:0;margin:auto 0;transform:rotate(135deg)}.tooltip-group .tooltip-arrow.right[data-v-d55eea38]{right:-.380952381rem;top:0;bottom:0;margin:auto 0;transform:rotate(135deg)}.tooltip-group .tooltip-arrow.top-start[data-v-d55eea38]{top:-.380952381rem;left:1.1428571429rem;transform:rotate(135deg)}.tooltip-group .tooltip-arrow.top-center[data-v-d55eea38]{top:-.380952381rem;left:50%;transform:rotate(135deg) translate(50%,50%)}.tooltip-group .tooltip-arrow.top-end[data-v-d55eea38]{top:-.380952381rem;right:1.1428571429rem;transform:rotate(135deg)}.tooltip-group .tooltip-arrow.bottom-start[data-v-d55eea38]{bottom:-.380952381rem;left:1.1428571429rem;transform:rotate(135deg)}.tooltip-group .tooltip-arrow.bottom-center[data-v-d55eea38]{bottom:-.380952381rem;left:50%;transform:rotate(135deg) translate(50%,50%)}.tooltip-group .tooltip-arrow.bottom-end[data-v-d55eea38]{bottom:-.380952381rem;right:1.1428571429rem;transform:rotate(135deg)}.tooltip-group .tooltip-content[data-v-d55eea38]{display:flex;position:relative;z-index:20}.tooltip-group .tooltip-content .tooltip-icon[data-v-d55eea38]{align-items:center;justify-content:center;display:flex;margin-right:.7619047619rem}@media (max-width:479px){.tooltip-group .tooltip-content .tooltip-icon[data-v-d55eea38]{margin-right:.7476635514rem}}.tooltip-group .tooltip-content .tooltip-text-content[data-v-d55eea38]{display:flex;flex-direction:column}.tooltip-group .tooltip-content .tooltip-text-content .tooltip-title[data-v-d55eea38]{font-family:Nunito,sans-serif;color:#fff;font-weight:700;line-height:1.5;font-size:.6666666667rem;text-align:left}@media (max-width:479px){.tooltip-group .tooltip-content .tooltip-text-content .tooltip-title[data-v-d55eea38]{font-size:1.1214953271rem}}.tooltip-group .tooltip-content .tooltip-text-content .tooltip-text[data-v-d55eea38]{font-family:Nunito,sans-serif;color:#fff;line-height:1.5;font-size:.6666666667rem;text-align:left}@media (max-width:479px){.tooltip-group .tooltip-content .tooltip-text-content .tooltip-text[data-v-d55eea38]{font-size:1.1214953271rem}}',map:void 0,media:void 0})}),{name:"Tooltip",props:{
|
|
1345
1354
|
/**
|
|
1346
1355
|
* Se tooltip está visível<br>
|
|
1347
1356
|
* Value: `true` `false`
|
|
@@ -1507,7 +1516,7 @@ var a={name:t,uuid:e};self.sidebarOpen=!1,this.$emit("changeName",a)},changeDedi
|
|
|
1507
1516
|
//alert("Método de change name");
|
|
1508
1517
|
var a={dedication:t,uuid:e};self.sidebarOpen=!1,
|
|
1509
1518
|
//console.log("Bereta", payload);
|
|
1510
|
-
this.$emit("changeDedication",a)},changeBirthday:function(t){this.$emit("changeBirthday",t)},isLoadingMethod:function(t){this.$emit("isLoadingMethod",t)},validateDays:function(t){var e,a=t.month?t.month:this.selectedBirthMonth,i=t.year?t.year:this.selectedBirthYear;a||(a=13);var o=[];e=1===a||3===a||5===a||7===a||8===a||10===a||12===a||13===a?31:4===a||6===a||9===a||11===a?30:i%4==0&&i%100>0||i%400==0?29:28,a||i||(e=31);for(var r=1;r<=e;r++)o.push({key:r,value:r});this.days=o}}},"data-v-332e20e4",!1,void 0,!1,x,void 0,void 0),Ct=b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",t._g(t._b({staticClass:"stepper",style:t.colorsVar},"div",t.$attrs,!1),t.$listeners),t._l(t.steps,(function(e,i){return a("div",{key:i,staticClass:"stepper-links"},[e?a("div",{staticClass:"stepper-links-item-area"},[a("Paragraph",{staticClass:"stepper-link-text",class:t.steps.length-1==i?"is-current":"not-current",attrs:{size:"sm",color:t.color}},[a("div",{staticClass:"preview-button",style:"color:"+t.color,on:{click:function(a){t.steps.length,t.onClick(e)}}},[0==i&&t.back_button?a("Icon",{staticClass:"back-button",class:t.dir,attrs:{name:"rtl"===t.dir?"arrow-right":"arrow-left",fill:t.color,color:t.color,size:"md",stroke:"transparent"}}):t._e()],1),t._v("\n\n "+t._s(e.value))])],1):t._e(),t._v(" "),t.steps.length-1!=i?a("Paragraph",{staticClass:"stepper-link-divider",attrs:{size:"sm",color:t.color},domProps:{innerHTML:t._s("-")}}):t._e()],1)})),0)},staticRenderFns:[]},(function(t){t&&t("data-v-7bb7061f_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-7bb7061f]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-7bb7061f]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-7bb7061f]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-7bb7061f]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-7bb7061f]{font-size:14px}}@media (min-width:1024px){[data-v-7bb7061f]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-7bb7061f]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-7bb7061f]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-7bb7061f]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-7bb7061f]{font-size:1.56vw}}html[data-v-7bb7061f]{box-sizing:border-box}*[data-v-7bb7061f],[data-v-7bb7061f]::after,[data-v-7bb7061f]::before{box-sizing:border-box}.stepper[data-v-7bb7061f]{display:flex;flex-wrap:wrap;position:relative;z-index:5000}.stepper .stepper-links[data-v-7bb7061f]{display:flex;flex-wrap:wrap;align-items:center}.stepper .stepper-links .stepper-links-item-area[data-v-7bb7061f]{display:flex}.stepper .stepper-links .stepper-links-item-area:hover .preview-button .icon[data-v-7bb7061f]{color:var(--color-active)!important}.stepper .stepper-links .stepper-links-item-area:hover .icon[data-v-7bb7061f]{fill:var(--color-active)!important}.stepper .stepper-links .stepper-links-item-area:hover .icon svg[data-v-7bb7061f]{fill:var(--color-active)!important}.stepper .stepper-links .stepper-links-item-area:hover .icon svg path[data-v-7bb7061f]{fill:var(--color-active)!important}.stepper .stepper-links .stepper-links-item-area:hover .dropdown-breadcrumb[data-v-7bb7061f]{display:block;position:absolute;top:24px;padding:1.1428571429rem;display:flex;flex-wrap:wrap;width:180px;left:40px;box-shadow:4px 4px 16px rgba(175,162,186,.24);background-color:#fff}.stepper .stepper-links .stepper-links-item-area:hover .dropdown-breadcrumb .breadcrumb-links[data-v-7bb7061f]{width:100%}.stepper .stepper-links .stepper-links-item-area:hover .dropdown-breadcrumb .breadcrumb-links p[data-v-7bb7061f]{width:100%;text-align:center}.stepper .stepper-links .stepper-links-item-area .dropdown-stepper[data-v-7bb7061f]{display:none}.stepper .stepper-links .stepper-links-item-area .stepper-link-text[data-v-7bb7061f]{display:flex;flex-wrap:wrap;align-content:center;align-items:center;cursor:default}.stepper .stepper-links .stepper-links-item-area .stepper-link-text.is-current[data-v-7bb7061f]{cursor:default;font-weight:700}.stepper .stepper-links .stepper-links-item-area .preview-button[data-v-7bb7061f]:hover{cursor:pointer;color:var(--color-hover)!important}.stepper .stepper-links .stepper-links-item-area .preview-button:hover .icon[data-v-7bb7061f]{color:var(--color-hover)!important}.stepper .stepper-links .stepper-links-item-area .icon[data-v-7bb7061f]{margin-right:.380952381rem}.stepper .stepper-links .stepper-links-item-area .icon.rtl[data-v-7bb7061f]{margin-right:auto;margin-left:.380952381rem}@media (max-width:479px){.stepper .stepper-links .stepper-links-item-area .icon[data-v-7bb7061f]{margin-right:.7619047619rem}}.stepper .stepper-links .stepper-link-divider[data-v-7bb7061f]{margin-right:.1904761905rem;margin-left:.1904761905rem;cursor:default}',map:void 0,media:void 0})}),{name:"Stepper",components:{Button:B,Heading:D,Paragraph:R,Icon:C},computed:{colorsVar:function(){return{"--color-active":this.colors.colorActive,"--color-hover":this.colors.colorHover,"--color":this.colors.color,"--text-active":this.colors.textActive,"--text":this.colors.text}}},props:{steps:{type:Array,required:!0},color:{type:String,required:!1,default:"#68596E"},colors:{type:[Array,Object,String],required:!1,default:"#68596E"},back_button:{type:Boolean,required:!1,default:!0},dir:{type:String,default:"ltr",required:!1}},methods:{onClick:function(t){this.$emit("click",t)}}},"data-v-7bb7061f",!1,void 0,!1,x,void 0,void 0),Mt=b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{class:t.stick?"stick-top-bar":"",attrs:{dir:t.dir}},[t.stick?a("div",{staticClass:"stick-relative"}):t._e(),t._v(" "),a("div",{staticClass:"top-bar",style:t.colorsVar},[t.steps&&t.steps.length?a("div",{staticClass:"steppers"},[a("Stepper",{attrs:{steps:t.steps,route:"backurl",color:t.color,colors:t.colors,dir:t.dir},on:{click:t.onClick}})],1):t._e(),t._v(" "),t.breadcrumbs&&t.breadcrumbs.length?a("div",{staticClass:"breadcrumb"},[a("Breadcrumb",{attrs:{routes:t.breadcrumbs,color:t.color,colors:t.colors,dir:t.dir},on:{click:t.onClick}})],1):t._e(),t._v(" "),t.have_button&&t.isMobile?a("div",{staticClass:"button-right"},[a("Button",{attrs:{kind:"secondary",size:"sm",width:"fluid",dir:t.dir},on:{click:t.clickContinue}},[a("span",[t._v("Continuar")])])],1):t._e(),t._v(" "),t.menu&&t.menu.length?a("div",{staticClass:"menu-topbar"},[t.selectedMenu?a("MenuNavigation",{attrs:{colors:t.colors,selected:t.selectedMenu,name:"nome",options:t.menu,size:"md"},on:{changeMenu:t.onClickMenu}}):t._e()],1):t._e()]),t._v(" "),t.menu&&t.menu.length?a("div",{staticClass:"menu-topbar-mobile",class:t.floatingSubmenu?"is-active":""},[t.stick?a("div",{staticClass:"stick-relative-mobile"}):t._e(),t._v(" "),t.selectedMenu?a("TabsLine",{attrs:{colors:t.colors,selected:t.selectedMenu,options:t.menu,size:"sm",width:"liquid"},on:{change:t.onClickMenu}}):t._e()],1):t._e()])},staticRenderFns:[]},(function(t){t&&t("data-v-7a0e2d5c_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-7a0e2d5c]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-7a0e2d5c]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-7a0e2d5c]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-7a0e2d5c]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-7a0e2d5c]{font-size:14px}}@media (min-width:1024px){[data-v-7a0e2d5c]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-7a0e2d5c]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-7a0e2d5c]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-7a0e2d5c]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-7a0e2d5c]{font-size:1.56vw}}html[data-v-7a0e2d5c]{box-sizing:border-box}*[data-v-7a0e2d5c],[data-v-7a0e2d5c]::after,[data-v-7a0e2d5c]::before{box-sizing:border-box}.top-bar[data-v-7a0e2d5c]{background-color:var(--preview-color)!important;position:relative;width:100%;top:0;left:0;padding-left:2.7777777778vw;padding-right:2.7777777778vw;padding-top:.7619047619rem;padding-bottom:.7619047619rem;align-items:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media (max-width:479px){.top-bar[data-v-7a0e2d5c]{padding-left:6.6666666667vw;padding-right:6.6666666667vw}}.preview-button[data-v-7a0e2d5c]{cursor:pointer}.button-right button[data-v-7a0e2d5c]{background-color:var(--button-color)!important}.button-right button span[data-v-7a0e2d5c]{z-index:2;position:relative}.button-right button[data-v-7a0e2d5c]:hover{background-color:var(--button-color)!important}.button-right button[data-v-7a0e2d5c]:hover:after{right:0;bottom:0;top:0;left:0;display:block;content:"";position:absolute;background-color:rgba(0,0,0,.24)}.menu-topbar[data-v-7a0e2d5c]{position:absolute;width:100%;left:0;top:0;height:100%}@media (max-width:479px){.menu-topbar[data-v-7a0e2d5c]{display:none}}.menu-topbar-mobile[data-v-7a0e2d5c]{width:100%;display:none;border-bottom:.0476190476rem solid #f8f7fc;background-color:#fff}@media (max-width:479px){.menu-topbar-mobile[data-v-7a0e2d5c]{display:block}}.stick-relative[data-v-7a0e2d5c]{background-color:#0ff;width:100%;position:relative;background-color:var(--preview-color)!important;padding-top:1.5238095238rem;padding-bottom:calc(1.5238095238rem + 5px)}@media (max-width:479px){.stick-relative[data-v-7a0e2d5c]{display:none}}.stick-relative-mobile[data-v-7a0e2d5c]{display:none;padding-top:2.2429906542rem;padding-bottom:calc(2.2429906542rem + 2px)}.stick-relative-mobile.is-active[data-v-7a0e2d5c]{display:block}.stick-top-bar .top-bar[data-v-7a0e2d5c]{position:fixed;z-index:4}@media (max-width:479px){.stick-top-bar .top-bar[data-v-7a0e2d5c]{position:relative}}.stick-top-bar .menu-topbar-mobile.is-active[data-v-7a0e2d5c]{position:fixed;z-index:4;top:0}',map:void 0,media:void 0})}),{name:"TopBar",components:{Button:B,Heading:D,Paragraph:R,Icon:C,Stepper:Ct,Breadcrumb:b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",t._g(t._b({staticClass:"breadcrumb",style:t.colorsVar},"div",t.$attrs,!1),t.$listeners),t._l(t.routes,(function(e,i){return a("div",{key:i,staticClass:"breadcrumb-links"},[e?a("div",{staticClass:"breadcrumb-links-item-area"},[a("Paragraph",{staticClass:"breadcrumb-link-text",class:t.routes.length-1==i?"is-current":"not-current",attrs:{size:"sm",color:t.color},on:{click:function(a){t.routes.length,t.onClick(e)}}},[t.back_button?a("div",{staticClass:"preview-button",style:"color:"+t.color,on:{click:function(a){return t.onClick(e)}}},[0==i?a("Icon",{staticClass:"back-button",attrs:{name:"arrow-left",fill:t.color,color:t.color,size:"md",stroke:"transparent"}}):t._e()],1):t._e(),t._v("\n\n\t\t\t\t"+t._s(e.value))])],1):t._e(),t._v(" "),t.routes.length-1!=i?a("Paragraph",{staticClass:"breadcrumb-link-divider",attrs:{size:"sm",color:t.color},domProps:{innerHTML:t._s("/")}}):t._e()],1)})),0)},staticRenderFns:[]},(function(t){t&&t("data-v-21e05cc6_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-21e05cc6]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-21e05cc6]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-21e05cc6]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-21e05cc6]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-21e05cc6]{font-size:14px}}@media (min-width:1024px){[data-v-21e05cc6]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-21e05cc6]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-21e05cc6]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-21e05cc6]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-21e05cc6]{font-size:1.56vw}}html[data-v-21e05cc6]{box-sizing:border-box}*[data-v-21e05cc6],[data-v-21e05cc6]::after,[data-v-21e05cc6]::before{box-sizing:border-box}.breadcrumb[data-v-21e05cc6]{display:flex;flex-wrap:wrap;position:relative;z-index:9}.breadcrumb .breadcrumb-links[data-v-21e05cc6]{display:flex;flex-wrap:wrap;align-items:center}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area[data-v-21e05cc6]{display:flex;cursor:pointer}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area:hover .preview-button .icon[data-v-21e05cc6]{color:var(--color-active)!important}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area:hover .icon[data-v-21e05cc6]{fill:var(--color-active)!important}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area:hover .icon svg[data-v-21e05cc6]{fill:var(--color-active)!important}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area:hover .icon svg path[data-v-21e05cc6]{fill:var(--color-active)!important}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area:hover .dropdown-breadcrumb[data-v-21e05cc6]{display:block;position:absolute;top:24px;padding:1.1428571429rem;display:flex;flex-wrap:wrap;width:180px;left:40px;box-shadow:4px 4px 16px rgba(175,162,186,.24);background-color:#fff}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area:hover .dropdown-breadcrumb .breadcrumb-links[data-v-21e05cc6]{width:100%}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area:hover .dropdown-breadcrumb .breadcrumb-links p[data-v-21e05cc6]{width:100%;text-align:center}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area .dropdown-breadcrumb[data-v-21e05cc6]{display:none}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area .breadcrumb-link-text[data-v-21e05cc6]{display:flex;flex-wrap:wrap;align-content:center;align-items:center}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area .breadcrumb-link-text.is-current[data-v-21e05cc6]{cursor:default;font-weight:700}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area .breadcrumb-link-text:hover.not-current[data-v-21e05cc6]{color:var(--color-active)!important}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area .icon[data-v-21e05cc6]{margin-right:.380952381rem}@media (max-width:479px){.breadcrumb .breadcrumb-links .breadcrumb-links-item-area .icon[data-v-21e05cc6]{margin-right:.7619047619rem}}.breadcrumb .breadcrumb-links .breadcrumb-link-divider[data-v-21e05cc6]{margin-right:.1904761905rem;margin-left:.1904761905rem}',map:void 0,media:void 0})}),{name:"Breadcrumb",components:{Button:B,Heading:D,Paragraph:R,Icon:C},computed:{colorsVar:function(){return{"--color-active":this.colors.colorActive,"--color-hover":this.colors.colorHover,"--color":this.colors.color,"--text-active":this.colors.textActive,"--text":this.colors.text}}},props:{routes:{type:Array,required:!0},color:{type:String,required:!1,default:"#68596E"},colors:{type:[Array,Object,String],required:!1,default:"#68596E"},back_button:{type:Boolean,required:!1,default:!0},direction:{type:String,default:"ltr",required:!1}},methods:{onClick:function(t){this.$emit("click",t)}}},"data-v-21e05cc6",!1,void 0,!1,x,void 0,void 0),MenuNavigation:b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",t._g(t._b({staticClass:"menu-group",style:t.colorsVar},"div",t.$attrs,!1),t.$listeners),[a("div",{staticClass:"menu"},t._l(t.options,(function(e,i){return a("button",{key:i,staticClass:"tab",class:["size-"+t.size,e.key===t.selected?"is-selected":null],on:{click:function(a){return t.onChange(e.key,e.name)}}},[a("Paragraph",{attrs:{size:"sm",color:"#fff"}},[t._v(t._s(e.value))])],1)})),0)])},staticRenderFns:[]},(function(t){t&&t("data-v-2a05299c_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-2a05299c]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-2a05299c]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-2a05299c]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-2a05299c]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-2a05299c]{font-size:14px}}@media (min-width:1024px){[data-v-2a05299c]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-2a05299c]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-2a05299c]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-2a05299c]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-2a05299c]{font-size:1.56vw}}html[data-v-2a05299c]{box-sizing:border-box}*[data-v-2a05299c],[data-v-2a05299c]::after,[data-v-2a05299c]::before{box-sizing:border-box}.menu-group[data-v-2a05299c]{transition:all .3s;display:flex;flex-direction:column;width:100%;height:100%}.menu-group .menu[data-v-2a05299c]{margin:0 auto;height:100%}.menu-group .menu .tab[data-v-2a05299c]{background:0 0;border:none;font-family:Roboto,sans-serif;color:var(--text);height:100%;opacity:.8}.menu-group .menu .tab p[data-v-2a05299c]{color:var(--color)!important}.menu-group .menu .tab.size-md[data-v-2a05299c]{padding:1.1428571429rem .7619047619rem;font-size:.7619047619rem;line-height:0}@media (max-width:479px){.menu-group .menu .tab.size-md[data-v-2a05299c]{padding:1.4953271028rem .7619047619rem}}@media (max-width:479px){.menu-group .menu .tab.size-md[data-v-2a05299c]{font-size:1.308411215rem}}.menu-group .menu .tab.size-sm[data-v-2a05299c]{padding:.7619047619rem .7619047619rem;font-size:.6666666667rem;line-height:0}@media (max-width:479px){.menu-group .menu .tab.size-sm[data-v-2a05299c]{padding:1.4953271028rem .7619047619rem}}@media (max-width:479px){.menu-group .menu .tab.size-sm[data-v-2a05299c]{font-size:1.308411215rem}}.menu-group .menu .tab[data-v-2a05299c]:not(:first-child){margin-left:-2px}.menu-group .menu .tab[data-v-2a05299c]:not(:last-child){border-right-color:transparent}.menu-group .menu .tab[data-v-2a05299c]:first-child{border-top-left-radius:.380952381rem;border-bottom-left-radius:.380952381rem}.menu-group .menu .tab[data-v-2a05299c]:last-child{border-top-right-radius:.380952381rem;border-bottom-right-radius:.380952381rem}.menu-group .menu .tab[data-v-2a05299c]:hover{outline:0;z-index:5;cursor:pointer;color:var(--color-active);opacity:1}.menu-group .menu .tab.is-selected[data-v-2a05299c]{outline:0;opacity:1;z-index:10;position:relative;color:var(--color-active)}.menu-group .menu .tab.is-selected p[data-v-2a05299c]{position:relative}.menu-group .menu .tab.is-selected p[data-v-2a05299c]:after{content:"";position:absolute;bottom:-1.0476190476rem;background-color:var(--color-active);width:100%;left:0;height:.1904761905rem;border-radius:.380952381rem .380952381rem 0 0}@media (max-width:479px){.menu-group .menu .tab.is-selected p[data-v-2a05299c]:after{height:.1904761905rem;border-radius:.7476635514rem .7476635514rem 0 0}}',map:void 0,media:void 0})}),{name:"MenuNavigation",components:{Paragraph:R},props:{
|
|
1519
|
+
this.$emit("changeDedication",a)},changeBirthday:function(t){this.$emit("changeBirthday",t)},isLoadingMethod:function(t){this.$emit("isLoadingMethod",t)},validateDays:function(t){var e,a=t.month?t.month:this.selectedBirthMonth,i=t.year?t.year:this.selectedBirthYear;a||(a=13);var o=[];e=1===a||3===a||5===a||7===a||8===a||10===a||12===a||13===a?31:4===a||6===a||9===a||11===a?30:i%4==0&&i%100>0||i%400==0?29:28,a||i||(e=31);for(var r=1;r<=e;r++)o.push({key:r,value:r});this.days=o}}},"data-v-332e20e4",!1,void 0,!1,x,void 0,void 0),Ct=b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",t._g(t._b({staticClass:"stepper",style:t.colorsVar},"div",t.$attrs,!1),t.$listeners),t._l(t.steps,(function(e,i){return a("div",{key:i,staticClass:"stepper-links"},[e?a("div",{staticClass:"stepper-links-item-area"},[a("Paragraph",{staticClass:"stepper-link-text",class:t.steps.length-1==i?"is-current":"not-current",attrs:{size:"sm",color:t.color}},[a("div",{staticClass:"preview-button",style:"color:"+t.color,on:{click:function(a){t.steps.length,t.onClick(e)}}},[0==i&&t.back_button?a("Icon",{staticClass:"back-button",class:t.dir,attrs:{name:"rtl"===t.dir?"arrow-right":"arrow-left",fill:t.color,color:t.color,size:"md",stroke:"transparent"}}):t._e()],1),t._v("\n\n "+t._s(e.value))])],1):t._e(),t._v(" "),t.steps.length-1!=i?a("Paragraph",{staticClass:"stepper-link-divider",attrs:{size:"sm",color:t.color},domProps:{innerHTML:t._s("-")}}):t._e()],1)})),0)},staticRenderFns:[]},(function(t){t&&t("data-v-7bb7061f_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-7bb7061f]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-7bb7061f]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-7bb7061f]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-7bb7061f]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-7bb7061f]{font-size:14px}}@media (min-width:1024px){[data-v-7bb7061f]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-7bb7061f]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-7bb7061f]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-7bb7061f]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-7bb7061f]{font-size:1.56vw}}html[data-v-7bb7061f]{box-sizing:border-box}*[data-v-7bb7061f],[data-v-7bb7061f]::after,[data-v-7bb7061f]::before{box-sizing:border-box}.stepper[data-v-7bb7061f]{display:flex;flex-wrap:wrap;position:relative;z-index:5000}.stepper .stepper-links[data-v-7bb7061f]{display:flex;flex-wrap:wrap;align-items:center}.stepper .stepper-links .stepper-links-item-area[data-v-7bb7061f]{display:flex}.stepper .stepper-links .stepper-links-item-area:hover .preview-button .icon[data-v-7bb7061f]{color:var(--color-active)!important}.stepper .stepper-links .stepper-links-item-area:hover .icon[data-v-7bb7061f]{fill:var(--color-active)!important}.stepper .stepper-links .stepper-links-item-area:hover .icon svg[data-v-7bb7061f]{fill:var(--color-active)!important}.stepper .stepper-links .stepper-links-item-area:hover .icon svg path[data-v-7bb7061f]{fill:var(--color-active)!important}.stepper .stepper-links .stepper-links-item-area:hover .dropdown-breadcrumb[data-v-7bb7061f]{display:block;position:absolute;top:24px;padding:1.1428571429rem;display:flex;flex-wrap:wrap;width:180px;left:40px;box-shadow:4px 4px 16px rgba(175,162,186,.24);background-color:#fff}.stepper .stepper-links .stepper-links-item-area:hover .dropdown-breadcrumb .breadcrumb-links[data-v-7bb7061f]{width:100%}.stepper .stepper-links .stepper-links-item-area:hover .dropdown-breadcrumb .breadcrumb-links p[data-v-7bb7061f]{width:100%;text-align:center}.stepper .stepper-links .stepper-links-item-area .dropdown-stepper[data-v-7bb7061f]{display:none}.stepper .stepper-links .stepper-links-item-area .stepper-link-text[data-v-7bb7061f]{display:flex;flex-wrap:wrap;align-content:center;align-items:center;cursor:default}.stepper .stepper-links .stepper-links-item-area .stepper-link-text.is-current[data-v-7bb7061f]{cursor:default;font-weight:700}.stepper .stepper-links .stepper-links-item-area .preview-button[data-v-7bb7061f]:hover{cursor:pointer;color:var(--color-hover)!important}.stepper .stepper-links .stepper-links-item-area .preview-button:hover .icon[data-v-7bb7061f]{color:var(--color-hover)!important}.stepper .stepper-links .stepper-links-item-area .icon[data-v-7bb7061f]{margin-right:.380952381rem}.stepper .stepper-links .stepper-links-item-area .icon.rtl[data-v-7bb7061f]{margin-right:auto;margin-left:.380952381rem}@media (max-width:479px){.stepper .stepper-links .stepper-links-item-area .icon[data-v-7bb7061f]{margin-right:.7619047619rem}}.stepper .stepper-links .stepper-link-divider[data-v-7bb7061f]{margin-right:.1904761905rem;margin-left:.1904761905rem;cursor:default}',map:void 0,media:void 0})}),{name:"Stepper",components:{Button:B,Heading:D,Paragraph:R,Icon:C},computed:{colorsVar:function(){return{"--color-active":this.colors.colorActive,"--color-hover":this.colors.colorHover,"--color":this.colors.color,"--text-active":this.colors.textActive,"--text":this.colors.text}}},props:{steps:{type:Array,required:!0},color:{type:String,required:!1,default:"#68596E"},colors:{type:[Array,Object,String],required:!1,default:"#68596E"},back_button:{type:Boolean,required:!1,default:!0},dir:{type:String,default:"ltr",required:!1}},methods:{onClick:function(t){this.$emit("click",t)}}},"data-v-7bb7061f",!1,void 0,!1,x,void 0,void 0),Mt=b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{class:t.stick?"stick-top-bar":"",attrs:{dir:t.dir}},[t.stick?a("div",{staticClass:"stick-relative"}):t._e(),t._v(" "),a("div",{staticClass:"top-bar",style:t.colorsVar},[t.steps&&t.steps.length?a("div",{staticClass:"steppers"},[a("Stepper",{attrs:{steps:t.steps,route:"backurl",color:t.color,colors:t.colors,dir:t.dir},on:{click:t.onClick}})],1):t._e(),t._v(" "),t.breadcrumbs&&t.breadcrumbs.length?a("div",{staticClass:"breadcrumb"},[a("Breadcrumb",{attrs:{routes:t.breadcrumbs,color:t.color,colors:t.colors,dir:t.dir},on:{click:t.onClick}})],1):t._e(),t._v(" "),t.have_button&&t.isMobile?a("div",{staticClass:"button-right"},[a("Button",{attrs:{kind:"secondary",size:"sm",width:"fluid",dir:t.dir},on:{click:t.clickContinue}},[a("span",[t._v("Continuar")])])],1):t._e(),t._v(" "),t.menu&&t.menu.length?a("div",{staticClass:"menu-topbar"},[t.selectedMenu?a("MenuNavigation",{attrs:{colors:t.colors,selected:t.selectedMenu,name:"nome",options:t.menu,size:"md"},on:{changeMenu:t.onClickMenu}}):t._e()],1):t._e()]),t._v(" "),t.menu&&t.menu.length?a("div",{staticClass:"menu-topbar-mobile",class:t.floatingSubmenu?"is-active":""},[t.stick?a("div",{staticClass:"stick-relative-mobile"}):t._e(),t._v(" "),t.selectedMenu?a("TabsLine",{attrs:{colors:t.colors,selected:t.selectedMenu,options:t.menu,size:"sm",width:"liquid"},on:{change:t.onClickMenu}}):t._e()],1):t._e()])},staticRenderFns:[]},(function(t){t&&t("data-v-7a0e2d5c_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-7a0e2d5c]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-7a0e2d5c]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-7a0e2d5c]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-7a0e2d5c]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-7a0e2d5c]{font-size:14px}}@media (min-width:1024px){[data-v-7a0e2d5c]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-7a0e2d5c]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-7a0e2d5c]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-7a0e2d5c]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-7a0e2d5c]{font-size:1.56vw}}html[data-v-7a0e2d5c]{box-sizing:border-box}*[data-v-7a0e2d5c],[data-v-7a0e2d5c]::after,[data-v-7a0e2d5c]::before{box-sizing:border-box}.top-bar[data-v-7a0e2d5c]{background-color:var(--preview-color)!important;position:relative;width:100%;top:0;left:0;padding-left:2.7777777778vw;padding-right:2.7777777778vw;padding-top:.7619047619rem;padding-bottom:.7619047619rem;align-items:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media (max-width:479px){.top-bar[data-v-7a0e2d5c]{padding-left:6.6666666667vw;padding-right:6.6666666667vw}}.preview-button[data-v-7a0e2d5c]{cursor:pointer}.button-right button[data-v-7a0e2d5c]{background-color:var(--button-color)!important}.button-right button span[data-v-7a0e2d5c]{z-index:2;position:relative}.button-right button[data-v-7a0e2d5c]:hover{background-color:var(--button-color)!important}.button-right button[data-v-7a0e2d5c]:hover:after{right:0;bottom:0;top:0;left:0;display:block;content:"";position:absolute;background-color:rgba(0,0,0,.24)}.menu-topbar[data-v-7a0e2d5c]{position:absolute;width:100%;left:0;top:0;height:100%}@media (max-width:479px){.menu-topbar[data-v-7a0e2d5c]{display:none}}.menu-topbar-mobile[data-v-7a0e2d5c]{width:100%;display:none;border-bottom:.0476190476rem solid #f8f7fc;background-color:#fff}@media (max-width:479px){.menu-topbar-mobile[data-v-7a0e2d5c]{display:block}}.stick-relative[data-v-7a0e2d5c]{background-color:#0ff;width:100%;position:relative;background-color:var(--preview-color)!important;padding-top:1.5238095238rem;padding-bottom:calc(1.5238095238rem + 5px)}@media (max-width:479px){.stick-relative[data-v-7a0e2d5c]{display:none}}.stick-relative-mobile[data-v-7a0e2d5c]{display:none;padding-top:2.2429906542rem;padding-bottom:calc(2.2429906542rem + 2px)}.stick-relative-mobile.is-active[data-v-7a0e2d5c]{display:block}.stick-top-bar .top-bar[data-v-7a0e2d5c]{position:fixed;z-index:4}@media (max-width:479px){.stick-top-bar .top-bar[data-v-7a0e2d5c]{position:relative}}.stick-top-bar .menu-topbar-mobile.is-active[data-v-7a0e2d5c]{position:fixed;z-index:4;top:0}',map:void 0,media:void 0})}),{name:"TopBar",components:{Button:B,Heading:D,Paragraph:R,Icon:C,Stepper:Ct,Breadcrumb:b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",t._g(t._b({staticClass:"breadcrumb",style:t.colorsVar},"div",t.$attrs,!1),t.$listeners),t._l(t.routes,(function(e,i){return a("div",{key:i,staticClass:"breadcrumb-links"},[e?a("div",{staticClass:"breadcrumb-links-item-area"},[a("Paragraph",{staticClass:"breadcrumb-link-text",class:t.routes.length-1==i?"is-current":"not-current",attrs:{size:"sm",color:t.color},on:{click:function(a){t.routes.length,t.onClick(e)}}},[t.back_button?a("div",{staticClass:"preview-button",style:"color:"+t.color,on:{click:function(a){return t.onClick(e)}}},[0==i?a("Icon",{staticClass:"back-button",attrs:{name:"arrow-left",fill:t.color,color:t.color,size:"md",stroke:"transparent"}}):t._e()],1):t._e(),t._v("\n\n\t\t\t\t"+t._s(e.value))])],1):t._e(),t._v(" "),t.routes.length-1!=i?a("Paragraph",{staticClass:"breadcrumb-link-divider",attrs:{size:"sm",color:t.color},domProps:{innerHTML:t._s("/")}}):t._e()],1)})),0)},staticRenderFns:[]},(function(t){t&&t("data-v-21e05cc6_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-21e05cc6]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-21e05cc6]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-21e05cc6]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-21e05cc6]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-21e05cc6]{font-size:14px}}@media (min-width:1024px){[data-v-21e05cc6]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-21e05cc6]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-21e05cc6]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-21e05cc6]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-21e05cc6]{font-size:1.56vw}}html[data-v-21e05cc6]{box-sizing:border-box}*[data-v-21e05cc6],[data-v-21e05cc6]::after,[data-v-21e05cc6]::before{box-sizing:border-box}.breadcrumb[data-v-21e05cc6]{display:flex;flex-wrap:wrap;position:relative;z-index:9}.breadcrumb .breadcrumb-links[data-v-21e05cc6]{display:flex;flex-wrap:wrap;align-items:center}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area[data-v-21e05cc6]{display:flex;cursor:pointer}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area:hover .preview-button .icon[data-v-21e05cc6]{color:var(--color-active)!important}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area:hover .icon[data-v-21e05cc6]{fill:var(--color-active)!important}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area:hover .icon svg[data-v-21e05cc6]{fill:var(--color-active)!important}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area:hover .icon svg path[data-v-21e05cc6]{fill:var(--color-active)!important}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area:hover .dropdown-breadcrumb[data-v-21e05cc6]{display:block;position:absolute;top:24px;padding:1.1428571429rem;display:flex;flex-wrap:wrap;width:180px;left:40px;box-shadow:4px 4px 16px rgba(175,162,186,.24);background-color:#fff}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area:hover .dropdown-breadcrumb .breadcrumb-links[data-v-21e05cc6]{width:100%}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area:hover .dropdown-breadcrumb .breadcrumb-links p[data-v-21e05cc6]{width:100%;text-align:center}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area .dropdown-breadcrumb[data-v-21e05cc6]{display:none}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area .breadcrumb-link-text[data-v-21e05cc6]{display:flex;flex-wrap:wrap;align-content:center;align-items:center}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area .breadcrumb-link-text.is-current[data-v-21e05cc6]{cursor:default;font-weight:700}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area .breadcrumb-link-text:hover.not-current[data-v-21e05cc6]{color:var(--color-active)!important}.breadcrumb .breadcrumb-links .breadcrumb-links-item-area .icon[data-v-21e05cc6]{margin-right:.380952381rem}@media (max-width:479px){.breadcrumb .breadcrumb-links .breadcrumb-links-item-area .icon[data-v-21e05cc6]{margin-right:.7619047619rem}}.breadcrumb .breadcrumb-links .breadcrumb-link-divider[data-v-21e05cc6]{margin-right:.1904761905rem;margin-left:.1904761905rem}',map:void 0,media:void 0})}),{name:"Breadcrumb",components:{Button:B,Heading:D,Paragraph:R,Icon:C},computed:{colorsVar:function(){return{"--color-active":this.colors.colorActive,"--color-hover":this.colors.colorHover,"--color":this.colors.color,"--text-active":this.colors.textActive,"--text":this.colors.text}}},props:{routes:{type:Array,required:!0},color:{type:String,required:!1,default:"#68596E"},colors:{type:[Array,Object,String],required:!1,default:"#68596E"},back_button:{type:Boolean,required:!1,default:!0},direction:{type:String,default:"ltr",required:!1}},methods:{onClick:function(t){this.$emit("click",t)}}},"data-v-21e05cc6",!1,void 0,!1,x,void 0,void 0),MenuNavigation:b({render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",t._g(t._b({staticClass:"menu-group",style:t.colorsVar},"div",t.$attrs,!1),t.$listeners),[a("div",{staticClass:"menu"},t._l(t.options,(function(e,i){return a("button",{key:i,staticClass:"tab",class:["size-"+t.size,e.key===t.selected?"is-selected":null],on:{click:function(a){return t.onChange(e.key,e.name)}}},[a("Paragraph",{attrs:{size:"sm",color:"#fff"}},[t._v(t._s(e.value))])],1)})),0)])},staticRenderFns:[]},(function(t){t&&t("data-v-b16c5840_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-b16c5840]:root{--column-width:6.6666666667vw}@media (min-width:0px){[data-v-b16c5840]:root{--column-width:6.6666666667vw}}@media (min-width:480px){[data-v-b16c5840]:root{--column-width:2.7777777778vw}}@media (min-width:0px){html[data-v-b16c5840]{font-size:2.9166666667vw}}@media (min-width:480px){html[data-v-b16c5840]{font-size:14px}}@media (min-width:1024px){[data-v-b16c5840]:root{--column-width:2.7777777778vw}}@media (min-width:1920px){[data-v-b16c5840]:root{--column-width:2.7777777778vw}}@media (min-width:2620px){[data-v-b16c5840]:root{--column-width:2.7777777778vw}}@media (min-width:1024px){html[data-v-b16c5840]{font-size:1.5648854962vw}}@media (min-width:2620px){html[data-v-b16c5840]{font-size:1.56vw}}html[data-v-b16c5840]{box-sizing:border-box}*[data-v-b16c5840],[data-v-b16c5840]::after,[data-v-b16c5840]::before{box-sizing:border-box}.menu-group[data-v-b16c5840]{transition:all .3s;display:flex;flex-direction:column;width:100%;height:100%}.menu-group .menu[data-v-b16c5840]{margin:0 auto;height:100%}.menu-group .menu .tab[data-v-b16c5840]{background:0 0;border:none;font-family:Roboto,sans-serif;color:var(--text);height:100%;opacity:.8}.menu-group .menu .tab p[data-v-b16c5840]{color:var(--color)!important}.menu-group .menu .tab.size-md[data-v-b16c5840]{padding:1.1428571429rem .7619047619rem;font-size:.7619047619rem;line-height:0}@media (max-width:479px){.menu-group .menu .tab.size-md[data-v-b16c5840]{padding:1.4953271028rem .7619047619rem}}@media (max-width:479px){.menu-group .menu .tab.size-md[data-v-b16c5840]{font-size:1.308411215rem}}.menu-group .menu .tab.size-sm[data-v-b16c5840]{padding:.7619047619rem .7619047619rem;font-size:.6666666667rem;line-height:0}@media (max-width:479px){.menu-group .menu .tab.size-sm[data-v-b16c5840]{padding:1.4953271028rem .7619047619rem}}@media (max-width:479px){.menu-group .menu .tab.size-sm[data-v-b16c5840]{font-size:1.308411215rem}}.menu-group .menu .tab[data-v-b16c5840]:not(:first-child){margin-left:-2px}.menu-group .menu .tab[data-v-b16c5840]:not(:last-child){border-right-color:transparent}.menu-group .menu .tab[data-v-b16c5840]:first-child{border-top-left-radius:.380952381rem;border-bottom-left-radius:.380952381rem}.menu-group .menu .tab[data-v-b16c5840]:last-child{border-top-right-radius:.380952381rem;border-bottom-right-radius:.380952381rem}.menu-group .menu .tab[data-v-b16c5840]:hover{outline:0;z-index:5;cursor:pointer;color:var(--color-active);opacity:1}.menu-group .menu .tab.is-selected[data-v-b16c5840]{outline:0;opacity:1;z-index:10;position:relative;color:var(--color-active)}.menu-group .menu .tab.is-selected p[data-v-b16c5840]{position:relative}.menu-group .menu .tab.is-selected p[data-v-b16c5840]:after{content:"";position:absolute;bottom:-1.0476190476rem;background-color:var(--color-active);width:100%;left:0;height:.1904761905rem;border-radius:.380952381rem .380952381rem 0 0}@media (max-width:479px){.menu-group .menu .tab.is-selected p[data-v-b16c5840]:after{height:.1904761905rem;border-radius:.7476635514rem .7476635514rem 0 0}}',map:void 0,media:void 0})}),{name:"MenuNavigation",components:{Paragraph:R},props:{
|
|
1511
1520
|
/**
|
|
1512
1521
|
* Nome do campo, utilizado no callback do evento<br>
|
|
1513
1522
|
* Example: `Name`
|
|
@@ -1540,14 +1549,7 @@ this.scrollSelectedIntoView(t)}},data:function(){return{}},computed:{colorsVar:f
|
|
|
1540
1549
|
/**
|
|
1541
1550
|
* Evento disparado sempre que o valor for alterado.<br>
|
|
1542
1551
|
* Retorna um objeto com target (name do campo), key ativo e value ativo.
|
|
1543
|
-
*/this.$emit("changeMenu",a)},scrollSelectedIntoView:function(t){
|
|
1544
|
-
// Get the reference to the scrollContainer
|
|
1545
|
-
var e=this.$refs.scrollContainer;
|
|
1546
|
-
// Find the element with the selected value
|
|
1547
|
-
//const selectedElement = scrollContainer.querySelector(
|
|
1548
|
-
// `[data-value="${selectedValue}"]`
|
|
1549
|
-
//);
|
|
1550
|
-
selectedElement&&(console.log("selected",t),console.log("scrollzinho",e))}}},"data-v-2a05299c",!1,void 0,!1,x,void 0,void 0),TabsLine:xt},props:{menu:{type:[Array,Object],required:!1},breadcrumbs:{type:[Array,Object],required:!1},steps:{type:[Array,Object],required:!1},color:{type:String,required:!1,default:"#AFA2BA"},colors:{type:[Object],required:!1,default:{text:"#AFA2BA",textActive:"#FFFFFF",color:"#FFFFFF",colorHover:"#16d3db",colorActive:"#16d3db"}},have_button:{type:Boolean,required:!1},
|
|
1552
|
+
*/this.$emit("changeMenu",a)},scrollSelectedIntoView:function(t){}}},"data-v-b16c5840",!1,void 0,!1,x,void 0,void 0),TabsLine:xt},props:{menu:{type:[Array,Object],required:!1},breadcrumbs:{type:[Array,Object],required:!1},steps:{type:[Array,Object],required:!1},color:{type:String,required:!1,default:"#AFA2BA"},colors:{type:[Object],required:!1,default:{text:"#AFA2BA",textActive:"#FFFFFF",color:"#FFFFFF",colorHover:"#16d3db",colorActive:"#16d3db"}},have_button:{type:Boolean,required:!1},
|
|
1551
1553
|
// isMobile: {
|
|
1552
1554
|
// type: Boolean,
|
|
1553
1555
|
// required: false,
|