@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
3 lines (2 loc) • 2.37 kB
JavaScript
;const a=require("./NeonButton.cjs.js"),n=require("vue"),r=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),d={key:1,class:"neon-button__label"},b=["disabled","tabindex","type"],u={key:1,class:"neon-button__label"};function p(e,o,y,k,m,B){const t=n.resolveComponent("neon-icon"),l=n.resolveComponent("neon-link"),s=n.resolveComponent("neon-expansion-indicator");return e.href?(n.openBlock(),n.createBlock(l,n.mergeProps({key:0,ref:"button",class:[e.classes,"neon-button"],disabled:e.disabled||e.state!=="ready",href:e.disabled?void 0:e.href,tabindex:e.disabled?-1:0,"no-style":"","outline-style":"none",role:"button"},e.sanitizedAttributes,{onKeydown:n.withKeys(n.withModifiers(e.clickLink,["prevent"]),["space"])}),{default:n.withCtx(()=>[e.icon||e.state!=="ready"?(n.openBlock(),n.createBlock(t,{key:0,color:e.buttonStyle!=="solid"?e.color:void 0,disabled:e.disabled,inverse:e.buttonStyle==="solid"||e.inverse,name:e.iconName},null,8,["color","disabled","inverse","name"])):n.createCommentVNode("",!0),e.label?(n.openBlock(),n.createElementBlock("span",d,n.toDisplayString(e.label),1)):n.createCommentVNode("",!0)]),_:1},16,["class","disabled","href","tabindex","onKeydown"])):(n.openBlock(),n.createElementBlock("button",n.mergeProps({key:1,ref:"button",class:[e.classes,"neon-button"],disabled:e.disabled||e.state!=="ready",tabindex:e.disabled?-1:0,type:e.buttonType},e.sanitizedAttributes,{onClick:o[0]||(o[0]=(...i)=>e.clickButton&&e.clickButton(...i))}),[e.icon||e.state!=="ready"?(n.openBlock(),n.createBlock(t,{key:0,"aria-label":e.iconAriaLabel,color:e.buttonStyle!=="solid"?e.color:void 0,disabled:e.disabled,inverse:e.buttonStyle==="solid"||e.inverse,name:e.iconName},null,8,["aria-label","color","disabled","inverse","name"])):n.createCommentVNode("",!0),e.label||e.buttonStyle==="input"?(n.openBlock(),n.createElementBlock("span",u,n.toDisplayString(e.label||e.buttonStyle==="input"&&""),1)):n.createCommentVNode("",!0),e.indicator?(n.openBlock(),n.createBlock(s,{key:2,color:e.buttonStyle==="text"?e.color:"low-contrast",disabled:e.disabled,expanded:e.indicatorExpanded,inverse:e.buttonStyle==="solid"||e.inverse,class:"neon-button__indicator"},null,8,["color","disabled","expanded","inverse"])):n.createCommentVNode("",!0)],16,b))}const c=r(a,[["render",p]]);module.exports=c;
//# sourceMappingURL=NeonButton.vue.cjs.js.map