primevue 3.45.0 → 3.47.0

package/togglebutton/togglebutton.esm.js

@@ -1,7 +1,8 @@
 import Ripple from 'primevue/ripple';
+import { ObjectUtils } from 'primevue/utils';
 import BaseComponent from 'primevue/basecomponent';
 import ToggleButtonStyle from 'primevue/togglebutton/style';
-import { resolveDirective, withDirectives, openBlock, createElementBlock, mergeProps, createElementVNode, renderSlot, normalizeClass, createCommentVNode, toDisplayString } from 'vue';
+import { resolveDirective, openBlock, createElementBlock, mergeProps, createElementVNode, withDirectives, renderSlot, normalizeClass, createCommentVNode, toDisplayString } from 'vue';
 
 var script$1 = {
   name: 'BaseToggleButton',
@@ -26,6 +27,10 @@ var script$1 = {
       type: Boolean,
       "default": false
     },
+    readonly: {
+      type: Boolean,
+      "default": false
+    },
     tabindex: {
       type: Number,
       "default": null
@@ -42,10 +47,6 @@ var script$1 = {
       type: Object,
       "default": null
     },
-    inputProps: {
-      type: null,
-      "default": null
-    },
     ariaLabelledby: {
       type: String,
       "default": null
@@ -66,72 +67,41 @@ var script$1 = {
 var script = {
   name: 'ToggleButton',
   "extends": script$1,
-  emits: ['update:modelValue', 'change', 'click', 'focus', 'blur'],
-  outsideClickListener: null,
-  data: function data() {
-    return {
-      focused: false
-    };
-  },
-  mounted: function mounted() {
-    this.bindOutsideClickListener();
-  },
-  beforeUnmount: function beforeUnmount() {
-    this.unbindOutsideClickListener();
-  },
+  emits: ['update:modelValue', 'change', 'focus', 'blur'],
   methods: {
-    onClick: function onClick(event) {
-      if (!this.disabled) {
+    getPTOptions: function getPTOptions(key) {
+      return this.ptm(key, {
+        context: {
+          active: this.active,
+          disabled: this.disabled
+        }
+      });
+    },
+    onChange: function onChange(event) {
+      if (!this.disabled && !this.readonly) {
         this.$emit('update:modelValue', !this.modelValue);
         this.$emit('change', event);
-        this.$emit('click', event);
-        this.focused = true;
       }
     },
     onFocus: function onFocus(event) {
-      this.focused = true;
       this.$emit('focus', event);
     },
     onBlur: function onBlur(event) {
-      this.focused = false;
       this.$emit('blur', event);
-    },
-    bindOutsideClickListener: function bindOutsideClickListener() {
-      var _this = this;
-      if (!this.outsideClickListener) {
-        this.outsideClickListener = function (event) {
-          if (_this.focused && !_this.$refs.container.contains(event.target)) {
-            _this.focused = false;
-          }
-        };
-        document.addEventListener('click', this.outsideClickListener);
-      }
-    },
-    unbindOutsideClickListener: function unbindOutsideClickListener() {
-      if (this.outsideClickListener) {
-        document.removeEventListener('click', this.outsideClickListener);
-        this.outsideClickListener = null;
-      }
     }
   },
   computed: {
+    active: function active() {
+      return this.modelValue === true;
+    },
     hasLabel: function hasLabel() {
-      return this.onLabel && this.onLabel.length > 0 && this.offLabel && this.offLabel.length > 0;
+      return ObjectUtils.isNotEmpty(this.onLabel) && ObjectUtils.isNotEmpty(this.offLabel);
     },
     hasIcon: function hasIcon() {
       return this.$slots.icon || this.onIcon && this.offIcon;
     },
     label: function label() {
       return this.hasLabel ? this.modelValue ? this.onLabel : this.offLabel : ' ';
-    },
-    getPTOptions: function getPTOptions() {
-      return {
-        context: {
-          focused: this.focused,
-          disabled: this.disabled,
-          highlighted: this.modelValue === true
-        }
-      };
     }
   },
   directives: {
@@ -139,56 +109,51 @@ 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 = ["data-p-active"];
-var _hoisted_2 = ["id", "checked", "value", "aria-labelledby", "aria-label"];
+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 _directive_ripple = resolveDirective("ripple");
-  return withDirectives((openBlock(), createElementBlock("div", mergeProps({
-    ref: "container",
-    "class": _ctx.cx('root'),
-    onClick: _cache[2] || (_cache[2] = function ($event) {
-      return $options.onClick($event);
-    })
-  }, _ctx.ptm('root', $options.getPTOptions), {
-    "data-p-active": _ctx.modelValue === true,
-    "data-pc-name": "togglebutton"
-  }), [createElementVNode("span", mergeProps({
-    "class": "p-hidden-accessible"
-  }, _ctx.ptm('hiddenInputWrapper'), {
-    "data-p-hidden-accessible": true
+  return openBlock(), createElementBlock("div", mergeProps({
+    "class": _ctx.cx('root')
+  }, $options.getPTOptions('root'), {
+    "data-pc-name": "togglebutton",
+    "data-p-highlight": $options.active,
+    "data-p-disabled": _ctx.disabled
   }), [createElementVNode("input", mergeProps({
     id: _ctx.inputId,
     type: "checkbox",
     role: "switch",
-    "class": _ctx.inputClass,
+    "class": [_ctx.cx('input'), _ctx.inputClass],
     style: _ctx.inputStyle,
-    checked: _ctx.modelValue,
     value: _ctx.modelValue,
+    checked: $options.active,
+    tabindex: _ctx.tabindex,
+    disabled: _ctx.disabled,
+    readonly: _ctx.readonly,
     "aria-labelledby": _ctx.ariaLabelledby,
     "aria-label": _ctx.ariaLabel,
-    onFocus: _cache[0] || (_cache[0] = function ($event) {
-      return $options.onFocus($event);
+    onFocus: _cache[0] || (_cache[0] = function () {
+      return $options.onFocus && $options.onFocus.apply($options, arguments);
+    }),
+    onBlur: _cache[1] || (_cache[1] = function () {
+      return $options.onBlur && $options.onBlur.apply($options, arguments);
     }),
-    onBlur: _cache[1] || (_cache[1] = 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_2)], 16), renderSlot(_ctx.$slots, "icon", {
+  }, $options.getPTOptions('input')), null, 16, _hoisted_2), withDirectives((openBlock(), createElementBlock("div", mergeProps({
+    "class": _ctx.cx('box')
+  }, $options.getPTOptions('box')), [renderSlot(_ctx.$slots, "icon", {
     value: _ctx.modelValue,
     "class": normalizeClass(_ctx.cx('icon'))
   }, function () {
     return [_ctx.onIcon || _ctx.offIcon ? (openBlock(), createElementBlock("span", mergeProps({
       key: 0,
       "class": [_ctx.cx('icon'), _ctx.modelValue ? _ctx.onIcon : _ctx.offIcon]
-    }, _ctx.ptm('icon', $options.getPTOptions)), null, 16)) : createCommentVNode("", true)];
+    }, $options.getPTOptions('icon')), null, 16)) : createCommentVNode("", true)];
   }), createElementVNode("span", mergeProps({
     "class": _ctx.cx('label')
-  }, _ctx.ptm('label', $options.getPTOptions)), toDisplayString($options.label), 17)], 16, _hoisted_1)), [[_directive_ripple]]);
+  }, $options.getPTOptions('label')), toDisplayString($options.label), 17)], 16)), [[_directive_ripple]])], 16, _hoisted_1);
 }
 
 script.render = render;

package/togglebutton/togglebutton.esm.min.js

@@ -1 +1 @@
-import e from"primevue/ripple";import t from"primevue/basecomponent";import n from"primevue/togglebutton/style";import{resolveDirective as i,withDirectives as o,openBlock as l,createElementBlock as r,mergeProps as u,createElementVNode as s,renderSlot as c,normalizeClass as a,createCommentVNode as d,toDisplayString as f}from"vue";var p={name:"ToggleButton",extends:{name:"BaseToggleButton",extends:t,props:{modelValue:Boolean,onIcon:String,offIcon:String,onLabel:{type:String,default:"Yes"},offLabel:{type:String,default:"No"},iconPos:{type:String,default:"left"},disabled:{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},inputProps:{type:null,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:n,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","click","focus","blur"],outsideClickListener:null,data:function(){return{focused:!1}},mounted:function(){this.bindOutsideClickListener()},beforeUnmount:function(){this.unbindOutsideClickListener()},methods:{onClick:function(e){this.disabled||(this.$emit("update:modelValue",!this.modelValue),this.$emit("change",e),this.$emit("click",e),this.focused=!0)},onFocus:function(e){this.focused=!0,this.$emit("focus",e)},onBlur:function(e){this.focused=!1,this.$emit("blur",e)},bindOutsideClickListener:function(){var e=this;this.outsideClickListener||(this.outsideClickListener=function(t){e.focused&&!e.$refs.container.contains(t.target)&&(e.focused=!1)},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener:function(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)}},computed:{hasLabel:function(){return this.onLabel&&this.onLabel.length>0&&this.offLabel&&this.offLabel.length>0},hasIcon:function(){return this.$slots.icon||this.onIcon&&this.offIcon},label:function(){return this.hasLabel?this.modelValue?this.onLabel:this.offLabel:"&nbsp;"},getPTOptions:function(){return{context:{focused:this.focused,disabled:this.disabled,highlighted:!0===this.modelValue}}}},directives:{ripple:e}};function b(e){return b="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},b(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"==b(i=g(t,"string"))?i:String(i))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e,t){if("object"!=b(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!=b(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var v=["data-p-active"],O=["id","checked","value","aria-labelledby","aria-label"];p.render=function(e,t,n,p,b,m){var y=i("ripple");return o((l(),r("div",u({ref:"container",class:e.cx("root"),onClick:t[2]||(t[2]=function(e){return m.onClick(e)})},e.ptm("root",m.getPTOptions),{"data-p-active":!0===e.modelValue,"data-pc-name":"togglebutton"}),[s("span",u({class:"p-hidden-accessible"},e.ptm("hiddenInputWrapper"),{"data-p-hidden-accessible":!0}),[s("input",u({id:e.inputId,type:"checkbox",role:"switch",class:e.inputClass,style:e.inputStyle,checked:e.modelValue,value:e.modelValue,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(e){return m.onFocus(e)}),onBlur:t[1]||(t[1]=function(e){return m.onBlur(e)})},h(h({},e.inputProps),e.ptm("hiddenInput"))),null,16,O)],16),c(e.$slots,"icon",{value:e.modelValue,class:a(e.cx("icon"))},(function(){return[e.onIcon||e.offIcon?(l(),r("span",u({key:0,class:[e.cx("icon"),e.modelValue?e.onIcon:e.offIcon]},e.ptm("icon",m.getPTOptions)),null,16)):d("",!0)]})),s("span",u({class:e.cx("label")},e.ptm("label",m.getPTOptions)),f(m.label),17)],16,v)),[[y]])};export{p as default};
+import e from"primevue/ripple";import{ObjectUtils as t}from"primevue/utils";import n from"primevue/basecomponent";import l from"primevue/togglebutton/style";import{resolveDirective as a,openBlock as o,createElementBlock as i,mergeProps as u,createElementVNode as s,withDirectives as r,renderSlot as d,normalizeClass as c,createCommentVNode as p,toDisplayString as b}from"vue";var f={name:"ToggleButton",extends:{name:"BaseToggleButton",extends:n,props:{modelValue:Boolean,onIcon:String,offIcon:String,onLabel:{type:String,default:"Yes"},offLabel:{type:String,default:"No"},iconPos:{type:String,default:"left"},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}})},onChange:function(e){this.disabled||this.readonly||(this.$emit("update:modelValue",!this.modelValue),this.$emit("change",e))},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){this.$emit("blur",e)}},computed:{active:function(){return!0===this.modelValue},hasLabel:function(){return t.isNotEmpty(this.onLabel)&&t.isNotEmpty(this.offLabel)},hasIcon:function(){return this.$slots.icon||this.onIcon&&this.offIcon},label:function(){return this.hasLabel?this.modelValue?this.onLabel:this.offLabel:"&nbsp;"}},directives:{ripple:e}},h=["data-p-highlight","data-p-disabled"],m=["id","value","checked","tabindex","disabled","readonly","aria-labelledby","aria-label"];f.render=function(e,t,n,l,f,g){var y=a("ripple");return o(),i("div",u({class:e.cx("root")},g.getPTOptions("root"),{"data-pc-name":"togglebutton","data-p-highlight":g.active,"data-p-disabled":e.disabled}),[s("input",u({id:e.inputId,type:"checkbox",role:"switch",class:[e.cx("input"),e.inputClass],style:e.inputStyle,value:e.modelValue,checked:g.active,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(){return g.onFocus&&g.onFocus.apply(g,arguments)}),onBlur:t[1]||(t[1]=function(){return g.onBlur&&g.onBlur.apply(g,arguments)}),onChange:t[2]||(t[2]=function(){return g.onChange&&g.onChange.apply(g,arguments)})},g.getPTOptions("input")),null,16,m),r((o(),i("div",u({class:e.cx("box")},g.getPTOptions("box")),[d(e.$slots,"icon",{value:e.modelValue,class:c(e.cx("icon"))},(function(){return[e.onIcon||e.offIcon?(o(),i("span",u({key:0,class:[e.cx("icon"),e.modelValue?e.onIcon:e.offIcon]},g.getPTOptions("icon")),null,16)):p("",!0)]})),s("span",u({class:e.cx("label")},g.getPTOptions("label")),b(g.label),17)],16)),[[y]])],16,h)};export{f as default};

package/togglebutton/togglebutton.js

@@ -1,5 +1,5 @@
 this.primevue = this.primevue || {};
-this.primevue.togglebutton = (function (Ripple, BaseComponent, ToggleButtonStyle, vue) {
+this.primevue.togglebutton = (function (Ripple, utils, BaseComponent, ToggleButtonStyle, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -31,6 +31,10 @@ this.primevue.togglebutton = (function (Ripple, BaseComponent, ToggleButtonStyle
           type: Boolean,
           "default": false
         },
+        readonly: {
+          type: Boolean,
+          "default": false
+        },
         tabindex: {
           type: Number,
           "default": null
@@ -47,10 +51,6 @@ this.primevue.togglebutton = (function (Ripple, BaseComponent, ToggleButtonStyle
           type: Object,
           "default": null
         },
-        inputProps: {
-          type: null,
-          "default": null
-        },
         ariaLabelledby: {
           type: String,
           "default": null
@@ -71,72 +71,41 @@ this.primevue.togglebutton = (function (Ripple, BaseComponent, ToggleButtonStyle
     var script = {
       name: 'ToggleButton',
       "extends": script$1,
-      emits: ['update:modelValue', 'change', 'click', 'focus', 'blur'],
-      outsideClickListener: null,
-      data: function data() {
-        return {
-          focused: false
-        };
-      },
-      mounted: function mounted() {
-        this.bindOutsideClickListener();
-      },
-      beforeUnmount: function beforeUnmount() {
-        this.unbindOutsideClickListener();
-      },
+      emits: ['update:modelValue', 'change', 'focus', 'blur'],
       methods: {
-        onClick: function onClick(event) {
-          if (!this.disabled) {
+        getPTOptions: function getPTOptions(key) {
+          return this.ptm(key, {
+            context: {
+              active: this.active,
+              disabled: this.disabled
+            }
+          });
+        },
+        onChange: function onChange(event) {
+          if (!this.disabled && !this.readonly) {
             this.$emit('update:modelValue', !this.modelValue);
             this.$emit('change', event);
-            this.$emit('click', event);
-            this.focused = true;
           }
         },
         onFocus: function onFocus(event) {
-          this.focused = true;
           this.$emit('focus', event);
         },
         onBlur: function onBlur(event) {
-          this.focused = false;
           this.$emit('blur', event);
-        },
-        bindOutsideClickListener: function bindOutsideClickListener() {
-          var _this = this;
-          if (!this.outsideClickListener) {
-            this.outsideClickListener = function (event) {
-              if (_this.focused && !_this.$refs.container.contains(event.target)) {
-                _this.focused = false;
-              }
-            };
-            document.addEventListener('click', this.outsideClickListener);
-          }
-        },
-        unbindOutsideClickListener: function unbindOutsideClickListener() {
-          if (this.outsideClickListener) {
-            document.removeEventListener('click', this.outsideClickListener);
-            this.outsideClickListener = null;
-          }
         }
       },
       computed: {
+        active: function active() {
+          return this.modelValue === true;
+        },
         hasLabel: function hasLabel() {
-          return this.onLabel && this.onLabel.length > 0 && this.offLabel && this.offLabel.length > 0;
+          return utils.ObjectUtils.isNotEmpty(this.onLabel) && utils.ObjectUtils.isNotEmpty(this.offLabel);
         },
         hasIcon: function hasIcon() {
           return this.$slots.icon || this.onIcon && this.offIcon;
         },
         label: function label() {
           return this.hasLabel ? this.modelValue ? this.onLabel : this.offLabel : ' ';
-        },
-        getPTOptions: function getPTOptions() {
-          return {
-            context: {
-              focused: this.focused,
-              disabled: this.disabled,
-              highlighted: this.modelValue === true
-            }
-          };
         }
       },
       directives: {
@@ -144,60 +113,55 @@ this.primevue.togglebutton = (function (Ripple, BaseComponent, ToggleButtonStyle
       }
     };
 
-    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 = ["data-p-active"];
-    var _hoisted_2 = ["id", "checked", "value", "aria-labelledby", "aria-label"];
+    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 _directive_ripple = vue.resolveDirective("ripple");
-      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-        ref: "container",
-        "class": _ctx.cx('root'),
-        onClick: _cache[2] || (_cache[2] = function ($event) {
-          return $options.onClick($event);
-        })
-      }, _ctx.ptm('root', $options.getPTOptions), {
-        "data-p-active": _ctx.modelValue === true,
-        "data-pc-name": "togglebutton"
-      }), [vue.createElementVNode("span", vue.mergeProps({
-        "class": "p-hidden-accessible"
-      }, _ctx.ptm('hiddenInputWrapper'), {
-        "data-p-hidden-accessible": true
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        "class": _ctx.cx('root')
+      }, $options.getPTOptions('root'), {
+        "data-pc-name": "togglebutton",
+        "data-p-highlight": $options.active,
+        "data-p-disabled": _ctx.disabled
       }), [vue.createElementVNode("input", vue.mergeProps({
         id: _ctx.inputId,
         type: "checkbox",
         role: "switch",
-        "class": _ctx.inputClass,
+        "class": [_ctx.cx('input'), _ctx.inputClass],
         style: _ctx.inputStyle,
-        checked: _ctx.modelValue,
         value: _ctx.modelValue,
+        checked: $options.active,
+        tabindex: _ctx.tabindex,
+        disabled: _ctx.disabled,
+        readonly: _ctx.readonly,
         "aria-labelledby": _ctx.ariaLabelledby,
         "aria-label": _ctx.ariaLabel,
-        onFocus: _cache[0] || (_cache[0] = function ($event) {
-          return $options.onFocus($event);
+        onFocus: _cache[0] || (_cache[0] = function () {
+          return $options.onFocus && $options.onFocus.apply($options, arguments);
+        }),
+        onBlur: _cache[1] || (_cache[1] = function () {
+          return $options.onBlur && $options.onBlur.apply($options, arguments);
         }),
-        onBlur: _cache[1] || (_cache[1] = 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_2)], 16), vue.renderSlot(_ctx.$slots, "icon", {
+      }, $options.getPTOptions('input')), null, 16, _hoisted_2), vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        "class": _ctx.cx('box')
+      }, $options.getPTOptions('box')), [vue.renderSlot(_ctx.$slots, "icon", {
         value: _ctx.modelValue,
         "class": vue.normalizeClass(_ctx.cx('icon'))
       }, function () {
         return [_ctx.onIcon || _ctx.offIcon ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
           key: 0,
           "class": [_ctx.cx('icon'), _ctx.modelValue ? _ctx.onIcon : _ctx.offIcon]
-        }, _ctx.ptm('icon', $options.getPTOptions)), null, 16)) : vue.createCommentVNode("", true)];
+        }, $options.getPTOptions('icon')), null, 16)) : vue.createCommentVNode("", true)];
       }), vue.createElementVNode("span", vue.mergeProps({
         "class": _ctx.cx('label')
-      }, _ctx.ptm('label', $options.getPTOptions)), vue.toDisplayString($options.label), 17)], 16, _hoisted_1)), [[_directive_ripple]]);
+      }, $options.getPTOptions('label')), vue.toDisplayString($options.label), 17)], 16)), [[_directive_ripple]])], 16, _hoisted_1);
     }
 
     script.render = render;
 
     return script;
 
