@vlalg-nimbus/nb-buttons 2.0.0 → 2.0.2

package/README.md

@@ -35,6 +35,14 @@ app.mount('#app')
 The components that are part of this lib are:
 
 - <a href="http://nimbus.tec.br/vue-components/nb-buttons/nb-button-mechanical" target="_blank">nb-button-mechanical</a>
+- <a href="http://nimbus.tec.br/vue-components/nb-buttons/nb-button-mechanical-2" target="_blank">nb-button-mechanical-2</a>
+- <a href="http://nimbus.tec.br/vue-components/nb-buttons/nb-button-vava-game" target="_blank">nb-button-vava-game</a>
+- <a href="http://nimbus.tec.br/vue-components/nb-buttons/nb-button-show-hover" target="_blank">nb-button-show-hover</a>
+- <a href="http://nimbus.tec.br/vue-components/nb-buttons/nb-button-prev-next" target="_blank">nb-button-prev-next</a>
+- <a href="http://nimbus.tec.br/vue-components/nb-buttons/nb-button-hamburger" target="_blank">nb-button-hamburger</a>
+- <a href="http://nimbus.tec.br/vue-components/nb-buttons/nb-button-color-outside" target="_blank">nb-button-color-outside</a>
+- <a href="http://nimbus.tec.br/vue-components/nb-buttons/nb-button-color-hover" target="_blank">nb-button-color-hover</a>
+- <a href="http://nimbus.tec.br/vue-components/nb-buttons/nb-button-alternate-text" target="_blank">nb-button-alternate-text</a>
 
 Click on each one above to find out how to use it, properties, events, etc.
 

package/dist/nb-buttons.js

