primevue/checkbox/checkbox.esm.min.js

[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [![Discord Chat](https://img.shields.io/discord/55794023

import{ObjectUtils as e}from"primevue/utils";import{openBlock as c,createBlock as s,createVNode as l,mergeProps as i}from"vue";var t={name:"Checkbox",inheritAttrs:!1,emits:["click","update:modelValue","change"],props:{value:null,modelValue:null,binary:Boolean,class:null,style:null},data:()=>({focused:!1}),methods:{onClick(c){if(!this.$attrs.disabled){let s;s=this.binary?!this.modelValue:this.checked?this.modelValue.filter((c=>!e.equals(c,this.value))):this.modelValue?[...this.modelValue,this.value]:[this.value],this.$emit("click",c),this.$emit("update:modelValue",s),this.$emit("change",c),this.$refs.input.focus()}},onFocus(){this.focused=!0},onBlur(){this.focused=!1}},computed:{checked(){return this.binary?this.modelValue:e.contains(this.value,this.modelValue)},containerClass(){return["p-checkbox p-component",this.class,{"p-checkbox-checked":this.checked,"p-checkbox-disabled":this.$attrs.disabled,"p-checkbox-focused":this.focused}]}}};const o={class:"p-hidden-accessible"};t.render=function(e,t,a,h,u,d){return c(),s("div",{class:d.containerClass,onClick:t[3]||(t[3]=e=>d.onClick(e)),style:a.style},[l("div",o,[l("input",i({ref:"input",type:"checkbox",checked:d.checked,value:a.value},e.$attrs,{onFocus:t[1]||(t[1]=(...e)=>d.onFocus&&d.onFocus(...e)),onBlur:t[2]||(t[2]=(...e)=>d.onBlur&&d.onBlur(...e))}),null,16,["checked","value"])]),l("div",{ref:"box",class:["p-checkbox-box",{"p-highlight":d.checked,"p-disabled":e.$attrs.disabled,"p-focus":u.focused}],role:"checkbox","aria-checked":d.checked},[l("span",{class:["p-checkbox-icon",{"pi pi-check":d.checked}]},null,2)],10,["aria-checked"])],6)};export default t;