primevue/tristatecheckbox/tristatecheckbox.esm.min.js

[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [![Actions CI](https://github.com/primefaces/primevue/wo

import{openBlock as e,createElementBlock as l,normalizeClass as a,createElementVNode as i,mergeProps as t,toDisplayString as o}from"vue";var s={name:"TriStateCheckbox",emits:["click","update:modelValue","change","keydown","focus","blur"],props:{modelValue:null,inputId:{type:String,default:null},inputProps:{type:null,default:null},disabled:{type:Boolean,default:!1},tabindex:{type:Number,default:0},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},data:()=>({focused:!1}),methods:{updateModel(){if(!this.disabled){let e;switch(this.modelValue){case!0:e=!1;break;case!1:e=null;break;case null:e=!0}this.$emit("update:modelValue",e)}},onClick(e){this.updateModel(),this.$emit("click",e),this.$emit("change",e),this.$refs.input.focus()},onKeyDown(e){"Enter"===e.code&&(this.updateModel(),this.$emit("keydown",e),e.preventDefault())},onFocus(e){this.focused=!0,this.$emit("focus",e)},onBlur(e){this.focused=!1,this.$emit("blur",e)}},computed:{icon(){let e;switch(this.modelValue){case!0:e="pi pi-check";break;case!1:e="pi pi-times";break;case null:e=null}return e},containerClass(){return["p-checkbox p-component",{"p-checkbox-checked":!0===this.modelValue,"p-checkbox-disabled":this.disabled,"p-checkbox-focused":this.focused}]},ariaValueLabel(){return this.modelValue?this.$primevue.config.locale.aria.trueLabel:!1===this.modelValue?this.$primevue.config.locale.aria.falseLabel:this.$primevue.config.locale.aria.nullLabel}}};const d={class:"p-hidden-accessible"},c=["id","checked","tabindex","disabled","aria-labelledby","aria-label"],u={class:"p-sr-only","aria-live":"polite"};s.render=function(s,n,r,p,b,h){return e(),l("div",{class:a(h.containerClass),onClick:n[3]||(n[3]=e=>h.onClick(e))},[i("div",d,[i("input",t({ref:"input",id:r.inputId,type:"checkbox",checked:!0===r.modelValue,tabindex:r.tabindex,disabled:r.disabled,"aria-labelledby":s.ariaLabelledby,"aria-label":s.ariaLabel,onKeydown:n[0]||(n[0]=e=>h.onKeyDown(e)),onFocus:n[1]||(n[1]=e=>h.onFocus(e)),onBlur:n[2]||(n[2]=e=>h.onBlur(e))},r.inputProps),null,16,c)]),i("span",u,o(h.ariaValueLabel),1),i("div",{ref:"box",class:a(["p-checkbox-box",{"p-highlight":null!=r.modelValue,"p-disabled":r.disabled,"p-focus":b.focused}])},[i("span",{class:a(["p-checkbox-icon",h.icon])},null,2)],2)],2)};export{s as default};