UNPKG

@aotearoan/neon

Version:

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

3 lines (2 loc) 925 B
"use strict";const e=require("vue"),a=require("../../../common/enums/NeonToggleChipSize.cjs.js"),d=require("../../../common/enums/NeonFunctionalColor.cjs.js"),c=require("../../presentation/icon/NeonIcon.vue.cjs.js"),p=e.defineComponent({name:"NeonToggleChip",components:{NeonIcon:c},props:{modelValue:{type:Boolean,required:!0},label:{type:String},size:{type:String,default:a.NeonToggleChipSize.Medium},color:{type:String,default:d.NeonFunctionalColor.Primary},showCheck:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(o,{emit:u}){const r=e.useAttrs(),n=e.ref(null),i=l=>{var t;u("update:modelValue",l),(t=n.value)==null||t.blur()};return{sanitizedAttributes:e.computed(()=>{const{onClick:l,type:t,tabindex:C,...s}=r;return{...s}}),toggleChipLabel:n,emitInput:i,toggleChip:()=>{o.disabled||i(!o.modelValue)}}}});module.exports=p; //# sourceMappingURL=NeonToggleChip.cjs.js.map