UNPKG

primevue

Version:

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

2 lines (1 loc) 1.96 kB
this.primevue=this.primevue||{},this.primevue.checkbox=function(e,t){"use strict";var l={name:"Checkbox",inheritAttrs:!1,emits:["click","update:modelValue","change","input"],props:{value:null,modelValue:null,binary:Boolean,class:null,style:null,trueValue:{type:null,default:!0},falseValue:{type:null,default:!1}},data:()=>({focused:!1}),methods:{onClick(t){if(!this.$attrs.disabled){let l;l=this.binary?this.checked?this.falseValue:this.trueValue:this.checked?this.modelValue.filter((t=>!e.ObjectUtils.equals(t,this.value))):this.modelValue?[...this.modelValue,this.value]:[this.value],this.$emit("click",t),this.$emit("update:modelValue",l),this.$emit("change",t),this.$emit("input",l),this.$refs.input.focus()}},onFocus(){this.focused=!0},onBlur(){this.focused=!1}},computed:{checked(){return this.binary?this.modelValue===this.trueValue:e.ObjectUtils.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 s={class:"p-hidden-accessible"},c=["checked","value"],i=["aria-checked"];return l.render=function(e,l,a,u,o,h){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(h.containerClass),onClick:l[2]||(l[2]=e=>h.onClick(e)),style:t.normalizeStyle(a.style)},[t.createElementVNode("div",s,[t.createElementVNode("input",t.mergeProps({ref:"input",type:"checkbox",checked:h.checked,value:a.value},e.$attrs,{onFocus:l[0]||(l[0]=(...e)=>h.onFocus&&h.onFocus(...e)),onBlur:l[1]||(l[1]=(...e)=>h.onBlur&&h.onBlur(...e))}),null,16,c)]),t.createElementVNode("div",{ref:"box",class:t.normalizeClass(["p-checkbox-box",{"p-highlight":h.checked,"p-disabled":e.$attrs.disabled,"p-focus":o.focused}]),role:"checkbox","aria-checked":h.checked},[t.createElementVNode("span",{class:t.normalizeClass(["p-checkbox-icon",{"pi pi-check":h.checked}])},null,2)],10,i)],6)},l}(primevue.utils,Vue);