UNPKG

@aotearoan/neon

Version:

Neon is a lightweight design library of Vue 3 components with minimal dependencies.

3 lines (2 loc) 1.66 kB
"use strict";const s=require("./NeonToggleChip.cjs.js"),o=require("vue"),t=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),d=["aria-disabled","aria-pressed"],r={class:"neon-toggle-chip__label"},p=["checked","disabled"];function g(e,l,h,u,c,b){const i=o.resolveComponent("neon-icon");return o.openBlock(),o.createElementBlock("label",{ref:"toggleChipLabel","aria-disabled":e.disabled,"aria-pressed":e.modelValue,class:o.normalizeClass([[`neon-toggle-chip--${e.size}`,`neon-toggle-chip--${e.color}`,{"neon-toggle-chip--disabled":e.disabled,"neon-toggle-chip--checked":e.modelValue,"neon-toggle-chip--show-check":e.showCheck}],"neon-toggle-chip no-style"]),role:"button",tabindex:"0",onKeydown:[l[2]||(l[2]=o.withKeys((...n)=>e.toggleChip&&e.toggleChip(...n),["enter"])),l[3]||(l[3]=o.withKeys(o.withModifiers((...n)=>e.toggleChip&&e.toggleChip(...n),["prevent"]),["space"]))]},[e.modelValue&&e.showCheck?(o.openBlock(),o.createBlock(i,{key:0,disabled:e.disabled,class:"neon-toggle-chip__checked",name:"check"},null,8,["disabled"])):o.createCommentVNode("",!0),o.renderSlot(e.$slots,"default",{},()=>[o.createElementVNode("span",r,o.toDisplayString(e.label),1)]),o.createElementVNode("input",o.mergeProps({checked:e.modelValue,disabled:e.disabled,class:"neon-toggle-chip__input",tabindex:"-1",type:"checkbox"},e.sanitizedAttributes,{onClick:l[0]||(l[0]=o.withModifiers((...n)=>e.toggleChip&&e.toggleChip(...n),["prevent","stop"])),onInput:l[1]||(l[1]=o.withModifiers((...n)=>e.toggleChip&&e.toggleChip(...n),["prevent","stop"]))}),null,16,p)],42,d)}const a=t(s,[["render",g]]);module.exports=a; //# sourceMappingURL=NeonToggleChip.vue.cjs.js.map