@vlalg-nimbus/nb-buttons 2.0.4 → 2.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/nb-buttons.js +471 -478
  2. package/dist/nb-buttons.umd.cjs +1 -1
  3. package/dist/style.css +1 -1
  4. package/package.json +1 -1
package/dist/nb-buttons.umd.cjs CHANGED
@@ -1 +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="",I=(e,s)=>{const B=e.__vccOpts||e;for(const[C,b]of s)B[C]=b;return B},M=["id"],q={class:"component-content__text"},G=I(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 B=e;t.useCssVars(r=>({"4348b976":z.value,"1735afec":$.value,"58e23cb0":H.value,"451672cd":u.value,"55b7ee16":n.value}));const{display:C,textColor:b,textColorHover:S,buttonColor:m,buttonColorHover:y,uppercase:p,paddingXContent:V,paddingYContent:v,paddingXBorder:h,paddingYBorder:i,borderColor:c,borderOpacity:g,disabled:l,fontFamily:x,fontSize:w,fontWeight:N}=t.toRefs(B),_=t.computed(()=>{const r=l.value?"component-disabled":"",Y=C.value!=="b"?"inline-block":"block",X=b.value?b.value:"#ece8e1",W=m.value?m.value:"green",D=S.value?S.value:"#ece8e1",T=y.value?y.value:"cyan",E=c.value?c.value:"#ffffff",O=!g.value||!(g.value>=0&&g.value<=1)?"0.5":g.value,P=!h.value||h.value<0?.3:h.value,F=!i.value||i.value<0?.3:i.value,j=!V.value||V.value<0?.5:V.value,fe=!v.value||v.value<0?.5:v.value,pe=p.value?"uppercase":"none",be=x.value?x.value:"'Lato', sans-serif",me=w.value?w.value:"1.6em",ye=!N.value||N.value<0?100:N.value;return{disabled:r,display:Y,textColor:X,buttonColor:W,textColorHover:D,buttonColorHover:T,borderColor:E,borderOpacity:O,paddingXBorder:P,paddingYBorder:F,paddingXContent:j,paddingYContent:fe,uppercase:pe,font:be,fontSize:me,fontWeight:ye}}),f=t.computed(()=>_.value.disabled),d=t.computed(()=>({display:_.value.display})),k=t.computed(()=>{const r=_.value;return{padding:`${r.paddingYBorder}rem ${r.paddingXBorder}rem`,fontSize:r.fontSize,fontWeight:r.fontWeight}}),o=t.computed(()=>{const r=_.value;return{textTransform:r.uppercase,padding:`${r.paddingYContent}rem ${r.paddingXContent}rem`,backgroundColor:r.buttonColor}}),a=t.computed(()=>({backgroundColor:_.value.buttonColorHover})),z=t.computed(()=>_.value.font),u=t.computed(()=>_.value.borderColor),n=t.computed(()=>_.value.borderOpacity),$=t.computed(()=>_.value.textColor),H=t.computed(()=>_.value.textColorHover),R=()=>{s("clicked")};return(r,Y)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",f.value]),style:t.normalizeStyle([d.value]),onClick:R},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([k.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=I(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:s}){const B=e;t.useCssVars(o=>({e35bf122:d.value,"122f086c":_.value,"590fef9e":f.value,"383cafc6":e.textColorHover,66192716:t.unref(b)}));const{text:C,textColor:b,buttonColorHover:S,buttonColorOpacityHover:m,paddingX:y,paddingY:p,disabled:V,borderRadius:v,verticalAlign:h,fontFamily:i,fontSize:c,fontWeight:g}=t.toRefs(B),l=t.computed(()=>{const o=C.value?C.value:"Default Text",a=V.value?"component-disabled":"",z=h.value?h.value:"middle",u=b?b.value:"ffffff",n=!y.value||y.value<0?1:y.value,$=!p.value||p.value<0?.2:p.value,H=!v.value||v.value<0?0:v.value,R=S.value?S.value:"10, 38, 184",r=!m.value||m.value<0?.1:m.value,Y=i.value?i.value:"'Lato', sans-serif",X=c.value?c.value:"1.6rem",W=!g.value||g.value<0?100:g.value;return{disabled:a,borderRadius:H,textColor:u,paddingX:n,paddingY:$,buttonColorHover:R,buttonColorOpacityHover:r,font:Y,fontSize:X,fontWeight:W,text:o,verticalAlign:z}}),x=t.computed(()=>l.value.disabled),w=t.computed(()=>({verticalAlign:l.value.verticalAlign})),N=t.computed(()=>{const o=l.value;return{color:o.textColor,padding:`${o.paddingY}rem 0`,borderRadius:`${o.borderRadius}rem`,fontSize:o.fontSize,fontWeight:o.fontWeight}}),_=t.computed(()=>{const o=l.value;return`${o.paddingY}rem ${o.paddingX}rem`}),f=t.computed(()=>{const o=l.value;return`rgba(${o.buttonColorHover}, ${o.buttonColorOpacityHover})`}),d=t.computed(()=>l.value.font),k=()=>{s("clicked")};return(o,a)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",x.value]),style:t.normalizeStyle([w.value]),onClick:k},[t.createElementVNode("a",{id:e.nbId,class:"nb-reset component tertiary",style:t.normalizeStyle([N.value]),onClick:a[0]||(a[0]=t.withModifiers(()=>{},["prevent"]))},t.toDisplayString(l.value.text),13,J)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-7f17ac3f"]]),Ce="",Q=["id"],U=I(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 B=e;t.useCssVars(o=>({"2446b547":d.value,a50bbbd2:e.colorPrimary,"0f9f603e":e.textColor,"748cd449":e.colorSecondary,"1af3ef9e":e.textColorHover}));const{paddingX:C,paddingY:b,marginBetween:S,borderRadius:m,disabled:y,disabledPreview:p,disabledNext:V,fontFamily:v,fontSize:h,fontWeight:i}=t.toRefs(B),c=t.computed(()=>{const o=y.value?"component-disabled":"",a=p.value?"component-disabled":"",z=V.value?"component-disabled":"",u=!S.value||S.value<0?0:S.value,n=!m.value||m.value<0?0:m.value,$=!C.value||C.value<0?1:C.value,H=!b.value||b.value<0?10:b.value,R=h.value?h.value:"1.6em",r=!i.value||i.value<0?100:i.value;return{disabled:o,disabledPreview:a,disabledNext:z,marginBetween:`${u}px`,borderRadius:`${n}px`,paddingX:`${$}px`,paddingY:`${H}px`,fontSize:R,fontWeight:r}}),g=t.computed(()=>c.value.disabled),l=t.computed(()=>c.value.disabledPreview),x=t.computed(()=>c.value.disabledNext),w=t.computed(()=>({display:c.value.display})),N=t.computed(()=>{const o=c.value;return{fontSize:o.fontSize,fontWeight:o.fontWeight}}),_=t.computed(()=>{const o=c.value;return{borderRadius:`${o.borderRadius} 0px 0px ${o.borderRadius}`,marginRight:o.marginBetween,padding:`${o.paddingX} ${o.paddingY}`}}),f=t.computed(()=>{const o=c.value;return{borderRadius:`0px ${o.borderRadius} ${o.borderRadius} 0px`,marginLeft:o.marginBetween,padding:`${o.paddingX} ${o.paddingY}`}}),d=t.computed(()=>`'${v.value?v.value:"'Lato', sans-serif"}'`),k=o=>{s("clicked",o)};return(o,a)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",g.value]),style:t.normalizeStyle([w.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:a[0]||(a[0]=z=>k("preview")),class:t.normalizeClass(["buttonNextPreview buttonPreview",l.value]),style:t.normalizeStyle(_.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]=z=>k("next")),class:t.normalizeClass(["buttonNextPreview buttonNext",x.value]),style:t.normalizeStyle(f.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=I(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 B=e;t.useCssVars(a=>({"196eb3ca":f.value,"5a845ff6":t.unref(b),"44f25ea8":k.value,"3eb45b5e":d.value}));const{display:C,buttonColor:b,textColor:S,containerColor:m,paddingX:y,paddingY:p,borderRadius:V,disabled:v,animationSlow:h,fontFamily:i,fontSize:c,fontWeight:g}=t.toRefs(B),l=t.computed(()=>{const a=v.value?"component-disabled":"",z=C.value!=="b"?"inline-block":"block",u=m.value?m.value:"#ffffff",n=b.value?b.value:"#bbbbbb",$=S.value?S.value:"#ffffff",H=!y.value||y.value<0?1:y.value,R=!p.value||p.value<0?.2:p.value,r=!V.value||V.value<0?0:V.value,Y=h.value?"":"component-transition__no-slow",X=i.value?i.value:"'Lato', sans-serif",W=c.value?c.value:"1.6em",D=!g.value||g.value<0?100:g.value;return{disabled:a,display:z,containerColor:u,buttonColor:n,textColor:$,paddingX:H,paddingY:R,borderRadius:r,animationSlow:Y,font:X,fontSize:W,fontWeight:D}}),x=t.computed(()=>l.value.disabled),w=t.computed(()=>({display:l.value.display})),N=t.computed(()=>{const a=l.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}}),_=t.computed(()=>l.value.animationSlow),f=t.computed(()=>l.value.font),d=t.computed(()=>l.value.textColor),k=t.computed(()=>l.value.buttonColor),o=()=>{s("clicked")};return(a,z)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",x.value]),style:t.normalizeStyle([w.value]),onClick:o},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component","component-transition",_.value]),style:t.normalizeStyle([N.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=I(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 B=e;t.useCssVars(d=>({a193a08a:_.value}));const{text:C,display:b,buttonColor:S,textColor:m,paddingX:y,paddingY:p,borderRadius:V,shadowColor:v,disabled:h,fontFamily:i,fontSize:c,fontWeight:g}=t.toRefs(B),l=t.computed(()=>{const d=h.value?"component-disabled":"",k=b.value!=="b"?"inline-block":"block",o=S.value?S.value:"#bbbbbb",a=v.value?v.value:"#002f3c",z=m.value?m.value:"#ffffff",u=!y.value||y.value<0?1:y.value,n=!p.value||p.value<0?1:p.value,$=!V.value||V.value<0?0:V.value,H=i.value?i.value:"'Lato', sans-serif",R=c.value?c.value:"1.6em",r=!g.value||g.value<0?100:g.value;return{disabled:d,display:k,buttonColor:o,shadowColor:a,textColor:z,paddingX:u,paddingY:n,borderRadius:$,font:H,fontSize:R,fontWeight:r}}),x=t.computed(()=>l.value.disabled),w=t.computed(()=>({display:l.value.display})),N=t.computed(()=>{const d=l.value;return{color:d.textColor,backgroundColor:d.buttonColor,boxShadow:`0 0 #0000, 0 0 #0000, 3px 3px 0 ${d.shadowColor}`,padding:`${d.paddingY}rem ${d.paddingX}rem`,padding:`${d.paddingY}rem ${d.paddingX}rem`,borderRadius:`${d.borderRadius}rem`,fontSize:d.fontSize,fontWeight:d.fontWeight}}),_=t.computed(()=>l.value.font),f=()=>{s("clicked")};return(d,k)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",x.value]),style:t.normalizeStyle([w.value]),onClick:f},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component","component-transition"]),style:t.normalizeStyle([N.value])},[t.renderSlot(d.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)],12,te)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-fec2a51e"]]),Be="",ae=["id"],le=I(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 B=e;t.useCssVars(f=>({"4f0c7280":w.value,"86dec5da":N.value})),t.onMounted(()=>{C.value=b.value});const C=t.ref(!1),{status:b,color:S,containerColor:m,containerColorHover:y,colorHover:p,paddingX:V,paddingY:v,disabled:h}=t.toRefs(B),i=t.computed(()=>{const f=h.value?"component-disabled":"",d=C.value?"change":"",k=m.value?m.value:"#333333",o=S.value?S.value:"#ffffff",a=!V.value||V.value<0?3:V.value,z=!v.value||v.value<0?3:v.value,u=y.value?y.value:"yellow",n=p.value?p.value:"red";return{disabled:f,buttonStatus:d,containerColor:k,paddingX:a,paddingY:z,color:o,containerColorHover:u,colorHover:n}}),c=t.computed(()=>i.value.disabled),g=t.computed(()=>{const f=i.value;return{padding:`${f.paddingY}px ${f.paddingX}px`,backgroundColor:f.containerColor}}),l=t.computed(()=>({backgroundColor:i.value.color})),x=t.computed(()=>i.value.buttonStatus),w=t.computed(()=>i.value.containerColorHover),N=t.computed(()=>i.value.colorHover),_=()=>{const f=!C.value;C.value=f,s("clicked",f)};return t.watch(b,()=>{C.value=b.value}),(f,d)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",c.value]),style:t.normalizeStyle([g.value]),onClick:_},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component",x.value])},[t.createElementVNode("div",{class:"component__line-one",style:t.normalizeStyle(l.value)},null,4),t.createElementVNode("div",{class:"component__line-two",style:t.normalizeStyle(l.value)},null,4),t.createElementVNode("div",{class:"component__line-three",style:t.normalizeStyle(l.value)},null,4)],10,ae)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-37573ac0"]]),we="",ne=["id"],re=I(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)}},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)},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 B=e;t.useCssVars(a=>({bf6244be:f.value,"3087ef32":k.value,b71ed32e:_.value,df6e4b52:d.value}));const{text:C,display:b,buttonColor:S,borderColor:m,textColor:y,paddingX:p,paddingY:V,borderRadius:v,disabled:h,fontFamily:i,fontSize:c,fontWeight:g}=t.toRefs(B),l=t.computed(()=>{const a=C.value?C.value:"Default Text",z=h.value?"component-disabled":"",u=b.value!=="b"?"inline-block":"block",n=S.value?S.value:"#bbbbbb",$=m.value?m.value:"#ffe54c",H=y.value?y.value:"#ffffff",R=!p.value||p.value<0?1:p.value,r=!V.value||V.value<0?.2:V.value,Y=!v.value||v.value<0?0:v.value,X=i.value?i.value:"'Lato', sans-serif",W=c.value?c.value:"1.6em",D=!g.value||g.value<0?200:g.value;return{disabled:z,display:u,buttonColor:n,borderColor:$,textColor:H,paddingX:R,paddingY:r,text:a,borderRadius:Y,font:X,fontSize:W,fontWeight:D}}),x=t.computed(()=>l.value.disabled),w=t.computed(()=>({display:l.value.display})),N=t.computed(()=>{const a=l.value;return{border:`1px solid ${a.borderColor}`,color:a.textColor,padding:`${a.paddingY}rem ${a.paddingX}rem`,borderRadius:_.value,fontSize:a.fontSize,fontWeight:a.fontWeight}}),_=t.computed(()=>`${l.value.borderRadius}rem`),f=t.computed(()=>l.value.font),d=t.computed(()=>l.value.textColor),k=t.computed(()=>l.value.buttonColor),o=()=>{s("clicked")};return(a,z)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",x.value]),style:t.normalizeStyle([w.value]),onClick:o},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([N.value])},t.toDisplayString(l.value.text),13,ne)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-34a3b3a9"]]),$e="",de=["id"],ue=I(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 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 B=e;t.useCssVars(u=>({ea8f1624:f.value,"68a00a02":o.value,a1f5bb90:k.value,"7c8ae57d":a.value,"0ca91538":d.value}));const{text:C,display:b,textColor:S,paddingX:m,paddingY:y,borderRadius:p,disabled:V,fontFamily:v,fontSize:h,fontWeight:i,textColorHover:c,buttonColor:g,buttonColorHover:l}=t.toRefs(B),x=t.computed(()=>{const u=C.value?C.value:"Default Text",n=V.value?"component-disabled":"",$=b.value!=="b"?"inline-block":"block",H=S?S.value:"ffffff",R=!m.value||m.value<0?1:m.value,r=!y.value||y.value<0?.2:y.value,Y=!p.value||p.value<0?0:p.value,X=v.value?v.value:"'Lato', sans-serif",W=h.value?h.value:"1.6rem",D=!i.value||i.value<0?100:i.value,T=c.value?c.value:"#cccccc",E=g.value?g.value:"#bbbbbb",O=l.value?l.value:"#959595";return{disabled:n,display:$,font:X,fontSize:W,fontWeight:D,text:u,textColor:H,paddingX:R,paddingY:r,borderRadius:Y,textColorHover:T,buttonColor:E,buttonColorHover:O}}),w=t.computed(()=>x.value.disabled),N=t.computed(()=>{const u=x.value;return{display:u.display,borderRadius:`${u.borderRadius}rem`}}),_=t.computed(()=>{const u=x.value;return{color:u.textColor,padding:`${u.paddingY}rem ${u.paddingX}rem`,borderRadius:`${u.borderRadius}rem`,fontSize:u.fontSize,fontWeight:u.fontWeight}}),f=t.computed(()=>x.value.font),d=t.computed(()=>x.value.textColor),k=t.computed(()=>x.value.textColorHover),o=t.computed(()=>x.value.buttonColor),a=t.computed(()=>x.value.buttonColorHover),z=()=>{s("clicked")};return(u,n)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["nb-wrapper",w.value]),style:t.normalizeStyle([N.value]),onClick:z},[t.createElementVNode("div",{id:e.nbId,class:"nb-reset component component-transition",style:t.normalizeStyle([_.value])},t.toDisplayString(x.value.text),13,de)],6))}}),[["__scopeId","data-v-14a4a2ac"]]),Re="",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:I(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 B=e;t.useCssVars(n=>({"17a23bbc":k.value,"2cc4da9c":o.value,aa259cd0:a.value,f0e00666:z.value}));const{display:C,buttonColor:b,borderColor:S,buttonHoverColor:m,showBorder:y,borderRadius:p,textColor:V,textHoverColor:v,width:h,paddingX:i,paddingY:c,disabled:g,fontFamily:l,fontSize:x,fontWeight:w}=t.toRefs(B),N=t.computed(()=>{const n=g.value?"component-disabled":"",$=C.value!=="b"?"inline-block":"block",H=b.value?b.value:"#ffffff",R=m.value?m.value:"#000000",r=S.value?S.value:"#ffe54c",Y=!p.value||p.value<0?0:p.value,X=[!1,!0].includes(y.value)?y.value:!0,W=V.value?V.value:"#ffffff",D=v.value?v.value:"#000000",T=!h.value||h.value<86?86:h.value,E=!i.value||i.value<0?1:i.value,O=!c.value||c.value<0?.4:c.value,P=l.value?l.value:"'Lato', sans-serif",F=x.value?x.value:"1.6em",j=!w.value||w.value<0?200:w.value;return{disabled:n,display:$,buttonColor:H,buttonHoverColor:R,borderColor:r,showBorder:X,borderRadius:Y,textColor:W,textHoverColor:D,width:T,paddingX:E,paddingY:O,font:P,fontSize:F,fontWeight:j}}),_=t.computed(()=>N.value.disabled),f=t.computed(()=>({display:N.value.display})),d=t.computed(()=>{const n=N.value,$=n.display==="block"?"auto":`${n.width}px`;return{...n.showBorder?{border:`1px solid ${n.borderColor}`}:{},borderRadius:`${n.borderRadius}rem`,background:n.buttonColor,minWidth:"33px",width:$,padding:`${n.paddingY}rem ${n.paddingX}rem`,lineHeight:"1.42857143",fontSize:n.fontSize,fontWeight:n.fontWeight}}),k=t.computed(()=>N.value.font),o=t.computed(()=>N.value.textColor),a=t.computed(()=>N.value.textHoverColor),z=t.computed(()=>N.value.buttonHoverColor),u=()=>{s("clicked")};return(n,$)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",_.value]),style:t.normalizeStyle([f.value]),onClick:u},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([d.value])},[t.createElementVNode("div",ie,[t.renderSlot(n.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)]),t.createElementVNode("div",ce,[t.renderSlot(n.$slots,"content-alternate",{},()=>[t.createTextVNode("Default Alternate Text")],!0)])],12,se)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-e0ed856f"]])};return{install(e){for(const s in A)if(Object.prototype.hasOwnProperty.call(A,s)){const B=A[s];e.component(B.name,B)}}}});
1
+ (function(t,E){typeof exports=="object"&&typeof module<"u"?module.exports=E(require("vue")):typeof define=="function"&&define.amd?define(["vue"],E):(t=typeof globalThis<"u"?globalThis:t||self,t.NbButtons=E(t.Vue))})(this,function(t){"use strict";const E="",X=(e,s)=>{const h=e.__vccOpts||e;for(const[V,b]of s)h[V]=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:r.value}));const{display:V,textColor:b,textColorHover:g,buttonColor:m,buttonColorHover:y,uppercase:S,paddingXContent:v,paddingYContent:N,paddingXBorder:C,paddingYBorder:f,borderColor:i,borderOpacity:d,disabled:p,fontFamily:z,fontSize:B,fontWeight:_}=t.toRefs(h),x=t.computed(()=>{const c=p.value?"component-disabled":"",Y=V.value!=="b"?"inline-block":"block",W=b.value?b.value:"#ece8e1",I=m.value?m.value:"green",T=g.value?g.value:"#ece8e1",D=y.value?y.value:"cyan",L=i.value?i.value:"#ffffff",A=!d.value||!(d.value>=0&&d.value<=1)?"0.5":d.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,fe=!N.value||N.value<0?.5:N.value,pe=S.value?"uppercase":"none",be=z.value?z.value:"'Lato', sans-serif",me=B.value?B.value:"1.6em",ye=!_.value||_.value<0?100:_.value;return{disabled:c,display:Y,textColor:W,buttonColor:I,textColorHover:T,buttonColorHover:D,borderColor:L,borderOpacity:A,paddingXBorder:P,paddingYBorder:F,paddingXContent:j,paddingYContent:fe,uppercase:pe,font:be,fontSize:me,fontWeight:ye}}),a=t.computed(()=>x.value.disabled),w=t.computed(()=>({display:x.value.display})),u=t.computed(()=>{const c=x.value;return{padding:`${c.paddingYBorder}rem ${c.paddingXBorder}rem`,fontSize:c.fontSize,fontWeight:c.fontWeight}}),o=t.computed(()=>{const c=x.value;return{textTransform:c.uppercase,padding:`${c.paddingYContent}rem ${c.paddingXContent}rem`,backgroundColor:c.buttonColor}}),l=t.computed(()=>({backgroundColor:x.value.buttonColorHover})),n=t.computed(()=>x.value.font),$=t.computed(()=>x.value.borderColor),r=t.computed(()=>x.value.borderOpacity),k=t.computed(()=>x.value.textColor),H=t.computed(()=>x.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([o.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([l.value])},null,4)],4)],12,M)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-4cddc525"]]),ge="",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":_.value,55665737:x.value,"6b7abb00":e.textColorHover,b18900c8:t.unref(V)}));const{textColor:V,buttonColorHover:b,buttonColorOpacityHover:g,paddingX:m,paddingY:y,disabled:S,borderRadius:v,verticalAlign:N,fontFamily:C,fontSize:f,fontWeight:i}=t.toRefs(h),d=t.computed(()=>{const u=S.value?"component-disabled":"",o=N.value?N.value:"middle",l=V?V.value:"ffffff",n=!m.value||m.value<0?1:m.value,$=!y.value||y.value<0?.2:y.value,r=!v.value||v.value<0?0:v.value,k=b.value?b.value:"10, 38, 184",H=!g.value||g.value<0?.1:g.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:r,textColor:l,paddingX:n,paddingY:$,buttonColorHover:k,buttonColorOpacityHover:H,font:R,fontSize:c,fontWeight:Y,verticalAlign:o}}),p=t.computed(()=>d.value.disabled),z=t.computed(()=>({verticalAlign:d.value.verticalAlign})),B=t.computed(()=>{const u=d.value;return{color:u.textColor,padding:`${u.paddingY}rem 0`,borderRadius:`${u.borderRadius}rem`,fontSize:u.fontSize,fontWeight:u.fontWeight}}),_=t.computed(()=>{const u=d.value;return`${u.paddingY}rem ${u.paddingX}rem`}),x=t.computed(()=>{const u=d.value;return`rgba(${u.buttonColorHover}, ${u.buttonColorOpacityHover})`}),a=t.computed(()=>d.value.font),w=()=>{s("clicked")};return(u,o)=>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:o[0]||(o[0]=t.withModifiers(()=>{},["prevent"]))},[t.renderSlot(u.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)],12,J)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-35424129"]]),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:s}){const h=e;t.useCssVars(o=>({"2446b547":w.value,a50bbbd2:e.colorPrimary,"0f9f603e":e.textColor,"748cd449":e.colorSecondary,"1af3ef9e":e.textColorHover}));const{paddingX:V,paddingY:b,marginBetween:g,borderRadius:m,disabled:y,disabledPreview:S,disabledNext:v,fontFamily:N,fontSize:C,fontWeight:f}=t.toRefs(h),i=t.computed(()=>{const o=y.value?"component-disabled":"",l=S.value?"component-disabled":"",n=v.value?"component-disabled":"",$=!g.value||g.value<0?0:g.value,r=!m.value||m.value<0?0:m.value,k=!V.value||V.value<0?1:V.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:o,disabledPreview:l,disabledNext:n,marginBetween:`${$}px`,borderRadius:`${r}px`,paddingX:`${k}px`,paddingY:`${H}px`,fontSize:R,fontWeight:c}}),d=t.computed(()=>i.value.disabled),p=t.computed(()=>i.value.disabledPreview),z=t.computed(()=>i.value.disabledNext),B=t.computed(()=>({display:i.value.display})),_=t.computed(()=>{const o=i.value;return{fontSize:o.fontSize,fontWeight:o.fontWeight}}),x=t.computed(()=>{const o=i.value;return{borderRadius:`${o.borderRadius} 0px 0px ${o.borderRadius}`,marginRight:o.marginBetween,padding:`${o.paddingX} ${o.paddingY}`}}),a=t.computed(()=>{const o=i.value;return{borderRadius:`0px ${o.borderRadius} ${o.borderRadius} 0px`,marginLeft:o.marginBetween,padding:`${o.paddingX} ${o.paddingY}`}}),w=t.computed(()=>`'${N.value?N.value:"'Lato', sans-serif"}'`),u=o=>{s("clicked",o)};return(o,l)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",d.value]),style:t.normalizeStyle([B.value])},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle(_.value)},[e.showPreview?(t.openBlock(),t.createElementBlock("div",{key:0,onClick:l[0]||(l[0]=n=>u("preview")),class:t.normalizeClass(["buttonNextPreview buttonPreview",p.value]),style:t.normalizeStyle(x.value)},[t.renderSlot(o.$slots,"prev",{},()=>[t.createTextVNode("← Preview")],!0)],6)):t.createCommentVNode("",!0),e.showNext?(t.openBlock(),t.createElementBlock("div",{key:1,onClick:l[1]||(l[1]=n=>u("next")),class:t.normalizeClass(["buttonNextPreview buttonNext",z.value]),style:t.normalizeStyle(a.value)},[t.renderSlot(o.$slots,"next",{},()=>[t.createTextVNode("Next →")],!0)],6)):t.createCommentVNode("",!0)],12,Q)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-f26b5a64"]]),_e="",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(l=>({"196eb3ca":a.value,"5a845ff6":t.unref(b),"44f25ea8":u.value,"3eb45b5e":w.value}));const{display:V,buttonColor:b,textColor:g,containerColor:m,paddingX:y,paddingY:S,borderRadius:v,disabled:N,animationSlow:C,fontFamily:f,fontSize:i,fontWeight:d}=t.toRefs(h),p=t.computed(()=>{const l=N.value?"component-disabled":"",n=V.value!=="b"?"inline-block":"block",$=m.value?m.value:"#ffffff",r=b.value?b.value:"#bbbbbb",k=g.value?g.value:"#ffffff",H=!y.value||y.value<0?1:y.value,R=!S.value||S.value<0?.2:S.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=!d.value||d.value<0?100:d.value;return{disabled:l,display:n,containerColor:$,buttonColor:r,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})),_=t.computed(()=>{const l=p.value;return{border:`2px solid ${l.containerColor}`,color:l.textColor,backgroundColor:l.buttonColor,padding:`${l.paddingY}rem ${l.paddingX}rem`,borderRadius:`${l.borderRadius}rem`,fontSize:l.fontSize,fontWeight:l.fontWeight}}),x=t.computed(()=>p.value.animationSlow),a=t.computed(()=>p.value.font),w=t.computed(()=>p.value.textColor),u=t.computed(()=>p.value.buttonColor),o=()=>{s("clicked")};return(l,n)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",z.value]),style:t.normalizeStyle([B.value]),onClick:o},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component","component-transition",x.value]),style:t.normalizeStyle([_.value])},[t.renderSlot(l.$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},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":_.value}));const{display:V,buttonColor:b,textColor:g,paddingX:m,paddingY:y,borderRadius:S,shadowColor:v,disabled:N,fontFamily:C,fontSize:f,fontWeight:i}=t.toRefs(h),d=t.computed(()=>{const a=N.value?"component-disabled":"",w=V.value!=="b"?"inline-block":"block",u=b.value?b.value:"#bbbbbb",o=v.value?v.value:"#002f3c",l=g.value?g.value:"#ffffff",n=!m.value||m.value<0?1:m.value,$=!y.value||y.value<0?1:y.value,r=!S.value||S.value<0?0:S.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:o,textColor:l,paddingX:n,paddingY:$,borderRadius:r,font:k,fontSize:H,fontWeight:R}}),p=t.computed(()=>d.value.disabled),z=t.computed(()=>({display:d.value.display})),B=t.computed(()=>{const a=d.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}}),_=t.computed(()=>d.value.font),x=()=>{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:x},[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"]]),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:s}){const h=e;t.useCssVars(a=>({"4f0c7280":B.value,"86dec5da":_.value})),t.onMounted(()=>{V.value=b.value});const V=t.ref(!1),{status:b,color:g,containerColor:m,containerColorHover:y,colorHover:S,paddingX:v,paddingY:N,disabled:C}=t.toRefs(h),f=t.computed(()=>{const a=C.value?"component-disabled":"",w=V.value?"change":"",u=m.value?m.value:"#333333",o=g.value?g.value:"#ffffff",l=!v.value||v.value<0?3:v.value,n=!N.value||N.value<0?3:N.value,$=y.value?y.value:"yellow",r=S.value?S.value:"red";return{disabled:a,buttonStatus:w,containerColor:u,paddingX:l,paddingY:n,color:o,containerColorHover:$,colorHover:r}}),i=t.computed(()=>f.value.disabled),d=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),_=t.computed(()=>f.value.colorHover),x=()=>{const a=!V.value;V.value=a,s("clicked",a)};return t.watch(b,()=>{V.value=b.value}),(a,w)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",i.value]),style:t.normalizeStyle([d.value]),onClick:x},[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"]]),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 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=>({c461ea64:x.value,"39967e42":w.value,ed566e48:_.value,"0d683344":a.value}));const{display:V,buttonColor:b,borderColor:g,textColor:m,paddingX:y,paddingY:S,borderRadius:v,disabled:N,fontFamily:C,fontSize:f,fontWeight:i}=t.toRefs(h),d=t.computed(()=>{const o=N.value?"component-disabled":"",l=V.value!=="b"?"inline-block":"block",n=b.value?b.value:"#bbbbbb",$=g.value?g.value:"#ffe54c",r=m.value?m.value:"#ffffff",k=!y.value||y.value<0?1:y.value,H=!S.value||S.value<0?.2:S.value,R=!v.value||v.value<0?0:v.value,c=C.value?C.value:"'Lato', sans-serif",Y=f.value?f.value:"1.6em",W=!i.value||i.value<0?200:i.value;return{disabled:o,display:l,buttonColor:n,borderColor:$,textColor:r,paddingX:k,paddingY:H,borderRadius:R,font:c,fontSize:Y,fontWeight:W}}),p=t.computed(()=>d.value.disabled),z=t.computed(()=>({display:d.value.display})),B=t.computed(()=>{const o=d.value;return{border:`1px solid ${o.borderColor}`,color:o.textColor,padding:`${o.paddingY}rem ${o.paddingX}rem`,borderRadius:_.value,fontSize:o.fontSize,fontWeight:o.fontWeight}}),_=t.computed(()=>`${d.value.borderRadius}rem`),x=t.computed(()=>d.value.font),a=t.computed(()=>d.value.textColor),w=t.computed(()=>d.value.buttonColor),u=()=>{s("clicked")};return(o,l)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",p.value]),style:t.normalizeStyle([z.value]),onClick:u},[t.createElementVNode("div",{id:e.nbId,class:t.normalizeClass(["nb-reset","component"]),style:t.normalizeStyle([B.value])},[t.renderSlot(o.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)],12,ne)],6)):t.createCommentVNode("",!0)}}),[["__scopeId","data-v-0201e93e"]]),ke="",de=["id"],ue=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":x.value,"2d562374":u.value,"360329a3":w.value,"3c24be28":o.value,"7f8991ce":a.value}));const{display:V,textColor:b,paddingX:g,paddingY:m,borderRadius:y,disabled:S,fontFamily:v,fontSize:N,fontWeight:C,textColorHover:f,buttonColor:i,buttonColorHover:d}=t.toRefs(h),p=t.computed(()=>{const n=S.value?"component-disabled":"",$=V.value!=="b"?"inline-block":"block",r=b?b.value:"ffffff",k=!g.value||g.value<0?1:g.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=N.value?N.value:"1.6rem",W=!C.value||C.value<0?100:C.value,I=f.value?f.value:"#cccccc",T=i.value?i.value:"#bbbbbb",D=d.value?d.value:"#959595";return{disabled:n,display:$,font:c,fontSize:Y,fontWeight:W,textColor:r,paddingX:k,paddingY:H,borderRadius:R,textColorHover:I,buttonColor:T,buttonColorHover:D}}),z=t.computed(()=>p.value.disabled),B=t.computed(()=>{const n=p.value;return{display:n.display,borderRadius:`${n.borderRadius}rem`}}),_=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}}),x=t.computed(()=>p.value.font),a=t.computed(()=>p.value.textColor),w=t.computed(()=>p.value.textColorHover),u=t.computed(()=>p.value.buttonColor),o=t.computed(()=>p.value.buttonColorHover),l=()=>{s("clicked")};return(n,$)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["nb-wrapper",z.value]),style:t.normalizeStyle([B.value]),onClick:l},[t.createElementVNode("div",{id:e.nbId,class:"nb-reset component component-transition",style:t.normalizeStyle([_.value])},[t.renderSlot(n.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)],12,de)],6))}}),[["__scopeId","data-v-849fae4e"]]),Re="",se=["id"],ie={class:"first-child"},ce={class:"last-child"},O={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 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(r=>({70620026:u.value,"2928e4ba":o.value,"0fe93572":l.value,"4dcaff7e":n.value}));const{display:V,buttonColor:b,borderColor:g,buttonHoverColor:m,showBorder:y,borderRadius:S,textColor:v,textHoverColor:N,width:C,paddingX:f,paddingY:i,disabled:d,fontFamily:p,fontSize:z,fontWeight:B}=t.toRefs(h),_=t.computed(()=>{const r=d.value?"component-disabled":"",k=V.value!=="b"?"inline-block":"block",H=b.value?b.value:"#ffffff",R=m.value?m.value:"#000000",c=g.value?g.value:"#ffe54c",Y=!S.value||S.value<0?0:S.value,W=[!1,!0].includes(y.value)?y.value:!0,I=v.value?v.value:"#ffffff",T=N.value?N.value:"#000000",D=!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:r,display:k,buttonColor:H,buttonHoverColor:R,borderColor:c,showBorder:W,borderRadius:Y,textColor:I,textHoverColor:T,width:D,paddingX:L,paddingY:A,font:P,fontSize:F,fontWeight:j}}),x=t.computed(()=>_.value.disabled),a=t.computed(()=>({display:_.value.display})),w=t.computed(()=>{const r=_.value,k=r.display==="block"?"auto":`${r.width}px`;return{...r.showBorder?{border:`1px solid ${r.borderColor}`}:{},borderRadius:`${r.borderRadius}rem`,background:r.buttonColor,minWidth:"33px",width:k,padding:`${r.paddingY}rem ${r.paddingX}rem`,lineHeight:"1.42857143",fontSize:r.fontSize,fontWeight:r.fontWeight}}),u=t.computed(()=>_.value.font),o=t.computed(()=>_.value.textColor),l=t.computed(()=>_.value.textHoverColor),n=t.computed(()=>_.value.buttonHoverColor),$=()=>{s("clicked")};return(r,k)=>e.nbId?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["nb-wrapper",x.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",ie,[t.renderSlot(r.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)]),t.createElementVNode("div",ce,[t.renderSlot(r.$slots,"content",{},()=>[t.createTextVNode("Default Text")],!0)])],12,se)],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 CHANGED
@@ -1 +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-fec2a51e]{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-fec2a51e]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-fec2a51e]{margin:0;padding:0}.nb-reset *[data-v-fec2a51e],.nb-reset *[data-v-fec2a51e]:before,.nb-reset *[data-v-fec2a51e]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-fec2a51e]{margin:0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:var(--a193a08a);-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-fec2a51e]:hover{box-shadow:none!important;transform:translate(2px,2px)}.component-disabled[data-v-fec2a51e]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-fec2a51e]{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-34a3b3a9]{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-34a3b3a9]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-34a3b3a9]{margin:0;padding:0}.nb-reset *[data-v-34a3b3a9],.nb-reset *[data-v-34a3b3a9]:before,.nb-reset *[data-v-34a3b3a9]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-34a3b3a9]{margin:4px 6px 10px 0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:Lato,sans-serif;font-family:var(--bf6244be);-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-34a3b3a9]:after{content:"";--disabled-button-color: var(--3087ef32);background-color:var(--disabled-button-color)!important;width:100%;z-index:-1;position:absolute;height:100%;top:7px;left:7px;transition:.2s;border-radius:var(--b71ed32e)}.component[data-v-34a3b3a9]:hover:after{top:0;left:0}.component-disabled[data-v-34a3b3a9]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-34a3b3a9]{--disabled-color: var(--df6e4b52);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.component-disabled .component[data-v-34a3b3a9]: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}
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-0201e93e]{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-0201e93e]{font-family:Lato,sans-serif;font-style:normal;font-weight:light;line-height:1.42857143}.nb-reset *[data-v-0201e93e]{margin:0;padding:0}.nb-reset *[data-v-0201e93e],.nb-reset *[data-v-0201e93e]:before,.nb-reset *[data-v-0201e93e]:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.component[data-v-0201e93e]{margin:4px 6px 10px 0;padding:0;box-sizing:border-box;line-height:1.42857143;font-family:Lato,sans-serif;font-family:var(--c461ea64);-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-0201e93e]:after{content:"";--disabled-button-color: var(--39967e42);background-color:var(--disabled-button-color)!important;width:100%;z-index:-1;position:absolute;height:100%;top:7px;left:7px;transition:.2s;border-radius:var(--ed566e48)}.component[data-v-0201e93e]:hover:after{top:0;left:0}.component-disabled[data-v-0201e93e]{cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.component-disabled .component[data-v-0201e93e]{--disabled-color: var(--0d683344);color:var(--disabled-color)!important;opacity:.7;border-radius:inherit}.component-disabled .component[data-v-0201e93e]:after{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 CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@vlalg-nimbus/nb-buttons",
3
3
  "description": "Button components for Vuejs 3",
4
4
  "private": false,
5
- "version": "2.0.4",
5
+ "version": "2.0.5",
6
6
  "type": "module",
7
7
  "main": "./dist/nb-buttons.umd.js",
8
8
  "module": "./dist/nb-buttons.js",