-})(primevue.ripple, primevue.basecomponent, primevue.togglebutton.style, Vue);
+})(primevue.ripple, primevue.utils, primevue.basecomponent, primevue.togglebutton.style, Vue);

package/togglebutton/togglebutton.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.togglebutton=function(e,t,n,i){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=o(e),l={name:"ToggleButton",extends:{name:"BaseToggleButton",extends:o(t).default,props:{modelValue:Boolean,onIcon:String,offIcon:String,onLabel:{type:String,default:"Yes"},offLabel:{type:String,default:"No"},iconPos:{type:String,default:"left"},disabled:{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},inputProps:{type:null,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:o(n).default,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","click","focus","blur"],outsideClickListener:null,data:function(){return{focused:!1}},mounted:function(){this.bindOutsideClickListener()},beforeUnmount:function(){this.unbindOutsideClickListener()},methods:{onClick:function(e){this.disabled||(this.$emit("update:modelValue",!this.modelValue),this.$emit("change",e),this.$emit("click",e),this.focused=!0)},onFocus:function(e){this.focused=!0,this.$emit("focus",e)},onBlur:function(e){this.focused=!1,this.$emit("blur",e)},bindOutsideClickListener:function(){var e=this;this.outsideClickListener||(this.outsideClickListener=function(t){e.focused&&!e.$refs.container.contains(t.target)&&(e.focused=!1)},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener:function(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)}},computed:{hasLabel:function(){return this.onLabel&&this.onLabel.length>0&&this.offLabel&&this.offLabel.length>0},hasIcon:function(){return this.$slots.icon||this.onIcon&&this.offIcon},label:function(){return this.hasLabel?this.modelValue?this.onLabel:this.offLabel:"&nbsp;"},getPTOptions:function(){return{context:{focused:this.focused,disabled:this.disabled,highlighted:!0===this.modelValue}}}},directives:{ripple:r.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 i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function c(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){a(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 a(e,t,n){var i;return(t="symbol"==u(i=d(t,"string"))?i:String(i))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(e,t){if("object"!=u(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!=u(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var p=["data-p-active"],f=["id","checked","value","aria-labelledby","aria-label"];return l.render=function(e,t,n,o,r,l){var u=i.resolveDirective("ripple");return i.withDirectives((i.openBlock(),i.createElementBlock("div",i.mergeProps({ref:"container",class:e.cx("root"),onClick:t[2]||(t[2]=function(e){return l.onClick(e)})},e.ptm("root",l.getPTOptions),{"data-p-active":!0===e.modelValue,"data-pc-name":"togglebutton"}),[i.createElementVNode("span",i.mergeProps({class:"p-hidden-accessible"},e.ptm("hiddenInputWrapper"),{"data-p-hidden-accessible":!0}),[i.createElementVNode("input",i.mergeProps({id:e.inputId,type:"checkbox",role:"switch",class:e.inputClass,style:e.inputStyle,checked:e.modelValue,value:e.modelValue,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(e){return l.onFocus(e)}),onBlur:t[1]||(t[1]=function(e){return l.onBlur(e)})},c(c({},e.inputProps),e.ptm("hiddenInput"))),null,16,f)],16),i.renderSlot(e.$slots,"icon",{value:e.modelValue,class:i.normalizeClass(e.cx("icon"))},(function(){return[e.onIcon||e.offIcon?(i.openBlock(),i.createElementBlock("span",i.mergeProps({key:0,class:[e.cx("icon"),e.modelValue?e.onIcon:e.offIcon]},e.ptm("icon",l.getPTOptions)),null,16)):i.createCommentVNode("",!0)]})),i.createElementVNode("span",i.mergeProps({class:e.cx("label")},e.ptm("label",l.getPTOptions)),i.toDisplayString(l.label),17)],16,p)),[[u]])},l}(primevue.ripple,primevue.basecomponent,primevue.togglebutton.style,Vue);
+this.primevue=this.primevue||{},this.primevue.togglebutton=function(e,t,n,l,o){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(e),u={name:"ToggleButton",extends:{name:"BaseToggleButton",extends:a(n).default,props:{modelValue:Boolean,onIcon:String,offIcon:String,onLabel:{type:String,default:"Yes"},offLabel:{type:String,default:"No"},iconPos:{type:String,default:"left"},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:a(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}})},onChange:function(e){this.disabled||this.readonly||(this.$emit("update:modelValue",!this.modelValue),this.$emit("change",e))},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e){this.$emit("blur",e)}},computed:{active:function(){return!0===this.modelValue},hasLabel:function(){return t.ObjectUtils.isNotEmpty(this.onLabel)&&t.ObjectUtils.isNotEmpty(this.offLabel)},hasIcon:function(){return this.$slots.icon||this.onIcon&&this.offIcon},label:function(){return this.hasLabel?this.modelValue?this.onLabel:this.offLabel:"&nbsp;"}},directives:{ripple:i.default}},s=["data-p-highlight","data-p-disabled"],r=["id","value","checked","tabindex","disabled","readonly","aria-labelledby","aria-label"];return u.render=function(e,t,n,l,a,i){var u=o.resolveDirective("ripple");return o.openBlock(),o.createElementBlock("div",o.mergeProps({class:e.cx("root")},i.getPTOptions("root"),{"data-pc-name":"togglebutton","data-p-highlight":i.active,"data-p-disabled":e.disabled}),[o.createElementVNode("input",o.mergeProps({id:e.inputId,type:"checkbox",role:"switch",class:[e.cx("input"),e.inputClass],style:e.inputStyle,value:e.modelValue,checked:i.active,tabindex:e.tabindex,disabled:e.disabled,readonly:e.readonly,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=function(){return i.onFocus&&i.onFocus.apply(i,arguments)}),onBlur:t[1]||(t[1]=function(){return i.onBlur&&i.onBlur.apply(i,arguments)}),onChange:t[2]||(t[2]=function(){return i.onChange&&i.onChange.apply(i,arguments)})},i.getPTOptions("input")),null,16,r),o.withDirectives((o.openBlock(),o.createElementBlock("div",o.mergeProps({class:e.cx("box")},i.getPTOptions("box")),[o.renderSlot(e.$slots,"icon",{value:e.modelValue,class:o.normalizeClass(e.cx("icon"))},(function(){return[e.onIcon||e.offIcon?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:0,class:[e.cx("icon"),e.modelValue?e.onIcon:e.offIcon]},i.getPTOptions("icon")),null,16)):o.createCommentVNode("",!0)]})),o.createElementVNode("span",o.mergeProps({class:e.cx("label")},i.getPTOptions("label")),o.toDisplayString(i.label),17)],16)),[[u]])],16,s)},u}(primevue.ripple,primevue.utils,primevue.basecomponent,primevue.togglebutton.style,Vue);

