@vlalg-nimbus/nb-buttons 2.0.6 → 2.0.7

package/dist/nb-buttons.js

@@ -898,7 +898,7 @@ const He = ["id"], ke = /* @__PURE__ */ Object.assign({
     ], 6)) : L("", !0);
   }
 }), Ye = /* @__PURE__ */ q(ke, [["__scopeId", "data-v-37573ac0"]]);
-const Xe = (e) => (ce("data-v-ece1eb29"), e = e(), fe(), e), Re = ["id"], ze = /* @__PURE__ */ Xe(() => /* @__PURE__ */ k("div", { class: "component-shadow" }, null, -1)), We = /* @__PURE__ */ Object.assign({
+const Xe = (e) => (ce("data-v-91c3c32d"), e = e(), fe(), e), Re = ["id"], ze = /* @__PURE__ */ Xe(() => /* @__PURE__ */ k("div", { class: "component-shadow" }, null, -1)), We = /* @__PURE__ */ Object.assign({
   name: "NbButtonColorOutside",
   inheritAttrs: !1
 }, {
@@ -966,10 +966,10 @@ const Xe = (e) => (ce("data-v-ece1eb29"), e = e(), fe(), e), Re = ["id"], ze = /
   setup(e, { emit: s }) {
     const w = e;
     M((a) => ({
-      "8560f71a": o.value,
-      "6b3aeb04": d.value,
-      "0087a452": S.value,
-      "4666baae": H.value
+      "1268e22f": o.value,
+      b72ce280: d.value,
+      "8beb00ca": S.value,
+      "58edf536": H.value
     }));
     const {
       display: V,
@@ -1040,7 +1040,7 @@ const Xe = (e) => (ce("data-v-ece1eb29"), e = e(), fe(), e), Re = ["id"], ze = /
       ], 12, Re)
     ], 6)) : L("", !0);
   }