@@ -652,7 +652,7 @@ const Se = ["id"], _e = /* @__PURE__ */ Object.assign({
   }
 }), he = /* @__PURE__ */ M(_e, [["__scopeId", "data-v-11d6e180"]]);
 const Ne = ["id"], we = /* @__PURE__ */ Object.assign({
-  name: "NbButtonMechanica2",
+  name: "NbButtonMechanical2",
   inheritAttrs: !1
 }, {
   __name: "NbButtonMechanical2",
@@ -723,7 +723,7 @@ const Ne = ["id"], we = /* @__PURE__ */ Object.assign({
   setup(e, { emit: d }) {
     const B = e;
     P((i) => ({
-      e98f2358: h.value
+      ba36237e: h.value
     }));
     const {
       text: C,
@@ -783,7 +783,7 @@ const Ne = ["id"], we = /* @__PURE__ */ Object.assign({
       }, Q(B.text), 13, Ne)
     ], 6)) : T("", !0);
   }
-}), Be = /* @__PURE__ */ M(we, [["__scopeId", "data-v-87673d20"]]);
+}), Be = /* @__PURE__ */ M(we, [["__scopeId", "data-v-20a2a691"]]);
 const He = ["id"], $e = /* @__PURE__ */ Object.assign({
   name: "NbButtonHamburger",
   inheritAttrs: !1

package/dist/nb-buttons.umd.cjs

@@ -1 +1 @@
-(function(t,L){typeof exports=="object"&&typeof module<"u"?module.exports=L(require("vue")):typeof define=="function"&&define.amd?define(["vue"],L):(t=typeof globalThis<"u"?globalThis:t||self,t.NbButtons=L(t.Vue))})(this,function(t){"use strict";const L="",X=(e,u)=>{const z=e.__vccOpts||e;for(const[C,y]of u)z[C]=y;return z},M=["id"],q={class:"component-content__text"},G=X(Object.assign({name:"NbButtonVavaGame",inheritAttrs:!1},{__name:"NbButtonVavaGame",props:{nbId:{type:String,required:!0},display:{type:String,default:"ib",validator:(e="")=>{const u=e.toLowerCase();return["b","ib"].includes(u)}},textColor:{type:String,default:"#ece8e1"},buttonColor:{type:String,default:"blue"},textColorHover:{type:String,default:"gray"},buttonColorHover:{type:String,default:"cyan"},borderColor:{type:String,default:"yellow"},borderOpacity:{type:Number,default:.5},paddingXBorder:{type:Number,default:.3,validator:e=>e||.3},paddingYBorder:{type:Number,default:.3,validator:e=>e||.3},paddingXContent:{type:Number,default:.5,validator:e=>e||.5},paddingYContent:{type:Number,default:.5,validator:e=>e||.5},uppercase:{type:Boolean,default:!0,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:400,validator:e=>e||400}},emits:["clicked"],setup(e,{emit:u}){const z=e;t.useCssVars(r=>({"4348b976":k.value,"1735afec":$.value,"58e23cb0":H.value,"451672cd":d.value,"55b7ee16":l.value}));const{display:C,textColor:y,textColorHover:S,buttonColor:v,buttonColorHover:g,uppercase:m,paddingXContent:V,paddingYContent:x,paddingXBorder:h,paddingYBorder:s,borderColor:p,borderOpacity:c,disabled:n,fontFamily:_,fontSize:w,fontWeight:B}=t.toRefs(z),N=t.computed(()=>{const r=n.value?"component-disabled":"",R=C.value!=="b"?"inline-block":"block",W=y.value?y.value:"#ece8e1",D=v.value?v.value:"green",I=S.value?S.value:"#ece8e1",T=g.value?g.value:"cyan",E=p.value?p.value:"#ffffff",O=!c.value||!(c.value>=0&&c.value<=1)?"0.5":c.value,P=!h.value||h.value<0?.3:h.value,F=!s.value||s.value<0?.3:s.value,j=!V.value||V.value<0?.5:V.value,fe=!x.value||x.value<0?.5:x.value,pe=m.value?"uppercase":"none",be=_.value?_.value:"'Lato', sans-serif",me=w.value?w.value:"1.6em",ye=!B.value||B.value<0?100:B.value;return{disabled:r,display:R,textColor:W,buttonColor:D,textColorHover:I,buttonColorHover:T,borderColor:E,borderOpacity:O,paddingXBorder:P,paddingYBorder:F,paddingXContent:j,paddingYContent:fe,uppercase:pe,font:be,fontSize:me,fontWeight:ye}}),b=t.computed(()=>N.value.disabled),i=t.computed(()=>({display:N.value.display})),f=t.computed(()=>{const r=N.value;return{padding:`${r.paddingYBorder}rem ${r.paddingXBorder}rem`,fontSize:r.fontSize,fontWeight:r.fontWeight}}),o=t.computed(()=>{const r=N.value;return{textTransform:r.uppercase,padding:`${r.paddingYContent}rem ${r.paddingXContent}rem`,backgroundColor:r.buttonColor}}),a=t.computed(()=>({backgroundColor:N.value.buttonColorHover})),k=t.computed(()=>N.value.font),d=t.computed(()=>N.value.borderColor),l=t.computed(()=>N.value.borderOpacity),$=t.computed(()=>N.value.textColor),H=t.computed(()=>N.value.textColorHover),Y=()=>{u("clicked")};return(r,R)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",b.value]),style:t.normalizeStyle([i.value]),onClick:Y},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([f.value])},[t.createElementVNode("div",{class:"component-content",style:t.normalizeStyle([o.value])},[t.createElementVNode("span",q,[t.renderSlot(r.$slots,"text",{},()=>[t.createTextVNode("Default Text")],!0)]),t.createElementVNode("span",{class:"component-content__mask",style:t.normalizeStyle([a.value])},null,4)],4)],12,M)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-09b2bb91"]]),ge="",J=["id"],K=X(Object.assign({name:"NbButtonShowHover",inheritAttrs:!1},{__name:"NbButtonShowHover",props:{nbId:{type:String,required:!0},text:{type:String,default:"Default Text"},textColor:{type:String,default:"#145deb"},textColorHover:{type:String,default:"#4bd6b5"},buttonColorHover:{type:String,default:"10, 38, 184"},buttonColorOpacityHover:{type:Number,default:.1},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.2,validator:e=>e||.2},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},borderRadius:{type:Number,default:.375},verticalAlign:{type:String,default:"middle",validator:e=>["top","middle","bottom"].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:400,validator:e=>e||400}},emits:["clicked"],setup(e,{emit:u}){const z=e;t.useCssVars(o=>({e35bf122:i.value,"122f086c":N.value,"590fef9e":b.value,"383cafc6":e.textColorHover,66192716:t.unref(y)}));const{text:C,textColor:y,buttonColorHover:S,buttonColorOpacityHover:v,paddingX:g,paddingY:m,disabled:V,borderRadius:x,verticalAlign:h,fontFamily:s,fontSize:p,fontWeight:c}=t.toRefs(z),n=t.computed(()=>{const o=C.value?C.value:"Default Text",a=V.value?"component-disabled":"",k=h.value?h.value:"middle",d=y?y.value:"ffffff",l=!g.value||g.value<0?1:g.value,$=!m.value||m.value<0?.2:m.value,H=!x.value||x.value<0?0:x.value,Y=S.value?S.value:"10, 38, 184",r=!v.value||v.value<0?.1:v.value,R=s.value?s.value:"'Lato', sans-serif",W=p.value?p.value:"1.6rem",D=!c.value||c.value<0?100:c.value;return{disabled:a,borderRadius:H,textColor:d,paddingX:l,paddingY:$,buttonColorHover:Y,buttonColorOpacityHover:r,font:R,fontSize:W,fontWeight:D,text:o,verticalAlign:k}}),_=t.computed(()=>n.value.disabled),w=t.computed(()=>({verticalAlign:n.value.verticalAlign})),B=t.computed(()=>{const o=n.value;return{color:o.textColor,padding:`${o.paddingY}rem 0`,borderRadius:`${o.borderRadius}rem`,fontSize:o.fontSize,fontWeight:o.fontWeight}}),N=t.computed(()=>{const o=n.value;return`${o.paddingY}rem ${o.paddingX}rem`}),b=t.computed(()=>{const o=n.value;return`rgba(${o.buttonColorHover}, ${o.buttonColorOpacityHover})`}),i=t.computed(()=>n.value.font),f=()=>{u("clicked")};return(o,a)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",_.value]),style:t.normalizeStyle([w.value]),onClick:f},[t.createElementVNode("a",{id:e.nbId,class:"nb-reset component tertiary",style:t.normalizeStyle([B.value]),onClick:a[0]||(a[0]=t.withModifiers(()=>{},["prevent"]))},t.toDisplayString(n.value.text),13,J)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-7f17ac3f"]]),Ce="",Q=["id"],U=X(Object.assign({name:"NbButtonPrevNext",inheritAttrs:!1},{__name:"NbButtonPrevNext",props:{nbId:{type:String,required:!0},colorPrimary:{type:String,default:"tomato"},colorSecondary:{type:String,default:"blue"},textColor:{type:String,default:"#fff"},textColorHover:{type:String,default:"yellow"},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:10,validator:e=>e||10},marginBetween:{type:Number,default:2,validator:e=>e||1},borderRadius:{type:Number,default:6,validator:e=>e||1},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},showPreview:{type:Boolean,default:!0,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},showNext:{type:Boolean,default:!0,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},disabledPreview:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},disabledNext:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:400,validator:e=>e||400}},emits:["clicked"],setup(e,{emit:u}){const z=e;t.useCssVars(o=>({"2446b547":i.value,a50bbbd2:e.colorPrimary,"0f9f603e":e.textColor,"748cd449":e.colorSecondary,"1af3ef9e":e.textColorHover}));const{paddingX:C,paddingY:y,marginBetween:S,borderRadius:v,disabled:g,disabledPreview:m,disabledNext:V,fontFamily:x,fontSize:h,fontWeight:s}=t.toRefs(z),p=t.computed(()=>{const o=g.value?"component-disabled":"",a=m.value?"component-disabled":"",k=V.value?"component-disabled":"",d=!S.value||S.value<0?0:S.value,l=!v.value||v.value<0?0:v.value,$=!C.value||C.value<0?1:C.value,H=!y.value||y.value<0?10:y.value,Y=h.value?h.value:"1.6em",r=!s.value||s.value<0?100:s.value;return{disabled:o,disabledPreview:a,disabledNext:k,marginBetween:`${d}px`,borderRadius:`${l}px`,paddingX:`${$}px`,paddingY:`${H}px`,fontSize:Y,fontWeight:r}}),c=t.computed(()=>p.value.disabled),n=t.computed(()=>p.value.disabledPreview),_=t.computed(()=>p.value.disabledNext),w=t.computed(()=>({display:p.value.display})),B=t.computed(()=>{const o=p.value;return{fontSize:o.fontSize,fontWeight:o.fontWeight}}),N=t.computed(()=>{const o=p.value;return{borderRadius:`${o.borderRadius} 0px 0px ${o.borderRadius}`,marginRight:o.marginBetween,padding:`${o.paddingX} ${o.paddingY}`}}),b=t.computed(()=>{const o=p.value;return{borderRadius:`0px ${o.borderRadius} ${o.borderRadius} 0px`,marginLeft:o.marginBetween,padding:`${o.paddingX} ${o.paddingY}`}}),i=t.computed(()=>`'${x.value?x.value:"'Lato', sans-serif"}'`),f=o=>{u("clicked",o)};return(o,a)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",c.value]),style:t.normalizeStyle([w.value])},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle(B.value)},[e.showPreview?(t.openBlock(),t.createElementBlock("div",{key:0,onClick:a[0]||(a[0]=k=>f("preview")),class:t.normalizeClass(["buttonNextPreview buttonPreview",n.value]),style:t.normalizeStyle(N.value)},[t.renderSlot(o.$slots,"prev",{},()=>[t.createTextVNode("← Preview")],!0)],6)):t.createCommentVNode("",!0),e.showNext?(t.openBlock(),t.createElementBlock("div",{key:1,onClick:a[1]||(a[1]=k=>f("next")),class:t.normalizeClass(["buttonNextPreview buttonNext",_.value]),style:t.normalizeStyle(b.value)},[t.renderSlot(o.$slots,"next",{},()=>[t.createTextVNode("Next →")],!0)],6)):t.createCommentVNode("",!0)],12,Q)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-f26b5a64"]]),xe="",Z=["id"],ee=X(Object.assign({name:"NbButtonMechanical",inheritAttrs:!1},{__name:"NbButtonMechanical",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const u=e?e.toLowerCase():"";return["b","ib"].includes(u)}},textColor:{type:String,default:"#ffffff"},containerColor:{type:String,default:"#ffffff"},buttonColor:{type:String,default:"#bbbbbb"},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.2,validator:e=>e||.2},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},borderRadius:{type:Number,default:.375},animationSlow:{type:Boolean,default:!1},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:400,validator:e=>e||400}},emits:["clicked"],setup(e,{emit:u}){const z=e;t.useCssVars(a=>({"196eb3ca":b.value,"5a845ff6":t.unref(y),"44f25ea8":f.value,"3eb45b5e":i.value}));const{display:C,buttonColor:y,textColor:S,containerColor:v,paddingX:g,paddingY:m,borderRadius:V,disabled:x,animationSlow:h,fontFamily:s,fontSize:p,fontWeight:c}=t.toRefs(z),n=t.computed(()=>{const a=x.value?"component-disabled":"",k=C.value!=="b"?"inline-block":"block",d=v.value?v.value:"#ffffff",l=y.value?y.value:"#bbbbbb",$=S.value?S.value:"#ffffff",H=!g.value||g.value<0?1:g.value,Y=!m.value||m.value<0?.2:m.value,r=!V.value||V.value<0?0:V.value,R=h.value?"":"component-transition__no-slow",W=s.value?s.value:"'Lato', sans-serif",D=p.value?p.value:"1.6em",I=!c.value||c.value<0?100:c.value;return{disabled:a,display:k,containerColor:d,buttonColor:l,textColor:$,paddingX:H,paddingY:Y,borderRadius:r,animationSlow:R,font:W,fontSize:D,fontWeight:I}}),_=t.computed(()=>n.value.disabled),w=t.computed(()=>({display:n.value.display})),B=t.computed(()=>{const a=n.value;return{border:`2px solid ${a.containerColor}`,color:a.textColor,backgroundColor:a.buttonColor,padding:`${a.paddingY}rem ${a.paddingX}rem`,borderRadius:`${a.borderRadius}rem`,fontSize:a.fontSize,fontWeight:a.fontWeight}}),N=t.computed(()=>n.value.animationSlow),b=t.computed(()=>n.value.font),i=t.computed(()=>n.value.textColor),f=t.computed(()=>n.value.buttonColor),o=()=>{u("clicked")};return(a,k)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",_.value]),style:t.normalizeStyle([w.value]),onClick:o},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component","component-transition",N.value]),style:t.normalizeStyle([B.value])},[t.renderSlot(a.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)],14,Z)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-11d6e180"]]),Ne="",te=["id"],oe=X(Object.assign({name:"NbButtonMechanica2",inheritAttrs:!1},{__name:"NbButtonMechanical2",props:{nbId:{type:String,required:!0},text:{type:String,default:"Default Text"},display:{type:String,default:"b",validator:(e="b")=>{const u=e?e.toLowerCase():"";return["b","ib"].includes(u)}},textColor:{type:String,default:"#ffffff"},buttonColor:{type:String,default:"#bbbbbb"},shadowColor:{type:String,default:"#002f3c"},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.2,validator:e=>e||.2},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},borderRadius:{type:Number,default:.25},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:400,validator:e=>e||400}},emits:["clicked"],setup(e,{emit:u}){const z=e;t.useCssVars(i=>({e98f2358:N.value}));const{text:C,display:y,buttonColor:S,textColor:v,paddingX:g,paddingY:m,borderRadius:V,shadowColor:x,disabled:h,fontFamily:s,fontSize:p,fontWeight:c}=t.toRefs(z),n=t.computed(()=>{const i=h.value?"component-disabled":"",f=y.value!=="b"?"inline-block":"block",o=S.value?S.value:"#bbbbbb",a=x.value?x.value:"#002f3c",k=v.value?v.value:"#ffffff",d=!g.value||g.value<0?1:g.value,l=!m.value||m.value<0?1:m.value,$=!V.value||V.value<0?0:V.value,H=s.value?s.value:"'Lato', sans-serif",Y=p.value?p.value:"1.6em",r=!c.value||c.value<0?100:c.value;return{disabled:i,display:f,buttonColor:o,shadowColor:a,textColor:k,paddingX:d,paddingY:l,borderRadius:$,font:H,fontSize:Y,fontWeight:r}}),_=t.computed(()=>n.value.disabled),w=t.computed(()=>({display:n.value.display})),B=t.computed(()=>{const i=n.value;return{color:i.textColor,backgroundColor:i.buttonColor,boxShadow:`0 0 #0000, 0 0 #0000, 3px 3px 0 ${i.shadowColor}`,padding:`${i.paddingY}rem ${i.paddingX}rem`,padding:`${i.paddingY}rem ${i.paddingX}rem`,borderRadius:`${i.borderRadius}rem`,fontSize:i.fontSize,fontWeight:i.fontWeight}}),N=t.computed(()=>n.value.font),b=()=>{u("clicked")};return(i,f)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",_.value]),style:t.normalizeStyle([w.value]),onClick:b},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component","component-transition"]),style:t.normalizeStyle([B.value])},t.toDisplayString(z.text),13,te)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-87673d20"]]),Be="",ae=["id"],le=X(Object.assign({name:"NbButtonHamburger",inheritAttrs:!1},{__name:"NbButtonHamburger",props:{nbId:{type:String,required:!0},status:{type:Boolean,default:!1,validator:e=>[!1,!0].includes(e)},color:{type:String,default:"#ffffff"},colorHover:{type:String,default:"yellow"},containerColor:{type:String,default:"#333333"},containerColorHover:{type:String,default:"red"},paddingX:{type:Number,default:3,validator:e=>e||3},paddingY:{type:Number,default:3,validator:e=>e||3},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)}},emits:["clicked"],setup(e,{emit:u}){const z=e;t.useCssVars(b=>({"4f0c7280":w.value,"86dec5da":B.value})),t.onMounted(()=>{C.value=y.value});const C=t.ref(!1),{status:y,color:S,containerColor:v,containerColorHover:g,colorHover:m,paddingX:V,paddingY:x,disabled:h}=t.toRefs(z),s=t.computed(()=>{const b=h.value?"component-disabled":"",i=C.value?"change":"",f=v.value?v.value:"#333333",o=S.value?S.value:"#ffffff",a=!V.value||V.value<0?3:V.value,k=!x.value||x.value<0?3:x.value,d=g.value?g.value:"yellow",l=m.value?m.value:"red";return{disabled:b,buttonStatus:i,containerColor:f,paddingX:a,paddingY:k,color:o,containerColorHover:d,colorHover:l}}),p=t.computed(()=>s.value.disabled),c=t.computed(()=>{const b=s.value;return{padding:`${b.paddingY}px ${b.paddingX}px`,backgroundColor:b.containerColor}}),n=t.computed(()=>({backgroundColor:s.value.color})),_=t.computed(()=>s.value.buttonStatus),w=t.computed(()=>s.value.containerColorHover),B=t.computed(()=>s.value.colorHover),N=()=>{const b=!C.value;C.value=b,u("clicked",b)};return t.watch(y,()=>{C.value=y.value}),(b,i)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",p.value]),style:t.normalizeStyle([c.value]),onClick:N},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component",_.value])},[t.createElementVNode("div",{class:"component__line-one",style:t.normalizeStyle(n.value)},null,4),t.createElementVNode("div",{class:"component__line-two",style:t.normalizeStyle(n.value)},null,4),t.createElementVNode("div",{class:"component__line-three",style:t.normalizeStyle(n.value)},null,4)],10,ae)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-37573ac0"]]),we="",ne=["id"],re=X(Object.assign({name:"NbButtonColorOutside",inheritAttrs:!1},{__name:"NbButtonColorOutside",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const u=e?e.toLowerCase():"";return["b","ib"].includes(u)}},text:{type:String,default:"Default Text"},textColor:{type:String,default:"#ffffff"},buttonColor:{type:String,default:"#bbbbbb"},borderColor:{type:String,default:"#ffe54c"},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.2,validator:e=>e||.2},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:200,validator:e=>e||200}},emits:["clicked"],setup(e,{emit:u}){const z=e;t.useCssVars(f=>({"5c58593c":B.value,f6f44b66:b.value,c5265f9c:N.value}));const{text:C,display:y,buttonColor:S,borderColor:v,textColor:g,paddingX:m,paddingY:V,disabled:x,fontFamily:h,fontSize:s,fontWeight:p}=t.toRefs(z),c=t.computed(()=>{const f=C.value?C.value:"Default Text",o=x.value?"component-disabled":"",a=y.value!=="b"?"inline-block":"block",k=S.value?S.value:"#bbbbbb",d=v.value?v.value:"#ffe54c",l=g.value?g.value:"#ffffff",$=!m.value||m.value<0?1:m.value,H=!V.value||V.value<0?.2:V.value,Y=h.value?h.value:"'Lato', sans-serif",r=s.value?s.value:"1.6em",R=!p.value||p.value<0?200:p.value;return{disabled:o,display:a,buttonColor:k,borderColor:d,textColor:l,paddingX:$,paddingY:H,text:f,font:Y,fontSize:r,fontWeight:R}}),n=t.computed(()=>c.value.disabled),_=t.computed(()=>({display:c.value.display})),w=t.computed(()=>{const f=c.value;return{border:`1px solid ${f.borderColor}`,color:f.textColor,padding:`${f.paddingY}rem ${f.paddingX}rem`,fontSize:f.fontSize,fontWeight:f.fontWeight}}),B=t.computed(()=>c.value.font),N=t.computed(()=>c.value.textColor),b=t.computed(()=>c.value.buttonColor),i=()=>{u("clicked")};return(f,o)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",n.value]),style:t.normalizeStyle([_.value]),onClick:i},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([w.value])},t.toDisplayString(c.value.text),13,ne)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-b0bef095"]]),$e="",de=["id"],ue=X(Object.assign({name:"NbButtonColorHover",inheritAttrs:!1},{__name:"NbButtonColorHover",props:{nbId:{type:String,required:!0},text:{type:String,default:"Default Text"},display:{type:String,default:"b",validator:(e="b")=>{const u=e.toLowerCase();return["b","ib"].includes(u)}},textColor:{type:String,default:"#ffffff"},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.2,validator:e=>e||.2},borderRadius:{type:Number,default:.375},textColorHover:{type:String,default:"#cccccc"},buttonColor:{type:String,default:"#bbbbbb"},buttonColorHover:{type:String,default:"#959595"},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:400,validator:e=>e||700}},emits:["clicked"],setup(e,{emit:u}){const z=e;t.useCssVars(d=>({ea8f1624:b.value,"68a00a02":o.value,a1f5bb90:f.value,"7c8ae57d":a.value,"0ca91538":i.value}));const{text:C,display:y,textColor:S,paddingX:v,paddingY:g,borderRadius:m,disabled:V,fontFamily:x,fontSize:h,fontWeight:s,textColorHover:p,buttonColor:c,buttonColorHover:n}=t.toRefs(z),_=t.computed(()=>{const d=C.value?C.value:"Default Text",l=V.value?"component-disabled":"",$=y.value!=="b"?"inline-block":"block",H=S?S.value:"ffffff",Y=!v.value||v.value<0?1:v.value,r=!g.value||g.value<0?.2:g.value,R=!m.value||m.value<0?0:m.value,W=x.value?x.value:"'Lato', sans-serif",D=h.value?h.value:"1.6rem",I=!s.value||s.value<0?100:s.value,T=p.value?p.value:"#cccccc",E=c.value?c.value:"#bbbbbb",O=n.value?n.value:"#959595";return{disabled:l,display:$,font:W,fontSize:D,fontWeight:I,text:d,textColor:H,paddingX:Y,paddingY:r,borderRadius:R,textColorHover:T,buttonColor:E,buttonColorHover:O}}),w=t.computed(()=>_.value.disabled),B=t.computed(()=>{const d=_.value;return{display:d.display,borderRadius:`${d.borderRadius}rem`}}),N=t.computed(()=>{const d=_.value;return{color:d.textColor,padding:`${d.paddingY}rem ${d.paddingX}rem`,borderRadius:`${d.borderRadius}rem`,fontSize:d.fontSize,fontWeight:d.fontWeight}}),b=t.computed(()=>_.value.font),i=t.computed(()=>_.value.textColor),f=t.computed(()=>_.value.textColorHover),o=t.computed(()=>_.value.buttonColor),a=t.computed(()=>_.value.buttonColorHover),k=()=>{u("clicked")};return(d,l)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["nb-wrapper",w.value]),style:t.normalizeStyle([B.value]),onClick:k},[t.createElementVNode("div",{id:e.nbId,class:"nb-reset component component-transition",style:t.normalizeStyle([N.value])},t.toDisplayString(_.value.text),13,de)],6))}}),[["__scopeId","data-v-14a4a2ac"]]),Ye="",se=["id"],ie={class:"first-child"},ce={class:"last-child"},A={NbButtonVavaGame:G,NbButtonShowHover:K,NbButtonPrevNext:U,NbButtonMechanical:ee,NbButtonMechanical2:oe,NbButtonHamburger:le,NbButtonColorOutside:re,NbButtonColorHover:ue,NbButtonAlternateText:X(Object.assign({name:"NbButtonAlternateText",inheritAttrs:!1},{__name:"NbButtonAlternateText",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const u=e?e.toLowerCase():"";return["b","ib"].includes(u)}},textColor:{type:String,default:"#ffffff"},textHoverColor:{type:String,default:"#000000"},buttonColor:{type:String,default:"#ffffff"},buttonHoverColor:{type:String,default:"red"},borderColor:{type:String,default:"#ffe54c"},showBorder:{type:Boolean,default:!0,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},borderRadius:{type:Number,default:.375},width:{type:Number,default:86,validator:e=>e||86},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.4,validator:e=>e||.4},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:200,validator:e=>e||200}},emits:["clicked"],setup(e,{emit:u}){const z=e;t.useCssVars(l=>({"17a23bbc":f.value,"2cc4da9c":o.value,aa259cd0:a.value,f0e00666:k.value}));const{display:C,buttonColor:y,borderColor:S,buttonHoverColor:v,showBorder:g,borderRadius:m,textColor:V,textHoverColor:x,width:h,paddingX:s,paddingY:p,disabled:c,fontFamily:n,fontSize:_,fontWeight:w}=t.toRefs(z),B=t.computed(()=>{const l=c.value?"component-disabled":"",$=C.value!=="b"?"inline-block":"block",H=y.value?y.value:"#ffffff",Y=v.value?v.value:"#000000",r=S.value?S.value:"#ffe54c",R=!m.value||m.value<0?0:m.value,W=[!1,!0].includes(g.value)?g.value:!0,D=V.value?V.value:"#ffffff",I=x.value?x.value:"#000000",T=!h.value||h.value<86?86:h.value,E=!s.value||s.value<0?1:s.value,O=!p.value||p.value<0?.4:p.value,P=n.value?n.value:"'Lato', sans-serif",F=_.value?_.value:"1.6em",j=!w.value||w.value<0?200:w.value;return{disabled:l,display:$,buttonColor:H,buttonHoverColor:Y,borderColor:r,showBorder:W,borderRadius:R,textColor:D,textHoverColor:I,width:T,paddingX:E,paddingY:O,font:P,fontSize:F,fontWeight:j}}),N=t.computed(()=>B.value.disabled),b=t.computed(()=>({display:B.value.display})),i=t.computed(()=>{const l=B.value,$=l.display==="block"?"auto":`${l.width}px`;return{...l.showBorder?{border:`1px solid ${l.borderColor}`}:{},borderRadius:`${l.borderRadius}rem`,background:l.buttonColor,minWidth:"33px",width:$,padding:`${l.paddingY}rem ${l.paddingX}rem`,lineHeight:"1.42857143",fontSize:l.fontSize,fontWeight:l.fontWeight}}),f=t.computed(()=>B.value.font),o=t.computed(()=>B.value.textColor),a=t.computed(()=>B.value.textHoverColor),k=t.computed(()=>B.value.buttonHoverColor),d=()=>{u("clicked")};return(l,$)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",N.value]),style:t.normalizeStyle([b.value]),onClick:d},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([i.value])},[t.createElementVNode("div",ie,[t.renderSlot(l.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)]),t.createElementVNode("div",ce,[t.renderSlot(l.$slots,"content-alternate",{},()=>[t.createTextVNode("Default Alternate Text")],!0)])],12,se)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-e0ed856f"]])};return{install(e){for(const u in A)if(Object.prototype.hasOwnProperty.call(A,u)){const z=A[u];e.component(z.name,z)}}}});
+(function(t,L){typeof exports=="object"&&typeof module<"u"?module.exports=L(require("vue")):typeof define=="function"&&define.amd?define(["vue"],L):(t=typeof globalThis<"u"?globalThis:t||self,t.NbButtons=L(t.Vue))})(this,function(t){"use strict";const L="",X=(e,u)=>{const z=e.__vccOpts||e;for(const[C,y]of u)z[C]=y;return z},M=["id"],q={class:"component-content__text"},G=X(Object.assign({name:"NbButtonVavaGame",inheritAttrs:!1},{__name:"NbButtonVavaGame",props:{nbId:{type:String,required:!0},display:{type:String,default:"ib",validator:(e="")=>{const u=e.toLowerCase();return["b","ib"].includes(u)}},textColor:{type:String,default:"#ece8e1"},buttonColor:{type:String,default:"blue"},textColorHover:{type:String,default:"gray"},buttonColorHover:{type:String,default:"cyan"},borderColor:{type:String,default:"yellow"},borderOpacity:{type:Number,default:.5},paddingXBorder:{type:Number,default:.3,validator:e=>e||.3},paddingYBorder:{type:Number,default:.3,validator:e=>e||.3},paddingXContent:{type:Number,default:.5,validator:e=>e||.5},paddingYContent:{type:Number,default:.5,validator:e=>e||.5},uppercase:{type:Boolean,default:!0,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:400,validator:e=>e||400}},emits:["clicked"],setup(e,{emit:u}){const z=e;t.useCssVars(r=>({"4348b976":k.value,"1735afec":$.value,"58e23cb0":H.value,"451672cd":d.value,"55b7ee16":l.value}));const{display:C,textColor:y,textColorHover:S,buttonColor:v,buttonColorHover:g,uppercase:m,paddingXContent:V,paddingYContent:x,paddingXBorder:h,paddingYBorder:s,borderColor:p,borderOpacity:c,disabled:n,fontFamily:_,fontSize:w,fontWeight:B}=t.toRefs(z),N=t.computed(()=>{const r=n.value?"component-disabled":"",R=C.value!=="b"?"inline-block":"block",W=y.value?y.value:"#ece8e1",D=v.value?v.value:"green",I=S.value?S.value:"#ece8e1",T=g.value?g.value:"cyan",E=p.value?p.value:"#ffffff",O=!c.value||!(c.value>=0&&c.value<=1)?"0.5":c.value,P=!h.value||h.value<0?.3:h.value,F=!s.value||s.value<0?.3:s.value,j=!V.value||V.value<0?.5:V.value,fe=!x.value||x.value<0?.5:x.value,pe=m.value?"uppercase":"none",be=_.value?_.value:"'Lato', sans-serif",me=w.value?w.value:"1.6em",ye=!B.value||B.value<0?100:B.value;return{disabled:r,display:R,textColor:W,buttonColor:D,textColorHover:I,buttonColorHover:T,borderColor:E,borderOpacity:O,paddingXBorder:P,paddingYBorder:F,paddingXContent:j,paddingYContent:fe,uppercase:pe,font:be,fontSize:me,fontWeight:ye}}),b=t.computed(()=>N.value.disabled),i=t.computed(()=>({display:N.value.display})),f=t.computed(()=>{const r=N.value;return{padding:`${r.paddingYBorder}rem ${r.paddingXBorder}rem`,fontSize:r.fontSize,fontWeight:r.fontWeight}}),o=t.computed(()=>{const r=N.value;return{textTransform:r.uppercase,padding:`${r.paddingYContent}rem ${r.paddingXContent}rem`,backgroundColor:r.buttonColor}}),a=t.computed(()=>({backgroundColor:N.value.buttonColorHover})),k=t.computed(()=>N.value.font),d=t.computed(()=>N.value.borderColor),l=t.computed(()=>N.value.borderOpacity),$=t.computed(()=>N.value.textColor),H=t.computed(()=>N.value.textColorHover),Y=()=>{u("clicked")};return(r,R)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",b.value]),style:t.normalizeStyle([i.value]),onClick:Y},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([f.value])},[t.createElementVNode("div",{class:"component-content",style:t.normalizeStyle([o.value])},[t.createElementVNode("span",q,[t.renderSlot(r.$slots,"text",{},()=>[t.createTextVNode("Default Text")],!0)]),t.createElementVNode("span",{class:"component-content__mask",style:t.normalizeStyle([a.value])},null,4)],4)],12,M)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-09b2bb91"]]),ge="",J=["id"],K=X(Object.assign({name:"NbButtonShowHover",inheritAttrs:!1},{__name:"NbButtonShowHover",props:{nbId:{type:String,required:!0},text:{type:String,default:"Default Text"},textColor:{type:String,default:"#145deb"},textColorHover:{type:String,default:"#4bd6b5"},buttonColorHover:{type:String,default:"10, 38, 184"},buttonColorOpacityHover:{type:Number,default:.1},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.2,validator:e=>e||.2},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},borderRadius:{type:Number,default:.375},verticalAlign:{type:String,default:"middle",validator:e=>["top","middle","bottom"].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:400,validator:e=>e||400}},emits:["clicked"],setup(e,{emit:u}){const z=e;t.useCssVars(o=>({e35bf122:i.value,"122f086c":N.value,"590fef9e":b.value,"383cafc6":e.textColorHover,66192716:t.unref(y)}));const{text:C,textColor:y,buttonColorHover:S,buttonColorOpacityHover:v,paddingX:g,paddingY:m,disabled:V,borderRadius:x,verticalAlign:h,fontFamily:s,fontSize:p,fontWeight:c}=t.toRefs(z),n=t.computed(()=>{const o=C.value?C.value:"Default Text",a=V.value?"component-disabled":"",k=h.value?h.value:"middle",d=y?y.value:"ffffff",l=!g.value||g.value<0?1:g.value,$=!m.value||m.value<0?.2:m.value,H=!x.value||x.value<0?0:x.value,Y=S.value?S.value:"10, 38, 184",r=!v.value||v.value<0?.1:v.value,R=s.value?s.value:"'Lato', sans-serif",W=p.value?p.value:"1.6rem",D=!c.value||c.value<0?100:c.value;return{disabled:a,borderRadius:H,textColor:d,paddingX:l,paddingY:$,buttonColorHover:Y,buttonColorOpacityHover:r,font:R,fontSize:W,fontWeight:D,text:o,verticalAlign:k}}),_=t.computed(()=>n.value.disabled),w=t.computed(()=>({verticalAlign:n.value.verticalAlign})),B=t.computed(()=>{const o=n.value;return{color:o.textColor,padding:`${o.paddingY}rem 0`,borderRadius:`${o.borderRadius}rem`,fontSize:o.fontSize,fontWeight:o.fontWeight}}),N=t.computed(()=>{const o=n.value;return`${o.paddingY}rem ${o.paddingX}rem`}),b=t.computed(()=>{const o=n.value;return`rgba(${o.buttonColorHover}, ${o.buttonColorOpacityHover})`}),i=t.computed(()=>n.value.font),f=()=>{u("clicked")};return(o,a)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",_.value]),style:t.normalizeStyle([w.value]),onClick:f},[t.createElementVNode("a",{id:e.nbId,class:"nb-reset component tertiary",style:t.normalizeStyle([B.value]),onClick:a[0]||(a[0]=t.withModifiers(()=>{},["prevent"]))},t.toDisplayString(n.value.text),13,J)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-7f17ac3f"]]),Ce="",Q=["id"],U=X(Object.assign({name:"NbButtonPrevNext",inheritAttrs:!1},{__name:"NbButtonPrevNext",props:{nbId:{type:String,required:!0},colorPrimary:{type:String,default:"tomato"},colorSecondary:{type:String,default:"blue"},textColor:{type:String,default:"#fff"},textColorHover:{type:String,default:"yellow"},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:10,validator:e=>e||10},marginBetween:{type:Number,default:2,validator:e=>e||1},borderRadius:{type:Number,default:6,validator:e=>e||1},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},showPreview:{type:Boolean,default:!0,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},showNext:{type:Boolean,default:!0,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},disabledPreview:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},disabledNext:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:400,validator:e=>e||400}},emits:["clicked"],setup(e,{emit:u}){const z=e;t.useCssVars(o=>({"2446b547":i.value,a50bbbd2:e.colorPrimary,"0f9f603e":e.textColor,"748cd449":e.colorSecondary,"1af3ef9e":e.textColorHover}));const{paddingX:C,paddingY:y,marginBetween:S,borderRadius:v,disabled:g,disabledPreview:m,disabledNext:V,fontFamily:x,fontSize:h,fontWeight:s}=t.toRefs(z),p=t.computed(()=>{const o=g.value?"component-disabled":"",a=m.value?"component-disabled":"",k=V.value?"component-disabled":"",d=!S.value||S.value<0?0:S.value,l=!v.value||v.value<0?0:v.value,$=!C.value||C.value<0?1:C.value,H=!y.value||y.value<0?10:y.value,Y=h.value?h.value:"1.6em",r=!s.value||s.value<0?100:s.value;return{disabled:o,disabledPreview:a,disabledNext:k,marginBetween:`${d}px`,borderRadius:`${l}px`,paddingX:`${$}px`,paddingY:`${H}px`,fontSize:Y,fontWeight:r}}),c=t.computed(()=>p.value.disabled),n=t.computed(()=>p.value.disabledPreview),_=t.computed(()=>p.value.disabledNext),w=t.computed(()=>({display:p.value.display})),B=t.computed(()=>{const o=p.value;return{fontSize:o.fontSize,fontWeight:o.fontWeight}}),N=t.computed(()=>{const o=p.value;return{borderRadius:`${o.borderRadius} 0px 0px ${o.borderRadius}`,marginRight:o.marginBetween,padding:`${o.paddingX} ${o.paddingY}`}}),b=t.computed(()=>{const o=p.value;return{borderRadius:`0px ${o.borderRadius} ${o.borderRadius} 0px`,marginLeft:o.marginBetween,padding:`${o.paddingX} ${o.paddingY}`}}),i=t.computed(()=>`'${x.value?x.value:"'Lato', sans-serif"}'`),f=o=>{u("clicked",o)};return(o,a)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",c.value]),style:t.normalizeStyle([w.value])},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle(B.value)},[e.showPreview?(t.openBlock(),t.createElementBlock("div",{key:0,onClick:a[0]||(a[0]=k=>f("preview")),class:t.normalizeClass(["buttonNextPreview buttonPreview",n.value]),style:t.normalizeStyle(N.value)},[t.renderSlot(o.$slots,"prev",{},()=>[t.createTextVNode("← Preview")],!0)],6)):t.createCommentVNode("",!0),e.showNext?(t.openBlock(),t.createElementBlock("div",{key:1,onClick:a[1]||(a[1]=k=>f("next")),class:t.normalizeClass(["buttonNextPreview buttonNext",_.value]),style:t.normalizeStyle(b.value)},[t.renderSlot(o.$slots,"next",{},()=>[t.createTextVNode("Next →")],!0)],6)):t.createCommentVNode("",!0)],12,Q)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-f26b5a64"]]),xe="",Z=["id"],ee=X(Object.assign({name:"NbButtonMechanical",inheritAttrs:!1},{__name:"NbButtonMechanical",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const u=e?e.toLowerCase():"";return["b","ib"].includes(u)}},textColor:{type:String,default:"#ffffff"},containerColor:{type:String,default:"#ffffff"},buttonColor:{type:String,default:"#bbbbbb"},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.2,validator:e=>e||.2},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},borderRadius:{type:Number,default:.375},animationSlow:{type:Boolean,default:!1},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:400,validator:e=>e||400}},emits:["clicked"],setup(e,{emit:u}){const z=e;t.useCssVars(a=>({"196eb3ca":b.value,"5a845ff6":t.unref(y),"44f25ea8":f.value,"3eb45b5e":i.value}));const{display:C,buttonColor:y,textColor:S,containerColor:v,paddingX:g,paddingY:m,borderRadius:V,disabled:x,animationSlow:h,fontFamily:s,fontSize:p,fontWeight:c}=t.toRefs(z),n=t.computed(()=>{const a=x.value?"component-disabled":"",k=C.value!=="b"?"inline-block":"block",d=v.value?v.value:"#ffffff",l=y.value?y.value:"#bbbbbb",$=S.value?S.value:"#ffffff",H=!g.value||g.value<0?1:g.value,Y=!m.value||m.value<0?.2:m.value,r=!V.value||V.value<0?0:V.value,R=h.value?"":"component-transition__no-slow",W=s.value?s.value:"'Lato', sans-serif",D=p.value?p.value:"1.6em",I=!c.value||c.value<0?100:c.value;return{disabled:a,display:k,containerColor:d,buttonColor:l,textColor:$,paddingX:H,paddingY:Y,borderRadius:r,animationSlow:R,font:W,fontSize:D,fontWeight:I}}),_=t.computed(()=>n.value.disabled),w=t.computed(()=>({display:n.value.display})),B=t.computed(()=>{const a=n.value;return{border:`2px solid ${a.containerColor}`,color:a.textColor,backgroundColor:a.buttonColor,padding:`${a.paddingY}rem ${a.paddingX}rem`,borderRadius:`${a.borderRadius}rem`,fontSize:a.fontSize,fontWeight:a.fontWeight}}),N=t.computed(()=>n.value.animationSlow),b=t.computed(()=>n.value.font),i=t.computed(()=>n.value.textColor),f=t.computed(()=>n.value.buttonColor),o=()=>{u("clicked")};return(a,k)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",_.value]),style:t.normalizeStyle([w.value]),onClick:o},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component","component-transition",N.value]),style:t.normalizeStyle([B.value])},[t.renderSlot(a.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)],14,Z)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-11d6e180"]]),Ne="",te=["id"],oe=X(Object.assign({name:"NbButtonMechanical2",inheritAttrs:!1},{__name:"NbButtonMechanical2",props:{nbId:{type:String,required:!0},text:{type:String,default:"Default Text"},display:{type:String,default:"b",validator:(e="b")=>{const u=e?e.toLowerCase():"";return["b","ib"].includes(u)}},textColor:{type:String,default:"#ffffff"},buttonColor:{type:String,default:"#bbbbbb"},shadowColor:{type:String,default:"#002f3c"},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.2,validator:e=>e||.2},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},borderRadius:{type:Number,default:.25},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:400,validator:e=>e||400}},emits:["clicked"],setup(e,{emit:u}){const z=e;t.useCssVars(i=>({ba36237e:N.value}));const{text:C,display:y,buttonColor:S,textColor:v,paddingX:g,paddingY:m,borderRadius:V,shadowColor:x,disabled:h,fontFamily:s,fontSize:p,fontWeight:c}=t.toRefs(z),n=t.computed(()=>{const i=h.value?"component-disabled":"",f=y.value!=="b"?"inline-block":"block",o=S.value?S.value:"#bbbbbb",a=x.value?x.value:"#002f3c",k=v.value?v.value:"#ffffff",d=!g.value||g.value<0?1:g.value,l=!m.value||m.value<0?1:m.value,$=!V.value||V.value<0?0:V.value,H=s.value?s.value:"'Lato', sans-serif",Y=p.value?p.value:"1.6em",r=!c.value||c.value<0?100:c.value;return{disabled:i,display:f,buttonColor:o,shadowColor:a,textColor:k,paddingX:d,paddingY:l,borderRadius:$,font:H,fontSize:Y,fontWeight:r}}),_=t.computed(()=>n.value.disabled),w=t.computed(()=>({display:n.value.display})),B=t.computed(()=>{const i=n.value;return{color:i.textColor,backgroundColor:i.buttonColor,boxShadow:`0 0 #0000, 0 0 #0000, 3px 3px 0 ${i.shadowColor}`,padding:`${i.paddingY}rem ${i.paddingX}rem`,padding:`${i.paddingY}rem ${i.paddingX}rem`,borderRadius:`${i.borderRadius}rem`,fontSize:i.fontSize,fontWeight:i.fontWeight}}),N=t.computed(()=>n.value.font),b=()=>{u("clicked")};return(i,f)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",_.value]),style:t.normalizeStyle([w.value]),onClick:b},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component","component-transition"]),style:t.normalizeStyle([B.value])},t.toDisplayString(z.text),13,te)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-20a2a691"]]),Be="",ae=["id"],le=X(Object.assign({name:"NbButtonHamburger",inheritAttrs:!1},{__name:"NbButtonHamburger",props:{nbId:{type:String,required:!0},status:{type:Boolean,default:!1,validator:e=>[!1,!0].includes(e)},color:{type:String,default:"#ffffff"},colorHover:{type:String,default:"yellow"},containerColor:{type:String,default:"#333333"},containerColorHover:{type:String,default:"red"},paddingX:{type:Number,default:3,validator:e=>e||3},paddingY:{type:Number,default:3,validator:e=>e||3},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)}},emits:["clicked"],setup(e,{emit:u}){const z=e;t.useCssVars(b=>({"4f0c7280":w.value,"86dec5da":B.value})),t.onMounted(()=>{C.value=y.value});const C=t.ref(!1),{status:y,color:S,containerColor:v,containerColorHover:g,colorHover:m,paddingX:V,paddingY:x,disabled:h}=t.toRefs(z),s=t.computed(()=>{const b=h.value?"component-disabled":"",i=C.value?"change":"",f=v.value?v.value:"#333333",o=S.value?S.value:"#ffffff",a=!V.value||V.value<0?3:V.value,k=!x.value||x.value<0?3:x.value,d=g.value?g.value:"yellow",l=m.value?m.value:"red";return{disabled:b,buttonStatus:i,containerColor:f,paddingX:a,paddingY:k,color:o,containerColorHover:d,colorHover:l}}),p=t.computed(()=>s.value.disabled),c=t.computed(()=>{const b=s.value;return{padding:`${b.paddingY}px ${b.paddingX}px`,backgroundColor:b.containerColor}}),n=t.computed(()=>({backgroundColor:s.value.color})),_=t.computed(()=>s.value.buttonStatus),w=t.computed(()=>s.value.containerColorHover),B=t.computed(()=>s.value.colorHover),N=()=>{const b=!C.value;C.value=b,u("clicked",b)};return t.watch(y,()=>{C.value=y.value}),(b,i)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",p.value]),style:t.normalizeStyle([c.value]),onClick:N},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component",_.value])},[t.createElementVNode("div",{class:"component__line-one",style:t.normalizeStyle(n.value)},null,4),t.createElementVNode("div",{class:"component__line-two",style:t.normalizeStyle(n.value)},null,4),t.createElementVNode("div",{class:"component__line-three",style:t.normalizeStyle(n.value)},null,4)],10,ae)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-37573ac0"]]),we="",ne=["id"],re=X(Object.assign({name:"NbButtonColorOutside",inheritAttrs:!1},{__name:"NbButtonColorOutside",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const u=e?e.toLowerCase():"";return["b","ib"].includes(u)}},text:{type:String,default:"Default Text"},textColor:{type:String,default:"#ffffff"},buttonColor:{type:String,default:"#bbbbbb"},borderColor:{type:String,default:"#ffe54c"},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.2,validator:e=>e||.2},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:200,validator:e=>e||200}},emits:["clicked"],setup(e,{emit:u}){const z=e;t.useCssVars(f=>({"5c58593c":B.value,f6f44b66:b.value,c5265f9c:N.value}));const{text:C,display:y,buttonColor:S,borderColor:v,textColor:g,paddingX:m,paddingY:V,disabled:x,fontFamily:h,fontSize:s,fontWeight:p}=t.toRefs(z),c=t.computed(()=>{const f=C.value?C.value:"Default Text",o=x.value?"component-disabled":"",a=y.value!=="b"?"inline-block":"block",k=S.value?S.value:"#bbbbbb",d=v.value?v.value:"#ffe54c",l=g.value?g.value:"#ffffff",$=!m.value||m.value<0?1:m.value,H=!V.value||V.value<0?.2:V.value,Y=h.value?h.value:"'Lato', sans-serif",r=s.value?s.value:"1.6em",R=!p.value||p.value<0?200:p.value;return{disabled:o,display:a,buttonColor:k,borderColor:d,textColor:l,paddingX:$,paddingY:H,text:f,font:Y,fontSize:r,fontWeight:R}}),n=t.computed(()=>c.value.disabled),_=t.computed(()=>({display:c.value.display})),w=t.computed(()=>{const f=c.value;return{border:`1px solid ${f.borderColor}`,color:f.textColor,padding:`${f.paddingY}rem ${f.paddingX}rem`,fontSize:f.fontSize,fontWeight:f.fontWeight}}),B=t.computed(()=>c.value.font),N=t.computed(()=>c.value.textColor),b=t.computed(()=>c.value.buttonColor),i=()=>{u("clicked")};return(f,o)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",n.value]),style:t.normalizeStyle([_.value]),onClick:i},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([w.value])},t.toDisplayString(c.value.text),13,ne)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-b0bef095"]]),$e="",de=["id"],ue=X(Object.assign({name:"NbButtonColorHover",inheritAttrs:!1},{__name:"NbButtonColorHover",props:{nbId:{type:String,required:!0},text:{type:String,default:"Default Text"},display:{type:String,default:"b",validator:(e="b")=>{const u=e.toLowerCase();return["b","ib"].includes(u)}},textColor:{type:String,default:"#ffffff"},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.2,validator:e=>e||.2},borderRadius:{type:Number,default:.375},textColorHover:{type:String,default:"#cccccc"},buttonColor:{type:String,default:"#bbbbbb"},buttonColorHover:{type:String,default:"#959595"},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:400,validator:e=>e||700}},emits:["clicked"],setup(e,{emit:u}){const z=e;t.useCssVars(d=>({ea8f1624:b.value,"68a00a02":o.value,a1f5bb90:f.value,"7c8ae57d":a.value,"0ca91538":i.value}));const{text:C,display:y,textColor:S,paddingX:v,paddingY:g,borderRadius:m,disabled:V,fontFamily:x,fontSize:h,fontWeight:s,textColorHover:p,buttonColor:c,buttonColorHover:n}=t.toRefs(z),_=t.computed(()=>{const d=C.value?C.value:"Default Text",l=V.value?"component-disabled":"",$=y.value!=="b"?"inline-block":"block",H=S?S.value:"ffffff",Y=!v.value||v.value<0?1:v.value,r=!g.value||g.value<0?.2:g.value,R=!m.value||m.value<0?0:m.value,W=x.value?x.value:"'Lato', sans-serif",D=h.value?h.value:"1.6rem",I=!s.value||s.value<0?100:s.value,T=p.value?p.value:"#cccccc",E=c.value?c.value:"#bbbbbb",O=n.value?n.value:"#959595";return{disabled:l,display:$,font:W,fontSize:D,fontWeight:I,text:d,textColor:H,paddingX:Y,paddingY:r,borderRadius:R,textColorHover:T,buttonColor:E,buttonColorHover:O}}),w=t.computed(()=>_.value.disabled),B=t.computed(()=>{const d=_.value;return{display:d.display,borderRadius:`${d.borderRadius}rem`}}),N=t.computed(()=>{const d=_.value;return{color:d.textColor,padding:`${d.paddingY}rem ${d.paddingX}rem`,borderRadius:`${d.borderRadius}rem`,fontSize:d.fontSize,fontWeight:d.fontWeight}}),b=t.computed(()=>_.value.font),i=t.computed(()=>_.value.textColor),f=t.computed(()=>_.value.textColorHover),o=t.computed(()=>_.value.buttonColor),a=t.computed(()=>_.value.buttonColorHover),k=()=>{u("clicked")};return(d,l)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["nb-wrapper",w.value]),style:t.normalizeStyle([B.value]),onClick:k},[t.createElementVNode("div",{id:e.nbId,class:"nb-reset component component-transition",style:t.normalizeStyle([N.value])},t.toDisplayString(_.value.text),13,de)],6))}}),[["__scopeId","data-v-14a4a2ac"]]),Ye="",se=["id"],ie={class:"first-child"},ce={class:"last-child"},A={NbButtonVavaGame:G,NbButtonShowHover:K,NbButtonPrevNext:U,NbButtonMechanical:ee,NbButtonMechanical2:oe,NbButtonHamburger:le,NbButtonColorOutside:re,NbButtonColorHover:ue,NbButtonAlternateText:X(Object.assign({name:"NbButtonAlternateText",inheritAttrs:!1},{__name:"NbButtonAlternateText",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const u=e?e.toLowerCase():"";return["b","ib"].includes(u)}},textColor:{type:String,default:"#ffffff"},textHoverColor:{type:String,default:"#000000"},buttonColor:{type:String,default:"#ffffff"},buttonHoverColor:{type:String,default:"red"},borderColor:{type:String,default:"#ffe54c"},showBorder:{type:Boolean,default:!0,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},borderRadius:{type:Number,default:.375},width:{type:Number,default:86,validator:e=>e||86},paddingX:{type:Number,default:1,validator:e=>e||1},paddingY:{type:Number,default:.4,validator:e=>e||.4},disabled:{type:Boolean,default:!1,validator:e=>typeof e=="boolean"&&[!0,!1].includes(e)},fontFamily:{type:String,default:"'Lato', sans-serif"},fontSize:{type:String,default:"1.6em",validator:e=>e||"1.6em"},fontWeight:{type:Number,default:200,validator:e=>e||200}},emits:["clicked"],setup(e,{emit:u}){const z=e;t.useCssVars(l=>({"17a23bbc":f.value,"2cc4da9c":o.value,aa259cd0:a.value,f0e00666:k.value}));const{display:C,buttonColor:y,borderColor:S,buttonHoverColor:v,showBorder:g,borderRadius:m,textColor:V,textHoverColor:x,width:h,paddingX:s,paddingY:p,disabled:c,fontFamily:n,fontSize:_,fontWeight:w}=t.toRefs(z),B=t.computed(()=>{const l=c.value?"component-disabled":"",$=C.value!=="b"?"inline-block":"block",H=y.value?y.value:"#ffffff",Y=v.value?v.value:"#000000",r=S.value?S.value:"#ffe54c",R=!m.value||m.value<0?0:m.value,W=[!1,!0].includes(g.value)?g.value:!0,D=V.value?V.value:"#ffffff",I=x.value?x.value:"#000000",T=!h.value||h.value<86?86:h.value,E=!s.value||s.value<0?1:s.value,O=!p.value||p.value<0?.4:p.value,P=n.value?n.value:"'Lato', sans-serif",F=_.value?_.value:"1.6em",j=!w.value||w.value<0?200:w.value;return{disabled:l,display:$,buttonColor:H,buttonHoverColor:Y,borderColor:r,showBorder:W,borderRadius:R,textColor:D,textHoverColor:I,width:T,paddingX:E,paddingY:O,font:P,fontSize:F,fontWeight:j}}),N=t.computed(()=>B.value.disabled),b=t.computed(()=>({display:B.value.display})),i=t.computed(()=>{const l=B.value,$=l.display==="block"?"auto":`${l.width}px`;return{...l.showBorder?{border:`1px solid ${l.borderColor}`}:{},borderRadius:`${l.borderRadius}rem`,background:l.buttonColor,minWidth:"33px",width:$,padding:`${l.paddingY}rem ${l.paddingX}rem`,lineHeight:"1.42857143",fontSize:l.fontSize,fontWeight:l.fontWeight}}),f=t.computed(()=>B.value.font),o=t.computed(()=>B.value.textColor),a=t.computed(()=>B.value.textHoverColor),k=t.computed(()=>B.value.buttonHoverColor),d=()=>{u("clicked")};return(l,$)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",N.value]),style:t.normalizeStyle([b.value]),onClick:d},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([i.value])},[t.createElementVNode("div",ie,[t.renderSlot(l.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)]),t.createElementVNode("div",ce,[t.renderSlot(l.$slots,"content-alternate",{},()=>[t.createTextVNode("Default Alternate Text")],!0)])],12,se)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-e0ed856f"]])};return{install(e){for(const u in A)if(Object.prototype.hasOwnProperty.call(A,u)){const z=A[u];e.component(z.name,z)}}}});

