primevue 3.28.0 → 3.29.0

package/tooltip/tooltip.cjs.js

@@ -2,6 +2,8 @@
 
 var utils = require('primevue/utils');
 
+let timer;
+
 function bindEvents(el) {
     const modifiers = el.$_ptooltipModifiers;
 
@@ -49,30 +51,45 @@ function unbindScrollListener(el) {
 }
 
 function onMouseEnter(event) {
-    show(event.currentTarget);
+    const el = event.currentTarget;
+    const showDelay = el.$_ptooltipShowDelay;
+
+    show(el, showDelay);
 }
 
 function onMouseLeave(event) {
-    hide(event.currentTarget);
+    const el = event.currentTarget;
+    const hideDelay = el.$_ptooltipHideDelay;
+
+    hide(el, hideDelay);
 }
 
 function onFocus(event) {
-    show(event.currentTarget);
+    const el = event.currentTarget;
+    const showDelay = el.$_ptooltipShowDelay;
+
+    show(el, showDelay);
 }
 
 function onBlur(event) {
-    hide(event.currentTarget);
+    const el = event.currentTarget;
+    const hideDelay = el.$_ptooltipHideDelay;
+
+    hide(el, hideDelay);
 }
 
 function onClick(event) {
-    hide(event.currentTarget);
+    const el = event.currentTarget;
+    const hideDelay = el.$_ptooltipHideDelay;
+
+    hide(el, hideDelay);
 }
 
 function onKeydown(event) {
-    event.code === 'Escape' && hide(event.currentTarget);
+    event.code === 'Escape' && hide(event.currentTarget, hideDelay);
 }
 
-function show(el) {
+function tooltipActions(el) {
     if (el.$_ptooltipDisabled) {
         return;
     }
@@ -94,11 +111,29 @@ function show(el) {
     utils.ZIndexUtils.set('tooltip', tooltipElement, el.$_ptooltipZIndex);
 }
 
-function hide(el) {
+function show(el, showDelay) {
+    if (showDelay !== undefined) {
+        timer = setTimeout(() => tooltipActions(el), showDelay);
+    } else {
+        tooltipActions(el);
+    }
+}
+
+function tooltipRemoval(el) {
     remove(el);
     unbindScrollListener(el);
 }
 
+function hide(el, hideDelay) {
+    clearTimeout(timer);
+
+    if (hideDelay !== undefined) {
+        setTimeout(() => tooltipRemoval(el), hideDelay);
+    } else {
+        tooltipRemoval(el);
+    }
+}
+
 function getTooltipElement(el) {
     return document.getElementById(el.$_ptooltipId);
 }
@@ -323,7 +358,8 @@ const Tooltip = {
             target.$_ptooltipEscape = false;
             target.$_ptooltipClass = null;
             target.$_ptooltipFitContent = true;
-            target.$_ptooltipIdAttr = '';
+            target.$_ptooltipShowDelay = 0;
+            target.$_ptooltipHideDelay = 0;
         } else if (typeof options.value === 'object' && options.value) {
             if (utils.ObjectUtils.isEmpty(options.value.value) || options.value.value.trim() === '') return;
             else {
@@ -334,6 +370,8 @@ const Tooltip = {
                 target.$_ptooltipClass = options.value.class;
                 target.$_ptooltipFitContent = !!options.value.fitContent === options.value.fitContent ? options.value.fitContent : true;
                 target.$_ptooltipIdAttr = options.value.id || '';
+                target.$_ptooltipShowDelay = options.value.showDelay || 0;
+                target.$_ptooltipHideDelay = options.value.hideDelay || 0;
             }
         }
 
@@ -365,6 +403,8 @@ const Tooltip = {
             target.$_ptooltipEscape = false;
             target.$_ptooltipClass = null;
             target.$_ptooltipIdAttr = '';
+            target.$_ptooltipShowDelay = 0;
+            target.$_ptooltipHideDelay = 0;
 
             bindEvents(target);
         } else if (typeof options.value === 'object' && options.value) {
@@ -379,6 +419,8 @@ const Tooltip = {
                 target.$_ptooltipClass = options.value.class;
                 target.$_ptooltipFitContent = !!options.value.fitContent === options.value.fitContent ? options.value.fitContent : true;
                 target.$_ptooltipIdAttr = options.value.id || '';
+                target.$_ptooltipShowDelay = options.value.showDelay || 0;
+                target.$_ptooltipHideDelay = options.value.hideDelay || 0;
 
                 bindEvents(target);
             }

package/tooltip/tooltip.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/utils");function t(e){e.$_ptooltipModifiers.focus?(e.addEventListener("focus",i),e.addEventListener("blur",p)):(e.addEventListener("mouseenter",l),e.addEventListener("mouseleave",n),e.addEventListener("click",r)),e.addEventListener("keydown",a)}function o(e){e.$_ptooltipModifiers.focus?(e.removeEventListener("focus",i),e.removeEventListener("blur",p)):(e.removeEventListener("mouseenter",l),e.removeEventListener("mouseleave",n),e.removeEventListener("click",r)),e.removeEventListener("keydown",a)}function l(e){u(e.currentTarget)}function n(e){d(e.currentTarget)}function i(e){u(e.currentTarget)}function p(e){d(e.currentTarget)}function r(e){d(e.currentTarget)}function a(e){"Escape"===e.code&&d(e.currentTarget)}function u(t){if(t.$_ptooltipDisabled)return;let o=function(t){const o=""!==t.$_ptooltipIdAttr?t.$_ptooltipIdAttr: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.setAttribute("role","tooltip"),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?($(e),H(e)&&(_(e),H(e)&&$(e))):t.left?(m(e),H(e)&&(v(e),H(e)&&($(e),H(e)&&(_(e),H(e)&&m(e))))):t.bottom?(_(e),H(e)&&($(e),H(e)&&_(e))):(v(e),H(e)&&(m(e),H(e)&&($(e),H(e)&&(_(e),H(e)&&v(e)))))}(t),e.DomHandler.fadeIn(o,250),window.addEventListener("resize",(function o(){e.DomHandler.isTouchDevice()||d(t),this.removeEventListener("resize",o)})),function(t){t.$_ptooltipScrollHandler||(t.$_ptooltipScrollHandler=new e.ConnectedOverlayScrollHandler(t,(function(){d(t)}))),t.$_ptooltipScrollHandler.bindScrollListener()}(t),e.ZIndexUtils.set("tooltip",o,t.$_ptooltipZIndex)}function d(e){c(e),function(e){e.$_ptooltipScrollHandler&&e.$_ptooltipScrollHandler.unbindScrollListener()}(e)}function s(e){return document.getElementById(e.$_ptooltipId)}function c(t){if(t){let o=s(t);o&&o.parentElement&&(e.ZIndexUtils.clear(o),document.body.removeChild(o)),t.$_ptooltipId=null}}function f(t){let o=t.getBoundingClientRect();return{left:o.left+e.DomHandler.getWindowScrollLeft(),top:o.top+e.DomHandler.getWindowScrollTop()}}function v(t){g(t,"right");let o=s(t),l=f(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 m(t){g(t,"left");let o=s(t),l=f(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 $(t){g(t,"top");let o=s(t),l=f(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 _(t){g(t,"bottom");let o=s(t),l=f(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 g(e,t){let o=s(e);o.style.left="-999px",o.style.top="-999px",o.className=`p-tooltip p-component p-tooltip-${t} ${e.$_ptooltipClass||""}`}function H(t){let o=s(t),l=o.getBoundingClientRect(),n=l.top,i=l.left,p=e.DomHandler.getOuterWidth(o),r=e.DomHandler.getOuterHeight(o),a=e.DomHandler.getViewport();return i+p>a.width||i<0||n<0||n+r>a.height}function b(t){return e.DomHandler.hasClass(t,"p-inputwrapper")?e.DomHandler.findSingle(t,"input"):t}function h(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 y={beforeMount(o,l){let n=b(o);if(n.$_ptooltipModifiers=h(l),l.value){if("string"==typeof l.value)n.$_ptooltipValue=l.value,n.$_ptooltipDisabled=!1,n.$_ptooltipEscape=!1,n.$_ptooltipClass=null,n.$_ptooltipFitContent=!0,n.$_ptooltipIdAttr="";else if("object"==typeof l.value&&l.value){if(e.ObjectUtils.isEmpty(l.value.value)||""===l.value.value.trim())return;n.$_ptooltipValue=l.value.value,n.$_ptooltipDisabled=!!l.value.disabled===l.value.disabled&&l.value.disabled,n.$_ptooltipEscape=!!l.value.escape===l.value.escape&&l.value.escape,n.$_ptooltipClass=l.value.class,n.$_ptooltipFitContent=!!l.value.fitContent!==l.value.fitContent||l.value.fitContent,n.$_ptooltipIdAttr=l.value.id||""}n.$_ptooltipZIndex=l.instance.$primevue&&l.instance.$primevue.config&&l.instance.$primevue.config.zIndex.tooltip,t(n)}},unmounted(e){let t=b(e);c(t),o(t),t.$_ptooltipScrollHandler&&(t.$_ptooltipScrollHandler.destroy(),t.$_ptooltipScrollHandler=null)},updated(l,n){let i=b(l);if(i.$_ptooltipModifiers=h(n),n.value){if("string"==typeof n.value)i.$_ptooltipValue=n.value,i.$_ptooltipDisabled=!1,i.$_ptooltipEscape=!1,i.$_ptooltipClass=null,i.$_ptooltipIdAttr="",t(i);else if("object"==typeof n.value&&n.value){if(e.ObjectUtils.isEmpty(n.value.value)||""===n.value.value.trim())return void o(i);i.$_ptooltipValue=n.value.value,i.$_ptooltipDisabled=!!n.value.disabled===n.value.disabled&&n.value.disabled,i.$_ptooltipEscape=!!n.value.escape===n.value.escape&&n.value.escape,i.$_ptooltipClass=n.value.class,i.$_ptooltipFitContent=!!n.value.fitContent!==n.value.fitContent||n.value.fitContent,i.$_ptooltipIdAttr=n.value.id||"",t(i)}}else o(i)}};module.exports=y;
+"use strict";var e=require("primevue/utils");let t;function o(e){e.$_ptooltipModifiers.focus?(e.addEventListener("focus",p),e.addEventListener("blur",a)):(e.addEventListener("mouseenter",i),e.addEventListener("mouseleave",n),e.addEventListener("click",r)),e.addEventListener("keydown",u)}function l(e){e.$_ptooltipModifiers.focus?(e.removeEventListener("focus",p),e.removeEventListener("blur",a)):(e.removeEventListener("mouseenter",i),e.removeEventListener("mouseleave",n),e.removeEventListener("click",r)),e.removeEventListener("keydown",u)}function i(e){const t=e.currentTarget;s(t,t.$_ptooltipShowDelay)}function n(e){const t=e.currentTarget;v(t,t.$_ptooltipHideDelay)}function p(e){const t=e.currentTarget;s(t,t.$_ptooltipShowDelay)}function a(e){const t=e.currentTarget;v(t,t.$_ptooltipHideDelay)}function r(e){const t=e.currentTarget;v(t,t.$_ptooltipHideDelay)}function u(e){"Escape"===e.code&&v(e.currentTarget,hideDelay)}function d(t){if(t.$_ptooltipDisabled)return;let o=function(t){const o=""!==t.$_ptooltipIdAttr?t.$_ptooltipIdAttr:e.UniqueComponentId()+"_tooltip";t.$_ptooltipId=o;let l=document.createElement("div");l.id=o;let i=document.createElement("div");i.className="p-tooltip-arrow",l.appendChild(i);let n=document.createElement("div");n.className="p-tooltip-text",t.$_ptooltipEscape?n.innerHTML=t.$_ptooltipValue:(n.innerHTML="",n.appendChild(document.createTextNode(t.$_ptooltipValue)));l.setAttribute("role","tooltip"),l.appendChild(n),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?(y(e),h(e)&&(H(e),h(e)&&y(e))):t.left?(g(e),h(e)&&(_(e),h(e)&&(y(e),h(e)&&(H(e),h(e)&&g(e))))):t.bottom?(H(e),h(e)&&(y(e),h(e)&&H(e))):(_(e),h(e)&&(g(e),h(e)&&(y(e),h(e)&&(H(e),h(e)&&_(e)))))}(t),e.DomHandler.fadeIn(o,250),window.addEventListener("resize",(function o(){e.DomHandler.isTouchDevice()||v(t),this.removeEventListener("resize",o)})),function(t){t.$_ptooltipScrollHandler||(t.$_ptooltipScrollHandler=new e.ConnectedOverlayScrollHandler(t,(function(){v(t)}))),t.$_ptooltipScrollHandler.bindScrollListener()}(t),e.ZIndexUtils.set("tooltip",o,t.$_ptooltipZIndex)}function s(e,o){void 0!==o?t=setTimeout((()=>d(e)),o):d(e)}function c(e){m(e),function(e){e.$_ptooltipScrollHandler&&e.$_ptooltipScrollHandler.unbindScrollListener()}(e)}function v(e,o){clearTimeout(t),void 0!==o?setTimeout((()=>c(e)),o):c(e)}function f(e){return document.getElementById(e.$_ptooltipId)}function m(t){if(t){let o=f(t);o&&o.parentElement&&(e.ZIndexUtils.clear(o),document.body.removeChild(o)),t.$_ptooltipId=null}}function $(t){let o=t.getBoundingClientRect();return{left:o.left+e.DomHandler.getWindowScrollLeft(),top:o.top+e.DomHandler.getWindowScrollTop()}}function _(t){D(t,"right");let o=f(t),l=$(t),i=l.left+e.DomHandler.getOuterWidth(t),n=l.top+(e.DomHandler.getOuterHeight(t)-e.DomHandler.getOuterHeight(o))/2;o.style.left=i+"px",o.style.top=n+"px"}function g(t){D(t,"left");let o=f(t),l=$(t),i=l.left-e.DomHandler.getOuterWidth(o),n=l.top+(e.DomHandler.getOuterHeight(t)-e.DomHandler.getOuterHeight(o))/2;o.style.left=i+"px",o.style.top=n+"px"}function y(t){D(t,"top");let o=f(t),l=$(t),i=l.left+(e.DomHandler.getOuterWidth(t)-e.DomHandler.getOuterWidth(o))/2,n=l.top-e.DomHandler.getOuterHeight(o);o.style.left=i+"px",o.style.top=n+"px"}function H(t){D(t,"bottom");let o=f(t),l=$(t),i=l.left+(e.DomHandler.getOuterWidth(t)-e.DomHandler.getOuterWidth(o))/2,n=l.top+e.DomHandler.getOuterHeight(t);o.style.left=i+"px",o.style.top=n+"px"}function D(e,t){let o=f(e);o.style.left="-999px",o.style.top="-999px",o.className=`p-tooltip p-component p-tooltip-${t} ${e.$_ptooltipClass||""}`}function h(t){let o=f(t),l=o.getBoundingClientRect(),i=l.top,n=l.left,p=e.DomHandler.getOuterWidth(o),a=e.DomHandler.getOuterHeight(o),r=e.DomHandler.getViewport();return n+p>r.width||n<0||i<0||i+a>r.height}function b(t){return e.DomHandler.hasClass(t,"p-inputwrapper")?e.DomHandler.findSingle(t,"input"):t}function E(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 C={beforeMount(t,l){let i=b(t);if(i.$_ptooltipModifiers=E(l),l.value){if("string"==typeof l.value)i.$_ptooltipValue=l.value,i.$_ptooltipDisabled=!1,i.$_ptooltipEscape=!1,i.$_ptooltipClass=null,i.$_ptooltipFitContent=!0,i.$_ptooltipShowDelay=0,i.$_ptooltipHideDelay=0;else if("object"==typeof l.value&&l.value){if(e.ObjectUtils.isEmpty(l.value.value)||""===l.value.value.trim())return;i.$_ptooltipValue=l.value.value,i.$_ptooltipDisabled=!!l.value.disabled===l.value.disabled&&l.value.disabled,i.$_ptooltipEscape=!!l.value.escape===l.value.escape&&l.value.escape,i.$_ptooltipClass=l.value.class,i.$_ptooltipFitContent=!!l.value.fitContent!==l.value.fitContent||l.value.fitContent,i.$_ptooltipIdAttr=l.value.id||"",i.$_ptooltipShowDelay=l.value.showDelay||0,i.$_ptooltipHideDelay=l.value.hideDelay||0}i.$_ptooltipZIndex=l.instance.$primevue&&l.instance.$primevue.config&&l.instance.$primevue.config.zIndex.tooltip,o(i)}},unmounted(e){let t=b(e);m(t),l(t),t.$_ptooltipScrollHandler&&(t.$_ptooltipScrollHandler.destroy(),t.$_ptooltipScrollHandler=null)},updated(t,i){let n=b(t);if(n.$_ptooltipModifiers=E(i),i.value){if("string"==typeof i.value)n.$_ptooltipValue=i.value,n.$_ptooltipDisabled=!1,n.$_ptooltipEscape=!1,n.$_ptooltipClass=null,n.$_ptooltipIdAttr="",n.$_ptooltipShowDelay=0,n.$_ptooltipHideDelay=0,o(n);else if("object"==typeof i.value&&i.value){if(e.ObjectUtils.isEmpty(i.value.value)||""===i.value.value.trim())return void l(n);n.$_ptooltipValue=i.value.value,n.$_ptooltipDisabled=!!i.value.disabled===i.value.disabled&&i.value.disabled,n.$_ptooltipEscape=!!i.value.escape===i.value.escape&&i.value.escape,n.$_ptooltipClass=i.value.class,n.$_ptooltipFitContent=!!i.value.fitContent!==i.value.fitContent||i.value.fitContent,n.$_ptooltipIdAttr=i.value.id||"",n.$_ptooltipShowDelay=i.value.showDelay||0,n.$_ptooltipHideDelay=i.value.hideDelay||0,o(n)}}else l(n)}};module.exports=C;

package/tooltip/tooltip.esm.js

@@ -1,4 +1,6 @@
-import { ObjectUtils, DomHandler, ZIndexUtils, UniqueComponentId, ConnectedOverlayScrollHandler } from 'primevue/utils';
+import { ObjectUtils, ZIndexUtils, DomHandler, UniqueComponentId, ConnectedOverlayScrollHandler } from 'primevue/utils';
+
+let timer;
 
 function bindEvents(el) {
     const modifiers = el.$_ptooltipModifiers;
@@ -47,30 +49,45 @@ function unbindScrollListener(el) {
 }
 
 function onMouseEnter(event) {
-    show(event.currentTarget);
+    const el = event.currentTarget;
+    const showDelay = el.$_ptooltipShowDelay;
+
+    show(el, showDelay);
 }
 
 function onMouseLeave(event) {
-    hide(event.currentTarget);
+    const el = event.currentTarget;
+    const hideDelay = el.$_ptooltipHideDelay;
+
+    hide(el, hideDelay);
 }
 
 function onFocus(event) {
-    show(event.currentTarget);
+    const el = event.currentTarget;
+    const showDelay = el.$_ptooltipShowDelay;
+
+    show(el, showDelay);
 }
 
 function onBlur(event) {
-    hide(event.currentTarget);
+    const el = event.currentTarget;
+    const hideDelay = el.$_ptooltipHideDelay;
+
+    hide(el, hideDelay);
 }
 
 function onClick(event) {
-    hide(event.currentTarget);
+    const el = event.currentTarget;
+    const hideDelay = el.$_ptooltipHideDelay;
+
+    hide(el, hideDelay);
 }
 
 function onKeydown(event) {
-    event.code === 'Escape' && hide(event.currentTarget);
+    event.code === 'Escape' && hide(event.currentTarget, hideDelay);
 }
 
-function show(el) {
+function tooltipActions(el) {
     if (el.$_ptooltipDisabled) {
         return;
     }
@@ -92,11 +109,29 @@ function show(el) {
     ZIndexUtils.set('tooltip', tooltipElement, el.$_ptooltipZIndex);
 }
 
-function hide(el) {
+function show(el, showDelay) {
+    if (showDelay !== undefined) {
+        timer = setTimeout(() => tooltipActions(el), showDelay);
+    } else {
+        tooltipActions(el);
+    }
+}
+
+function tooltipRemoval(el) {
     remove(el);
     unbindScrollListener(el);
 }
 
+function hide(el, hideDelay) {
+    clearTimeout(timer);
+
+    if (hideDelay !== undefined) {
+        setTimeout(() => tooltipRemoval(el), hideDelay);
+    } else {
+        tooltipRemoval(el);
+    }
+}
+
 function getTooltipElement(el) {
     return document.getElementById(el.$_ptooltipId);
 }
@@ -321,7 +356,8 @@ const Tooltip = {
             target.$_ptooltipEscape = false;
             target.$_ptooltipClass = null;
             target.$_ptooltipFitContent = true;
-            target.$_ptooltipIdAttr = '';
+            target.$_ptooltipShowDelay = 0;
+            target.$_ptooltipHideDelay = 0;
         } else if (typeof options.value === 'object' && options.value) {
             if (ObjectUtils.isEmpty(options.value.value) || options.value.value.trim() === '') return;
             else {
@@ -332,6 +368,8 @@ const Tooltip = {
                 target.$_ptooltipClass = options.value.class;
                 target.$_ptooltipFitContent = !!options.value.fitContent === options.value.fitContent ? options.value.fitContent : true;
                 target.$_ptooltipIdAttr = options.value.id || '';
+                target.$_ptooltipShowDelay = options.value.showDelay || 0;
+                target.$_ptooltipHideDelay = options.value.hideDelay || 0;
             }
         }
 
@@ -363,6 +401,8 @@ const Tooltip = {
             target.$_ptooltipEscape = false;
             target.$_ptooltipClass = null;
             target.$_ptooltipIdAttr = '';
+            target.$_ptooltipShowDelay = 0;
+            target.$_ptooltipHideDelay = 0;
 
             bindEvents(target);
         } else if (typeof options.value === 'object' && options.value) {
@@ -377,6 +417,8 @@ const Tooltip = {
                 target.$_ptooltipClass = options.value.class;
                 target.$_ptooltipFitContent = !!options.value.fitContent === options.value.fitContent ? options.value.fitContent : true;
                 target.$_ptooltipIdAttr = options.value.id || '';
+                target.$_ptooltipShowDelay = options.value.showDelay || 0;
+                target.$_ptooltipHideDelay = options.value.hideDelay || 0;
 
                 bindEvents(target);
             }

package/tooltip/tooltip.esm.min.js

@@ -1 +1 @@
-import{ObjectUtils as t,DomHandler as e,ZIndexUtils as o,UniqueComponentId as l,ConnectedOverlayScrollHandler as i}from"primevue/utils";function n(t){t.$_ptooltipModifiers.focus?(t.addEventListener("focus",a),t.addEventListener("blur",s)):(t.addEventListener("mouseenter",r),t.addEventListener("mouseleave",u),t.addEventListener("click",d)),t.addEventListener("keydown",c)}function p(t){t.$_ptooltipModifiers.focus?(t.removeEventListener("focus",a),t.removeEventListener("blur",s)):(t.removeEventListener("mouseenter",r),t.removeEventListener("mouseleave",u),t.removeEventListener("click",d)),t.removeEventListener("keydown",c)}function r(t){f(t.currentTarget)}function u(t){v(t.currentTarget)}function a(t){f(t.currentTarget)}function s(t){v(t.currentTarget)}function d(t){v(t.currentTarget)}function c(t){"Escape"===t.code&&v(t.currentTarget)}function f(t){if(t.$_ptooltipDisabled)return;let n=function(t){const e=""!==t.$_ptooltipIdAttr?t.$_ptooltipIdAttr:l()+"_tooltip";t.$_ptooltipId=e;let o=document.createElement("div");o.id=e;let i=document.createElement("div");i.className="p-tooltip-arrow",o.appendChild(i);let n=document.createElement("div");n.className="p-tooltip-text",t.$_ptooltipEscape?n.innerHTML=t.$_ptooltipValue:(n.innerHTML="",n.appendChild(document.createTextNode(t.$_ptooltipValue)));o.setAttribute("role","tooltip"),o.appendChild(n),document.body.appendChild(o),o.style.display="inline-block",t.$_ptooltipFitContent&&(o.style.width="fit-content");return o}(t);!function(t){const e=t.$_ptooltipModifiers;e.top?(b(t),C(t)&&(y(t),C(t)&&b(t))):e.left?(h(t),C(t)&&(m(t),C(t)&&(b(t),C(t)&&(y(t),C(t)&&h(t))))):e.bottom?(y(t),C(t)&&(b(t),C(t)&&y(t))):(m(t),C(t)&&(h(t),C(t)&&(b(t),C(t)&&(y(t),C(t)&&m(t)))))}(t),e.fadeIn(n,250),window.addEventListener("resize",(function o(){e.isTouchDevice()||v(t),this.removeEventListener("resize",o)})),function(t){t.$_ptooltipScrollHandler||(t.$_ptooltipScrollHandler=new i(t,(function(){v(t)}))),t.$_ptooltipScrollHandler.bindScrollListener()}(t),o.set("tooltip",n,t.$_ptooltipZIndex)}function v(t){_(t),function(t){t.$_ptooltipScrollHandler&&t.$_ptooltipScrollHandler.unbindScrollListener()}(t)}function $(t){return document.getElementById(t.$_ptooltipId)}function _(t){if(t){let e=$(t);e&&e.parentElement&&(o.clear(e),document.body.removeChild(e)),t.$_ptooltipId=null}}function g(t){let o=t.getBoundingClientRect();return{left:o.left+e.getWindowScrollLeft(),top:o.top+e.getWindowScrollTop()}}function m(t){E(t,"right");let o=$(t),l=g(t),i=l.left+e.getOuterWidth(t),n=l.top+(e.getOuterHeight(t)-e.getOuterHeight(o))/2;o.style.left=i+"px",o.style.top=n+"px"}function h(t){E(t,"left");let o=$(t),l=g(t),i=l.left-e.getOuterWidth(o),n=l.top+(e.getOuterHeight(t)-e.getOuterHeight(o))/2;o.style.left=i+"px",o.style.top=n+"px"}function b(t){E(t,"top");let o=$(t),l=g(t),i=l.left+(e.getOuterWidth(t)-e.getOuterWidth(o))/2,n=l.top-e.getOuterHeight(o);o.style.left=i+"px",o.style.top=n+"px"}function y(t){E(t,"bottom");let o=$(t),l=g(t),i=l.left+(e.getOuterWidth(t)-e.getOuterWidth(o))/2,n=l.top+e.getOuterHeight(t);o.style.left=i+"px",o.style.top=n+"px"}function E(t,e){let o=$(t);o.style.left="-999px",o.style.top="-999px",o.className=`p-tooltip p-component p-tooltip-${e} ${t.$_ptooltipClass||""}`}function C(t){let o=$(t),l=o.getBoundingClientRect(),i=l.top,n=l.left,p=e.getOuterWidth(o),r=e.getOuterHeight(o),u=e.getViewport();return n+p>u.width||n<0||i<0||i+r>u.height}function L(t){return e.hasClass(t,"p-inputwrapper")?e.findSingle(t,"input"):t}function H(t){return t.modifiers&&Object.keys(t.modifiers).length?t.modifiers:t.arg&&"object"==typeof t.arg?Object.entries(t.arg).reduce(((t,[e,o])=>("event"!==e&&"position"!==e||(t[o]=!0),t)),{}):{}}const x={beforeMount(e,o){let l=L(e);if(l.$_ptooltipModifiers=H(o),o.value){if("string"==typeof o.value)l.$_ptooltipValue=o.value,l.$_ptooltipDisabled=!1,l.$_ptooltipEscape=!1,l.$_ptooltipClass=null,l.$_ptooltipFitContent=!0,l.$_ptooltipIdAttr="";else if("object"==typeof o.value&&o.value){if(t.isEmpty(o.value.value)||""===o.value.value.trim())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,l.$_ptooltipIdAttr=o.value.id||""}l.$_ptooltipZIndex=o.instance.$primevue&&o.instance.$primevue.config&&o.instance.$primevue.config.zIndex.tooltip,n(l)}},unmounted(t){let e=L(t);_(e),p(e),e.$_ptooltipScrollHandler&&(e.$_ptooltipScrollHandler.destroy(),e.$_ptooltipScrollHandler=null)},updated(e,o){let l=L(e);if(l.$_ptooltipModifiers=H(o),o.value){if("string"==typeof o.value)l.$_ptooltipValue=o.value,l.$_ptooltipDisabled=!1,l.$_ptooltipEscape=!1,l.$_ptooltipClass=null,l.$_ptooltipIdAttr="",n(l);else if("object"==typeof o.value&&o.value){if(t.isEmpty(o.value.value)||""===o.value.value.trim())return void p(l);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,l.$_ptooltipIdAttr=o.value.id||"",n(l)}}else p(l)}};export{x as default};
+import{ObjectUtils as t,ZIndexUtils as e,DomHandler as o,UniqueComponentId as l,ConnectedOverlayScrollHandler as i}from"primevue/utils";let n;function p(t){t.$_ptooltipModifiers.focus?(t.addEventListener("focus",d),t.addEventListener("blur",s)):(t.addEventListener("mouseenter",u),t.addEventListener("mouseleave",r),t.addEventListener("click",c)),t.addEventListener("keydown",f)}function a(t){t.$_ptooltipModifiers.focus?(t.removeEventListener("focus",d),t.removeEventListener("blur",s)):(t.removeEventListener("mouseenter",u),t.removeEventListener("mouseleave",r),t.removeEventListener("click",c)),t.removeEventListener("keydown",f)}function u(t){const e=t.currentTarget;$(e,e.$_ptooltipShowDelay)}function r(t){const e=t.currentTarget;m(e,e.$_ptooltipHideDelay)}function d(t){const e=t.currentTarget;$(e,e.$_ptooltipShowDelay)}function s(t){const e=t.currentTarget;m(e,e.$_ptooltipHideDelay)}function c(t){const e=t.currentTarget;m(e,e.$_ptooltipHideDelay)}function f(t){"Escape"===t.code&&m(t.currentTarget,hideDelay)}function v(t){if(t.$_ptooltipDisabled)return;let n=function(t){const e=""!==t.$_ptooltipIdAttr?t.$_ptooltipIdAttr:l()+"_tooltip";t.$_ptooltipId=e;let o=document.createElement("div");o.id=e;let i=document.createElement("div");i.className="p-tooltip-arrow",o.appendChild(i);let n=document.createElement("div");n.className="p-tooltip-text",t.$_ptooltipEscape?n.innerHTML=t.$_ptooltipValue:(n.innerHTML="",n.appendChild(document.createTextNode(t.$_ptooltipValue)));o.setAttribute("role","tooltip"),o.appendChild(n),document.body.appendChild(o),o.style.display="inline-block",t.$_ptooltipFitContent&&(o.style.width="fit-content");return o}(t);!function(t){const e=t.$_ptooltipModifiers;e.top?(D(t),w(t)&&(H(t),w(t)&&D(t))):e.left?(E(t),w(t)&&(b(t),w(t)&&(D(t),w(t)&&(H(t),w(t)&&E(t))))):e.bottom?(H(t),w(t)&&(D(t),w(t)&&H(t))):(b(t),w(t)&&(E(t),w(t)&&(D(t),w(t)&&(H(t),w(t)&&b(t)))))}(t),o.fadeIn(n,250),window.addEventListener("resize",(function e(){o.isTouchDevice()||m(t),this.removeEventListener("resize",e)})),function(t){t.$_ptooltipScrollHandler||(t.$_ptooltipScrollHandler=new i(t,(function(){m(t)}))),t.$_ptooltipScrollHandler.bindScrollListener()}(t),e.set("tooltip",n,t.$_ptooltipZIndex)}function $(t,e){void 0!==e?n=setTimeout((()=>v(t)),e):v(t)}function _(t){y(t),function(t){t.$_ptooltipScrollHandler&&t.$_ptooltipScrollHandler.unbindScrollListener()}(t)}function m(t,e){clearTimeout(n),void 0!==e?setTimeout((()=>_(t)),e):_(t)}function g(t){return document.getElementById(t.$_ptooltipId)}function y(t){if(t){let o=g(t);o&&o.parentElement&&(e.clear(o),document.body.removeChild(o)),t.$_ptooltipId=null}}function h(t){let e=t.getBoundingClientRect();return{left:e.left+o.getWindowScrollLeft(),top:e.top+o.getWindowScrollTop()}}function b(t){C(t,"right");let e=g(t),l=h(t),i=l.left+o.getOuterWidth(t),n=l.top+(o.getOuterHeight(t)-o.getOuterHeight(e))/2;e.style.left=i+"px",e.style.top=n+"px"}function E(t){C(t,"left");let e=g(t),l=h(t),i=l.left-o.getOuterWidth(e),n=l.top+(o.getOuterHeight(t)-o.getOuterHeight(e))/2;e.style.left=i+"px",e.style.top=n+"px"}function D(t){C(t,"top");let e=g(t),l=h(t),i=l.left+(o.getOuterWidth(t)-o.getOuterWidth(e))/2,n=l.top-o.getOuterHeight(e);e.style.left=i+"px",e.style.top=n+"px"}function H(t){C(t,"bottom");let e=g(t),l=h(t),i=l.left+(o.getOuterWidth(t)-o.getOuterWidth(e))/2,n=l.top+o.getOuterHeight(t);e.style.left=i+"px",e.style.top=n+"px"}function C(t,e){let o=g(t);o.style.left="-999px",o.style.top="-999px",o.className=`p-tooltip p-component p-tooltip-${e} ${t.$_ptooltipClass||""}`}function w(t){let e=g(t),l=e.getBoundingClientRect(),i=l.top,n=l.left,p=o.getOuterWidth(e),a=o.getOuterHeight(e),u=o.getViewport();return n+p>u.width||n<0||i<0||i+a>u.height}function L(t){return o.hasClass(t,"p-inputwrapper")?o.findSingle(t,"input"):t}function S(t){return t.modifiers&&Object.keys(t.modifiers).length?t.modifiers:t.arg&&"object"==typeof t.arg?Object.entries(t.arg).reduce(((t,[e,o])=>("event"!==e&&"position"!==e||(t[o]=!0),t)),{}):{}}const x={beforeMount(e,o){let l=L(e);if(l.$_ptooltipModifiers=S(o),o.value){if("string"==typeof o.value)l.$_ptooltipValue=o.value,l.$_ptooltipDisabled=!1,l.$_ptooltipEscape=!1,l.$_ptooltipClass=null,l.$_ptooltipFitContent=!0,l.$_ptooltipShowDelay=0,l.$_ptooltipHideDelay=0;else if("object"==typeof o.value&&o.value){if(t.isEmpty(o.value.value)||""===o.value.value.trim())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,l.$_ptooltipIdAttr=o.value.id||"",l.$_ptooltipShowDelay=o.value.showDelay||0,l.$_ptooltipHideDelay=o.value.hideDelay||0}l.$_ptooltipZIndex=o.instance.$primevue&&o.instance.$primevue.config&&o.instance.$primevue.config.zIndex.tooltip,p(l)}},unmounted(t){let e=L(t);y(e),a(e),e.$_ptooltipScrollHandler&&(e.$_ptooltipScrollHandler.destroy(),e.$_ptooltipScrollHandler=null)},updated(e,o){let l=L(e);if(l.$_ptooltipModifiers=S(o),o.value){if("string"==typeof o.value)l.$_ptooltipValue=o.value,l.$_ptooltipDisabled=!1,l.$_ptooltipEscape=!1,l.$_ptooltipClass=null,l.$_ptooltipIdAttr="",l.$_ptooltipShowDelay=0,l.$_ptooltipHideDelay=0,p(l);else if("object"==typeof o.value&&o.value){if(t.isEmpty(o.value.value)||""===o.value.value.trim())return void a(l);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,l.$_ptooltipIdAttr=o.value.id||"",l.$_ptooltipShowDelay=o.value.showDelay||0,l.$_ptooltipHideDelay=o.value.hideDelay||0,p(l)}}else a(l)}};export{x as default};

package/tooltip/tooltip.js

@@ -2,6 +2,8 @@ this.primevue = this.primevue || {};
 this.primevue.tooltip = (function (utils) {
     'use strict';
 
+    let timer;
+
     function bindEvents(el) {
         const modifiers = el.$_ptooltipModifiers;
 
@@ -49,30 +51,45 @@ this.primevue.tooltip = (function (utils) {
     }
 
     function onMouseEnter(event) {
-        show(event.currentTarget);
+        const el = event.currentTarget;
+        const showDelay = el.$_ptooltipShowDelay;
+
+        show(el, showDelay);
     }
 
     function onMouseLeave(event) {
-        hide(event.currentTarget);
+        const el = event.currentTarget;
+        const hideDelay = el.$_ptooltipHideDelay;
+
+        hide(el, hideDelay);
     }
 
     function onFocus(event) {
-        show(event.currentTarget);
+        const el = event.currentTarget;
+        const showDelay = el.$_ptooltipShowDelay;
+
+        show(el, showDelay);
     }
 
     function onBlur(event) {
-        hide(event.currentTarget);
+        const el = event.currentTarget;
+        const hideDelay = el.$_ptooltipHideDelay;
+
+        hide(el, hideDelay);
     }
 
     function onClick(event) {
-        hide(event.currentTarget);
+        const el = event.currentTarget;
+        const hideDelay = el.$_ptooltipHideDelay;
+
+        hide(el, hideDelay);
     }
 
     function onKeydown(event) {
-        event.code === 'Escape' && hide(event.currentTarget);
+        event.code === 'Escape' && hide(event.currentTarget, hideDelay);
     }
 
-    function show(el) {
+    function tooltipActions(el) {
         if (el.$_ptooltipDisabled) {
             return;
         }
@@ -94,11 +111,29 @@ this.primevue.tooltip = (function (utils) {
         utils.ZIndexUtils.set('tooltip', tooltipElement, el.$_ptooltipZIndex);
     }
 
-    function hide(el) {
+    function show(el, showDelay) {
+        if (showDelay !== undefined) {
+            timer = setTimeout(() => tooltipActions(el), showDelay);
+        } else {
+            tooltipActions(el);
+        }
+    }
+
+    function tooltipRemoval(el) {
         remove(el);
         unbindScrollListener(el);
     }
 
+    function hide(el, hideDelay) {
+        clearTimeout(timer);
+
+        if (hideDelay !== undefined) {
+            setTimeout(() => tooltipRemoval(el), hideDelay);
+        } else {
+            tooltipRemoval(el);
+        }
+    }
+
     function getTooltipElement(el) {
         return document.getElementById(el.$_ptooltipId);
     }
@@ -323,7 +358,8 @@ this.primevue.tooltip = (function (utils) {
                 target.$_ptooltipEscape = false;
                 target.$_ptooltipClass = null;
                 target.$_ptooltipFitContent = true;
-                target.$_ptooltipIdAttr = '';
+                target.$_ptooltipShowDelay = 0;
+                target.$_ptooltipHideDelay = 0;
             } else if (typeof options.value === 'object' && options.value) {
                 if (utils.ObjectUtils.isEmpty(options.value.value) || options.value.value.trim() === '') return;
                 else {
@@ -334,6 +370,8 @@ this.primevue.tooltip = (function (utils) {
                     target.$_ptooltipClass = options.value.class;
                     target.$_ptooltipFitContent = !!options.value.fitContent === options.value.fitContent ? options.value.fitContent : true;
                     target.$_ptooltipIdAttr = options.value.id || '';
+                    target.$_ptooltipShowDelay = options.value.showDelay || 0;
+                    target.$_ptooltipHideDelay = options.value.hideDelay || 0;
                 }
             }
 
@@ -365,6 +403,8 @@ this.primevue.tooltip = (function (utils) {
                 target.$_ptooltipEscape = false;
                 target.$_ptooltipClass = null;
                 target.$_ptooltipIdAttr = '';
+                target.$_ptooltipShowDelay = 0;
+                target.$_ptooltipHideDelay = 0;
 
                 bindEvents(target);
             } else if (typeof options.value === 'object' && options.value) {
@@ -379,6 +419,8 @@ this.primevue.tooltip = (function (utils) {
                     target.$_ptooltipClass = options.value.class;
                     target.$_ptooltipFitContent = !!options.value.fitContent === options.value.fitContent ? options.value.fitContent : true;
                     target.$_ptooltipIdAttr = options.value.id || '';
+                    target.$_ptooltipShowDelay = options.value.showDelay || 0;
+                    target.$_ptooltipHideDelay = options.value.hideDelay || 0;
 
                     bindEvents(target);
                 }

package/tooltip/tooltip.min.js

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

package/tree/Tree.d.ts

@@ -10,6 +10,17 @@
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
+export declare type TreePassThroughOptionType = TreePassThroughAttributes | ((options: TreePassThroughMethodOptions) => TreePassThroughAttributes) | null | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface TreePassThroughMethodOptions {
+    props: TreeProps;
+    state: TreeState;
+    context: TreeContext;
+}
+
 /**
  * Custom TreeNode metadata.
  */
@@ -90,6 +101,127 @@ export interface TreeSelectionKeys {
     [key: string]: any;
 }
 
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link TreeProps.pt}
+ */
+export interface TreePassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: TreePassThroughOptionType;
+    /**
+     * Uses to pass attributes to the loading overlay's DOM element.
+     */
+    loadingOverlay?: TreePassThroughOptionType;
+    /**
+     * Uses to pass attributes to the loading icon's DOM element.
+     */
+    loadingIcon?: TreePassThroughOptionType;
+    /**
+     * Uses to pass attributes to the filter container's DOM element.
+     */
+    filterContainer?: TreePassThroughOptionType;
+    /**
+     * Uses to pass attributes to the input's DOM element.
+     */
+    input?: TreePassThroughOptionType;
+    /**
+     * Uses to pass attributes to the search icon's DOM element.
+     */
+    searchIcon?: TreePassThroughOptionType;
+    /**
+     * Uses to pass attributes to the wrapper's DOM element.
+     */
+    wrapper?: TreePassThroughOptionType;
+    /**
+     * Uses to pass attributes to the container's DOM element.
+     */
+    container?: TreePassThroughOptionType;
+    /**
+     * Uses to pass attributes to the node's DOM element.
+     */
+    node?: TreePassThroughOptionType;
+    /**
+     * Uses to pass attributes to the content's DOM element.
+     */
+    content?: TreePassThroughOptionType;
+    /**
+     * Uses to pass attributes to the toggler's DOM element.
+     */
+    toggler?: TreePassThroughOptionType;
+    /**
+     * Uses to pass attributes to the toggler icon's DOM element.
+     */
+    togglerIcon?: TreePassThroughOptionType;
+    /**
+     * Uses to pass attributes to the checkbox container's DOM element.
+     */
+    checkboxContainer?: TreePassThroughOptionType;
+    /**
+     * Uses to pass attributes to the checkbox's DOM element.
+     */
+    checkbox?: TreePassThroughOptionType;
+    /**
+     * Uses to pass attributes to the checkbox icon's DOM element.
+     */
+    checkboxIcon?: TreePassThroughOptionType;
+    /**
+     * Uses to pass attributes to the node icon's DOM element.
+     */
+    nodeIcon?: TreePassThroughOptionType;
+    /**
+     * Uses to pass attributes to the label's DOM element.
+     */
+    label?: TreePassThroughOptionType;
+    /**
+     * Uses to pass attributes to the subgroup's DOM element.
+     */
+    subgroup?: TreePassThroughOptionType;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface TreePassThroughAttributes {
+    [key: string]: any;
+}
+
+/**
+ * Defines current inline state in Tree component.
+ */
+export interface TreeState {
+    /**
+     * Current expanded keys state.
+     */
+    d_expandedKeys: TreeExpandedKeys;
+    /**
+     * Current filter value state as a string.
+     */
+    filterValue: string;
+}
+
+/**
+ * Defines current options in Tree component.
+ */
+export interface TreeContext {
+    /**
+     * Current expanded state of the node as a boolean.
+     * @defaultValue false
+     */
+    expanded: boolean;
+    /**
+     * Current selected state of the node as a boolean.
+     * @defaultValue false
+     */
+    selected: boolean;
+    /**
+     * Current checked state of the node as a boolean.
+     * @defaultValue false
+     */
+    checked: boolean;
+}
+
 /**
  * Defines valid properties in Tree component.
  */
@@ -161,6 +293,11 @@ export interface TreeProps {
      * Identifier of the underlying menu element.
      */
     'aria-labelledby'?: string | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {TreePassThroughOptions}
+     */
+    pt?: TreePassThroughOptions;
 }
 
 /**