primevue 3.16.2 → 3.17.0

package/togglebutton/togglebutton.js

@@ -11,8 +11,8 @@ this.primevue.togglebutton = (function (Ripple, vue) {
         emits: ['update:modelValue', 'change', 'click', 'focus', 'blur'],
         props: {
             modelValue: Boolean,
-    		onIcon: String,
-    		offIcon: String,
+            onIcon: String,
+            offIcon: String,
             onLabel: {
                 type: String,
                 default: 'Yes'
@@ -33,13 +33,25 @@ this.primevue.togglebutton = (function (Ripple, vue) {
                 type: Number,
                 default: null
             },
-            inputId: null,
-            inputClass: null,
-            inputStyle: null,
-            inputProps: null,
+            inputId: {
+                type: String,
+                default: null
+            },
+            inputClass: {
+                type: String,
+                default: null
+            },
+            inputStyle: {
+                type: null,
+                default: null
+            },
+            inputProps: {
+                type: null,
+                default: null
+            },
             'aria-labelledby': {
                 type: String,
-    			default: null
+                default: null
             },
             'aria-label': {
                 type: String,
@@ -68,17 +80,17 @@ this.primevue.togglebutton = (function (Ripple, vue) {
                     'p-button-icon-only': this.hasIcon && !this.hasLabel,
                     'p-disabled': this.disabled,
                     'p-highlight': this.modelValue === true
-                }
+                };
             },
             iconClass() {
                 return [
-                    this.modelValue ? this.onIcon: this.offIcon,
+                    this.modelValue ? this.onIcon : this.offIcon,
                     'p-button-icon',
                     {
                         'p-button-icon-left': this.iconPos === 'left' && this.label,
                         'p-button-icon-right': this.iconPos === 'right' && this.label
                     }
-                ]
+                ];
             },
             hasLabel() {
                 return this.onLabel && this.onLabel.length > 0 && this.offLabel && this.offLabel.length > 0;
@@ -87,11 +99,11 @@ this.primevue.togglebutton = (function (Ripple, vue) {
                 return this.onIcon && this.onIcon.length > 0 && this.offIcon && this.offIcon.length > 0;
             },
             label() {
-                return this.hasLabel ? (this.modelValue ? this.onLabel : this.offLabel): ' ';
+                return this.hasLabel ? (this.modelValue ? this.onLabel : this.offLabel) : ' ';
             }
         },
         directives: {
-            'ripple': Ripple__default["default"]
+            ripple: Ripple__default["default"]
         }
     };
 
@@ -108,9 +120,9 @@ this.primevue.togglebutton = (function (Ripple, vue) {
       }, [
         vue.createElementVNode("span", _hoisted_1, [
           vue.createElementVNode("input", vue.mergeProps({
+            id: $props.inputId,
             type: "checkbox",
             role: "switch",
-            id: $props.inputId,
             class: $props.inputClass,
             style: $props.inputStyle,
             checked: $props.modelValue,

package/togglebutton/togglebutton.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.togglebutton=function(e,t){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n={name:"ToggleButton",emits:["update:modelValue","change","click","focus","blur"],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:null,inputClass:null,inputStyle:null,inputProps:null,"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},methods:{onClick(e){this.disabled||(this.$emit("update:modelValue",!this.modelValue),this.$emit("change",e),this.$emit("click",e))},onFocus(e){this.$emit("focus",e)},onBlur(e){this.$emit("blur",e)}},computed:{buttonClass(){return{"p-button p-togglebutton p-component":!0,"p-button-icon-only":this.hasIcon&&!this.hasLabel,"p-disabled":this.disabled,"p-highlight":!0===this.modelValue}},iconClass(){return[this.modelValue?this.onIcon:this.offIcon,"p-button-icon",{"p-button-icon-left":"left"===this.iconPos&&this.label,"p-button-icon-right":"right"===this.iconPos&&this.label}]},hasLabel(){return this.onLabel&&this.onLabel.length>0&&this.offLabel&&this.offLabel.length>0},hasIcon(){return this.onIcon&&this.onIcon.length>0&&this.offIcon&&this.offIcon.length>0},label(){return this.hasLabel?this.modelValue?this.onLabel:this.offLabel:" "}},directives:{ripple:l(e).default}};const i={class:"p-hidden-accessible"},o=["id","checked","value","aria-labelledby","aria-label"],a={class:"p-button-label"};return n.render=function(e,l,n,s,u,c){const r=t.resolveDirective("ripple");return t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(c.buttonClass),onClick:l[2]||(l[2]=e=>c.onClick(e))},[t.createElementVNode("span",i,[t.createElementVNode("input",t.mergeProps({type:"checkbox",role:"switch",id:n.inputId,class:n.inputClass,style:n.inputStyle,checked:n.modelValue,value:n.modelValue,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:l[0]||(l[0]=e=>c.onFocus(e)),onBlur:l[1]||(l[1]=e=>c.onBlur(e))},n.inputProps),null,16,o)]),c.hasIcon?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass(c.iconClass)},null,2)):t.createCommentVNode("",!0),t.createElementVNode("span",a,t.toDisplayString(c.label),1)],2)),[[r]])},n}(primevue.ripple,Vue);
+this.primevue=this.primevue||{},this.primevue.togglebutton=function(e,t){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n={name:"ToggleButton",emits:["update:modelValue","change","click","focus","blur"],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,default:null},inputStyle:{type:null,default:null},inputProps:{type:null,default:null},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},methods:{onClick(e){this.disabled||(this.$emit("update:modelValue",!this.modelValue),this.$emit("change",e),this.$emit("click",e))},onFocus(e){this.$emit("focus",e)},onBlur(e){this.$emit("blur",e)}},computed:{buttonClass(){return{"p-button p-togglebutton p-component":!0,"p-button-icon-only":this.hasIcon&&!this.hasLabel,"p-disabled":this.disabled,"p-highlight":!0===this.modelValue}},iconClass(){return[this.modelValue?this.onIcon:this.offIcon,"p-button-icon",{"p-button-icon-left":"left"===this.iconPos&&this.label,"p-button-icon-right":"right"===this.iconPos&&this.label}]},hasLabel(){return this.onLabel&&this.onLabel.length>0&&this.offLabel&&this.offLabel.length>0},hasIcon(){return this.onIcon&&this.onIcon.length>0&&this.offIcon&&this.offIcon.length>0},label(){return this.hasLabel?this.modelValue?this.onLabel:this.offLabel:" "}},directives:{ripple:l(e).default}};const i={class:"p-hidden-accessible"},o=["id","checked","value","aria-labelledby","aria-label"],a={class:"p-button-label"};return n.render=function(e,l,n,s,u,r){const c=t.resolveDirective("ripple");return t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(r.buttonClass),onClick:l[2]||(l[2]=e=>r.onClick(e))},[t.createElementVNode("span",i,[t.createElementVNode("input",t.mergeProps({id:n.inputId,type:"checkbox",role:"switch",class:n.inputClass,style:n.inputStyle,checked:n.modelValue,value:n.modelValue,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:l[0]||(l[0]=e=>r.onFocus(e)),onBlur:l[1]||(l[1]=e=>r.onBlur(e))},n.inputProps),null,16,o)]),r.hasIcon?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass(r.iconClass)},null,2)):t.createCommentVNode("",!0),t.createElementVNode("span",a,t.toDisplayString(r.label),1)],2)),[[c]])},n}(primevue.ripple,Vue);

package/toolbar/Toolbar.d.ts

@@ -2,6 +2,10 @@ import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
 export interface ToolbarProps {
+    /**
+     * Defines a string value that labels an interactive element.
+     */
+    'aria-labelledby'?: string | undefined;
 }
 
 export interface ToolbarSlots {
@@ -15,14 +19,13 @@ export interface ToolbarSlots {
     end: () => VNode[];
 }
 
-export declare type ToolbarEmits = {
-}
+export declare type ToolbarEmits = {};
 
-declare class Toolbar extends ClassComponent<ToolbarProps, ToolbarSlots, ToolbarEmits> { }
+declare class Toolbar extends ClassComponent<ToolbarProps, ToolbarSlots, ToolbarEmits> {}
 
 declare module '@vue/runtime-core' {
     interface GlobalComponents {
-        Toolbar: GlobalComponentConstructor<Toolbar>
+        Toolbar: GlobalComponentConstructor<Toolbar>;
     }
 }
 
@@ -32,7 +35,7 @@ declare module '@vue/runtime-core' {
  *
  * Demos:
  *
- * - [Toolbar](https://www.primefaces.org/primevue/showcase/#/toolbar)
+ * - [Toolbar](https://www.primefaces.org/primevue/toolbar)
  *
  */
 export default Toolbar;

package/toolbar/Toolbar.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="p-toolbar p-component" role="toolbar">
+    <div class="p-toolbar p-component" role="toolbar" :aria-labelledby="ariaLabelledby">
         <div class="p-toolbar-group-left">
             <slot name="start"></slot>
         </div>
@@ -11,8 +11,14 @@
 
 <script>
 export default {
-    name: 'Toolbar'
-}
+    name: 'Toolbar',
+    props: {
+        'aria-labelledby': {
+            type: String,
+            default: null
+        }
+    }
+};
 </script>
 
 <style>

package/toolbar/toolbar.cjs.js

@@ -3,25 +3,32 @@
 var vue = require('vue');
 
 var script = {
-    name: 'Toolbar'
+    name: 'Toolbar',
+    props: {
+        'aria-labelledby': {
+            type: String,
+            default: null
+        }
+    }
 };
 
-const _hoisted_1 = {
-  class: "p-toolbar p-component",
-  role: "toolbar"
-};
+const _hoisted_1 = ["aria-labelledby"];
 const _hoisted_2 = { class: "p-toolbar-group-left" };
 const _hoisted_3 = { class: "p-toolbar-group-right" };
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+  return (vue.openBlock(), vue.createElementBlock("div", {
+    class: "p-toolbar p-component",
+    role: "toolbar",
+    "aria-labelledby": _ctx.ariaLabelledby
+  }, [
     vue.createElementVNode("div", _hoisted_2, [
       vue.renderSlot(_ctx.$slots, "start")
     ]),
     vue.createElementVNode("div", _hoisted_3, [
       vue.renderSlot(_ctx.$slots, "end")
     ])
-  ]))
+  ], 8, _hoisted_1))
 }
 
 function styleInject(css, ref) {

package/toolbar/toolbar.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("vue"),t={name:"Toolbar"};const n={class:"p-toolbar p-component",role:"toolbar"},o={class:"p-toolbar-group-left"},l={class:"p-toolbar-group-right"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===n&&o.firstChild?o.insertBefore(l,o.firstChild):o.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-toolbar {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n}\n.p-toolbar-group-left,\n.p-toolbar-group-right {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n"),t.render=function(t,r,a,s,i,p){return e.openBlock(),e.createElementBlock("div",n,[e.createElementVNode("div",o,[e.renderSlot(t.$slots,"start")]),e.createElementVNode("div",l,[e.renderSlot(t.$slots,"end")])])},module.exports=t;
+"use strict";var e=require("vue"),t={name:"Toolbar",props:{"aria-labelledby":{type:String,default:null}}};const n=["aria-labelledby"],l={class:"p-toolbar-group-left"},a={class:"p-toolbar-group-right"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&l.firstChild?l.insertBefore(a,l.firstChild):l.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-toolbar {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n}\n.p-toolbar-group-left,\n.p-toolbar-group-right {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n"),t.render=function(t,r,o,i,s,d){return e.openBlock(),e.createElementBlock("div",{class:"p-toolbar p-component",role:"toolbar","aria-labelledby":t.ariaLabelledby},[e.createElementVNode("div",l,[e.renderSlot(t.$slots,"start")]),e.createElementVNode("div",a,[e.renderSlot(t.$slots,"end")])],8,n)},module.exports=t;

package/toolbar/toolbar.esm.js

@@ -1,25 +1,32 @@
 import { openBlock, createElementBlock, createElementVNode, renderSlot } from 'vue';
 
 var script = {
-    name: 'Toolbar'
+    name: 'Toolbar',
+    props: {
+        'aria-labelledby': {
+            type: String,
+            default: null
+        }
+    }
 };
 
-const _hoisted_1 = {
-  class: "p-toolbar p-component",
-  role: "toolbar"
-};
+const _hoisted_1 = ["aria-labelledby"];
 const _hoisted_2 = { class: "p-toolbar-group-left" };
 const _hoisted_3 = { class: "p-toolbar-group-right" };
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", _hoisted_1, [
+  return (openBlock(), createElementBlock("div", {
+    class: "p-toolbar p-component",
+    role: "toolbar",
+    "aria-labelledby": _ctx.ariaLabelledby
+  }, [
     createElementVNode("div", _hoisted_2, [
       renderSlot(_ctx.$slots, "start")
     ]),
     createElementVNode("div", _hoisted_3, [
       renderSlot(_ctx.$slots, "end")
     ])
-  ]))
+  ], 8, _hoisted_1))
 }
 
 function styleInject(css, ref) {

package/toolbar/toolbar.esm.min.js

@@ -1 +1 @@
-import{openBlock as e,createElementBlock as t,createElementVNode as n,renderSlot as o}from"vue";var l={name:"Toolbar"};const a={class:"p-toolbar p-component",role:"toolbar"},r={class:"p-toolbar-group-left"},s={class:"p-toolbar-group-right"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===n&&o.firstChild?o.insertBefore(l,o.firstChild):o.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-toolbar {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n}\n.p-toolbar-group-left,\n.p-toolbar-group-right {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n"),l.render=function(l,i,p,d,c,f){return e(),t("div",a,[n("div",r,[o(l.$slots,"start")]),n("div",s,[o(l.$slots,"end")])])};export{l as default};
+import{openBlock as e,createElementBlock as t,createElementVNode as n,renderSlot as l}from"vue";var a={name:"Toolbar",props:{"aria-labelledby":{type:String,default:null}}};const o=["aria-labelledby"],r={class:"p-toolbar-group-left"},i={class:"p-toolbar-group-right"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&l.firstChild?l.insertBefore(a,l.firstChild):l.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-toolbar {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n}\n.p-toolbar-group-left,\n.p-toolbar-group-right {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n"),a.render=function(a,s,p,d,b,c){return e(),t("div",{class:"p-toolbar p-component",role:"toolbar","aria-labelledby":a.ariaLabelledby},[n("div",r,[l(a.$slots,"start")]),n("div",i,[l(a.$slots,"end")])],8,o)};export{a as default};

package/toolbar/toolbar.js

@@ -3,25 +3,32 @@ this.primevue.toolbar = (function (vue) {
     'use strict';
 
     var script = {
-        name: 'Toolbar'
+        name: 'Toolbar',
+        props: {
+            'aria-labelledby': {
+                type: String,
+                default: null
+            }
+        }
     };
 
-    const _hoisted_1 = {
-      class: "p-toolbar p-component",
-      role: "toolbar"
-    };
+    const _hoisted_1 = ["aria-labelledby"];
     const _hoisted_2 = { class: "p-toolbar-group-left" };
     const _hoisted_3 = { class: "p-toolbar-group-right" };
 
     function render(_ctx, _cache, $props, $setup, $data, $options) {
-      return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+      return (vue.openBlock(), vue.createElementBlock("div", {
+        class: "p-toolbar p-component",
+        role: "toolbar",
+        "aria-labelledby": _ctx.ariaLabelledby
+      }, [
         vue.createElementVNode("div", _hoisted_2, [
           vue.renderSlot(_ctx.$slots, "start")
         ]),
         vue.createElementVNode("div", _hoisted_3, [
           vue.renderSlot(_ctx.$slots, "end")
         ])
-      ]))
+      ], 8, _hoisted_1))
     }
 
     function styleInject(css, ref) {

package/toolbar/toolbar.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.toolbar=function(e){"use strict";var t={name:"Toolbar"};const n={class:"p-toolbar p-component",role:"toolbar"},o={class:"p-toolbar-group-left"},l={class:"p-toolbar-group-right"};return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===n&&o.firstChild?o.insertBefore(l,o.firstChild):o.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-toolbar {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n}\n.p-toolbar-group-left,\n.p-toolbar-group-right {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n"),t.render=function(t,r,i,a,s,p){return e.openBlock(),e.createElementBlock("div",n,[e.createElementVNode("div",o,[e.renderSlot(t.$slots,"start")]),e.createElementVNode("div",l,[e.renderSlot(t.$slots,"end")])])},t}(Vue);
+this.primevue=this.primevue||{},this.primevue.toolbar=function(e){"use strict";var t={name:"Toolbar",props:{"aria-labelledby":{type:String,default:null}}};const n=["aria-labelledby"],l={class:"p-toolbar-group-left"},a={class:"p-toolbar-group-right"};return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===n&&l.firstChild?l.insertBefore(a,l.firstChild):l.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-toolbar {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    -ms-flex-wrap: wrap;\n        flex-wrap: wrap;\n}\n.p-toolbar-group-left,\n.p-toolbar-group-right {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n"),t.render=function(t,r,o,i,s,p){return e.openBlock(),e.createElementBlock("div",{class:"p-toolbar p-component",role:"toolbar","aria-labelledby":t.ariaLabelledby},[e.createElementVNode("div",l,[e.renderSlot(t.$slots,"start")]),e.createElementVNode("div",a,[e.renderSlot(t.$slots,"end")])],8,n)},t}(Vue);

package/tooltip/tooltip.cjs.js

@@ -4,11 +4,11 @@ var utils = require('primevue/utils');
 
 function bindEvents(el) {
     const modifiers = el.$_ptooltipModifiers;
+
     if (modifiers.focus) {
         el.addEventListener('focus', onFocus);
         el.addEventListener('blur', onBlur);
-    }
-    else {
+    } else {
         el.addEventListener('mouseenter', onMouseEnter);
         el.addEventListener('mouseleave', onMouseLeave);
         el.addEventListener('click', onClick);
@@ -17,11 +17,11 @@ function bindEvents(el) {
 
 function unbindEvents(el) {
     const modifiers = el.$_ptooltipModifiers;
+
     if (modifiers.focus) {
         el.removeEventListener('focus', onFocus);
         el.removeEventListener('blur', onBlur);
-    }
-    else {
+    } else {
         el.removeEventListener('mouseenter', onMouseEnter);
         el.removeEventListener('mouseleave', onMouseLeave);
         el.removeEventListener('click', onClick);
@@ -30,7 +30,7 @@ function unbindEvents(el) {
 
 function bindScrollListener(el) {
     if (!el.$_ptooltipScrollHandler) {
-        el.$_ptooltipScrollHandler = new utils.ConnectedOverlayScrollHandler(el, function() {
+        el.$_ptooltipScrollHandler = new utils.ConnectedOverlayScrollHandler(el, function () {
             hide(el);
         });
     }
@@ -70,6 +70,7 @@ function show(el) {
     }
 
     let tooltipElement = create(el);
+
     align(el);
     utils.DomHandler.fadeIn(tooltipElement, 250);
 
@@ -77,6 +78,7 @@ function show(el) {
         if (!utils.DomHandler.isTouchDevice()) {
             hide(el);
         }
+
         this.removeEventListener('resize', onWindowResize);
     });
 
@@ -95,23 +97,25 @@ function getTooltipElement(el) {
 
 function create(el) {
     const id = utils.UniqueComponentId() + '_tooltip';
+
     el.$_ptooltipId = id;
 
     let container = document.createElement('div');
+
     container.id = id;
 
     let tooltipArrow = document.createElement('div');
+
     tooltipArrow.className = 'p-tooltip-arrow';
     container.appendChild(tooltipArrow);
 
     let tooltipText = document.createElement('div');
-    tooltipText.className = 'p-tooltip-text';
 
+    tooltipText.className = 'p-tooltip-text';
 
     if (el.$_ptooltipEscape) {
         tooltipText.innerHTML = el.$_ptooltipValue;
-    }
-    else {
+    } else {
         tooltipText.innerHTML = '';
         tooltipText.appendChild(document.createTextNode(el.$_ptooltipValue));
     }
@@ -131,10 +135,12 @@ function create(el) {
 function remove(el) {
     if (el) {
         let tooltipElement = getTooltipElement(el);
+
         if (tooltipElement && tooltipElement.parentElement) {
             utils.ZIndexUtils.clear(tooltipElement);
             document.body.removeChild(tooltipElement);
         }
+
         el.$_ptooltipId = null;
     }
 }
@@ -144,6 +150,7 @@ function align(el) {
 
     if (modifiers.top) {
         alignTop(el);
+
         if (isOutOfBounds(el)) {
             alignBottom(el);
 
@@ -151,9 +158,9 @@ function align(el) {
                 alignTop(el);
             }
         }
-    }
-    else if (modifiers.left) {
+    } else if (modifiers.left) {
         alignLeft(el);
+
         if (isOutOfBounds(el)) {
             alignRight(el);
 
@@ -169,9 +176,9 @@ function align(el) {
                 }
             }
         }
-    }
-    else if (modifiers.bottom) {
+    } else if (modifiers.bottom) {
         alignBottom(el);
+
         if (isOutOfBounds(el)) {
             alignTop(el);
 
@@ -179,9 +186,9 @@ function align(el) {
                 alignBottom(el);
             }
         }
-    }
-    else {
+    } else {
         alignRight(el);
+
         if (isOutOfBounds(el)) {
             alignLeft(el);
 
@@ -205,7 +212,7 @@ function getHostOffset(el) {
     let targetLeft = offset.left + utils.DomHandler.getWindowScrollLeft();
     let targetTop = offset.top + utils.DomHandler.getWindowScrollTop();
 
-    return {left: targetLeft, top: targetTop};
+    return { left: targetLeft, top: targetTop };
 }
 
 function alignRight(el) {
@@ -214,6 +221,7 @@ function alignRight(el) {
     let hostOffset = getHostOffset(el);
     let left = hostOffset.left + utils.DomHandler.getOuterWidth(el);
     let top = hostOffset.top + (utils.DomHandler.getOuterHeight(el) - utils.DomHandler.getOuterHeight(tooltipElement)) / 2;
+
     tooltipElement.style.left = left + 'px';
     tooltipElement.style.top = top + 'px';
 }
@@ -224,6 +232,7 @@ function alignLeft(el) {
     let hostOffset = getHostOffset(el);
     let left = hostOffset.left - utils.DomHandler.getOuterWidth(tooltipElement);
     let top = hostOffset.top + (utils.DomHandler.getOuterHeight(el) - utils.DomHandler.getOuterHeight(tooltipElement)) / 2;
+
     tooltipElement.style.left = left + 'px';
     tooltipElement.style.top = top + 'px';
 }
@@ -234,6 +243,7 @@ function alignTop(el) {
     let hostOffset = getHostOffset(el);
     let left = hostOffset.left + (utils.DomHandler.getOuterWidth(el) - utils.DomHandler.getOuterWidth(tooltipElement)) / 2;
     let top = hostOffset.top - utils.DomHandler.getOuterHeight(tooltipElement);
+
     tooltipElement.style.left = left + 'px';
     tooltipElement.style.top = top + 'px';
 }
@@ -244,15 +254,17 @@ function alignBottom(el) {
     let hostOffset = getHostOffset(el);
     let left = hostOffset.left + (utils.DomHandler.getOuterWidth(el) - utils.DomHandler.getOuterWidth(tooltipElement)) / 2;
     let top = hostOffset.top + utils.DomHandler.getOuterHeight(el);
+
     tooltipElement.style.left = left + 'px';
     tooltipElement.style.top = top + 'px';
 }
 
 function preAlign(el, position) {
     let tooltipElement = getTooltipElement(el);
+
     tooltipElement.style.left = -999 + 'px';
     tooltipElement.style.top = -999 + 'px';
-    tooltipElement.className = `p-tooltip p-component p-tooltip-${position} ${el.$_ptooltipClass||''}`;
+    tooltipElement.className = `p-tooltip p-component p-tooltip-${position} ${el.$_ptooltipClass || ''}`;
 }
 
 function isOutOfBounds(el) {
@@ -264,11 +276,11 @@ function isOutOfBounds(el) {
     let height = utils.DomHandler.getOuterHeight(tooltipElement);
     let viewport = utils.DomHandler.getViewport();
 
-    return (targetLeft + width > viewport.width) || (targetLeft < 0) || (targetTop < 0) || (targetTop + height > viewport.height);
+    return targetLeft + width > viewport.width || targetLeft < 0 || targetTop < 0 || targetTop + height > viewport.height;
 }
 
 function getTarget(el) {
-    return utils.DomHandler.hasClass(el, 'p-inputwrapper') ? utils.DomHandler.findSingle(el, 'input'): el;
+    return utils.DomHandler.hasClass(el, 'p-inputwrapper') ? utils.DomHandler.findSingle(el, 'input') : el;
 }
 
 function getModifiers(options) {
@@ -281,6 +293,7 @@ function getModifiers(options) {
     if (options.arg && typeof options.arg === 'object') {
         return Object.entries(options.arg).reduce((acc, [key, val]) => {
             if (key === 'event' || key === 'position') acc[val] = true;
+
             return acc;
         }, {});
     }
@@ -291,6 +304,7 @@ function getModifiers(options) {
 const Tooltip = {
     beforeMount(el, options) {
         let target = getTarget(el);
+
         target.$_ptooltipModifiers = getModifiers(options);
 
         if (!options.value) return;
@@ -300,9 +314,8 @@ const Tooltip = {
             target.$_ptooltipEscape = false;
             target.$_ptooltipClass = null;
             target.$_ptooltipFitContent = true;
-        }
-        else if (typeof options.value === 'object' && options.value) {
-            if (options.value.value === undefined || options.value.value === null || options.value.value.trim() === '') return;
+        } else if (typeof options.value === 'object' && options.value) {
+            if (utils.ObjectUtils.isEmpty(options.value.value)) return;
             else {
                 /* eslint-disable */
                 target.$_ptooltipValue = options.value.value;
@@ -338,9 +351,8 @@ const Tooltip = {
             target.$_ptooltipDisabled = false;
             target.$_ptooltipEscape = false;
             target.$_ptooltipClass = null;
-        }
-        else if (typeof options.value === 'object' && options.value) {
-            if (options.value.value === undefined || options.value.value === null || options.value.value.trim() === '') return;
+        } else if (typeof options.value === 'object' && options.value) {
+            if (utils.ObjectUtils.isEmpty(options.value.value)) return;
             else {
                 /* eslint-disable */
                 target.$_ptooltipValue = options.value.value;

package/tooltip/tooltip.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils");function t(e){p(e.currentTarget)}function l(e){r(e.currentTarget)}function o(e){p(e.currentTarget)}function n(e){r(e.currentTarget)}function i(e){r(e.currentTarget)}function p(t){if(t.$_ptooltipDisabled)return;let l=function(t){const l=e.UniqueComponentId()+"_tooltip";t.$_ptooltipId=l;let o=document.createElement("div");o.id=l;let n=document.createElement("div");n.className="p-tooltip-arrow",o.appendChild(n);let i=document.createElement("div");i.className="p-tooltip-text",t.$_ptooltipEscape?i.innerHTML=t.$_ptooltipValue:(i.innerHTML="",i.appendChild(document.createTextNode(t.$_ptooltipValue)));o.appendChild(i),document.body.appendChild(o),o.style.display="inline-block",t.$_ptooltipFitContent&&(o.style.width="fit-content");return o}(t);!function(e){const t=e.$_ptooltipModifiers;t.top?(f(e),$(e)&&(v(e),$(e)&&f(e))):t.left?(c(e),$(e)&&(s(e),$(e)&&(f(e),$(e)&&(v(e),$(e)&&c(e))))):t.bottom?(v(e),$(e)&&(f(e),$(e)&&v(e))):(s(e),$(e)&&(c(e),$(e)&&(f(e),$(e)&&(v(e),$(e)&&s(e)))))}(t),e.DomHandler.fadeIn(l,250),window.addEventListener("resize",(function l(){e.DomHandler.isTouchDevice()||r(t),this.removeEventListener("resize",l)})),function(t){t.$_ptooltipScrollHandler||(t.$_ptooltipScrollHandler=new e.ConnectedOverlayScrollHandler(t,(function(){r(t)}))),t.$_ptooltipScrollHandler.bindScrollListener()}(t),e.ZIndexUtils.set("tooltip",l,t.$_ptooltipZIndex)}function r(e){u(e),function(e){e.$_ptooltipScrollHandler&&e.$_ptooltipScrollHandler.unbindScrollListener()}(e)}function a(e){return document.getElementById(e.$_ptooltipId)}function u(t){if(t){let l=a(t);l&&l.parentElement&&(e.ZIndexUtils.clear(l),document.body.removeChild(l)),t.$_ptooltipId=null}}function d(t){let l=t.getBoundingClientRect();return{left:l.left+e.DomHandler.getWindowScrollLeft(),top:l.top+e.DomHandler.getWindowScrollTop()}}function s(t){m(t,"right");let l=a(t),o=d(t),n=o.left+e.DomHandler.getOuterWidth(t),i=o.top+(e.DomHandler.getOuterHeight(t)-e.DomHandler.getOuterHeight(l))/2;l.style.left=n+"px",l.style.top=i+"px"}function c(t){m(t,"left");let l=a(t),o=d(t),n=o.left-e.DomHandler.getOuterWidth(l),i=o.top+(e.DomHandler.getOuterHeight(t)-e.DomHandler.getOuterHeight(l))/2;l.style.left=n+"px",l.style.top=i+"px"}function f(t){m(t,"top");let l=a(t),o=d(t),n=o.left+(e.DomHandler.getOuterWidth(t)-e.DomHandler.getOuterWidth(l))/2,i=o.top-e.DomHandler.getOuterHeight(l);l.style.left=n+"px",l.style.top=i+"px"}function v(t){m(t,"bottom");let l=a(t),o=d(t),n=o.left+(e.DomHandler.getOuterWidth(t)-e.DomHandler.getOuterWidth(l))/2,i=o.top+e.DomHandler.getOuterHeight(t);l.style.left=n+"px",l.style.top=i+"px"}function m(e,t){let l=a(e);l.style.left="-999px",l.style.top="-999px",l.className=`p-tooltip p-component p-tooltip-${t} ${e.$_ptooltipClass||""}`}function $(t){let l=a(t),o=l.getBoundingClientRect(),n=o.top,i=o.left,p=e.DomHandler.getOuterWidth(l),r=e.DomHandler.getOuterHeight(l),u=e.DomHandler.getViewport();return i+p>u.width||i<0||n<0||n+r>u.height}function g(t){return e.DomHandler.hasClass(t,"p-inputwrapper")?e.DomHandler.findSingle(t,"input"):t}function _(e){return e.modifiers&&Object.keys(e.modifiers).length?e.modifiers:e.arg&&"object"==typeof e.arg?Object.entries(e.arg).reduce(((e,[t,l])=>("event"!==t&&"position"!==t||(e[l]=!0),e)),{}):{}}const H={beforeMount(e,p){let r=g(e);if(r.$_ptooltipModifiers=_(p),p.value){if("string"==typeof p.value)r.$_ptooltipValue=p.value,r.$_ptooltipDisabled=!1,r.$_ptooltipEscape=!1,r.$_ptooltipClass=null,r.$_ptooltipFitContent=!0;else if("object"==typeof p.value&&p.value){if(void 0===p.value.value||null===p.value.value||""===p.value.value.trim())return;r.$_ptooltipValue=p.value.value,r.$_ptooltipDisabled=!!p.value.disabled===p.value.disabled&&p.value.disabled,r.$_ptooltipEscape=!!p.value.escape===p.value.escape&&p.value.escape,r.$_ptooltipClass=p.value.class,r.$_ptooltipFitContent=!!p.value.fitContent!==p.value.fitContent||p.value.fitContent}r.$_ptooltipZIndex=p.instance.$primevue&&p.instance.$primevue.config&&p.instance.$primevue.config.zIndex.tooltip,function(e){e.$_ptooltipModifiers.focus?(e.addEventListener("focus",o),e.addEventListener("blur",n)):(e.addEventListener("mouseenter",t),e.addEventListener("mouseleave",l),e.addEventListener("click",i))}(r)}},unmounted(p){let r=g(p);u(r),function(e){e.$_ptooltipModifiers.focus?(e.removeEventListener("focus",o),e.removeEventListener("blur",n)):(e.removeEventListener("mouseenter",t),e.removeEventListener("mouseleave",l),e.removeEventListener("click",i))}(r),r.$_ptooltipScrollHandler&&(r.$_ptooltipScrollHandler.destroy(),r.$_ptooltipScrollHandler=null),e.ZIndexUtils.clear(p)},updated(e,t){let l=g(e);if(l.$_ptooltipModifiers=_(t),t.value)if("string"==typeof t.value)l.$_ptooltipValue=t.value,l.$_ptooltipDisabled=!1,l.$_ptooltipEscape=!1,l.$_ptooltipClass=null;else if("object"==typeof t.value&&t.value){if(void 0===t.value.value||null===t.value.value||""===t.value.value.trim())return;l.$_ptooltipValue=t.value.value,l.$_ptooltipDisabled=!!t.value.disabled===t.value.disabled&&t.value.disabled,l.$_ptooltipEscape=!!t.value.escape===t.value.escape&&t.value.escape,l.$_ptooltipClass=t.value.class,l.$_ptooltipFitContent=!!t.value.fitContent!==t.value.fitContent||t.value.fitContent}}};module.exports=H;
+"use strict";var e=require("primevue/utils");function t(e){p(e.currentTarget)}function o(e){r(e.currentTarget)}function l(e){p(e.currentTarget)}function n(e){r(e.currentTarget)}function i(e){r(e.currentTarget)}function p(t){if(t.$_ptooltipDisabled)return;let o=function(t){const o=e.UniqueComponentId()+"_tooltip";t.$_ptooltipId=o;let l=document.createElement("div");l.id=o;let n=document.createElement("div");n.className="p-tooltip-arrow",l.appendChild(n);let i=document.createElement("div");i.className="p-tooltip-text",t.$_ptooltipEscape?i.innerHTML=t.$_ptooltipValue:(i.innerHTML="",i.appendChild(document.createTextNode(t.$_ptooltipValue)));l.appendChild(i),document.body.appendChild(l),l.style.display="inline-block",t.$_ptooltipFitContent&&(l.style.width="fit-content");return l}(t);!function(e){const t=e.$_ptooltipModifiers;t.top?(f(e),$(e)&&(v(e),$(e)&&f(e))):t.left?(c(e),$(e)&&(s(e),$(e)&&(f(e),$(e)&&(v(e),$(e)&&c(e))))):t.bottom?(v(e),$(e)&&(f(e),$(e)&&v(e))):(s(e),$(e)&&(c(e),$(e)&&(f(e),$(e)&&(v(e),$(e)&&s(e)))))}(t),e.DomHandler.fadeIn(o,250),window.addEventListener("resize",(function o(){e.DomHandler.isTouchDevice()||r(t),this.removeEventListener("resize",o)})),function(t){t.$_ptooltipScrollHandler||(t.$_ptooltipScrollHandler=new e.ConnectedOverlayScrollHandler(t,(function(){r(t)}))),t.$_ptooltipScrollHandler.bindScrollListener()}(t),e.ZIndexUtils.set("tooltip",o,t.$_ptooltipZIndex)}function r(e){u(e),function(e){e.$_ptooltipScrollHandler&&e.$_ptooltipScrollHandler.unbindScrollListener()}(e)}function a(e){return document.getElementById(e.$_ptooltipId)}function u(t){if(t){let o=a(t);o&&o.parentElement&&(e.ZIndexUtils.clear(o),document.body.removeChild(o)),t.$_ptooltipId=null}}function d(t){let o=t.getBoundingClientRect();return{left:o.left+e.DomHandler.getWindowScrollLeft(),top:o.top+e.DomHandler.getWindowScrollTop()}}function s(t){m(t,"right");let o=a(t),l=d(t),n=l.left+e.DomHandler.getOuterWidth(t),i=l.top+(e.DomHandler.getOuterHeight(t)-e.DomHandler.getOuterHeight(o))/2;o.style.left=n+"px",o.style.top=i+"px"}function c(t){m(t,"left");let o=a(t),l=d(t),n=l.left-e.DomHandler.getOuterWidth(o),i=l.top+(e.DomHandler.getOuterHeight(t)-e.DomHandler.getOuterHeight(o))/2;o.style.left=n+"px",o.style.top=i+"px"}function f(t){m(t,"top");let o=a(t),l=d(t),n=l.left+(e.DomHandler.getOuterWidth(t)-e.DomHandler.getOuterWidth(o))/2,i=l.top-e.DomHandler.getOuterHeight(o);o.style.left=n+"px",o.style.top=i+"px"}function v(t){m(t,"bottom");let o=a(t),l=d(t),n=l.left+(e.DomHandler.getOuterWidth(t)-e.DomHandler.getOuterWidth(o))/2,i=l.top+e.DomHandler.getOuterHeight(t);o.style.left=n+"px",o.style.top=i+"px"}function m(e,t){let o=a(e);o.style.left="-999px",o.style.top="-999px",o.className=`p-tooltip p-component p-tooltip-${t} ${e.$_ptooltipClass||""}`}function $(t){let o=a(t),l=o.getBoundingClientRect(),n=l.top,i=l.left,p=e.DomHandler.getOuterWidth(o),r=e.DomHandler.getOuterHeight(o),u=e.DomHandler.getViewport();return i+p>u.width||i<0||n<0||n+r>u.height}function g(t){return e.DomHandler.hasClass(t,"p-inputwrapper")?e.DomHandler.findSingle(t,"input"):t}function _(e){return e.modifiers&&Object.keys(e.modifiers).length?e.modifiers:e.arg&&"object"==typeof e.arg?Object.entries(e.arg).reduce(((e,[t,o])=>("event"!==t&&"position"!==t||(e[o]=!0),e)),{}):{}}const H={beforeMount(p,r){let a=g(p);if(a.$_ptooltipModifiers=_(r),r.value){if("string"==typeof r.value)a.$_ptooltipValue=r.value,a.$_ptooltipDisabled=!1,a.$_ptooltipEscape=!1,a.$_ptooltipClass=null,a.$_ptooltipFitContent=!0;else if("object"==typeof r.value&&r.value){if(e.ObjectUtils.isEmpty(r.value.value))return;a.$_ptooltipValue=r.value.value,a.$_ptooltipDisabled=!!r.value.disabled===r.value.disabled&&r.value.disabled,a.$_ptooltipEscape=!!r.value.escape===r.value.escape&&r.value.escape,a.$_ptooltipClass=r.value.class,a.$_ptooltipFitContent=!!r.value.fitContent!==r.value.fitContent||r.value.fitContent}a.$_ptooltipZIndex=r.instance.$primevue&&r.instance.$primevue.config&&r.instance.$primevue.config.zIndex.tooltip,function(e){e.$_ptooltipModifiers.focus?(e.addEventListener("focus",l),e.addEventListener("blur",n)):(e.addEventListener("mouseenter",t),e.addEventListener("mouseleave",o),e.addEventListener("click",i))}(a)}},unmounted(p){let r=g(p);u(r),function(e){e.$_ptooltipModifiers.focus?(e.removeEventListener("focus",l),e.removeEventListener("blur",n)):(e.removeEventListener("mouseenter",t),e.removeEventListener("mouseleave",o),e.removeEventListener("click",i))}(r),r.$_ptooltipScrollHandler&&(r.$_ptooltipScrollHandler.destroy(),r.$_ptooltipScrollHandler=null),e.ZIndexUtils.clear(p)},updated(t,o){let l=g(t);if(l.$_ptooltipModifiers=_(o),o.value)if("string"==typeof o.value)l.$_ptooltipValue=o.value,l.$_ptooltipDisabled=!1,l.$_ptooltipEscape=!1,l.$_ptooltipClass=null;else if("object"==typeof o.value&&o.value){if(e.ObjectUtils.isEmpty(o.value.value))return;l.$_ptooltipValue=o.value.value,l.$_ptooltipDisabled=!!o.value.disabled===o.value.disabled&&o.value.disabled,l.$_ptooltipEscape=!!o.value.escape===o.value.escape&&o.value.escape,l.$_ptooltipClass=o.value.class,l.$_ptooltipFitContent=!!o.value.fitContent!==o.value.fitContent||o.value.fitContent}}};module.exports=H;