primevue/tristatecheckbox/tristatecheckbox.cjs.min.js

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

"use strict";var e=require("primevue/basecomponent"),l=require("primevue/icons/check"),o=require("primevue/icons/times"),t=require("vue");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(e),n=a(l),c=a(o),s={name:"TriStateCheckbox",extends:i.default,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:{getPTOptions(e){return this.ptm(e,{context:{active:null!==this.modelValue,focused:this.focused,disabled:this.disabled}})},updateModel(){if(!this.disabled){let e;switch(this.modelValue){case!0:e=!1;break;case!1:e=null;break;default: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:{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}},components:{CheckIcon:n.default,TimesIcon:c.default}};const r=["id","checked","tabindex","disabled","aria-labelledby","aria-label"];s.render=function(e,l,o,a,i,n){return t.openBlock(),t.createElementBlock("div",t.mergeProps({class:n.containerClass,onClick:l[3]||(l[3]=e=>n.onClick(e))},e.ptm("root")),[t.createElementVNode("div",t.mergeProps({class:"p-hidden-accessible"},e.ptm("hiddenInputWrapper")),[t.createElementVNode("input",t.mergeProps({ref:"input",id:o.inputId,type:"checkbox",checked:!0===o.modelValue,tabindex:o.tabindex,disabled:o.disabled,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onKeydown:l[0]||(l[0]=e=>n.onKeyDown(e)),onFocus:l[1]||(l[1]=e=>n.onFocus(e)),onBlur:l[2]||(l[2]=e=>n.onBlur(e))},{...o.inputProps,...e.ptm("hiddenInput")}),null,16,r)],16),t.createElementVNode("span",t.mergeProps({class:"p-sr-only","aria-live":"polite"},e.ptm("srOnlyAria")),t.toDisplayString(n.ariaValueLabel),17),t.createElementVNode("div",t.mergeProps({ref:"box",class:["p-checkbox-box",{"p-highlight":null!=o.modelValue,"p-disabled":o.disabled,"p-focus":i.focused}]},n.getPTOptions("checbox")),[!0===o.modelValue?t.renderSlot(e.$slots,"checkicon",{key:0},(()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent("CheckIcon"),t.mergeProps({class:"p-checkbox-icon"},e.ptm("checkIcon")),null,16))])):!1===o.modelValue?t.renderSlot(e.$slots,"uncheckicon",{key:1},(()=>[(t.openBlock(),t.createBlock(t.resolveDynamicComponent("TimesIcon"),t.mergeProps({class:"p-checkbox-icon"},e.ptm("uncheckIcon")),null,16))])):t.renderSlot(e.$slots,"nullableicon",{key:2},(()=>[t.createElementVNode("span",t.mergeProps({class:"p-checkbox-icon"},e.ptm("nullableIcon")),null,16)]))],16)],16)},module.exports=s;