-}), Ie = /* @__PURE__ */ q(We, [["__scopeId", "data-v-ece1eb29"]]);
+}), Ie = /* @__PURE__ */ q(We, [["__scopeId", "data-v-91c3c32d"]]);
 const De = ["id"], Oe = /* @__PURE__ */ Object.assign({
   name: "NbButtonColorHover",
   inheritAttrs: !1

package/dist/nb-buttons.umd.cjs

@@ -1 +1 @@
-(function(t,D){typeof exports=="object"&&typeof module<"u"?module.exports=D(require("vue")):typeof define=="function"&&define.amd?define(["vue"],D):(t=typeof globalThis<"u"?globalThis:t||self,t.NbButtons=D(t.Vue))})(this,function(t){"use strict";const D="",X=(e,s)=>{const h=e.__vccOpts||e;for(const[g,b]of s)h[g]=b;return h},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 s=e.toLowerCase();return["b","ib"].includes(s)}},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:s}){const h=e;t.useCssVars(c=>({"859731ae":n.value,"101619df":k.value,"90f5dac6":H.value,f0f7a800:$.value,33084168:d.value}));const{display:g,textColor:b,textColorHover:V,buttonColor:m,buttonColorHover:y,uppercase:_,paddingXContent:v,paddingYContent:x,paddingXBorder:C,paddingYBorder:f,borderColor:i,borderOpacity:r,disabled:p,fontFamily:z,fontSize:B,fontWeight:N}=t.toRefs(h),S=t.computed(()=>{const c=p.value?"component-disabled":"",Y=g.value!=="b"?"inline-block":"block",W=b.value?b.value:"#ece8e1",I=m.value?m.value:"green",T=V.value?V.value:"#ece8e1",E=y.value?y.value:"cyan",L=i.value?i.value:"#ffffff",A=!r.value||!(r.value>=0&&r.value<=1)?"0.5":r.value,P=!C.value||C.value<0?.3:C.value,F=!f.value||f.value<0?.3:f.value,j=!v.value||v.value<0?.5:v.value,be=!x.value||x.value<0?.5:x.value,me=_.value?"uppercase":"none",ye=z.value?z.value:"'Lato', sans-serif",ve=B.value?B.value:"1.6em",Ve=!N.value||N.value<0?100:N.value;return{disabled:c,display:Y,textColor:W,buttonColor:I,textColorHover:T,buttonColorHover:E,borderColor:L,borderOpacity:A,paddingXBorder:P,paddingYBorder:F,paddingXContent:j,paddingYContent:be,uppercase:me,font:ye,fontSize:ve,fontWeight:Ve}}),a=t.computed(()=>S.value.disabled),w=t.computed(()=>({display:S.value.display})),u=t.computed(()=>{const c=S.value;return{padding:`${c.paddingYBorder}rem ${c.paddingXBorder}rem`,fontSize:c.fontSize,fontWeight:c.fontWeight}}),l=t.computed(()=>{const c=S.value;return{textTransform:c.uppercase,padding:`${c.paddingYContent}rem ${c.paddingXContent}rem`,backgroundColor:c.buttonColor}}),o=t.computed(()=>({backgroundColor:S.value.buttonColorHover})),n=t.computed(()=>S.value.font),$=t.computed(()=>S.value.borderColor),d=t.computed(()=>S.value.borderOpacity),k=t.computed(()=>S.value.textColor),H=t.computed(()=>S.value.textColorHover),R=()=>{s("clicked")};return(c,Y)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",a.value]),style:t.normalizeStyle([w.value]),onClick:R},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([u.value])},[t.createElementVNode("div",{class:"component-content",style:t.normalizeStyle([l.value])},[t.createElementVNode("span",q,[t.renderSlot(c.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)]),t.createElementVNode("span",{class:"component-content__mask",style:t.normalizeStyle([o.value])},null,4)],4)],12,M)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-4cddc525"]]),Ce="",J=["id"],K=X(Object.assign({name:"NbButtonShowHover",inheritAttrs:!1},{__name:"NbButtonShowHover",props:{nbId:{type:String,required:!0},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:s}){const h=e;t.useCssVars(u=>({"4b8ff329":a.value,"456d13a6":N.value,55665737:S.value,"6b7abb00":e.textColorHover,b18900c8:t.unref(g)}));const{textColor:g,buttonColorHover:b,buttonColorOpacityHover:V,paddingX:m,paddingY:y,disabled:_,borderRadius:v,verticalAlign:x,fontFamily:C,fontSize:f,fontWeight:i}=t.toRefs(h),r=t.computed(()=>{const u=_.value?"component-disabled":"",l=x.value?x.value:"middle",o=g?g.value:"ffffff",n=!m.value||m.value<0?1:m.value,$=!y.value||y.value<0?.2:y.value,d=!v.value||v.value<0?0:v.value,k=b.value?b.value:"10, 38, 184",H=!V.value||V.value<0?.1:V.value,R=C.value?C.value:"'Lato', sans-serif",c=f.value?f.value:"1.6rem",Y=!i.value||i.value<0?100:i.value;return{disabled:u,borderRadius:d,textColor:o,paddingX:n,paddingY:$,buttonColorHover:k,buttonColorOpacityHover:H,font:R,fontSize:c,fontWeight:Y,verticalAlign:l}}),p=t.computed(()=>r.value.disabled),z=t.computed(()=>({verticalAlign:r.value.verticalAlign})),B=t.computed(()=>{const u=r.value;return{color:u.textColor,padding:`${u.paddingY}rem 0`,borderRadius:`${u.borderRadius}rem`,fontSize:u.fontSize,fontWeight:u.fontWeight}}),N=t.computed(()=>{const u=r.value;return`${u.paddingY}rem ${u.paddingX}rem`}),S=t.computed(()=>{const u=r.value;return`rgba(${u.buttonColorHover}, ${u.buttonColorOpacityHover})`}),a=t.computed(()=>r.value.font),w=()=>{s("clicked")};return(u,l)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",p.value]),style:t.normalizeStyle([z.value]),onClick:w},[t.createElementVNode("a",{id:e.nbId,class:"nb-reset component tertiary",style:t.normalizeStyle([B.value]),onClick:l[0]||(l[0]=t.withModifiers(()=>{},["prevent"]))},[t.renderSlot(u.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)],12,J)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-35424129"]]),_e="",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:s}){const h=e;t.useCssVars(l=>({"2446b547":w.value,a50bbbd2:e.colorPrimary,"0f9f603e":e.textColor,"748cd449":e.colorSecondary,"1af3ef9e":e.textColorHover}));const{paddingX:g,paddingY:b,marginBetween:V,borderRadius:m,disabled:y,disabledPreview:_,disabledNext:v,fontFamily:x,fontSize:C,fontWeight:f}=t.toRefs(h),i=t.computed(()=>{const l=y.value?"component-disabled":"",o=_.value?"component-disabled":"",n=v.value?"component-disabled":"",$=!V.value||V.value<0?0:V.value,d=!m.value||m.value<0?0:m.value,k=!g.value||g.value<0?1:g.value,H=!b.value||b.value<0?10:b.value,R=C.value?C.value:"1.6em",c=!f.value||f.value<0?100:f.value;return{disabled:l,disabledPreview:o,disabledNext:n,marginBetween:`${$}px`,borderRadius:`${d}px`,paddingX:`${k}px`,paddingY:`${H}px`,fontSize:R,fontWeight:c}}),r=t.computed(()=>i.value.disabled),p=t.computed(()=>i.value.disabledPreview),z=t.computed(()=>i.value.disabledNext),B=t.computed(()=>({display:i.value.display})),N=t.computed(()=>{const l=i.value;return{fontSize:l.fontSize,fontWeight:l.fontWeight}}),S=t.computed(()=>{const l=i.value;return{borderRadius:`${l.borderRadius} 0px 0px ${l.borderRadius}`,marginRight:l.marginBetween,padding:`${l.paddingX} ${l.paddingY}`}}),a=t.computed(()=>{const l=i.value;return{borderRadius:`0px ${l.borderRadius} ${l.borderRadius} 0px`,marginLeft:l.marginBetween,padding:`${l.paddingX} ${l.paddingY}`}}),w=t.computed(()=>`'${x.value?x.value:"'Lato', sans-serif"}'`),u=l=>{s("clicked",l)};return(l,o)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",r.value]),style:t.normalizeStyle([B.value])},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle(N.value)},[e.showPreview?(t.openBlock(),t.createElementBlock("div",{key:0,onClick:o[0]||(o[0]=n=>u("preview")),class:t.normalizeClass(["buttonNextPreview buttonPreview",p.value]),style:t.normalizeStyle(S.value)},[t.renderSlot(l.$slots,"prev",{},()=>[t.createTextVNode("← Preview")],!0)],6)):t.createCommentVNode("",!0),e.showNext?(t.openBlock(),t.createElementBlock("div",{key:1,onClick:o[1]||(o[1]=n=>u("next")),class:t.normalizeClass(["buttonNextPreview buttonNext",z.value]),style:t.normalizeStyle(a.value)},[t.renderSlot(l.$slots,"next",{},()=>[t.createTextVNode("Next →")],!0)],6)):t.createCommentVNode("",!0)],12,Q)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-f26b5a64"]]),Ne="",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 s=e?e.toLowerCase():"";return["b","ib"].includes(s)}},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:s}){const h=e;t.useCssVars(o=>({"196eb3ca":a.value,"5a845ff6":t.unref(b),"44f25ea8":u.value,"3eb45b5e":w.value}));const{display:g,buttonColor:b,textColor:V,containerColor:m,paddingX:y,paddingY:_,borderRadius:v,disabled:x,animationSlow:C,fontFamily:f,fontSize:i,fontWeight:r}=t.toRefs(h),p=t.computed(()=>{const o=x.value?"component-disabled":"",n=g.value!=="b"?"inline-block":"block",$=m.value?m.value:"#ffffff",d=b.value?b.value:"#bbbbbb",k=V.value?V.value:"#ffffff",H=!y.value||y.value<0?1:y.value,R=!_.value||_.value<0?.2:_.value,c=!v.value||v.value<0?0:v.value,Y=C.value?"":"component-transition__no-slow",W=f.value?f.value:"'Lato', sans-serif",I=i.value?i.value:"1.6em",T=!r.value||r.value<0?100:r.value;return{disabled:o,display:n,containerColor:$,buttonColor:d,textColor:k,paddingX:H,paddingY:R,borderRadius:c,animationSlow:Y,font:W,fontSize:I,fontWeight:T}}),z=t.computed(()=>p.value.disabled),B=t.computed(()=>({display:p.value.display})),N=t.computed(()=>{const o=p.value;return{border:`2px solid ${o.containerColor}`,color:o.textColor,backgroundColor:o.buttonColor,padding:`${o.paddingY}rem ${o.paddingX}rem`,borderRadius:`${o.borderRadius}rem`,fontSize:o.fontSize,fontWeight:o.fontWeight}}),S=t.computed(()=>p.value.animationSlow),a=t.computed(()=>p.value.font),w=t.computed(()=>p.value.textColor),u=t.computed(()=>p.value.buttonColor),l=()=>{s("clicked")};return(o,n)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",z.value]),style:t.normalizeStyle([B.value]),onClick:l},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component","component-transition",S.value]),style:t.normalizeStyle([N.value])},[t.renderSlot(o.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)],14,Z)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-11d6e180"]]),Be="",te=["id"],oe=X(Object.assign({name:"NbButtonMechanical2",inheritAttrs:!1},{__name:"NbButtonMechanical2",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const s=e?e.toLowerCase():"";return["b","ib"].includes(s)}},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:s}){const h=e;t.useCssVars(a=>({"143d0975":N.value}));const{display:g,buttonColor:b,textColor:V,paddingX:m,paddingY:y,borderRadius:_,shadowColor:v,disabled:x,fontFamily:C,fontSize:f,fontWeight:i}=t.toRefs(h),r=t.computed(()=>{const a=x.value?"component-disabled":"",w=g.value!=="b"?"inline-block":"block",u=b.value?b.value:"#bbbbbb",l=v.value?v.value:"#002f3c",o=V.value?V.value:"#ffffff",n=!m.value||m.value<0?1:m.value,$=!y.value||y.value<0?1:y.value,d=!_.value||_.value<0?0:_.value,k=C.value?C.value:"'Lato', sans-serif",H=f.value?f.value:"1.6em",R=!i.value||i.value<0?100:i.value;return{disabled:a,display:w,buttonColor:u,shadowColor:l,textColor:o,paddingX:n,paddingY:$,borderRadius:d,font:k,fontSize:H,fontWeight:R}}),p=t.computed(()=>r.value.disabled),z=t.computed(()=>({display:r.value.display})),B=t.computed(()=>{const a=r.value;return{color:a.textColor,backgroundColor:a.buttonColor,boxShadow:`0 0 #0000, 0 0 #0000, 3px 3px 0 ${a.shadowColor}`,padding:`${a.paddingY}rem ${a.paddingX}rem`,padding:`${a.paddingY}rem ${a.paddingX}rem`,borderRadius:`${a.borderRadius}rem`,fontSize:a.fontSize,fontWeight:a.fontWeight}}),N=t.computed(()=>r.value.font),S=()=>{s("clicked")};return(a,w)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",p.value]),style:t.normalizeStyle([z.value]),onClick:S},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component","component-transition"]),style:t.normalizeStyle([B.value])},[t.renderSlot(a.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)],12,te)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-f22590f0"]]),we="",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:s}){const h=e;t.useCssVars(a=>({"4f0c7280":B.value,"86dec5da":N.value})),t.onMounted(()=>{g.value=b.value});const g=t.ref(!1),{status:b,color:V,containerColor:m,containerColorHover:y,colorHover:_,paddingX:v,paddingY:x,disabled:C}=t.toRefs(h),f=t.computed(()=>{const a=C.value?"component-disabled":"",w=g.value?"change":"",u=m.value?m.value:"#333333",l=V.value?V.value:"#ffffff",o=!v.value||v.value<0?3:v.value,n=!x.value||x.value<0?3:x.value,$=y.value?y.value:"yellow",d=_.value?_.value:"red";return{disabled:a,buttonStatus:w,containerColor:u,paddingX:o,paddingY:n,color:l,containerColorHover:$,colorHover:d}}),i=t.computed(()=>f.value.disabled),r=t.computed(()=>{const a=f.value;return{padding:`${a.paddingY}px ${a.paddingX}px`,backgroundColor:a.containerColor}}),p=t.computed(()=>({backgroundColor:f.value.color})),z=t.computed(()=>f.value.buttonStatus),B=t.computed(()=>f.value.containerColorHover),N=t.computed(()=>f.value.colorHover),S=()=>{const a=!g.value;g.value=a,s("clicked",a)};return t.watch(b,()=>{g.value=b.value}),(a,w)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",i.value]),style:t.normalizeStyle([r.value]),onClick:S},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component",z.value])},[t.createElementVNode("div",{class:"component__line-one",style:t.normalizeStyle(p.value)},null,4),t.createElementVNode("div",{class:"component__line-two",style:t.normalizeStyle(p.value)},null,4),t.createElementVNode("div",{class:"component__line-three",style:t.normalizeStyle(p.value)},null,4)],10,ae)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-37573ac0"]]),ke="",ne=e=>(t.pushScopeId("data-v-ece1eb29"),e=e(),t.popScopeId(),e),re=["id"],de=ne(()=>t.createElementVNode("div",{class:"component-shadow"},null,-1)),ue=X(Object.assign({name:"NbButtonColorOutside",inheritAttrs:!1},{__name:"NbButtonColorOutside",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const s=e?e.toLowerCase():"";return["b","ib"].includes(s)}},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)},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:200,validator:e=>e||200}},emits:["clicked"],setup(e,{emit:s}){const h=e;t.useCssVars(o=>({"8560f71a":a.value,"6b3aeb04":u.value,"0087a452":S.value,"4666baae":w.value}));const{display:g,buttonColor:b,borderColor:V,textColor:m,paddingX:y,paddingY:_,borderRadius:v,disabled:x,fontFamily:C,fontSize:f,fontWeight:i}=t.toRefs(h),r=t.computed(()=>{const o=x.value?"component-disabled":"",n=g.value!=="b"?"inline-block":"block",$=b.value?b.value:"#bbbbbb",d=V.value?V.value:"#ffe54c",k=m.value?m.value:"#ffffff",H=!y.value||y.value<0?1:y.value,R=!_.value||_.value<0?.2:_.value,c=!v.value||v.value<0?0:v.value,Y=C.value?C.value:"'Lato', sans-serif",W=f.value?f.value:"1.6em",I=!i.value||i.value<0?200:i.value;return{disabled:o,display:n,buttonColor:$,borderColor:d,textColor:k,paddingX:H,paddingY:R,borderRadius:c,font:Y,fontSize:W,fontWeight:I}}),p=t.computed(()=>r.value.disabled),z=t.computed(()=>({display:r.value.display})),B=t.computed(()=>{const o=r.value;return{color:o.textColor,fontSize:o.fontSize,fontWeight:o.fontWeight}}),N=t.computed(()=>{const o=r.value;return{padding:`${o.paddingY}rem ${o.paddingX}rem`,border:`1px solid ${o.borderColor}`,borderRadius:S.value}}),S=t.computed(()=>`${r.value.borderRadius}rem`),a=t.computed(()=>r.value.font),w=t.computed(()=>r.value.textColor),u=t.computed(()=>r.value.buttonColor),l=()=>{s("clicked")};return(o,n)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",p.value]),style:t.normalizeStyle([z.value]),onClick:l},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([B.value])},[t.createElementVNode("div",{class:"component-content",style:t.normalizeStyle([N.value])},[t.renderSlot(o.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)],4),de],12,re)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-ece1eb29"]]),Re="",se=["id"],ie=X(Object.assign({name:"NbButtonColorHover",inheritAttrs:!1},{__name:"NbButtonColorHover",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const s=e.toLowerCase();return["b","ib"].includes(s)}},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:s}){const h=e;t.useCssVars(n=>({"70b0363a":S.value,"2d562374":u.value,"360329a3":w.value,"3c24be28":l.value,"7f8991ce":a.value}));const{display:g,textColor:b,paddingX:V,paddingY:m,borderRadius:y,disabled:_,fontFamily:v,fontSize:x,fontWeight:C,textColorHover:f,buttonColor:i,buttonColorHover:r}=t.toRefs(h),p=t.computed(()=>{const n=_.value?"component-disabled":"",$=g.value!=="b"?"inline-block":"block",d=b?b.value:"ffffff",k=!V.value||V.value<0?1:V.value,H=!m.value||m.value<0?.2:m.value,R=!y.value||y.value<0?0:y.value,c=v.value?v.value:"'Lato', sans-serif",Y=x.value?x.value:"1.6rem",W=!C.value||C.value<0?100:C.value,I=f.value?f.value:"#cccccc",T=i.value?i.value:"#bbbbbb",E=r.value?r.value:"#959595";return{disabled:n,display:$,font:c,fontSize:Y,fontWeight:W,textColor:d,paddingX:k,paddingY:H,borderRadius:R,textColorHover:I,buttonColor:T,buttonColorHover:E}}),z=t.computed(()=>p.value.disabled),B=t.computed(()=>{const n=p.value;return{display:n.display,borderRadius:`${n.borderRadius}rem`}}),N=t.computed(()=>{const n=p.value;return{color:n.textColor,padding:`${n.paddingY}rem ${n.paddingX}rem`,borderRadius:`${n.borderRadius}rem`,fontSize:n.fontSize,fontWeight:n.fontWeight}}),S=t.computed(()=>p.value.font),a=t.computed(()=>p.value.textColor),w=t.computed(()=>p.value.textColorHover),u=t.computed(()=>p.value.buttonColor),l=t.computed(()=>p.value.buttonColorHover),o=()=>{s("clicked")};return(n,$)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["nb-wrapper",z.value]),style:t.normalizeStyle([B.value]),onClick:o},[t.createElementVNode("div",{id:e.nbId,class:"nb-reset component component-transition",style:t.normalizeStyle([N.value])},[t.renderSlot(n.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)],12,se)],6))}}),[["__scopeId","data-v-849fae4e"]]),Xe="",ce=["id"],fe={class:"first-child"},pe={class:"last-child"},O={NbButtonVavaGame:G,NbButtonShowHover:K,NbButtonPrevNext:U,NbButtonMechanical:ee,NbButtonMechanical2:oe,NbButtonHamburger:le,NbButtonColorOutside:ue,NbButtonColorHover:ie,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 s=e?e.toLowerCase():"";return["b","ib"].includes(s)}},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:s}){const h=e;t.useCssVars(d=>({70620026:u.value,"2928e4ba":l.value,"0fe93572":o.value,"4dcaff7e":n.value}));const{display:g,buttonColor:b,borderColor:V,buttonHoverColor:m,showBorder:y,borderRadius:_,textColor:v,textHoverColor:x,width:C,paddingX:f,paddingY:i,disabled:r,fontFamily:p,fontSize:z,fontWeight:B}=t.toRefs(h),N=t.computed(()=>{const d=r.value?"component-disabled":"",k=g.value!=="b"?"inline-block":"block",H=b.value?b.value:"#ffffff",R=m.value?m.value:"#000000",c=V.value?V.value:"#ffe54c",Y=!_.value||_.value<0?0:_.value,W=[!1,!0].includes(y.value)?y.value:!0,I=v.value?v.value:"#ffffff",T=x.value?x.value:"#000000",E=!C.value||C.value<86?86:C.value,L=!f.value||f.value<0?1:f.value,A=!i.value||i.value<0?.4:i.value,P=p.value?p.value:"'Lato', sans-serif",F=z.value?z.value:"1.6em",j=!B.value||B.value<0?200:B.value;return{disabled:d,display:k,buttonColor:H,buttonHoverColor:R,borderColor:c,showBorder:W,borderRadius:Y,textColor:I,textHoverColor:T,width:E,paddingX:L,paddingY:A,font:P,fontSize:F,fontWeight:j}}),S=t.computed(()=>N.value.disabled),a=t.computed(()=>({display:N.value.display})),w=t.computed(()=>{const d=N.value,k=d.display==="block"?"auto":`${d.width}px`;return{...d.showBorder?{border:`1px solid ${d.borderColor}`}:{},borderRadius:`${d.borderRadius}rem`,background:d.buttonColor,minWidth:"33px",width:k,padding:`${d.paddingY}rem ${d.paddingX}rem`,lineHeight:"1.42857143",fontSize:d.fontSize,fontWeight:d.fontWeight}}),u=t.computed(()=>N.value.font),l=t.computed(()=>N.value.textColor),o=t.computed(()=>N.value.textHoverColor),n=t.computed(()=>N.value.buttonHoverColor),$=()=>{s("clicked")};return(d,k)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",S.value]),style:t.normalizeStyle([a.value]),onClick:$},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([w.value])},[t.createElementVNode("div",fe,[t.renderSlot(d.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)]),t.createElementVNode("div",pe,[t.renderSlot(d.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)])],12,ce)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-fe71a891"]])};return{install(e){for(const s in O)if(Object.prototype.hasOwnProperty.call(O,s)){const h=O[s];e.component(h.name,h)}}}});
+(function(t,D){typeof exports=="object"&&typeof module<"u"?module.exports=D(require("vue")):typeof define=="function"&&define.amd?define(["vue"],D):(t=typeof globalThis<"u"?globalThis:t||self,t.NbButtons=D(t.Vue))})(this,function(t){"use strict";const D="",X=(e,s)=>{const h=e.__vccOpts||e;for(const[g,b]of s)h[g]=b;return h},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 s=e.toLowerCase();return["b","ib"].includes(s)}},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:s}){const h=e;t.useCssVars(c=>({"859731ae":n.value,"101619df":k.value,"90f5dac6":H.value,f0f7a800:$.value,33084168:d.value}));const{display:g,textColor:b,textColorHover:V,buttonColor:m,buttonColorHover:y,uppercase:_,paddingXContent:v,paddingYContent:x,paddingXBorder:C,paddingYBorder:f,borderColor:i,borderOpacity:r,disabled:p,fontFamily:z,fontSize:B,fontWeight:N}=t.toRefs(h),S=t.computed(()=>{const c=p.value?"component-disabled":"",Y=g.value!=="b"?"inline-block":"block",W=b.value?b.value:"#ece8e1",I=m.value?m.value:"green",T=V.value?V.value:"#ece8e1",E=y.value?y.value:"cyan",L=i.value?i.value:"#ffffff",A=!r.value||!(r.value>=0&&r.value<=1)?"0.5":r.value,P=!C.value||C.value<0?.3:C.value,F=!f.value||f.value<0?.3:f.value,j=!v.value||v.value<0?.5:v.value,be=!x.value||x.value<0?.5:x.value,me=_.value?"uppercase":"none",ye=z.value?z.value:"'Lato', sans-serif",ve=B.value?B.value:"1.6em",Ve=!N.value||N.value<0?100:N.value;return{disabled:c,display:Y,textColor:W,buttonColor:I,textColorHover:T,buttonColorHover:E,borderColor:L,borderOpacity:A,paddingXBorder:P,paddingYBorder:F,paddingXContent:j,paddingYContent:be,uppercase:me,font:ye,fontSize:ve,fontWeight:Ve}}),a=t.computed(()=>S.value.disabled),w=t.computed(()=>({display:S.value.display})),u=t.computed(()=>{const c=S.value;return{padding:`${c.paddingYBorder}rem ${c.paddingXBorder}rem`,fontSize:c.fontSize,fontWeight:c.fontWeight}}),l=t.computed(()=>{const c=S.value;return{textTransform:c.uppercase,padding:`${c.paddingYContent}rem ${c.paddingXContent}rem`,backgroundColor:c.buttonColor}}),o=t.computed(()=>({backgroundColor:S.value.buttonColorHover})),n=t.computed(()=>S.value.font),$=t.computed(()=>S.value.borderColor),d=t.computed(()=>S.value.borderOpacity),k=t.computed(()=>S.value.textColor),H=t.computed(()=>S.value.textColorHover),R=()=>{s("clicked")};return(c,Y)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",a.value]),style:t.normalizeStyle([w.value]),onClick:R},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([u.value])},[t.createElementVNode("div",{class:"component-content",style:t.normalizeStyle([l.value])},[t.createElementVNode("span",q,[t.renderSlot(c.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)]),t.createElementVNode("span",{class:"component-content__mask",style:t.normalizeStyle([o.value])},null,4)],4)],12,M)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-4cddc525"]]),Ce="",J=["id"],K=X(Object.assign({name:"NbButtonShowHover",inheritAttrs:!1},{__name:"NbButtonShowHover",props:{nbId:{type:String,required:!0},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:s}){const h=e;t.useCssVars(u=>({"4b8ff329":a.value,"456d13a6":N.value,55665737:S.value,"6b7abb00":e.textColorHover,b18900c8:t.unref(g)}));const{textColor:g,buttonColorHover:b,buttonColorOpacityHover:V,paddingX:m,paddingY:y,disabled:_,borderRadius:v,verticalAlign:x,fontFamily:C,fontSize:f,fontWeight:i}=t.toRefs(h),r=t.computed(()=>{const u=_.value?"component-disabled":"",l=x.value?x.value:"middle",o=g?g.value:"ffffff",n=!m.value||m.value<0?1:m.value,$=!y.value||y.value<0?.2:y.value,d=!v.value||v.value<0?0:v.value,k=b.value?b.value:"10, 38, 184",H=!V.value||V.value<0?.1:V.value,R=C.value?C.value:"'Lato', sans-serif",c=f.value?f.value:"1.6rem",Y=!i.value||i.value<0?100:i.value;return{disabled:u,borderRadius:d,textColor:o,paddingX:n,paddingY:$,buttonColorHover:k,buttonColorOpacityHover:H,font:R,fontSize:c,fontWeight:Y,verticalAlign:l}}),p=t.computed(()=>r.value.disabled),z=t.computed(()=>({verticalAlign:r.value.verticalAlign})),B=t.computed(()=>{const u=r.value;return{color:u.textColor,padding:`${u.paddingY}rem 0`,borderRadius:`${u.borderRadius}rem`,fontSize:u.fontSize,fontWeight:u.fontWeight}}),N=t.computed(()=>{const u=r.value;return`${u.paddingY}rem ${u.paddingX}rem`}),S=t.computed(()=>{const u=r.value;return`rgba(${u.buttonColorHover}, ${u.buttonColorOpacityHover})`}),a=t.computed(()=>r.value.font),w=()=>{s("clicked")};return(u,l)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",p.value]),style:t.normalizeStyle([z.value]),onClick:w},[t.createElementVNode("a",{id:e.nbId,class:"nb-reset component tertiary",style:t.normalizeStyle([B.value]),onClick:l[0]||(l[0]=t.withModifiers(()=>{},["prevent"]))},[t.renderSlot(u.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)],12,J)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-35424129"]]),_e="",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:s}){const h=e;t.useCssVars(l=>({"2446b547":w.value,a50bbbd2:e.colorPrimary,"0f9f603e":e.textColor,"748cd449":e.colorSecondary,"1af3ef9e":e.textColorHover}));const{paddingX:g,paddingY:b,marginBetween:V,borderRadius:m,disabled:y,disabledPreview:_,disabledNext:v,fontFamily:x,fontSize:C,fontWeight:f}=t.toRefs(h),i=t.computed(()=>{const l=y.value?"component-disabled":"",o=_.value?"component-disabled":"",n=v.value?"component-disabled":"",$=!V.value||V.value<0?0:V.value,d=!m.value||m.value<0?0:m.value,k=!g.value||g.value<0?1:g.value,H=!b.value||b.value<0?10:b.value,R=C.value?C.value:"1.6em",c=!f.value||f.value<0?100:f.value;return{disabled:l,disabledPreview:o,disabledNext:n,marginBetween:`${$}px`,borderRadius:`${d}px`,paddingX:`${k}px`,paddingY:`${H}px`,fontSize:R,fontWeight:c}}),r=t.computed(()=>i.value.disabled),p=t.computed(()=>i.value.disabledPreview),z=t.computed(()=>i.value.disabledNext),B=t.computed(()=>({display:i.value.display})),N=t.computed(()=>{const l=i.value;return{fontSize:l.fontSize,fontWeight:l.fontWeight}}),S=t.computed(()=>{const l=i.value;return{borderRadius:`${l.borderRadius} 0px 0px ${l.borderRadius}`,marginRight:l.marginBetween,padding:`${l.paddingX} ${l.paddingY}`}}),a=t.computed(()=>{const l=i.value;return{borderRadius:`0px ${l.borderRadius} ${l.borderRadius} 0px`,marginLeft:l.marginBetween,padding:`${l.paddingX} ${l.paddingY}`}}),w=t.computed(()=>`'${x.value?x.value:"'Lato', sans-serif"}'`),u=l=>{s("clicked",l)};return(l,o)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",r.value]),style:t.normalizeStyle([B.value])},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle(N.value)},[e.showPreview?(t.openBlock(),t.createElementBlock("div",{key:0,onClick:o[0]||(o[0]=n=>u("preview")),class:t.normalizeClass(["buttonNextPreview buttonPreview",p.value]),style:t.normalizeStyle(S.value)},[t.renderSlot(l.$slots,"prev",{},()=>[t.createTextVNode("← Preview")],!0)],6)):t.createCommentVNode("",!0),e.showNext?(t.openBlock(),t.createElementBlock("div",{key:1,onClick:o[1]||(o[1]=n=>u("next")),class:t.normalizeClass(["buttonNextPreview buttonNext",z.value]),style:t.normalizeStyle(a.value)},[t.renderSlot(l.$slots,"next",{},()=>[t.createTextVNode("Next →")],!0)],6)):t.createCommentVNode("",!0)],12,Q)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-f26b5a64"]]),Ne="",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 s=e?e.toLowerCase():"";return["b","ib"].includes(s)}},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:s}){const h=e;t.useCssVars(o=>({"196eb3ca":a.value,"5a845ff6":t.unref(b),"44f25ea8":u.value,"3eb45b5e":w.value}));const{display:g,buttonColor:b,textColor:V,containerColor:m,paddingX:y,paddingY:_,borderRadius:v,disabled:x,animationSlow:C,fontFamily:f,fontSize:i,fontWeight:r}=t.toRefs(h),p=t.computed(()=>{const o=x.value?"component-disabled":"",n=g.value!=="b"?"inline-block":"block",$=m.value?m.value:"#ffffff",d=b.value?b.value:"#bbbbbb",k=V.value?V.value:"#ffffff",H=!y.value||y.value<0?1:y.value,R=!_.value||_.value<0?.2:_.value,c=!v.value||v.value<0?0:v.value,Y=C.value?"":"component-transition__no-slow",W=f.value?f.value:"'Lato', sans-serif",I=i.value?i.value:"1.6em",T=!r.value||r.value<0?100:r.value;return{disabled:o,display:n,containerColor:$,buttonColor:d,textColor:k,paddingX:H,paddingY:R,borderRadius:c,animationSlow:Y,font:W,fontSize:I,fontWeight:T}}),z=t.computed(()=>p.value.disabled),B=t.computed(()=>({display:p.value.display})),N=t.computed(()=>{const o=p.value;return{border:`2px solid ${o.containerColor}`,color:o.textColor,backgroundColor:o.buttonColor,padding:`${o.paddingY}rem ${o.paddingX}rem`,borderRadius:`${o.borderRadius}rem`,fontSize:o.fontSize,fontWeight:o.fontWeight}}),S=t.computed(()=>p.value.animationSlow),a=t.computed(()=>p.value.font),w=t.computed(()=>p.value.textColor),u=t.computed(()=>p.value.buttonColor),l=()=>{s("clicked")};return(o,n)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",z.value]),style:t.normalizeStyle([B.value]),onClick:l},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component","component-transition",S.value]),style:t.normalizeStyle([N.value])},[t.renderSlot(o.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)],14,Z)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-11d6e180"]]),Be="",te=["id"],oe=X(Object.assign({name:"NbButtonMechanical2",inheritAttrs:!1},{__name:"NbButtonMechanical2",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const s=e?e.toLowerCase():"";return["b","ib"].includes(s)}},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:s}){const h=e;t.useCssVars(a=>({"143d0975":N.value}));const{display:g,buttonColor:b,textColor:V,paddingX:m,paddingY:y,borderRadius:_,shadowColor:v,disabled:x,fontFamily:C,fontSize:f,fontWeight:i}=t.toRefs(h),r=t.computed(()=>{const a=x.value?"component-disabled":"",w=g.value!=="b"?"inline-block":"block",u=b.value?b.value:"#bbbbbb",l=v.value?v.value:"#002f3c",o=V.value?V.value:"#ffffff",n=!m.value||m.value<0?1:m.value,$=!y.value||y.value<0?1:y.value,d=!_.value||_.value<0?0:_.value,k=C.value?C.value:"'Lato', sans-serif",H=f.value?f.value:"1.6em",R=!i.value||i.value<0?100:i.value;return{disabled:a,display:w,buttonColor:u,shadowColor:l,textColor:o,paddingX:n,paddingY:$,borderRadius:d,font:k,fontSize:H,fontWeight:R}}),p=t.computed(()=>r.value.disabled),z=t.computed(()=>({display:r.value.display})),B=t.computed(()=>{const a=r.value;return{color:a.textColor,backgroundColor:a.buttonColor,boxShadow:`0 0 #0000, 0 0 #0000, 3px 3px 0 ${a.shadowColor}`,padding:`${a.paddingY}rem ${a.paddingX}rem`,padding:`${a.paddingY}rem ${a.paddingX}rem`,borderRadius:`${a.borderRadius}rem`,fontSize:a.fontSize,fontWeight:a.fontWeight}}),N=t.computed(()=>r.value.font),S=()=>{s("clicked")};return(a,w)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",p.value]),style:t.normalizeStyle([z.value]),onClick:S},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component","component-transition"]),style:t.normalizeStyle([B.value])},[t.renderSlot(a.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)],12,te)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-f22590f0"]]),we="",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:s}){const h=e;t.useCssVars(a=>({"4f0c7280":B.value,"86dec5da":N.value})),t.onMounted(()=>{g.value=b.value});const g=t.ref(!1),{status:b,color:V,containerColor:m,containerColorHover:y,colorHover:_,paddingX:v,paddingY:x,disabled:C}=t.toRefs(h),f=t.computed(()=>{const a=C.value?"component-disabled":"",w=g.value?"change":"",u=m.value?m.value:"#333333",l=V.value?V.value:"#ffffff",o=!v.value||v.value<0?3:v.value,n=!x.value||x.value<0?3:x.value,$=y.value?y.value:"yellow",d=_.value?_.value:"red";return{disabled:a,buttonStatus:w,containerColor:u,paddingX:o,paddingY:n,color:l,containerColorHover:$,colorHover:d}}),i=t.computed(()=>f.value.disabled),r=t.computed(()=>{const a=f.value;return{padding:`${a.paddingY}px ${a.paddingX}px`,backgroundColor:a.containerColor}}),p=t.computed(()=>({backgroundColor:f.value.color})),z=t.computed(()=>f.value.buttonStatus),B=t.computed(()=>f.value.containerColorHover),N=t.computed(()=>f.value.colorHover),S=()=>{const a=!g.value;g.value=a,s("clicked",a)};return t.watch(b,()=>{g.value=b.value}),(a,w)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",i.value]),style:t.normalizeStyle([r.value]),onClick:S},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component",z.value])},[t.createElementVNode("div",{class:"component__line-one",style:t.normalizeStyle(p.value)},null,4),t.createElementVNode("div",{class:"component__line-two",style:t.normalizeStyle(p.value)},null,4),t.createElementVNode("div",{class:"component__line-three",style:t.normalizeStyle(p.value)},null,4)],10,ae)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-37573ac0"]]),ke="",ne=e=>(t.pushScopeId("data-v-91c3c32d"),e=e(),t.popScopeId(),e),re=["id"],de=ne(()=>t.createElementVNode("div",{class:"component-shadow"},null,-1)),ue=X(Object.assign({name:"NbButtonColorOutside",inheritAttrs:!1},{__name:"NbButtonColorOutside",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const s=e?e.toLowerCase():"";return["b","ib"].includes(s)}},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)},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:200,validator:e=>e||200}},emits:["clicked"],setup(e,{emit:s}){const h=e;t.useCssVars(o=>({"1268e22f":a.value,b72ce280:u.value,"8beb00ca":S.value,"58edf536":w.value}));const{display:g,buttonColor:b,borderColor:V,textColor:m,paddingX:y,paddingY:_,borderRadius:v,disabled:x,fontFamily:C,fontSize:f,fontWeight:i}=t.toRefs(h),r=t.computed(()=>{const o=x.value?"component-disabled":"",n=g.value!=="b"?"inline-block":"block",$=b.value?b.value:"#bbbbbb",d=V.value?V.value:"#ffe54c",k=m.value?m.value:"#ffffff",H=!y.value||y.value<0?1:y.value,R=!_.value||_.value<0?.2:_.value,c=!v.value||v.value<0?0:v.value,Y=C.value?C.value:"'Lato', sans-serif",W=f.value?f.value:"1.6em",I=!i.value||i.value<0?200:i.value;return{disabled:o,display:n,buttonColor:$,borderColor:d,textColor:k,paddingX:H,paddingY:R,borderRadius:c,font:Y,fontSize:W,fontWeight:I}}),p=t.computed(()=>r.value.disabled),z=t.computed(()=>({display:r.value.display})),B=t.computed(()=>{const o=r.value;return{color:o.textColor,fontSize:o.fontSize,fontWeight:o.fontWeight}}),N=t.computed(()=>{const o=r.value;return{padding:`${o.paddingY}rem ${o.paddingX}rem`,border:`1px solid ${o.borderColor}`,borderRadius:S.value}}),S=t.computed(()=>`${r.value.borderRadius}rem`),a=t.computed(()=>r.value.font),w=t.computed(()=>r.value.textColor),u=t.computed(()=>r.value.buttonColor),l=()=>{s("clicked")};return(o,n)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",p.value]),style:t.normalizeStyle([z.value]),onClick:l},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([B.value])},[t.createElementVNode("div",{class:"component-content",style:t.normalizeStyle([N.value])},[t.renderSlot(o.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)],4),de],12,re)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-91c3c32d"]]),Re="",se=["id"],ie=X(Object.assign({name:"NbButtonColorHover",inheritAttrs:!1},{__name:"NbButtonColorHover",props:{nbId:{type:String,required:!0},display:{type:String,default:"b",validator:(e="b")=>{const s=e.toLowerCase();return["b","ib"].includes(s)}},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:s}){const h=e;t.useCssVars(n=>({"70b0363a":S.value,"2d562374":u.value,"360329a3":w.value,"3c24be28":l.value,"7f8991ce":a.value}));const{display:g,textColor:b,paddingX:V,paddingY:m,borderRadius:y,disabled:_,fontFamily:v,fontSize:x,fontWeight:C,textColorHover:f,buttonColor:i,buttonColorHover:r}=t.toRefs(h),p=t.computed(()=>{const n=_.value?"component-disabled":"",$=g.value!=="b"?"inline-block":"block",d=b?b.value:"ffffff",k=!V.value||V.value<0?1:V.value,H=!m.value||m.value<0?.2:m.value,R=!y.value||y.value<0?0:y.value,c=v.value?v.value:"'Lato', sans-serif",Y=x.value?x.value:"1.6rem",W=!C.value||C.value<0?100:C.value,I=f.value?f.value:"#cccccc",T=i.value?i.value:"#bbbbbb",E=r.value?r.value:"#959595";return{disabled:n,display:$,font:c,fontSize:Y,fontWeight:W,textColor:d,paddingX:k,paddingY:H,borderRadius:R,textColorHover:I,buttonColor:T,buttonColorHover:E}}),z=t.computed(()=>p.value.disabled),B=t.computed(()=>{const n=p.value;return{display:n.display,borderRadius:`${n.borderRadius}rem`}}),N=t.computed(()=>{const n=p.value;return{color:n.textColor,padding:`${n.paddingY}rem ${n.paddingX}rem`,borderRadius:`${n.borderRadius}rem`,fontSize:n.fontSize,fontWeight:n.fontWeight}}),S=t.computed(()=>p.value.font),a=t.computed(()=>p.value.textColor),w=t.computed(()=>p.value.textColorHover),u=t.computed(()=>p.value.buttonColor),l=t.computed(()=>p.value.buttonColorHover),o=()=>{s("clicked")};return(n,$)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["nb-wrapper",z.value]),style:t.normalizeStyle([B.value]),onClick:o},[t.createElementVNode("div",{id:e.nbId,class:"nb-reset component component-transition",style:t.normalizeStyle([N.value])},[t.renderSlot(n.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)],12,se)],6))}}),[["__scopeId","data-v-849fae4e"]]),Xe="",ce=["id"],fe={class:"first-child"},pe={class:"last-child"},O={NbButtonVavaGame:G,NbButtonShowHover:K,NbButtonPrevNext:U,NbButtonMechanical:ee,NbButtonMechanical2:oe,NbButtonHamburger:le,NbButtonColorOutside:ue,NbButtonColorHover:ie,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 s=e?e.toLowerCase():"";return["b","ib"].includes(s)}},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:s}){const h=e;t.useCssVars(d=>({70620026:u.value,"2928e4ba":l.value,"0fe93572":o.value,"4dcaff7e":n.value}));const{display:g,buttonColor:b,borderColor:V,buttonHoverColor:m,showBorder:y,borderRadius:_,textColor:v,textHoverColor:x,width:C,paddingX:f,paddingY:i,disabled:r,fontFamily:p,fontSize:z,fontWeight:B}=t.toRefs(h),N=t.computed(()=>{const d=r.value?"component-disabled":"",k=g.value!=="b"?"inline-block":"block",H=b.value?b.value:"#ffffff",R=m.value?m.value:"#000000",c=V.value?V.value:"#ffe54c",Y=!_.value||_.value<0?0:_.value,W=[!1,!0].includes(y.value)?y.value:!0,I=v.value?v.value:"#ffffff",T=x.value?x.value:"#000000",E=!C.value||C.value<86?86:C.value,L=!f.value||f.value<0?1:f.value,A=!i.value||i.value<0?.4:i.value,P=p.value?p.value:"'Lato', sans-serif",F=z.value?z.value:"1.6em",j=!B.value||B.value<0?200:B.value;return{disabled:d,display:k,buttonColor:H,buttonHoverColor:R,borderColor:c,showBorder:W,borderRadius:Y,textColor:I,textHoverColor:T,width:E,paddingX:L,paddingY:A,font:P,fontSize:F,fontWeight:j}}),S=t.computed(()=>N.value.disabled),a=t.computed(()=>({display:N.value.display})),w=t.computed(()=>{const d=N.value,k=d.display==="block"?"auto":`${d.width}px`;return{...d.showBorder?{border:`1px solid ${d.borderColor}`}:{},borderRadius:`${d.borderRadius}rem`,background:d.buttonColor,minWidth:"33px",width:k,padding:`${d.paddingY}rem ${d.paddingX}rem`,lineHeight:"1.42857143",fontSize:d.fontSize,fontWeight:d.fontWeight}}),u=t.computed(()=>N.value.font),l=t.computed(()=>N.value.textColor),o=t.computed(()=>N.value.textHoverColor),n=t.computed(()=>N.value.buttonHoverColor),$=()=>{s("clicked")};return(d,k)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",S.value]),style:t.normalizeStyle([a.value]),onClick:$},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([w.value])},[t.createElementVNode("div",fe,[t.renderSlot(d.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)]),t.createElementVNode("div",pe,[t.renderSlot(d.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)])],12,ce)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-fe71a891"]])};return{install(e){for(const s in O)if(Object.prototype.hasOwnProperty.call(O,s)){const h=O[s];e.component(h.name,h)}}}});

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-4cddc525]{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-4cddc525]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-4cddc525]{margin:0;padding:0}.nb-reset *[data-v-4cddc525],.nb-reset *[data-v-4cddc525]:before,.nb-reset *[data-v-4cddc525]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-4cddc525]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--859731ae);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(--101619df)}.component[data-v-4cddc525]:hover{color:var(--90f5dac6)}.component[data-v-4cddc525]:before,.component[data-v-4cddc525]:after{content:"";display:block;height:calc(50% - .4rem);position:absolute;width:100%;border:1px solid var(--f0f7a800);left:0;opacity:var(--33084168)}.component[data-v-4cddc525]:before{top:0;border-bottom:0}.component[data-v-4cddc525]:after{bottom:0;border-top:0}.component .component-content[data-v-4cddc525]{overflow:hidden;position:relative;z-index:12;text-align:center}.component .component-content:hover .component-content__mask[data-v-4cddc525]{right:-17%;transform:translate(0) skew(0)}.component .component-content .component-content__text[data-v-4cddc525]{position:relative;z-index:13}.component .component-content .component-content__mask[data-v-4cddc525]{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-4cddc525]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component .component-content .component-content__text[data-v-4cddc525]{opacity:.6}.nb-wrapper[data-v-35424129]{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-35424129]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-35424129]{margin:0;padding:0}.nb-reset *[data-v-35424129],.nb-reset *[data-v-35424129]:before,.nb-reset *[data-v-35424129]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-35424129]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--4b8ff329);-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-35424129]:focus,.component[data-v-35424129]:hover{padding:var(--456d13a6)!important;background-color:var(--55665737);color:var(--6b7abb00)!important}.component-disabled[data-v-35424129]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-35424129]{--disabled-button-color: var(--55665737);--disabled-color: var(--b18900c8);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-f22590f0]{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-f22590f0]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-f22590f0]{margin:0;padding:0}.nb-reset *[data-v-f22590f0],.nb-reset *[data-v-f22590f0]:before,.nb-reset *[data-v-f22590f0]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-f22590f0]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--143d0975);-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-f22590f0]:hover{box-shadow:none!important;transform:translate(2px,2px)}.component-disabled[data-v-f22590f0]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-f22590f0]{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-ece1eb29]{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-ece1eb29]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-ece1eb29]{margin:0;padding:0}.nb-reset *[data-v-ece1eb29],.nb-reset *[data-v-ece1eb29]:before,.nb-reset *[data-v-ece1eb29]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-ece1eb29]{margin:4px 6px 10px 0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:Lato,sans-serif;font-family:var(--8560f71a);-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 .component-content[data-v-ece1eb29]{position:relative;z-index:4}.component .component-shadow[data-v-ece1eb29]{--disabled-button-color: var(--6b3aeb04);background-color:var(--disabled-button-color)!important;width:100%;height:100%;position:absolute;top:7px;left:7px;transition:.2s;border-radius:var(--0087a452);z-index:3}.component:hover .component-shadow[data-v-ece1eb29]{top:0;left:0}.component-disabled[data-v-ece1eb29]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-ece1eb29]{--disabled-color: var(--4666baae);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.component-disabled .component .component-shadow[data-v-ece1eb29]{top:0;left:0}.nb-wrapper[data-v-849fae4e]{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-849fae4e]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-849fae4e]{margin:0;padding:0}.nb-reset *[data-v-849fae4e],.nb-reset *[data-v-849fae4e]:before,.nb-reset *[data-v-849fae4e]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-849fae4e]{margin:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--70b0363a);-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(--2d562374);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-849fae4e]:hover{color:var(--360329a3);background:var(--3c24be28)}.component-disabled[data-v-849fae4e]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;background-color:#fff;opacity:.8}.component-disabled .component[data-v-849fae4e]{--disabled-button-color: var(--2d562374);--disabled-color: var(--7f8991ce);background-color:var(--disabled-button-color)!important;color:var(--disabled-color)!important;border-radius:inherit}.nb-wrapper[data-v-fe71a891]{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-fe71a891]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-fe71a891]{margin:0;padding:0}.nb-reset *[data-v-fe71a891],.nb-reset *[data-v-fe71a891]:before,.nb-reset *[data-v-fe71a891]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-fe71a891]{margin:4px 0;box-sizing:border-box;line-height:16px;font-family:Lato,sans-serif;font-family:var(--70620026);-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-fe71a891]{--disabled-color: var(--2928e4ba);color:var(--disabled-color)!important;position:relative;transition:color .6s cubic-bezier(.48,0,.12,1);z-index:10}.component .last-child[data-v-fe71a891]{color:var(--text-color)!important;--text-color: var(--0fe93572);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-fe71a891]:after{--button-color: var(--4dcaff7e);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-fe71a891]:hover:after{transform-origin:bottom center;transform:skewY(0) scaleY(2)}.component:hover .last-child[data-v-fe71a891]{bottom:50%;transform:translateY(50%) translate(-50%);opacity:1;transition:all .9s cubic-bezier(.48,0,.12,1)}.component-disabled[data-v-fe71a891]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-fe71a891]{--disabled-color: var(--2928e4ba);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-4cddc525]{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-4cddc525]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-4cddc525]{margin:0;padding:0}.nb-reset *[data-v-4cddc525],.nb-reset *[data-v-4cddc525]:before,.nb-reset *[data-v-4cddc525]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-4cddc525]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--859731ae);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(--101619df)}.component[data-v-4cddc525]:hover{color:var(--90f5dac6)}.component[data-v-4cddc525]:before,.component[data-v-4cddc525]:after{content:"";display:block;height:calc(50% - .4rem);position:absolute;width:100%;border:1px solid var(--f0f7a800);left:0;opacity:var(--33084168)}.component[data-v-4cddc525]:before{top:0;border-bottom:0}.component[data-v-4cddc525]:after{bottom:0;border-top:0}.component .component-content[data-v-4cddc525]{overflow:hidden;position:relative;z-index:12;text-align:center}.component .component-content:hover .component-content__mask[data-v-4cddc525]{right:-17%;transform:translate(0) skew(0)}.component .component-content .component-content__text[data-v-4cddc525]{position:relative;z-index:13}.component .component-content .component-content__mask[data-v-4cddc525]{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-4cddc525]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component .component-content .component-content__text[data-v-4cddc525]{opacity:.6}.nb-wrapper[data-v-35424129]{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-35424129]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-35424129]{margin:0;padding:0}.nb-reset *[data-v-35424129],.nb-reset *[data-v-35424129]:before,.nb-reset *[data-v-35424129]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-35424129]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--4b8ff329);-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-35424129]:focus,.component[data-v-35424129]:hover{padding:var(--456d13a6)!important;background-color:var(--55665737);color:var(--6b7abb00)!important}.component-disabled[data-v-35424129]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-35424129]{--disabled-button-color: var(--55665737);--disabled-color: var(--b18900c8);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-f22590f0]{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-f22590f0]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-f22590f0]{margin:0;padding:0}.nb-reset *[data-v-f22590f0],.nb-reset *[data-v-f22590f0]:before,.nb-reset *[data-v-f22590f0]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-f22590f0]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--143d0975);-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-f22590f0]:hover{box-shadow:none!important;transform:translate(2px,2px)}.component-disabled[data-v-f22590f0]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-f22590f0]{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-91c3c32d]{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-91c3c32d]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-91c3c32d]{margin:0;padding:0}.nb-reset *[data-v-91c3c32d],.nb-reset *[data-v-91c3c32d]:before,.nb-reset *[data-v-91c3c32d]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-91c3c32d]{margin:4px 6px 10px 0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:Lato,sans-serif;font-family:var(--1268e22f);-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 .component-content[data-v-91c3c32d]{position:relative;z-index:4;overflow:hidden}.component .component-shadow[data-v-91c3c32d]{--disabled-button-color: var(--b72ce280);background-color:var(--disabled-button-color)!important;width:100%;height:100%;position:absolute;top:7px;left:7px;transition:.2s;border-radius:var(--8beb00ca);z-index:3}.component:hover .component-shadow[data-v-91c3c32d]{top:0;left:0}.component-disabled[data-v-91c3c32d]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-91c3c32d]{--disabled-color: var(--58edf536);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.component-disabled .component .component-shadow[data-v-91c3c32d]{top:0;left:0}.nb-wrapper[data-v-849fae4e]{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-849fae4e]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-849fae4e]{margin:0;padding:0}.nb-reset *[data-v-849fae4e],.nb-reset *[data-v-849fae4e]:before,.nb-reset *[data-v-849fae4e]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-849fae4e]{margin:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--70b0363a);-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(--2d562374);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-849fae4e]:hover{color:var(--360329a3);background:var(--3c24be28)}.component-disabled[data-v-849fae4e]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;background-color:#fff;opacity:.8}.component-disabled .component[data-v-849fae4e]{--disabled-button-color: var(--2d562374);--disabled-color: var(--7f8991ce);background-color:var(--disabled-button-color)!important;color:var(--disabled-color)!important;border-radius:inherit}.nb-wrapper[data-v-fe71a891]{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-fe71a891]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-fe71a891]{margin:0;padding:0}.nb-reset *[data-v-fe71a891],.nb-reset *[data-v-fe71a891]:before,.nb-reset *[data-v-fe71a891]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-fe71a891]{margin:4px 0;box-sizing:border-box;line-height:16px;font-family:Lato,sans-serif;font-family:var(--70620026);-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-fe71a891]{--disabled-color: var(--2928e4ba);color:var(--disabled-color)!important;position:relative;transition:color .6s cubic-bezier(.48,0,.12,1);z-index:10}.component .last-child[data-v-fe71a891]{color:var(--text-color)!important;--text-color: var(--0fe93572);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-fe71a891]:after{--button-color: var(--4dcaff7e);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-fe71a891]:hover:after{transform-origin:bottom center;transform:skewY(0) scaleY(2)}.component:hover .last-child[data-v-fe71a891]{bottom:50%;transform:translateY(50%) translate(-50%);opacity:1;transition:all .9s cubic-bezier(.48,0,.12,1)}.component-disabled[data-v-fe71a891]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-fe71a891]{--disabled-color: var(--2928e4ba);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.6",
+  "version": "2.0.7",
   "type": "module",
   "main": "./dist/nb-buttons.umd.js",
   "module": "./dist/nb-buttons.js",