UNPKG

primevue

Version:

PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc

2 lines (1 loc) 5.05 kB
"use strict";var e=require("primevue/icons/check"),t=require("primevue/icons/times"),n=require("primevue/basecomponent"),o=require("primevue/tristatecheckbox/style"),r=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=l(e),i=l(t),c={name:"TriStateCheckbox",extends:{name:"BaseTriStateCheckbox",extends:l(n).default,props:{modelValue:null,inputId:{type:String,default:null},inputProps:{type:null,default:null},disabled:{type:Boolean,default:!1},tabindex:{type:Number,default:0},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:l(o).default,provide:function(){return{$parentInstance:this}}},emits:["click","update:modelValue","change","keydown","focus","blur"],data:function(){return{focused:!1}},methods:{getPTOptions:function(e){return this.ptm(e,{context:{active:null!==this.modelValue,focused:this.focused,disabled:this.disabled}})},updateModel:function(){if(!this.disabled){var e;switch(this.modelValue){case!0:e=!1;break;case!1:e=null;break;default:e=!0}this.$emit("update:modelValue",e)}},onClick:function(e){this.updateModel(),this.$emit("click",e),this.$emit("change",e),this.$refs.input.focus()},onKeyDown:function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code||(this.updateModel(),this.$emit("keydown",e),e.preventDefault())},onFocus:function(e){this.focused=!0,this.$emit("focus",e)},onBlur:function(e){this.focused=!1,this.$emit("blur",e)}},computed:{ariaValueLabel:function(){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:a.default,TimesIcon:i.default}};function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function s(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function d(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?s(Object(n),!0).forEach((function(t){p(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function p(e,t,n){var o;return(t="symbol"==u(o=b(t,"string"))?o:String(o))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e,t){if("object"!=u(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!=u(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var m=["id","checked","tabindex","disabled","aria-labelledby","aria-label"],f=["data-p-highlight","data-p-disabled","data-p-focused"];c.render=function(e,t,n,o,l,a){return r.openBlock(),r.createElementBlock("div",r.mergeProps({class:e.cx("root"),onClick:t[3]||(t[3]=function(e){return a.onClick(e)})},e.ptm("root"),{"data-pc-name":"tristatecheckbox"}),[r.createElementVNode("div",r.mergeProps({class:"p-hidden-accessible"},e.ptm("hiddenInputWrapper"),{"data-p-hidden-accessible":!0}),[r.createElementVNode("input",r.mergeProps({ref:"input",id:e.inputId,type:"checkbox",checked:!0===e.modelValue,tabindex:e.tabindex,disabled:e.disabled,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onKeydown:t[0]||(t[0]=function(e){return a.onKeyDown(e)}),onFocus:t[1]||(t[1]=function(e){return a.onFocus(e)}),onBlur:t[2]||(t[2]=function(e){return a.onBlur(e)})},d(d({},e.inputProps),e.ptm("hiddenInput"))),null,16,m)],16),r.createElementVNode("span",r.mergeProps({role:"status",class:"p-hidden-accessible","aria-live":"polite"},e.ptm("hiddenValueLabel"),{"data-p-hidden-accessible":!0}),r.toDisplayString(a.ariaValueLabel),17),r.createElementVNode("div",r.mergeProps({ref:"box",class:e.cx("checkbox")},a.getPTOptions("checkbox"),{"data-p-highlight":null!=e.modelValue,"data-p-disabled":e.disabled,"data-p-focused":l.focused}),[!0===e.modelValue?r.renderSlot(e.$slots,"checkicon",{key:0,class:r.normalizeClass(e.cx("checkIcon"))},(function(){return[(r.openBlock(),r.createBlock(r.resolveDynamicComponent("CheckIcon"),r.mergeProps({class:e.cx("checkIcon")},e.ptm("checkIcon")),null,16,["class"]))]})):!1===e.modelValue?r.renderSlot(e.$slots,"uncheckicon",{key:1,class:r.normalizeClass(e.cx("uncheckIcon"))},(function(){return[(r.openBlock(),r.createBlock(r.resolveDynamicComponent("TimesIcon"),r.mergeProps({class:e.cx("uncheckIcon")},e.ptm("uncheckIcon")),null,16,["class"]))]})):r.renderSlot(e.$slots,"nullableicon",{key:2,class:r.normalizeClass(e.cx("nullableIcon"))},(function(){return[r.createElementVNode("span",r.mergeProps({class:e.cx("nullableIcon")},e.ptm("nullableIcon")),null,16)]}))],16,f)],16)},module.exports=c;