package/dist/style.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";.nb-wrapper[data-v-09b2bb91]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom}.nb-reset[data-v-09b2bb91]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-09b2bb91]{margin:0;padding:0}.nb-reset *[data-v-09b2bb91],.nb-reset *[data-v-09b2bb91]:before,.nb-reset *[data-v-09b2bb91]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-09b2bb91]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--4348b976);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;opacity:1;transition:opacity .7s ease-out .2s;text-align:center;position:relative;text-rendering:optimizeLegibility;z-index:1;color:var(--1735afec)}.component[data-v-09b2bb91]:hover{color:var(--58e23cb0)}.component[data-v-09b2bb91]:before,.component[data-v-09b2bb91]:after{content:"";display:block;height:calc(50% - .4rem);position:absolute;width:100%;border:1px solid var(--451672cd);left:0;opacity:var(--55b7ee16)}.component[data-v-09b2bb91]:before{top:0;border-bottom:0}.component[data-v-09b2bb91]:after{bottom:0;border-top:0}.component .component-content[data-v-09b2bb91]{overflow:hidden;position:relative;z-index:12;text-align:center}.component .component-content:hover .component-content__mask[data-v-09b2bb91]{right:-17%;transform:translate(0) skew(0)}.component .component-content .component-content__text[data-v-09b2bb91]{position:relative;z-index:13}.component .component-content .component-content__mask[data-v-09b2bb91]{left:-17%;right:none;transform:translate(-100%) skew(0);transition:transform .3s ease-out;height:100%;position:absolute;top:0;z-index:12}.component-disabled[data-v-09b2bb91]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component .component-content .component-content__text[data-v-09b2bb91]{opacity:.6}.nb-wrapper[data-v-7f17ac3f]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-flex}.nb-reset[data-v-7f17ac3f]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-7f17ac3f]{margin:0;padding:0}.nb-reset *[data-v-7f17ac3f],.nb-reset *[data-v-7f17ac3f]:before,.nb-reset *[data-v-7f17ac3f]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-7f17ac3f]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--e35bf122);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;text-align:center;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;background-color:transparent;transition:.2s ease-in-out;position:relative;border:.063rem solid transparent;overflow:hidden;outline:.188rem solid transparent}.component[data-v-7f17ac3f]:focus,.component[data-v-7f17ac3f]:hover{padding:var(--122f086c)!important;background-color:var(--590fef9e);color:var(--383cafc6)!important}.component-disabled[data-v-7f17ac3f]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-7f17ac3f]{--disabled-button-color: var(--590fef9e);--disabled-color: var(--66192716);background-color:rgba(var(--disabled-button-color),.85)!important;color:rgba(var(--disabled-color),.2)!important;opacity:.6}.nb-wrapper[data-v-f26b5a64]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom;display:inline-block}.nb-reset[data-v-f26b5a64]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-f26b5a64]{margin:0;padding:0}.nb-reset *[data-v-f26b5a64],.nb-reset *[data-v-f26b5a64]:before,.nb-reset *[data-v-f26b5a64]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-f26b5a64]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--2446b547);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.component .buttonNextPreview[data-v-f26b5a64]{display:inline-block;text-align:center;transition:all .3s}.component .buttonNextPreview[data-v-f26b5a64]:hover{cursor:pointer}.component .buttonPreview[data-v-f26b5a64]{background-color:var(--a50bbbd2);color:var(--0f9f603e)}.component .buttonPreview[data-v-f26b5a64]:hover{background-color:var(--748cd449);color:var(--1af3ef9e)}.component .buttonNext[data-v-f26b5a64]{color:var(--0f9f603e);background-color:var(--748cd449)}.component .buttonNext[data-v-f26b5a64]:hover{background-color:var(--a50bbbd2);color:var(--1af3ef9e)}.component-disabled[data-v-f26b5a64]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.8}.component-disabled[data-v-f26b5a64]:hover{cursor:not-allowed}.nb-wrapper[data-v-11d6e180]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom}.nb-reset[data-v-11d6e180]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-11d6e180]{margin:0;padding:0}.nb-reset *[data-v-11d6e180],.nb-reset *[data-v-11d6e180]:before,.nb-reset *[data-v-11d6e180]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-11d6e180]{margin:0 3px 5px 0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:Lato,sans-serif;font-family:var(--196eb3ca);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;text-align:center;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;box-shadow:3px 3px 0 -1px var(--5a845ff6),3px 3px 0 var(--5a845ff6)}.component.component-transition[data-v-11d6e180]{transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.component.component-transition.component-transition__no-slow[data-v-11d6e180]{transition:all .05s ease-in!important}.component[data-v-11d6e180]:hover{box-shadow:0 0 0 -1px var(--5a845ff6),0 0 0 var(--5a845ff6);transform:translate(3px,3px)}.component[data-v-11d6e180]:active,.component[data-v-11d6e180]:focus{outline:2px solid transparent;outline-offset:2px}.component[data-v-11d6e180]:active{box-shadow:0 0 #0000,0 0 #0000,0 0 #0000;left:1px;top:1px}.component-disabled[data-v-11d6e180]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-11d6e180]{--disabled-button-color: var(--44f25ea8);--disabled-color: var(--3eb45b5e);background-color:var(--disabled-button-color)!important;color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.nb-wrapper[data-v-87673d20]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom}.nb-reset[data-v-87673d20]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-87673d20]{margin:0;padding:0}.nb-reset *[data-v-87673d20],.nb-reset *[data-v-87673d20]:before,.nb-reset *[data-v-87673d20]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-87673d20]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--e98f2358);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;text-align:center;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;position:relative!important;transition:all .05s ease-in!important;white-space:nowrap!important}.component[data-v-87673d20]:hover{box-shadow:none!important;transform:translate(2px,2px)}.component-disabled[data-v-87673d20]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-87673d20]{opacity:.6}.nb-wrapper[data-v-37573ac0]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom;display:inline-block}.nb-wrapper[data-v-37573ac0]:hover{background-color:var(--4f0c7280)!important}.nb-wrapper:hover .component .component__line-one[data-v-37573ac0],.nb-wrapper:hover .component .component__line-two[data-v-37573ac0],.nb-wrapper:hover .component .component__line-three[data-v-37573ac0]{background-color:var(--86dec5da)!important}.nb-reset[data-v-37573ac0]{line-height:1.42857143}.nb-reset *[data-v-37573ac0]{margin:0;padding:0}.nb-reset *[data-v-37573ac0],.nb-reset *[data-v-37573ac0]:before,.nb-reset *[data-v-37573ac0]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-37573ac0]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.component .component__line-one[data-v-37573ac0],.component .component__line-two[data-v-37573ac0],.component .component__line-three[data-v-37573ac0]{width:30px;height:5px;transition:.4s}.component .component__line-one[data-v-37573ac0]:not(:last-child),.component .component__line-two[data-v-37573ac0]:not(:last-child),.component .component__line-three[data-v-37573ac0]:not(:last-child){margin-bottom:4px}.component.change .component__line-one[data-v-37573ac0]{transform:translateY(9px) rotate(-45deg)}.component.change .component__line-two[data-v-37573ac0]{opacity:0}.component.change .component__line-three[data-v-37573ac0]{transform:translateY(-9px) rotate(45deg)}.component-disabled[data-v-37573ac0]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;background-color:#fff}.component-disabled .component[data-v-37573ac0]{opacity:.5}.nb-wrapper[data-v-b0bef095]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom}.nb-reset[data-v-b0bef095]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-b0bef095]{margin:0;padding:0}.nb-reset *[data-v-b0bef095],.nb-reset *[data-v-b0bef095]:before,.nb-reset *[data-v-b0bef095]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-b0bef095]{margin:4px 6px 10px 0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:Lato,sans-serif;font-family:var(--5c58593c);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;text-align:center;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;letter-spacing:1px;outline:0;position:relative}.component[data-v-b0bef095]:after{content:"";--disabled-button-color: var(--f6f44b66);background-color:var(--disabled-button-color)!important;width:100%;z-index:-1;position:absolute;height:100%;top:7px;left:7px;transition:.2s}.component[data-v-b0bef095]:hover:after{top:0;left:0}.component-disabled[data-v-b0bef095]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-b0bef095]{--disabled-color: var(--c5265f9c);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.component-disabled .component[data-v-b0bef095]:after{top:0;left:0}.nb-wrapper[data-v-14a4a2ac]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom}.nb-reset[data-v-14a4a2ac]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-14a4a2ac]{margin:0;padding:0}.nb-reset *[data-v-14a4a2ac],.nb-reset *[data-v-14a4a2ac]:before,.nb-reset *[data-v-14a4a2ac]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-14a4a2ac]{margin:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--ea8f1624);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;background-color:var(--68a00a02);text-transform:none;padding:0 14px;text-align:center;transition:all .3s ease-in-out;box-shadow:none;text-decoration:none;outline:none}.component[data-v-14a4a2ac]:hover{color:var(--a1f5bb90);background:var(--7c8ae57d)}.component-disabled[data-v-14a4a2ac]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;background-color:#fff;opacity:.8}.component-disabled .component[data-v-14a4a2ac]{--disabled-button-color: var(--68a00a02);--disabled-color: var(--0ca91538);background-color:var(--disabled-button-color)!important;color:var(--disabled-color)!important;border-radius:inherit}.nb-wrapper[data-v-e0ed856f]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom}.nb-reset[data-v-e0ed856f]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-e0ed856f]{margin:0;padding:0}.nb-reset *[data-v-e0ed856f],.nb-reset *[data-v-e0ed856f]:before,.nb-reset *[data-v-e0ed856f]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-e0ed856f]{margin:4px 0;box-sizing:border-box;line-height:16px;font-family:Lato,sans-serif;font-family:var(--17a23bbc);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;text-align:center;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;letter-spacing:1px;outline:0;position:relative;overflow:hidden}.component .first-child[data-v-e0ed856f]{--disabled-color: var(--2cc4da9c);color:var(--disabled-color)!important;position:relative;transition:color .6s cubic-bezier(.48,0,.12,1);z-index:10}.component .last-child[data-v-e0ed856f]{color:var(--text-color)!important;--text-color: var(--aa259cd0);display:block;position:absolute;transition:all .5s cubic-bezier(.48,0,.12,1);z-index:100;opacity:1;bottom:0;left:50%;transform:translateY(225%) translate(-50%)}.component[data-v-e0ed856f]:after{--button-color: var(--f0e00666);content:"";position:absolute;bottom:-50%;left:0;width:100%;height:100%;background-color:var(--button-color)!important;transform-origin:bottom center;transition:transform .6s cubic-bezier(.48,0,.12,1);transform:skewY(7.2deg) scaleY(0);z-index:10}.component[data-v-e0ed856f]:hover:after{transform-origin:bottom center;transform:skewY(0) scaleY(2)}.component:hover .last-child[data-v-e0ed856f]{bottom:50%;transform:translateY(50%) translate(-50%);opacity:1;transition:all .9s cubic-bezier(.48,0,.12,1)}.component-disabled[data-v-e0ed856f]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-e0ed856f]{--disabled-color: var(--2cc4da9c);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}
+@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";.nb-wrapper[data-v-09b2bb91]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom}.nb-reset[data-v-09b2bb91]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-09b2bb91]{margin:0;padding:0}.nb-reset *[data-v-09b2bb91],.nb-reset *[data-v-09b2bb91]:before,.nb-reset *[data-v-09b2bb91]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-09b2bb91]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--4348b976);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;opacity:1;transition:opacity .7s ease-out .2s;text-align:center;position:relative;text-rendering:optimizeLegibility;z-index:1;color:var(--1735afec)}.component[data-v-09b2bb91]:hover{color:var(--58e23cb0)}.component[data-v-09b2bb91]:before,.component[data-v-09b2bb91]:after{content:"";display:block;height:calc(50% - .4rem);position:absolute;width:100%;border:1px solid var(--451672cd);left:0;opacity:var(--55b7ee16)}.component[data-v-09b2bb91]:before{top:0;border-bottom:0}.component[data-v-09b2bb91]:after{bottom:0;border-top:0}.component .component-content[data-v-09b2bb91]{overflow:hidden;position:relative;z-index:12;text-align:center}.component .component-content:hover .component-content__mask[data-v-09b2bb91]{right:-17%;transform:translate(0) skew(0)}.component .component-content .component-content__text[data-v-09b2bb91]{position:relative;z-index:13}.component .component-content .component-content__mask[data-v-09b2bb91]{left:-17%;right:none;transform:translate(-100%) skew(0);transition:transform .3s ease-out;height:100%;position:absolute;top:0;z-index:12}.component-disabled[data-v-09b2bb91]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component .component-content .component-content__text[data-v-09b2bb91]{opacity:.6}.nb-wrapper[data-v-7f17ac3f]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-flex}.nb-reset[data-v-7f17ac3f]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-7f17ac3f]{margin:0;padding:0}.nb-reset *[data-v-7f17ac3f],.nb-reset *[data-v-7f17ac3f]:before,.nb-reset *[data-v-7f17ac3f]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-7f17ac3f]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--e35bf122);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;text-align:center;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;background-color:transparent;transition:.2s ease-in-out;position:relative;border:.063rem solid transparent;overflow:hidden;outline:.188rem solid transparent}.component[data-v-7f17ac3f]:focus,.component[data-v-7f17ac3f]:hover{padding:var(--122f086c)!important;background-color:var(--590fef9e);color:var(--383cafc6)!important}.component-disabled[data-v-7f17ac3f]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-7f17ac3f]{--disabled-button-color: var(--590fef9e);--disabled-color: var(--66192716);background-color:rgba(var(--disabled-button-color),.85)!important;color:rgba(var(--disabled-color),.2)!important;opacity:.6}.nb-wrapper[data-v-f26b5a64]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom;display:inline-block}.nb-reset[data-v-f26b5a64]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-f26b5a64]{margin:0;padding:0}.nb-reset *[data-v-f26b5a64],.nb-reset *[data-v-f26b5a64]:before,.nb-reset *[data-v-f26b5a64]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-f26b5a64]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--2446b547);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.component .buttonNextPreview[data-v-f26b5a64]{display:inline-block;text-align:center;transition:all .3s}.component .buttonNextPreview[data-v-f26b5a64]:hover{cursor:pointer}.component .buttonPreview[data-v-f26b5a64]{background-color:var(--a50bbbd2);color:var(--0f9f603e)}.component .buttonPreview[data-v-f26b5a64]:hover{background-color:var(--748cd449);color:var(--1af3ef9e)}.component .buttonNext[data-v-f26b5a64]{color:var(--0f9f603e);background-color:var(--748cd449)}.component .buttonNext[data-v-f26b5a64]:hover{background-color:var(--a50bbbd2);color:var(--1af3ef9e)}.component-disabled[data-v-f26b5a64]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.8}.component-disabled[data-v-f26b5a64]:hover{cursor:not-allowed}.nb-wrapper[data-v-11d6e180]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom}.nb-reset[data-v-11d6e180]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-11d6e180]{margin:0;padding:0}.nb-reset *[data-v-11d6e180],.nb-reset *[data-v-11d6e180]:before,.nb-reset *[data-v-11d6e180]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-11d6e180]{margin:0 3px 5px 0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:Lato,sans-serif;font-family:var(--196eb3ca);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;text-align:center;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;box-shadow:3px 3px 0 -1px var(--5a845ff6),3px 3px 0 var(--5a845ff6)}.component.component-transition[data-v-11d6e180]{transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.component.component-transition.component-transition__no-slow[data-v-11d6e180]{transition:all .05s ease-in!important}.component[data-v-11d6e180]:hover{box-shadow:0 0 0 -1px var(--5a845ff6),0 0 0 var(--5a845ff6);transform:translate(3px,3px)}.component[data-v-11d6e180]:active,.component[data-v-11d6e180]:focus{outline:2px solid transparent;outline-offset:2px}.component[data-v-11d6e180]:active{box-shadow:0 0 #0000,0 0 #0000,0 0 #0000;left:1px;top:1px}.component-disabled[data-v-11d6e180]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-11d6e180]{--disabled-button-color: var(--44f25ea8);--disabled-color: var(--3eb45b5e);background-color:var(--disabled-button-color)!important;color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.nb-wrapper[data-v-20a2a691]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom}.nb-reset[data-v-20a2a691]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-20a2a691]{margin:0;padding:0}.nb-reset *[data-v-20a2a691],.nb-reset *[data-v-20a2a691]:before,.nb-reset *[data-v-20a2a691]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-20a2a691]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--ba36237e);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;text-align:center;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;position:relative!important;transition:all .05s ease-in!important;white-space:nowrap!important}.component[data-v-20a2a691]:hover{box-shadow:none!important;transform:translate(2px,2px)}.component-disabled[data-v-20a2a691]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-20a2a691]{opacity:.6}.nb-wrapper[data-v-37573ac0]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom;display:inline-block}.nb-wrapper[data-v-37573ac0]:hover{background-color:var(--4f0c7280)!important}.nb-wrapper:hover .component .component__line-one[data-v-37573ac0],.nb-wrapper:hover .component .component__line-two[data-v-37573ac0],.nb-wrapper:hover .component .component__line-three[data-v-37573ac0]{background-color:var(--86dec5da)!important}.nb-reset[data-v-37573ac0]{line-height:1.42857143}.nb-reset *[data-v-37573ac0]{margin:0;padding:0}.nb-reset *[data-v-37573ac0],.nb-reset *[data-v-37573ac0]:before,.nb-reset *[data-v-37573ac0]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-37573ac0]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.component .component__line-one[data-v-37573ac0],.component .component__line-two[data-v-37573ac0],.component .component__line-three[data-v-37573ac0]{width:30px;height:5px;transition:.4s}.component .component__line-one[data-v-37573ac0]:not(:last-child),.component .component__line-two[data-v-37573ac0]:not(:last-child),.component .component__line-three[data-v-37573ac0]:not(:last-child){margin-bottom:4px}.component.change .component__line-one[data-v-37573ac0]{transform:translateY(9px) rotate(-45deg)}.component.change .component__line-two[data-v-37573ac0]{opacity:0}.component.change .component__line-three[data-v-37573ac0]{transform:translateY(-9px) rotate(45deg)}.component-disabled[data-v-37573ac0]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;background-color:#fff}.component-disabled .component[data-v-37573ac0]{opacity:.5}.nb-wrapper[data-v-b0bef095]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom}.nb-reset[data-v-b0bef095]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-b0bef095]{margin:0;padding:0}.nb-reset *[data-v-b0bef095],.nb-reset *[data-v-b0bef095]:before,.nb-reset *[data-v-b0bef095]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-b0bef095]{margin:4px 6px 10px 0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:Lato,sans-serif;font-family:var(--5c58593c);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;text-align:center;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;letter-spacing:1px;outline:0;position:relative}.component[data-v-b0bef095]:after{content:"";--disabled-button-color: var(--f6f44b66);background-color:var(--disabled-button-color)!important;width:100%;z-index:-1;position:absolute;height:100%;top:7px;left:7px;transition:.2s}.component[data-v-b0bef095]:hover:after{top:0;left:0}.component-disabled[data-v-b0bef095]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-b0bef095]{--disabled-color: var(--c5265f9c);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.component-disabled .component[data-v-b0bef095]:after{top:0;left:0}.nb-wrapper[data-v-14a4a2ac]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom}.nb-reset[data-v-14a4a2ac]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-14a4a2ac]{margin:0;padding:0}.nb-reset *[data-v-14a4a2ac],.nb-reset *[data-v-14a4a2ac]:before,.nb-reset *[data-v-14a4a2ac]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-14a4a2ac]{margin:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--ea8f1624);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;background-color:var(--68a00a02);text-transform:none;padding:0 14px;text-align:center;transition:all .3s ease-in-out;box-shadow:none;text-decoration:none;outline:none}.component[data-v-14a4a2ac]:hover{color:var(--a1f5bb90);background:var(--7c8ae57d)}.component-disabled[data-v-14a4a2ac]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;background-color:#fff;opacity:.8}.component-disabled .component[data-v-14a4a2ac]{--disabled-button-color: var(--68a00a02);--disabled-color: var(--0ca91538);background-color:var(--disabled-button-color)!important;color:var(--disabled-color)!important;border-radius:inherit}.nb-wrapper[data-v-e0ed856f]{margin:0;padding:0;font-size:62.5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:bottom}.nb-reset[data-v-e0ed856f]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-e0ed856f]{margin:0;padding:0}.nb-reset *[data-v-e0ed856f],.nb-reset *[data-v-e0ed856f]:before,.nb-reset *[data-v-e0ed856f]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-e0ed856f]{margin:4px 0;box-sizing:border-box;line-height:16px;font-family:Lato,sans-serif;font-family:var(--17a23bbc);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:pointer;text-align:center;-webkit-text-decoration-line:none;text-decoration-line:none;white-space:nowrap;letter-spacing:1px;outline:0;position:relative;overflow:hidden}.component .first-child[data-v-e0ed856f]{--disabled-color: var(--2cc4da9c);color:var(--disabled-color)!important;position:relative;transition:color .6s cubic-bezier(.48,0,.12,1);z-index:10}.component .last-child[data-v-e0ed856f]{color:var(--text-color)!important;--text-color: var(--aa259cd0);display:block;position:absolute;transition:all .5s cubic-bezier(.48,0,.12,1);z-index:100;opacity:1;bottom:0;left:50%;transform:translateY(225%) translate(-50%)}.component[data-v-e0ed856f]:after{--button-color: var(--f0e00666);content:"";position:absolute;bottom:-50%;left:0;width:100%;height:100%;background-color:var(--button-color)!important;transform-origin:bottom center;transition:transform .6s cubic-bezier(.48,0,.12,1);transform:skewY(7.2deg) scaleY(0);z-index:10}.component[data-v-e0ed856f]:hover:after{transform-origin:bottom center;transform:skewY(0) scaleY(2)}.component:hover .last-child[data-v-e0ed856f]{bottom:50%;transform:translateY(50%) translate(-50%);opacity:1;transition:all .9s cubic-bezier(.48,0,.12,1)}.component-disabled[data-v-e0ed856f]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-e0ed856f]{--disabled-color: var(--2cc4da9c);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@vlalg-nimbus/nb-buttons",
   "description": "Button components for Vuejs 3",
   "private": false,
-  "version": "2.0.0",
+  "version": "2.0.2",
   "type": "module",
   "main": "./dist/nb-buttons.umd.js",
   "module": "./dist/nb-buttons.js",