primevue 3.45.0 → 3.47.0

package/tristatecheckbox/tristatecheckbox.cjs.min.js

@@ -1 +1 @@
-"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;
+"use strict";var e=require("primevue/icons/check"),t=require("primevue/icons/times"),a=require("primevue/basecomponent"),l=require("primevue/tristatecheckbox/style"),n=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e),c=i(t),r={name:"TriStateCheckbox",extends:{name:"BaseTriStateCheckbox",extends:i(a).default,props:{modelValue:null,disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:i(l).default,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","focus","blur"],methods:{getPTOptions:function(e){return this.ptm(e,{context:{active:this.active,disabled:this.disabled}})},updateModel:function(){var e;switch(this.modelValue){case!0:e=!1;break;case!1:e=null;break;default:e=!0}this.$emit("update:modelValue",e)},onChange:function(e){this.disabled||this.readonly||(this.updateModel(),this.$emit("change",e))},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){this.$emit("blur",e)}},computed:{active:function(){return null!=this.modelValue},checked:function(){return!0===this.modelValue},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:o.default,TimesIcon:c.default}},s=["data-p-highlight","data-p-disabled"],u=["id","value","checked","tabindex","disabled","readonly","aria-labelledby","aria-label"];r.render=function(e,t,a,l,i,o){var c=n.resolveComponent("CheckIcon"),r=n.resolveComponent("TimesIcon");return n.openBlock(),n.createElementBlock("div",n.mergeProps({class:e.cx("root")},o.getPTOptions("root"),{"data-pc-name":"tristatecheckbox","data-p-highlight":o.active,"data-p-disabled":e.disabled}),[n.createElementVNode("input",n.mergeProps({id:e.inputId,type:"checkbox",class:[e.cx("input"),e.inputClass],style:e.inputStyle,value:e.modelValue,checked:o.checked,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(){return o.onFocus&&o.onFocus.apply(o,arguments)}),onBlur:t[1]||(t[1]=function(){return o.onBlur&&o.onBlur.apply(o,arguments)}),onChange:t[2]||(t[2]=function(){return o.onChange&&o.onChange.apply(o,arguments)})},o.getPTOptions("input")),null,16,u),n.createElementVNode("span",n.mergeProps({role:"status",class:"p-hidden-accessible","aria-live":"polite"},o.getPTOptions("hiddenValueLabel"),{"data-p-hidden-accessible":!0}),n.toDisplayString(o.ariaValueLabel),17),n.createElementVNode("div",n.mergeProps({class:e.cx("box")},o.getPTOptions("box")),[!0===e.modelValue?n.renderSlot(e.$slots,"checkicon",{key:0,class:n.normalizeClass(e.cx("checkIcon"))},(function(){return[n.createVNode(c,n.mergeProps({class:e.cx("checkIcon")},o.getPTOptions("checkIcon")),null,16,["class"])]})):!1===e.modelValue?n.renderSlot(e.$slots,"uncheckicon",{key:1,class:n.normalizeClass(e.cx("uncheckIcon"))},(function(){return[n.createVNode(r,n.mergeProps({class:e.cx("uncheckIcon")},o.getPTOptions("uncheckIcon")),null,16,["class"])]})):n.renderSlot(e.$slots,"nullableicon",{key:2,class:n.normalizeClass(e.cx("nullableIcon"))})],16)],16,s)},module.exports=r;

package/tristatecheckbox/tristatecheckbox.esm.js

@@ -2,28 +2,36 @@ import CheckIcon from 'primevue/icons/check';
 import TimesIcon from 'primevue/icons/times';
 import BaseComponent from 'primevue/basecomponent';
 import TriStateCheckboxStyle from 'primevue/tristatecheckbox/style';
-import { openBlock, createElementBlock, mergeProps, createElementVNode, toDisplayString, renderSlot, normalizeClass, createBlock, resolveDynamicComponent } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, mergeProps, createElementVNode, toDisplayString, renderSlot, normalizeClass, createVNode } from 'vue';
 
 var script$1 = {
   name: 'BaseTriStateCheckbox',
   "extends": BaseComponent,
   props: {
     modelValue: null,
-    inputId: {
-      type: String,
-      "default": null
-    },
-    inputProps: {
-      type: null,
-      "default": null
-    },
     disabled: {
       type: Boolean,
       "default": false
     },
+    readonly: {
+      type: Boolean,
+      "default": false
+    },
     tabindex: {
       type: Number,
-      "default": 0
+      "default": null
+    },
+    inputId: {
+      type: String,
+      "default": null
+    },
+    inputClass: {
+      type: [String, Object],
+      "default": null
+    },
+    inputStyle: {
+      type: Object,
+      "default": null
     },
     ariaLabelledby: {
       type: String,
@@ -45,62 +53,51 @@ var script$1 = {
 var script = {
   name: 'TriStateCheckbox',
   "extends": script$1,
-  emits: ['click', 'update:modelValue', 'change', 'keydown', 'focus', 'blur'],
-  data: function data() {
-    return {
-      focused: false
-    };
-  },
+  emits: ['update:modelValue', 'change', 'focus', 'blur'],
   methods: {
     getPTOptions: function getPTOptions(key) {
       return this.ptm(key, {
         context: {
-          active: this.modelValue !== null,
-          focused: this.focused,
+          active: this.active,
           disabled: this.disabled
         }
       });
     },
     updateModel: function updateModel() {
-      if (!this.disabled) {
-        var newValue;
-        switch (this.modelValue) {
-          case true:
-            newValue = false;
-            break;
-          case false:
-            newValue = null;
-            break;
-          default:
-            newValue = true;
-            break;
-        }
-        this.$emit('update:modelValue', newValue);
+      var newValue;
+      switch (this.modelValue) {
+        case true:
+          newValue = false;
+          break;
+        case false:
+          newValue = null;
+          break;
+        default:
+          newValue = true;
+          break;
       }
+      this.$emit('update:modelValue', newValue);
     },
-    onClick: function onClick(event) {
-      this.updateModel();
-      this.$emit('click', event);
-      this.$emit('change', event);
-      this.$refs.input.focus();
-    },
-    onKeyDown: function onKeyDown(event) {
-      if (event.code === 'Enter' || event.code === 'NumpadEnter') {
+    onChange: function onChange(event) {
+      if (!this.disabled && !this.readonly) {
         this.updateModel();
-        this.$emit('keydown', event);
-        event.preventDefault();
+        this.$emit('change', event);
       }
     },
     onFocus: function onFocus(event) {
-      this.focused = true;
       this.$emit('focus', event);
     },
     onBlur: function onBlur(event) {
-      this.focused = false;
       this.$emit('blur', event);
     }
   },
   computed: {
+    active: function active() {
+      return this.modelValue != null;
+    },
+    checked: function checked() {
+      return this.modelValue === true;
+    },
     ariaValueLabel: function ariaValueLabel() {
       return this.modelValue ? this.$primevue.config.locale.aria.trueLabel : this.modelValue === false ? this.$primevue.config.locale.aria.falseLabel : this.$primevue.config.locale.aria.nullLabel;
     }
@@ -111,79 +108,64 @@ var script = {
   }
 };
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var _hoisted_1 = ["id", "checked", "tabindex", "disabled", "aria-labelledby", "aria-label"];
-var _hoisted_2 = ["data-p-highlight", "data-p-disabled", "data-p-focused"];
+var _hoisted_1 = ["data-p-highlight", "data-p-disabled"];
+var _hoisted_2 = ["id", "value", "checked", "tabindex", "disabled", "readonly", "aria-labelledby", "aria-label"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_CheckIcon = resolveComponent("CheckIcon");
+  var _component_TimesIcon = resolveComponent("TimesIcon");
   return openBlock(), createElementBlock("div", mergeProps({
-    "class": _ctx.cx('root'),
-    onClick: _cache[3] || (_cache[3] = function ($event) {
-      return $options.onClick($event);
-    })
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "tristatecheckbox"
-  }), [createElementVNode("div", mergeProps({
-    "class": "p-hidden-accessible"
-  }, _ctx.ptm('hiddenInputWrapper'), {
-    "data-p-hidden-accessible": true
+    "class": _ctx.cx('root')
+  }, $options.getPTOptions('root'), {
+    "data-pc-name": "tristatecheckbox",
+    "data-p-highlight": $options.active,
+    "data-p-disabled": _ctx.disabled
   }), [createElementVNode("input", mergeProps({
-    ref: "input",
     id: _ctx.inputId,
     type: "checkbox",
-    checked: _ctx.modelValue === true,
+    "class": [_ctx.cx('input'), _ctx.inputClass],
+    style: _ctx.inputStyle,
+    value: _ctx.modelValue,
+    checked: $options.checked,
     tabindex: _ctx.tabindex,
     disabled: _ctx.disabled,
+    readonly: _ctx.readonly,
     "aria-labelledby": _ctx.ariaLabelledby,
     "aria-label": _ctx.ariaLabel,
-    onKeydown: _cache[0] || (_cache[0] = function ($event) {
-      return $options.onKeyDown($event);
+    onFocus: _cache[0] || (_cache[0] = function () {
+      return $options.onFocus && $options.onFocus.apply($options, arguments);
     }),
-    onFocus: _cache[1] || (_cache[1] = function ($event) {
-      return $options.onFocus($event);
+    onBlur: _cache[1] || (_cache[1] = function () {
+      return $options.onBlur && $options.onBlur.apply($options, arguments);
     }),
-    onBlur: _cache[2] || (_cache[2] = function ($event) {
-      return $options.onBlur($event);
+    onChange: _cache[2] || (_cache[2] = function () {
+      return $options.onChange && $options.onChange.apply($options, arguments);
     })
-  }, _objectSpread(_objectSpread({}, _ctx.inputProps), _ctx.ptm('hiddenInput'))), null, 16, _hoisted_1)], 16), createElementVNode("span", mergeProps({
+  }, $options.getPTOptions('input')), null, 16, _hoisted_2), createElementVNode("span", mergeProps({
     role: "status",
     "class": "p-hidden-accessible",
     "aria-live": "polite"
-  }, _ctx.ptm('hiddenValueLabel'), {
+  }, $options.getPTOptions('hiddenValueLabel'), {
     "data-p-hidden-accessible": true
   }), toDisplayString($options.ariaValueLabel), 17), createElementVNode("div", mergeProps({
-    ref: "box",
-    "class": _ctx.cx('checkbox')
-  }, $options.getPTOptions('checkbox'), {
-    "data-p-highlight": _ctx.modelValue != null,
-    "data-p-disabled": _ctx.disabled,
-    "data-p-focused": $data.focused
-  }), [_ctx.modelValue === true ? renderSlot(_ctx.$slots, "checkicon", {
+    "class": _ctx.cx('box')
+  }, $options.getPTOptions('box')), [_ctx.modelValue === true ? renderSlot(_ctx.$slots, "checkicon", {
     key: 0,
     "class": normalizeClass(_ctx.cx('checkIcon'))
   }, function () {
-    return [(openBlock(), createBlock(resolveDynamicComponent('CheckIcon'), mergeProps({
+    return [createVNode(_component_CheckIcon, mergeProps({
       "class": _ctx.cx('checkIcon')
-    }, _ctx.ptm('checkIcon')), null, 16, ["class"]))];
+    }, $options.getPTOptions('checkIcon')), null, 16, ["class"])];
   }) : _ctx.modelValue === false ? renderSlot(_ctx.$slots, "uncheckicon", {
     key: 1,
     "class": normalizeClass(_ctx.cx('uncheckIcon'))
   }, function () {
-    return [(openBlock(), createBlock(resolveDynamicComponent('TimesIcon'), mergeProps({
+    return [createVNode(_component_TimesIcon, mergeProps({
       "class": _ctx.cx('uncheckIcon')
-    }, _ctx.ptm('uncheckIcon')), null, 16, ["class"]))];
+    }, $options.getPTOptions('uncheckIcon')), null, 16, ["class"])];
   }) : renderSlot(_ctx.$slots, "nullableicon", {
     key: 2,
     "class": normalizeClass(_ctx.cx('nullableIcon'))
-  }, function () {
-    return [createElementVNode("span", mergeProps({
-      "class": _ctx.cx('nullableIcon')
-    }, _ctx.ptm('nullableIcon')), null, 16)];
-  })], 16, _hoisted_2)], 16);
+  })], 16)], 16, _hoisted_1);
 }
 
 script.render = render;

package/tristatecheckbox/tristatecheckbox.esm.min.js

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

package/tristatecheckbox/tristatecheckbox.js

@@ -14,21 +14,29 @@ this.primevue.tristatecheckbox = (function (CheckIcon, TimesIcon, BaseComponent,
       "extends": BaseComponent__default["default"],
       props: {
         modelValue: null,
-        inputId: {
-          type: String,
-          "default": null
-        },
-        inputProps: {
-          type: null,
-          "default": null
-        },
         disabled: {
           type: Boolean,
           "default": false
         },
+        readonly: {
+          type: Boolean,
+          "default": false
+        },
         tabindex: {
           type: Number,
-          "default": 0
+          "default": null
+        },
+        inputId: {
+          type: String,
+          "default": null
+        },
+        inputClass: {
+          type: [String, Object],
+          "default": null
+        },
+        inputStyle: {
+          type: Object,
+          "default": null
         },
         ariaLabelledby: {
           type: String,
@@ -50,62 +58,51 @@ this.primevue.tristatecheckbox = (function (CheckIcon, TimesIcon, BaseComponent,
     var script = {
       name: 'TriStateCheckbox',
       "extends": script$1,
-      emits: ['click', 'update:modelValue', 'change', 'keydown', 'focus', 'blur'],
-      data: function data() {
-        return {
-          focused: false
-        };
-      },
+      emits: ['update:modelValue', 'change', 'focus', 'blur'],
       methods: {
         getPTOptions: function getPTOptions(key) {
           return this.ptm(key, {
             context: {
-              active: this.modelValue !== null,
-              focused: this.focused,
+              active: this.active,
               disabled: this.disabled
             }
           });
         },
         updateModel: function updateModel() {
-          if (!this.disabled) {
-            var newValue;
-            switch (this.modelValue) {
-              case true:
-                newValue = false;
-                break;
-              case false:
-                newValue = null;
-                break;
-              default:
-                newValue = true;
-                break;
-            }
-            this.$emit('update:modelValue', newValue);
+          var newValue;
+          switch (this.modelValue) {
+            case true:
+              newValue = false;
+              break;
+            case false:
+              newValue = null;
+              break;
+            default:
+              newValue = true;
+              break;
           }
+          this.$emit('update:modelValue', newValue);
         },
-        onClick: function onClick(event) {
-          this.updateModel();
-          this.$emit('click', event);
-          this.$emit('change', event);
-          this.$refs.input.focus();
-        },
-        onKeyDown: function onKeyDown(event) {
-          if (event.code === 'Enter' || event.code === 'NumpadEnter') {
+        onChange: function onChange(event) {
+          if (!this.disabled && !this.readonly) {
             this.updateModel();
-            this.$emit('keydown', event);
-            event.preventDefault();
+            this.$emit('change', event);
           }
         },
         onFocus: function onFocus(event) {
-          this.focused = true;
           this.$emit('focus', event);
         },
         onBlur: function onBlur(event) {
-          this.focused = false;
           this.$emit('blur', event);
         }
       },
       computed: {
+        active: function active() {
+          return this.modelValue != null;
+        },
+        checked: function checked() {
+          return this.modelValue === true;
+        },
         ariaValueLabel: function ariaValueLabel() {
           return this.modelValue ? this.$primevue.config.locale.aria.trueLabel : this.modelValue === false ? this.$primevue.config.locale.aria.falseLabel : this.$primevue.config.locale.aria.nullLabel;
         }
@@ -116,79 +113,64 @@ this.primevue.tristatecheckbox = (function (CheckIcon, TimesIcon, BaseComponent,
       }
     };
 
-    function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-    function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-    function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-    function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-    function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-    function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-    var _hoisted_1 = ["id", "checked", "tabindex", "disabled", "aria-labelledby", "aria-label"];
-    var _hoisted_2 = ["data-p-highlight", "data-p-disabled", "data-p-focused"];
+    var _hoisted_1 = ["data-p-highlight", "data-p-disabled"];
+    var _hoisted_2 = ["id", "value", "checked", "tabindex", "disabled", "readonly", "aria-labelledby", "aria-label"];
     function render(_ctx, _cache, $props, $setup, $data, $options) {
+      var _component_CheckIcon = vue.resolveComponent("CheckIcon");
+      var _component_TimesIcon = vue.resolveComponent("TimesIcon");
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-        "class": _ctx.cx('root'),
-        onClick: _cache[3] || (_cache[3] = function ($event) {
-          return $options.onClick($event);
-        })
-      }, _ctx.ptm('root'), {
-        "data-pc-name": "tristatecheckbox"
-      }), [vue.createElementVNode("div", vue.mergeProps({
-        "class": "p-hidden-accessible"
-      }, _ctx.ptm('hiddenInputWrapper'), {
-        "data-p-hidden-accessible": true
+        "class": _ctx.cx('root')
+      }, $options.getPTOptions('root'), {
+        "data-pc-name": "tristatecheckbox",
+        "data-p-highlight": $options.active,
+        "data-p-disabled": _ctx.disabled
       }), [vue.createElementVNode("input", vue.mergeProps({
-        ref: "input",
         id: _ctx.inputId,
         type: "checkbox",
-        checked: _ctx.modelValue === true,
+        "class": [_ctx.cx('input'), _ctx.inputClass],
+        style: _ctx.inputStyle,
+        value: _ctx.modelValue,
+        checked: $options.checked,
         tabindex: _ctx.tabindex,
         disabled: _ctx.disabled,
+        readonly: _ctx.readonly,
         "aria-labelledby": _ctx.ariaLabelledby,
         "aria-label": _ctx.ariaLabel,
-        onKeydown: _cache[0] || (_cache[0] = function ($event) {
-          return $options.onKeyDown($event);
+        onFocus: _cache[0] || (_cache[0] = function () {
+          return $options.onFocus && $options.onFocus.apply($options, arguments);
         }),
-        onFocus: _cache[1] || (_cache[1] = function ($event) {
-          return $options.onFocus($event);
+        onBlur: _cache[1] || (_cache[1] = function () {
+          return $options.onBlur && $options.onBlur.apply($options, arguments);
         }),
-        onBlur: _cache[2] || (_cache[2] = function ($event) {
-          return $options.onBlur($event);
+        onChange: _cache[2] || (_cache[2] = function () {
+          return $options.onChange && $options.onChange.apply($options, arguments);
         })
-      }, _objectSpread(_objectSpread({}, _ctx.inputProps), _ctx.ptm('hiddenInput'))), null, 16, _hoisted_1)], 16), vue.createElementVNode("span", vue.mergeProps({
+      }, $options.getPTOptions('input')), null, 16, _hoisted_2), vue.createElementVNode("span", vue.mergeProps({
         role: "status",
         "class": "p-hidden-accessible",
         "aria-live": "polite"
-      }, _ctx.ptm('hiddenValueLabel'), {
+      }, $options.getPTOptions('hiddenValueLabel'), {
         "data-p-hidden-accessible": true
       }), vue.toDisplayString($options.ariaValueLabel), 17), vue.createElementVNode("div", vue.mergeProps({
-        ref: "box",
-        "class": _ctx.cx('checkbox')
-      }, $options.getPTOptions('checkbox'), {
-        "data-p-highlight": _ctx.modelValue != null,
-        "data-p-disabled": _ctx.disabled,
-        "data-p-focused": $data.focused
-      }), [_ctx.modelValue === true ? vue.renderSlot(_ctx.$slots, "checkicon", {
+        "class": _ctx.cx('box')
+      }, $options.getPTOptions('box')), [_ctx.modelValue === true ? vue.renderSlot(_ctx.$slots, "checkicon", {
         key: 0,
         "class": vue.normalizeClass(_ctx.cx('checkIcon'))
       }, function () {
-        return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent('CheckIcon'), vue.mergeProps({
+        return [vue.createVNode(_component_CheckIcon, vue.mergeProps({
           "class": _ctx.cx('checkIcon')
-        }, _ctx.ptm('checkIcon')), null, 16, ["class"]))];
+        }, $options.getPTOptions('checkIcon')), null, 16, ["class"])];
       }) : _ctx.modelValue === false ? vue.renderSlot(_ctx.$slots, "uncheckicon", {
         key: 1,
         "class": vue.normalizeClass(_ctx.cx('uncheckIcon'))
       }, function () {
-        return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent('TimesIcon'), vue.mergeProps({
+        return [vue.createVNode(_component_TimesIcon, vue.mergeProps({
           "class": _ctx.cx('uncheckIcon')
-        }, _ctx.ptm('uncheckIcon')), null, 16, ["class"]))];
+        }, $options.getPTOptions('uncheckIcon')), null, 16, ["class"])];
       }) : vue.renderSlot(_ctx.$slots, "nullableicon", {
         key: 2,
         "class": vue.normalizeClass(_ctx.cx('nullableIcon'))
-      }, function () {
-        return [vue.createElementVNode("span", vue.mergeProps({
-          "class": _ctx.cx('nullableIcon')
-        }, _ctx.ptm('nullableIcon')), null, 16)];
-      })], 16, _hoisted_2)], 16);
+      })], 16)], 16, _hoisted_1);
     }
 
     script.render = render;

package/tristatecheckbox/tristatecheckbox.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.tristatecheckbox=function(e,t,n,o,l){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e),a=r(t),c={name:"TriStateCheckbox",extends:{name:"BaseTriStateCheckbox",extends:r(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:r(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:i.default,TimesIcon:a.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=m(t,"string"))?o:String(o))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(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 b=["id","checked","tabindex","disabled","aria-labelledby","aria-label"],f=["data-p-highlight","data-p-disabled","data-p-focused"];return c.render=function(e,t,n,o,r,i){return l.openBlock(),l.createElementBlock("div",l.mergeProps({class:e.cx("root"),onClick:t[3]||(t[3]=function(e){return i.onClick(e)})},e.ptm("root"),{"data-pc-name":"tristatecheckbox"}),[l.createElementVNode("div",l.mergeProps({class:"p-hidden-accessible"},e.ptm("hiddenInputWrapper"),{"data-p-hidden-accessible":!0}),[l.createElementVNode("input",l.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 i.onKeyDown(e)}),onFocus:t[1]||(t[1]=function(e){return i.onFocus(e)}),onBlur:t[2]||(t[2]=function(e){return i.onBlur(e)})},d(d({},e.inputProps),e.ptm("hiddenInput"))),null,16,b)],16),l.createElementVNode("span",l.mergeProps({role:"status",class:"p-hidden-accessible","aria-live":"polite"},e.ptm("hiddenValueLabel"),{"data-p-hidden-accessible":!0}),l.toDisplayString(i.ariaValueLabel),17),l.createElementVNode("div",l.mergeProps({ref:"box",class:e.cx("checkbox")},i.getPTOptions("checkbox"),{"data-p-highlight":null!=e.modelValue,"data-p-disabled":e.disabled,"data-p-focused":r.focused}),[!0===e.modelValue?l.renderSlot(e.$slots,"checkicon",{key:0,class:l.normalizeClass(e.cx("checkIcon"))},(function(){return[(l.openBlock(),l.createBlock(l.resolveDynamicComponent("CheckIcon"),l.mergeProps({class:e.cx("checkIcon")},e.ptm("checkIcon")),null,16,["class"]))]})):!1===e.modelValue?l.renderSlot(e.$slots,"uncheckicon",{key:1,class:l.normalizeClass(e.cx("uncheckIcon"))},(function(){return[(l.openBlock(),l.createBlock(l.resolveDynamicComponent("TimesIcon"),l.mergeProps({class:e.cx("uncheckIcon")},e.ptm("uncheckIcon")),null,16,["class"]))]})):l.renderSlot(e.$slots,"nullableicon",{key:2,class:l.normalizeClass(e.cx("nullableIcon"))},(function(){return[l.createElementVNode("span",l.mergeProps({class:e.cx("nullableIcon")},e.ptm("nullableIcon")),null,16)]}))],16,f)],16)},c}(primevue.icons.check,primevue.icons.times,primevue.basecomponent,primevue.tristatecheckbox.style,Vue);
+this.primevue=this.primevue||{},this.primevue.tristatecheckbox=function(e,t,a,l,n){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e),c=i(t),s={name:"TriStateCheckbox",extends:{name:"BaseTriStateCheckbox",extends:i(a).default,props:{modelValue:null,disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:i(l).default,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","focus","blur"],methods:{getPTOptions:function(e){return this.ptm(e,{context:{active:this.active,disabled:this.disabled}})},updateModel:function(){var e;switch(this.modelValue){case!0:e=!1;break;case!1:e=null;break;default:e=!0}this.$emit("update:modelValue",e)},onChange:function(e){this.disabled||this.readonly||(this.updateModel(),this.$emit("change",e))},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){this.$emit("blur",e)}},computed:{active:function(){return null!=this.modelValue},checked:function(){return!0===this.modelValue},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:o.default,TimesIcon:c.default}},u=["data-p-highlight","data-p-disabled"],r=["id","value","checked","tabindex","disabled","readonly","aria-labelledby","aria-label"];return s.render=function(e,t,a,l,i,o){var c=n.resolveComponent("CheckIcon"),s=n.resolveComponent("TimesIcon");return n.openBlock(),n.createElementBlock("div",n.mergeProps({class:e.cx("root")},o.getPTOptions("root"),{"data-pc-name":"tristatecheckbox","data-p-highlight":o.active,"data-p-disabled":e.disabled}),[n.createElementVNode("input",n.mergeProps({id:e.inputId,type:"checkbox",class:[e.cx("input"),e.inputClass],style:e.inputStyle,value:e.modelValue,checked:o.checked,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(){return o.onFocus&&o.onFocus.apply(o,arguments)}),onBlur:t[1]||(t[1]=function(){return o.onBlur&&o.onBlur.apply(o,arguments)}),onChange:t[2]||(t[2]=function(){return o.onChange&&o.onChange.apply(o,arguments)})},o.getPTOptions("input")),null,16,r),n.createElementVNode("span",n.mergeProps({role:"status",class:"p-hidden-accessible","aria-live":"polite"},o.getPTOptions("hiddenValueLabel"),{"data-p-hidden-accessible":!0}),n.toDisplayString(o.ariaValueLabel),17),n.createElementVNode("div",n.mergeProps({class:e.cx("box")},o.getPTOptions("box")),[!0===e.modelValue?n.renderSlot(e.$slots,"checkicon",{key:0,class:n.normalizeClass(e.cx("checkIcon"))},(function(){return[n.createVNode(c,n.mergeProps({class:e.cx("checkIcon")},o.getPTOptions("checkIcon")),null,16,["class"])]})):!1===e.modelValue?n.renderSlot(e.$slots,"uncheckicon",{key:1,class:n.normalizeClass(e.cx("uncheckIcon"))},(function(){return[n.createVNode(s,n.mergeProps({class:e.cx("uncheckIcon")},o.getPTOptions("uncheckIcon")),null,16,["class"])]})):n.renderSlot(e.$slots,"nullableicon",{key:2,class:n.normalizeClass(e.cx("nullableIcon"))})],16)],16,u)},s}(primevue.icons.check,primevue.icons.times,primevue.basecomponent,primevue.tristatecheckbox.style,Vue);

package/utils/utils.cjs.js

@@ -268,6 +268,7 @@ var DomHandler = {
     return 0;
   },
   absolutePosition: function absolutePosition(element, target) {
+    var gutter = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
     if (element) {
       var elementDimensions = element.offsetParent ? {
         width: element.offsetWidth,
@@ -281,23 +282,27 @@ var DomHandler = {
       var windowScrollTop = this.getWindowScrollTop();
       var windowScrollLeft = this.getWindowScrollLeft();
       var viewport = this.getViewport();
-      var top, left;
+      var top,
+        left,
+        origin = 'top';
       if (targetOffset.top + targetOuterHeight + elementOuterHeight > viewport.height) {
         top = targetOffset.top + windowScrollTop - elementOuterHeight;
-        element.style.transformOrigin = 'bottom';
+        origin = 'bottom';
         if (top < 0) {
           top = windowScrollTop;
         }
       } else {
         top = targetOuterHeight + targetOffset.top + windowScrollTop;
-        element.style.transformOrigin = 'top';
       }
       if (targetOffset.left + elementOuterWidth > viewport.width) left = Math.max(0, targetOffset.left + windowScrollLeft + targetOuterWidth - elementOuterWidth);else left = targetOffset.left + windowScrollLeft;
       element.style.top = top + 'px';
       element.style.left = left + 'px';
+      element.style.transformOrigin = origin;
+      gutter && (element.style.marginTop = origin === 'bottom' ? 'calc(var(--p-anchor-gutter) * -1)' : 'calc(var(--p-anchor-gutter))');
     }
   },
   relativePosition: function relativePosition(element, target) {
+    var gutter = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
     if (element) {
       var elementDimensions = element.offsetParent ? {
         width: element.offsetWidth,
@@ -306,16 +311,17 @@ var DomHandler = {
       var targetHeight = target.offsetHeight;
       var targetOffset = target.getBoundingClientRect();
       var viewport = this.getViewport();
-      var top, left;
+      var top,
+        left,
+        origin = 'top';
       if (targetOffset.top + targetHeight + elementDimensions.height > viewport.height) {
         top = -1 * elementDimensions.height;
-        element.style.transformOrigin = 'bottom';
+        origin = 'bottom';
         if (targetOffset.top + top < 0) {
           top = -1 * targetOffset.top;
         }
       } else {
         top = targetHeight;
-        element.style.transformOrigin = 'top';
       }
       if (elementDimensions.width > viewport.width) {
         // element wider then viewport and cannot fit on screen (align at left side of viewport)
@@ -329,6 +335,8 @@ var DomHandler = {
       }
       element.style.top = top + 'px';
       element.style.left = left + 'px';
+      element.style.transformOrigin = origin;
+      gutter && (element.style.marginTop = origin === 'bottom' ? 'calc(var(--p-anchor-gutter) * -1)' : 'calc(var(--p-anchor-gutter))');
     }
   },
   nestedPosition: function nestedPosition(element, level) {