@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
3 lines (2 loc) • 1.11 kB
JavaScript
;const t=require("vue"),d=require("../../../common/enums/NeonSize.cjs.js"),c=require("../../../common/enums/NeonFunctionalColor.cjs.js"),p=require("../../../common/enums/NeonToggleStyle.cjs.js"),g=require("../../../common/enums/NeonOrientation.cjs.js"),m=require("../../presentation/icon/NeonIcon.vue.cjs.js"),y=t.defineComponent({name:"NeonToggle",components:{NeonIcon:m},props:{name:{type:String,required:!0},modelValue:{type:String,required:!0},model:{type:Array,required:!0},toggleStyle:{type:String,default:()=>p.NeonToggleStyle.Toggle},size:{type:String,default:()=>d.NeonSize.Medium},orientation:{type:String,default:()=>g.NeonOrientation.Vertical},color:{type:String,default:()=>c.NeonFunctionalColor.Neutral},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(n,{emit:i,slots:r}){const l=t.useAttrs(),o=e=>{i("update:modelValue",e)},u=e=>{n.disabled||o(e)},s=t.computed(()=>{const{onClick:e,...a}=l;return a});return{selectOption:e=>{!n.disabled&&!e.disabled&&o(e.key)},onInput:u,sanitizedAttributes:s,slots:r}}});module.exports=y;
//# sourceMappingURL=NeonToggle.cjs.js.map