@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
3 lines (2 loc) • 2.12 kB
JavaScript
;const r=require("./NeonButton.cjs.js"),n=require("vue"),a=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),d={key:1,class:"neon-button__label"},u=["disabled","tabindex"],b={key:1,class:"neon-button__label"};function c(e,o,k,m,y,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"],href:e.href,tabindex:e.disabled?-1:0,"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","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},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,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",b,n.toDisplayString(e.label),1)):n.createCommentVNode("",!0),e.indicator?(n.openBlock(),n.createBlock(s,{key:2,color:e.color,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,u))}const p=a(r,[["render",c]]);module.exports=p;
//# sourceMappingURL=NeonButton.vue.cjs.js.map