package/tooltip/style/tooltipstyle.cjs.js

@@ -6,7 +6,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-var css = "\n@layer primevue {\n    .p-tooltip {\n        position:absolute;\n        display:none;\n        padding: .25em .5rem;\n        max-width: 12.5rem;\n    }\n\n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n\n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n\n    .p-tooltip .p-tooltip-text {\n        white-space: pre-line;\n        word-break: break-word;\n    }\n\n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n    }\n\n    .p-tooltip-right .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n\n    .p-tooltip-left .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n\n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n\n    .p-tooltip-top .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n\n    .p-tooltip-bottom .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n}\n";
+var css = "\n@layer primevue {\n    .p-tooltip {\n        position:absolute;\n        display:none;\n        padding: .25em .5rem;\n        max-width: 12.5rem;\n    }\n\n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n\n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n\n    .p-tooltip .p-tooltip-text {\n        white-space: pre-line;\n        word-break: break-word;\n    }\n\n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n        scale: 2;\n    }\n\n    .p-tooltip-right .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n\n    .p-tooltip-left .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n\n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n\n    .p-tooltip-top .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n\n    .p-tooltip-bottom .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n}\n";
 var classes = {
   root: 'p-tooltip p-component',
   arrow: 'p-tooltip-arrow',

package/tooltip/style/tooltipstyle.cjs.min.js

@@ -1 +1 @@
-"use strict";function t(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var o=t(require("primevue/base/style")).default.extend({name:"tooltip",css:"\n@layer primevue {\n    .p-tooltip {\n        position:absolute;\n        display:none;\n        padding: .25em .5rem;\n        max-width: 12.5rem;\n    }\n\n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n\n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n\n    .p-tooltip .p-tooltip-text {\n        white-space: pre-line;\n        word-break: break-word;\n    }\n\n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n    }\n\n    .p-tooltip-right .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n\n    .p-tooltip-left .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n\n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n\n    .p-tooltip-top .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n\n    .p-tooltip-bottom .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n}\n",classes:{root:"p-tooltip p-component",arrow:"p-tooltip-arrow",text:"p-tooltip-text"}});module.exports=o;
+"use strict";function t(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var o=t(require("primevue/base/style")).default.extend({name:"tooltip",css:"\n@layer primevue {\n    .p-tooltip {\n        position:absolute;\n        display:none;\n        padding: .25em .5rem;\n        max-width: 12.5rem;\n    }\n\n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n\n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n\n    .p-tooltip .p-tooltip-text {\n        white-space: pre-line;\n        word-break: break-word;\n    }\n\n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n        scale: 2;\n    }\n\n    .p-tooltip-right .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n\n    .p-tooltip-left .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n\n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n\n    .p-tooltip-top .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n\n    .p-tooltip-bottom .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n}\n",classes:{root:"p-tooltip p-component",arrow:"p-tooltip-arrow",text:"p-tooltip-text"}});module.exports=o;

package/tooltip/style/tooltipstyle.esm.js

@@ -1,6 +1,6 @@
 import BaseStyle from 'primevue/base/style';
 
-var css = "\n@layer primevue {\n    .p-tooltip {\n        position:absolute;\n        display:none;\n        padding: .25em .5rem;\n        max-width: 12.5rem;\n    }\n\n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n\n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n\n    .p-tooltip .p-tooltip-text {\n        white-space: pre-line;\n        word-break: break-word;\n    }\n\n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n    }\n\n    .p-tooltip-right .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n\n    .p-tooltip-left .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n\n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n\n    .p-tooltip-top .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n\n    .p-tooltip-bottom .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n}\n";
+var css = "\n@layer primevue {\n    .p-tooltip {\n        position:absolute;\n        display:none;\n        padding: .25em .5rem;\n        max-width: 12.5rem;\n    }\n\n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n\n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n\n    .p-tooltip .p-tooltip-text {\n        white-space: pre-line;\n        word-break: break-word;\n    }\n\n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n        scale: 2;\n    }\n\n    .p-tooltip-right .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n\n    .p-tooltip-left .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n\n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n\n    .p-tooltip-top .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n\n    .p-tooltip-bottom .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n}\n";
 var classes = {
   root: 'p-tooltip p-component',
   arrow: 'p-tooltip-arrow',

package/tooltip/style/tooltipstyle.esm.min.js

@@ -1 +1 @@
-import t from"primevue/base/style";var o=t.extend({name:"tooltip",css:"\n@layer primevue {\n    .p-tooltip {\n        position:absolute;\n        display:none;\n        padding: .25em .5rem;\n        max-width: 12.5rem;\n    }\n\n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n\n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n\n    .p-tooltip .p-tooltip-text {\n        white-space: pre-line;\n        word-break: break-word;\n    }\n\n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n    }\n\n    .p-tooltip-right .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n\n    .p-tooltip-left .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n\n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n\n    .p-tooltip-top .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n\n    .p-tooltip-bottom .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n}\n",classes:{root:"p-tooltip p-component",arrow:"p-tooltip-arrow",text:"p-tooltip-text"}});export{o as default};
+import t from"primevue/base/style";var o=t.extend({name:"tooltip",css:"\n@layer primevue {\n    .p-tooltip {\n        position:absolute;\n        display:none;\n        padding: .25em .5rem;\n        max-width: 12.5rem;\n    }\n\n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n\n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n\n    .p-tooltip .p-tooltip-text {\n        white-space: pre-line;\n        word-break: break-word;\n    }\n\n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n        scale: 2;\n    }\n\n    .p-tooltip-right .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n\n    .p-tooltip-left .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n\n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n\n    .p-tooltip-top .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n\n    .p-tooltip-bottom .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n}\n",classes:{root:"p-tooltip p-component",arrow:"p-tooltip-arrow",text:"p-tooltip-text"}});export{o as default};

package/tooltip/style/tooltipstyle.js

@@ -7,7 +7,7 @@ this.primevue.tooltip.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-tooltip {\n        position:absolute;\n        display:none;\n        padding: .25em .5rem;\n        max-width: 12.5rem;\n    }\n\n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n\n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n\n    .p-tooltip .p-tooltip-text {\n        white-space: pre-line;\n        word-break: break-word;\n    }\n\n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n    }\n\n    .p-tooltip-right .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n\n    .p-tooltip-left .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n\n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n\n    .p-tooltip-top .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n\n    .p-tooltip-bottom .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n}\n";
+    var css = "\n@layer primevue {\n    .p-tooltip {\n        position:absolute;\n        display:none;\n        padding: .25em .5rem;\n        max-width: 12.5rem;\n    }\n\n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n\n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n\n    .p-tooltip .p-tooltip-text {\n        white-space: pre-line;\n        word-break: break-word;\n    }\n\n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n        scale: 2;\n    }\n\n    .p-tooltip-right .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n\n    .p-tooltip-left .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n\n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n\n    .p-tooltip-top .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n\n    .p-tooltip-bottom .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n}\n";
     var classes = {
       root: 'p-tooltip p-component',
       arrow: 'p-tooltip-arrow',

package/tooltip/style/tooltipstyle.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.tooltip=this.primevue.tooltip||{},this.primevue.tooltip.style=function(t){"use strict";function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}return o(primevue.base.style).default.extend({name:"tooltip",css:"\n@layer primevue {\n    .p-tooltip {\n        position:absolute;\n        display:none;\n        padding: .25em .5rem;\n        max-width: 12.5rem;\n    }\n\n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n\n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n\n    .p-tooltip .p-tooltip-text {\n        white-space: pre-line;\n        word-break: break-word;\n    }\n\n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n    }\n\n    .p-tooltip-right .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n\n    .p-tooltip-left .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n\n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n\n    .p-tooltip-top .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n\n    .p-tooltip-bottom .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n}\n",classes:{root:"p-tooltip p-component",arrow:"p-tooltip-arrow",text:"p-tooltip-text"}})}();
+this.primevue=this.primevue||{},this.primevue.tooltip=this.primevue.tooltip||{},this.primevue.tooltip.style=function(t){"use strict";function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}return o(primevue.base.style).default.extend({name:"tooltip",css:"\n@layer primevue {\n    .p-tooltip {\n        position:absolute;\n        display:none;\n        padding: .25em .5rem;\n        max-width: 12.5rem;\n    }\n\n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n\n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n\n    .p-tooltip .p-tooltip-text {\n        white-space: pre-line;\n        word-break: break-word;\n    }\n\n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n        scale: 2;\n    }\n\n    .p-tooltip-right .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n\n    .p-tooltip-left .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n\n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n\n    .p-tooltip-top .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n\n    .p-tooltip-bottom .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n}\n",classes:{root:"p-tooltip p-component",arrow:"p-tooltip-arrow",text:"p-tooltip-text"}})}();

package/tree/BaseTree.vue

@@ -58,6 +58,10 @@ export default {
             type: String,
             default: undefined
         },
+        highlightOnSelect: {
+            type: Boolean,
+            default: false
+        },
         scrollHeight: {
             type: String,
             default: null

package/tree/Tree.d.ts

@@ -125,18 +125,10 @@ export interface TreePassThroughOptions<T = any> {
      * Used to pass attributes to the toggler icon's DOM element.
      */
     togglerIcon?: TreePassThroughOptionType<T>;
-    /**
-     * Used to pass attributes to the checkbox container's DOM element.
-     */
-    checkboxContainer?: TreePassThroughOptionType<T>;
     /**
      * Used to pass attributes to the checkbox's DOM element.
      */
-    checkbox?: TreePassThroughOptionType<T>;
-    /**
-     * Used to pass attributes to the checkbox icon's DOM element.
-     */
-    checkboxIcon?: TreePassThroughOptionType<T>;
+    nodeCheckbox?: TreePassThroughOptionType<T>;
     /**
      * Used to pass attributes to the node icon's DOM element.
      */
@@ -279,6 +271,11 @@ export interface TreeProps {
      * Locale to use in filtering. The default locale is the host environment's current locale.
      */
     filterLocale?: string | undefined;
+    /**
+     *  Highlights automatically the first item.
+     *  @defaultValue false
+     */
+    highlightOnSelect?: boolean | undefined;
     /**
      * Height of the scroll viewport in fixed units or the 'flex' keyword for a dynamic size.
      */

package/tree/Tree.vue

@@ -30,8 +30,8 @@
                     :selectionKeys="selectionKeys"
                     @checkbox-change="onCheckboxChange"
                     :loadingMode="loadingMode"
-                    :pt="pt"
                     :unstyled="unstyled"
+                    :pt="pt"
                 ></TreeNode>
             </ul>
         </div>