primevue 3.35.0 → 3.37.0

package/tooltip/tooltip.cjs.min.js

@@ -1 +1 @@
-"use strict";var t=require("primevue/utils"),e=require("primevue/basedirective"),o=require("primevue/usestyle");function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n=i(e),l=o.useStyle("\n@layer primevue {\n    .p-tooltip {\n        position:absolute;\n        display:none;\n        pointer-events:none;\n        padding: .25em .5rem;\n        max-width: 12.5rem;\n    }\n    \n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n    \n    .p-tooltip .p-tooltip-text {\n        white-space: pre-line;\n        word-break: break-word;\n    }\n    \n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n    }\n    \n    .p-tooltip-right .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n    \n    .p-tooltip-left .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n    \n    .p-tooltip-top .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n    \n    .p-tooltip-bottom .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n}\n",{name:"tooltip",manual:!0});function r(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function s(t,e){if(t){if("string"==typeof t)return p(t,e);var o=Object.prototype.toString.call(t).slice(8,-1);return"Object"===o&&t.constructor&&(o=t.constructor.name),"Map"===o||"Set"===o?Array.from(t):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?p(t,e):void 0}}function p(t,e){(null==e||e>t.length)&&(e=t.length);for(var o=0,i=new Array(e);o<e;o++)i[o]=t[o];return i}function a(t,e){var o=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=o){var i,n,l,r,s=[],p=!0,a=!1;try{if(l=(o=o.call(t)).next,0===e){if(Object(o)!==o)return;p=!1}else for(;!(p=(i=l.call(o)).done)&&(s.push(i.value),s.length!==e);p=!0);}catch(t){a=!0,n=t}finally{try{if(!p&&null!=o.return&&(r=o.return(),Object(r)!==r))return}finally{if(a)throw n}}return s}}function u(t){if(Array.isArray(t))return t}function d(t){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},d(t)}var c=n.default.extend({css:{classes:{root:"p-tooltip p-component",arrow:"p-tooltip-arrow",text:"p-tooltip-text"},loadStyle:l.load}}).extend("tooltip",{beforeMount:function(e,o){var i,n,l,r=this.getTarget(e);if(r.$_ptooltipModifiers=this.getModifiers(o),o.value){if("string"==typeof o.value)r.$_ptooltipValue=o.value,r.$_ptooltipDisabled=!1,r.$_ptooltipEscape=!1,r.$_ptooltipClass=null,r.$_ptooltipFitContent=!0,r.$_ptooltipIdAttr=t.UniqueComponentId()+"_tooltip",r.$_ptooltipShowDelay=0,r.$_ptooltipHideDelay=0;else if("object"===d(o.value)&&o.value){if(t.ObjectUtils.isEmpty(o.value.value)||""===o.value.value.trim())return;r.$_ptooltipValue=o.value.value,r.$_ptooltipDisabled=!!o.value.disabled===o.value.disabled&&o.value.disabled,r.$_ptooltipEscape=!!o.value.escape===o.value.escape&&o.value.escape,r.$_ptooltipClass=o.value.class||"",r.$_ptooltipFitContent=!!o.value.fitContent!==o.value.fitContent||o.value.fitContent,r.$_ptooltipIdAttr=o.value.id||t.UniqueComponentId()+"_tooltip",r.$_ptooltipShowDelay=o.value.showDelay||0,r.$_ptooltipHideDelay=o.value.hideDelay||0}r.$_ptooltipZIndex=null===(i=o.instance.$primevue)||void 0===i||null===(i=i.config)||void 0===i||null===(i=i.zIndex)||void 0===i?void 0:i.tooltip,r.unstyled=(null===(n=o.instance.$primevue)||void 0===n||null===(n=n.config)||void 0===n?void 0:n.unstyled)||(null===(l=o.value)||void 0===l?void 0:l.unstyled)||!1,this.bindEvents(r,o),e.setAttribute("data-pd-tooltip",!0)}},updated:function(e,o){var i,n,l=this.getTarget(e);if(l.$_ptooltipModifiers=this.getModifiers(o),this.unbindEvents(l),o.value){if("string"==typeof o.value)l.$_ptooltipValue=o.value,l.$_ptooltipDisabled=!1,l.$_ptooltipEscape=!1,l.$_ptooltipClass=null,l.$_ptooltipIdAttr=l.$_ptooltipIdAttr||t.UniqueComponentId()+"_tooltip",l.$_ptooltipShowDelay=0,l.$_ptooltipHideDelay=0,this.bindEvents(l,o);else if("object"===d(o.value)&&o.value){if(t.ObjectUtils.isEmpty(o.value.value)||""===o.value.value.trim())return void this.unbindEvents(l,o);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.$_ptooltipIdAttr||t.UniqueComponentId()+"_tooltip",l.$_ptooltipShowDelay=o.value.showDelay||0,l.$_ptooltipHideDelay=o.value.hideDelay||0,this.bindEvents(l,o)}l.unstyled=(null===(i=o.instance.$primevue)||void 0===i||null===(i=i.config)||void 0===i?void 0:i.unstyled)||(null===(n=o.value)||void 0===n?void 0:n.unstyled)||!1}},unmounted:function(t,e){var o=this.getTarget(t);this.remove(o),this.unbindEvents(o,e),o.$_ptooltipScrollHandler&&(o.$_ptooltipScrollHandler.destroy(),o.$_ptooltipScrollHandler=null)},timer:void 0,methods:{bindEvents:function(t,e){var o=this;t.$_ptooltipModifiers.focus?(t.$_focusevent=function(t){return o.onFocus(t,e)},t.addEventListener("focus",t.$_focusevent),t.addEventListener("blur",this.onBlur.bind(this))):(t.$_mouseenterevent=function(t){return o.onMouseEnter(t,e)},t.addEventListener("mouseenter",t.$_mouseenterevent),t.addEventListener("mouseleave",this.onMouseLeave.bind(this)),t.addEventListener("click",this.onClick.bind(this))),t.addEventListener("keydown",this.onKeydown.bind(this))},unbindEvents:function(t){t.$_ptooltipModifiers.focus?(t.removeEventListener("focus",t.$_focusevent),t.$_focusevent=null,t.removeEventListener("blur",this.onBlur.bind(this))):(t.removeEventListener("mouseenter",t.$_mouseenterevent),t.$_mouseenterevent=null,t.removeEventListener("mouseleave",this.onMouseLeave.bind(this)),t.removeEventListener("click",this.onClick.bind(this))),t.removeEventListener("keydown",this.onKeydown.bind(this))},bindScrollListener:function(e){var o=this;e.$_ptooltipScrollHandler||(e.$_ptooltipScrollHandler=new t.ConnectedOverlayScrollHandler(e,(function(){o.hide(e)}))),e.$_ptooltipScrollHandler.bindScrollListener()},unbindScrollListener:function(t){t.$_ptooltipScrollHandler&&t.$_ptooltipScrollHandler.unbindScrollListener()},onMouseEnter:function(t,e){var o=t.currentTarget;this.show(o,e,o.$_ptooltipShowDelay)},onMouseLeave:function(t){var e=t.currentTarget;this.hide(e,e.$_ptooltipHideDelay)},onFocus:function(t,e){var o=t.currentTarget;this.show(o,e,o.$_ptooltipShowDelay)},onBlur:function(t){var e=t.currentTarget;this.hide(e,e.$_ptooltipHideDelay)},onClick:function(t){var e=t.currentTarget;this.hide(e,e.$_ptooltipHideDelay)},onKeydown:function(t){"Escape"===t.code&&this.hide(t.currentTarget,t.currentTarget.$_ptooltipHideDelay)},tooltipActions:function(e,o){if(!e.$_ptooltipDisabled&&t.DomHandler.isExist(e)){var i=this.create(e,o);this.align(e),!e.unstyled&&t.DomHandler.fadeIn(i,250);var n=this;window.addEventListener("resize",(function o(){t.DomHandler.isTouchDevice()||n.hide(e),window.removeEventListener("resize",o)})),this.bindScrollListener(e),t.ZIndexUtils.set("tooltip",i,e.$_ptooltipZIndex)}},show:function(t,e,o){var i=this;void 0!==o?this.timer=setTimeout((function(){return i.tooltipActions(t,e)}),o):this.tooltipActions(t,e)},tooltipRemoval:function(t){this.remove(t),this.unbindScrollListener(t)},hide:function(t,e){var o=this;clearTimeout(this.timer),void 0!==e?setTimeout((function(){return o.tooltipRemoval(t)}),e):this.tooltipRemoval(t)},getTooltipElement:function(t){return document.getElementById(t.$_ptooltipId)},create:function(e,o){var i=e.$_ptooltipModifiers,n=t.DomHandler.createElement("div",{class:!e.unstyled&&this.cx("arrow"),style:{top:null!=i&&i.bottom?"0":!(null!=i&&i.right||null!=i&&i.left)&&(null!=i&&i.right||null!=i&&i.left||null!=i&&i.top||null!=i&&i.bottom)?null:"50%",bottom:null!=i&&i.top?"0":null,left:(null==i||!i.right)&&(null!=i&&i.right||null!=i&&i.left||null!=i&&i.top||null!=i&&i.bottom)?null!=i&&i.top||null!=i&&i.bottom?"50%":null:"0",right:null!=i&&i.left?"0":null},"p-bind":this.ptm("arrow",{context:i})}),l=t.DomHandler.createElement("div",{class:!e.unstyled&&this.cx("text"),"p-bind":this.ptm("text",{context:i})});e.$_ptooltipEscape?l.innerHTML=e.$_ptooltipValue:(l.innerHTML="",l.appendChild(document.createTextNode(e.$_ptooltipValue)));var r=t.DomHandler.createElement("div",{id:e.$_ptooltipIdAttr,role:"tooltip",style:{display:"inline-block",width:e.$_ptooltipFitContent?"fit-content":void 0},class:[!e.unstyled&&this.cx("root"),e.$_ptooltipClass],"p-bind":this.ptm("root",{context:i})},n,l);return document.body.appendChild(r),e.$_ptooltipId=r.id,this.$el=r,r},remove:function(e){if(e){var o=this.getTooltipElement(e);o&&o.parentElement&&(t.ZIndexUtils.clear(o),document.body.removeChild(o)),e.$_ptooltipId=null}},align:function(t){var e=t.$_ptooltipModifiers;e.top?(this.alignTop(t),this.isOutOfBounds(t)&&(this.alignBottom(t),this.isOutOfBounds(t)&&this.alignTop(t))):e.left?(this.alignLeft(t),this.isOutOfBounds(t)&&(this.alignRight(t),this.isOutOfBounds(t)&&(this.alignTop(t),this.isOutOfBounds(t)&&(this.alignBottom(t),this.isOutOfBounds(t)&&this.alignLeft(t))))):e.bottom?(this.alignBottom(t),this.isOutOfBounds(t)&&(this.alignTop(t),this.isOutOfBounds(t)&&this.alignBottom(t))):(this.alignRight(t),this.isOutOfBounds(t)&&(this.alignLeft(t),this.isOutOfBounds(t)&&(this.alignTop(t),this.isOutOfBounds(t)&&(this.alignBottom(t),this.isOutOfBounds(t)&&this.alignRight(t)))))},getHostOffset:function(e){var o=e.getBoundingClientRect();return{left:o.left+t.DomHandler.getWindowScrollLeft(),top:o.top+t.DomHandler.getWindowScrollTop()}},alignRight:function(e){this.preAlign(e,"right");var o=this.getTooltipElement(e),i=this.getHostOffset(e),n=i.left+t.DomHandler.getOuterWidth(e),l=i.top+(t.DomHandler.getOuterHeight(e)-t.DomHandler.getOuterHeight(o))/2;o.style.left=n+"px",o.style.top=l+"px"},alignLeft:function(e){this.preAlign(e,"left");var o=this.getTooltipElement(e),i=this.getHostOffset(e),n=i.left-t.DomHandler.getOuterWidth(o),l=i.top+(t.DomHandler.getOuterHeight(e)-t.DomHandler.getOuterHeight(o))/2;o.style.left=n+"px",o.style.top=l+"px"},alignTop:function(e){this.preAlign(e,"top");var o=this.getTooltipElement(e),i=this.getHostOffset(e),n=i.left+(t.DomHandler.getOuterWidth(e)-t.DomHandler.getOuterWidth(o))/2,l=i.top-t.DomHandler.getOuterHeight(o);o.style.left=n+"px",o.style.top=l+"px"},alignBottom:function(e){this.preAlign(e,"bottom");var o=this.getTooltipElement(e),i=this.getHostOffset(e),n=i.left+(t.DomHandler.getOuterWidth(e)-t.DomHandler.getOuterWidth(o))/2,l=i.top+t.DomHandler.getOuterHeight(e);o.style.left=n+"px",o.style.top=l+"px"},preAlign:function(e,o){var i=this.getTooltipElement(e);i.style.left="-999px",i.style.top="-999px",t.DomHandler.removeClass(i,"p-tooltip-".concat(i.$_ptooltipPosition)),t.DomHandler.addClass(i,"p-tooltip-".concat(o)),i.$_ptooltipPosition=o},isOutOfBounds:function(e){var o=this.getTooltipElement(e),i=o.getBoundingClientRect(),n=i.top,l=i.left,r=t.DomHandler.getOuterWidth(o),s=t.DomHandler.getOuterHeight(o),p=t.DomHandler.getViewport();return l+r>p.width||l<0||n<0||n+s>p.height},getTarget:function(e){return t.DomHandler.hasClass(e,"p-inputwrapper")?t.DomHandler.findSingle(e,"input"):e},getModifiers:function(t){return t.modifiers&&Object.keys(t.modifiers).length?t.modifiers:t.arg&&"object"===d(t.arg)?Object.entries(t.arg).reduce((function(t,e){var o,i,n=(i=2,u(o=e)||a(o,i)||s(o,i)||r()),l=n[0];return"event"!==l&&"position"!==l||(t[n[1]]=!0),t}),{}):{}}}});module.exports=c;
+"use strict";var t=require("primevue/utils"),e=require("primevue/basedirective"),o=require("primevue/tooltip/style");function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function n(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function l(t,e){if(t){if("string"==typeof t)return r(t,e);var o=Object.prototype.toString.call(t).slice(8,-1);return"Object"===o&&t.constructor&&(o=t.constructor.name),"Map"===o||"Set"===o?Array.from(t):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?r(t,e):void 0}}function r(t,e){(null==e||e>t.length)&&(e=t.length);for(var o=0,i=new Array(e);o<e;o++)i[o]=t[o];return i}function s(t,e){var o=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=o){var i,n,l,r,s=[],a=!0,u=!1;try{if(l=(o=o.call(t)).next,0===e){if(Object(o)!==o)return;a=!1}else for(;!(a=(i=l.call(o)).done)&&(s.push(i.value),s.length!==e);a=!0);}catch(t){u=!0,n=t}finally{try{if(!a&&null!=o.return&&(r=o.return(),Object(r)!==r))return}finally{if(u)throw n}}return s}}function a(t){if(Array.isArray(t))return t}function u(t){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},u(t)}var p=i(e).default.extend({style:i(o).default}).extend("tooltip",{beforeMount:function(e,o){var i,n=this.getTarget(e);if(n.$_ptooltipModifiers=this.getModifiers(o),o.value){if("string"==typeof o.value)n.$_ptooltipValue=o.value,n.$_ptooltipDisabled=!1,n.$_ptooltipEscape=!1,n.$_ptooltipClass=null,n.$_ptooltipFitContent=!0,n.$_ptooltipIdAttr=t.UniqueComponentId()+"_tooltip",n.$_ptooltipShowDelay=0,n.$_ptooltipHideDelay=0,n.$_ptooltipAutoHide=!0;else if("object"===u(o.value)&&o.value){if(t.ObjectUtils.isEmpty(o.value.value)||""===o.value.value.trim())return;n.$_ptooltipValue=o.value.value,n.$_ptooltipDisabled=!!o.value.disabled===o.value.disabled&&o.value.disabled,n.$_ptooltipEscape=!!o.value.escape===o.value.escape&&o.value.escape,n.$_ptooltipClass=o.value.class||"",n.$_ptooltipFitContent=!!o.value.fitContent!==o.value.fitContent||o.value.fitContent,n.$_ptooltipIdAttr=o.value.id||t.UniqueComponentId()+"_tooltip",n.$_ptooltipShowDelay=o.value.showDelay||0,n.$_ptooltipHideDelay=o.value.hideDelay||0,n.$_ptooltipAutoHide=!!o.value.autoHide!==o.value.autoHide||o.value.autoHide}n.$_ptooltipZIndex=null===(i=o.instance.$primevue)||void 0===i||null===(i=i.config)||void 0===i||null===(i=i.zIndex)||void 0===i?void 0:i.tooltip,this.bindEvents(n,o),e.setAttribute("data-pd-tooltip",!0)}},updated:function(e,o){var i=this.getTarget(e);if(i.$_ptooltipModifiers=this.getModifiers(o),this.unbindEvents(i),o.value)if("string"==typeof o.value)i.$_ptooltipValue=o.value,i.$_ptooltipDisabled=!1,i.$_ptooltipEscape=!1,i.$_ptooltipClass=null,i.$_ptooltipIdAttr=i.$_ptooltipIdAttr||t.UniqueComponentId()+"_tooltip",i.$_ptooltipShowDelay=0,i.$_ptooltipHideDelay=0,i.$_ptooltipAutoHide=!0,this.bindEvents(i,o);else if("object"===u(o.value)&&o.value){if(t.ObjectUtils.isEmpty(o.value.value)||""===o.value.value.trim())return void this.unbindEvents(i,o);i.$_ptooltipValue=o.value.value,i.$_ptooltipDisabled=!!o.value.disabled===o.value.disabled&&o.value.disabled,i.$_ptooltipEscape=!!o.value.escape===o.value.escape&&o.value.escape,i.$_ptooltipClass=o.value.class||"",i.$_ptooltipFitContent=!!o.value.fitContent!==o.value.fitContent||o.value.fitContent,i.$_ptooltipIdAttr=o.value.id||i.$_ptooltipIdAttr||t.UniqueComponentId()+"_tooltip",i.$_ptooltipShowDelay=o.value.showDelay||0,i.$_ptooltipHideDelay=o.value.hideDelay||0,i.$_ptooltipAutoHide=!!o.value.autoHide!==o.value.autoHide||o.value.autoHide,this.bindEvents(i,o)}},unmounted:function(t,e){var o=this.getTarget(t);this.remove(o),this.unbindEvents(o,e),o.$_ptooltipScrollHandler&&(o.$_ptooltipScrollHandler.destroy(),o.$_ptooltipScrollHandler=null)},timer:void 0,methods:{bindEvents:function(t,e){var o=this;t.$_ptooltipModifiers.focus?(t.$_focusevent=function(t){return o.onFocus(t,e)},t.addEventListener("focus",t.$_focusevent),t.addEventListener("blur",this.onBlur.bind(this))):(t.$_mouseenterevent=function(t){return o.onMouseEnter(t,e)},t.addEventListener("mouseenter",t.$_mouseenterevent),t.addEventListener("mouseleave",this.onMouseLeave.bind(this)),t.addEventListener("click",this.onClick.bind(this))),t.addEventListener("keydown",this.onKeydown.bind(this))},unbindEvents:function(t){t.$_ptooltipModifiers.focus?(t.removeEventListener("focus",t.$_focusevent),t.$_focusevent=null,t.removeEventListener("blur",this.onBlur.bind(this))):(t.removeEventListener("mouseenter",t.$_mouseenterevent),t.$_mouseenterevent=null,t.removeEventListener("mouseleave",this.onMouseLeave.bind(this)),t.removeEventListener("click",this.onClick.bind(this))),t.removeEventListener("keydown",this.onKeydown.bind(this))},bindScrollListener:function(e){var o=this;e.$_ptooltipScrollHandler||(e.$_ptooltipScrollHandler=new t.ConnectedOverlayScrollHandler(e,(function(){o.hide(e)}))),e.$_ptooltipScrollHandler.bindScrollListener()},unbindScrollListener:function(t){t.$_ptooltipScrollHandler&&t.$_ptooltipScrollHandler.unbindScrollListener()},onMouseEnter:function(t,e){var o=t.currentTarget;this.show(o,e,o.$_ptooltipShowDelay)},onMouseLeave:function(e){var o=e.currentTarget,i=o.$_ptooltipHideDelay;o.$_ptooltipAutoHide?this.hide(o,i):!("tooltip"===t.DomHandler.getAttribute(e.target,"data-pc-name")||"arrow"===t.DomHandler.getAttribute(e.target,"data-pc-section")||"text"===t.DomHandler.getAttribute(e.target,"data-pc-section")||"tooltip"===t.DomHandler.getAttribute(e.relatedTarget,"data-pc-name")||"arrow"===t.DomHandler.getAttribute(e.relatedTarget,"data-pc-section")||"text"===t.DomHandler.getAttribute(e.relatedTarget,"data-pc-section"))&&this.hide(o,i)},onFocus:function(t,e){var o=t.currentTarget;this.show(o,e,o.$_ptooltipShowDelay)},onBlur:function(t){var e=t.currentTarget;this.hide(e,e.$_ptooltipHideDelay)},onClick:function(t){var e=t.currentTarget;this.hide(e,e.$_ptooltipHideDelay)},onKeydown:function(t){"Escape"===t.code&&this.hide(t.currentTarget,t.currentTarget.$_ptooltipHideDelay)},tooltipActions:function(e,o){if(!e.$_ptooltipDisabled&&t.DomHandler.isExist(e)){var i=this.create(e,o);this.align(e),!this.isUnstyled()&&t.DomHandler.fadeIn(i,250);var n=this;window.addEventListener("resize",(function o(){t.DomHandler.isTouchDevice()||n.hide(e),window.removeEventListener("resize",o)})),i.addEventListener("mouseleave",(function t(){n.hide(e),i.removeEventListener("mouseleave",t)})),this.bindScrollListener(e),t.ZIndexUtils.set("tooltip",i,e.$_ptooltipZIndex)}},show:function(t,e,o){var i=this;void 0!==o?this.timer=setTimeout((function(){return i.tooltipActions(t,e)}),o):this.tooltipActions(t,e)},tooltipRemoval:function(t){this.remove(t),this.unbindScrollListener(t)},hide:function(t,e){var o=this;clearTimeout(this.timer),void 0!==e?setTimeout((function(){return o.tooltipRemoval(t)}),e):this.tooltipRemoval(t)},getTooltipElement:function(t){return document.getElementById(t.$_ptooltipId)},create:function(e,o){var i=e.$_ptooltipModifiers,n=t.DomHandler.createElement("div",{class:!this.isUnstyled()&&this.cx("arrow"),style:{top:null!=i&&i.bottom?"0":!(null!=i&&i.right||null!=i&&i.left)&&(null!=i&&i.right||null!=i&&i.left||null!=i&&i.top||null!=i&&i.bottom)?null:"50%",bottom:null!=i&&i.top?"0":null,left:(null==i||!i.right)&&(null!=i&&i.right||null!=i&&i.left||null!=i&&i.top||null!=i&&i.bottom)?null!=i&&i.top||null!=i&&i.bottom?"50%":null:"0",right:null!=i&&i.left?"0":null},"p-bind":this.ptm("arrow",{context:i})}),l=t.DomHandler.createElement("div",{class:!this.isUnstyled()&&this.cx("text"),"p-bind":this.ptm("text",{context:i})});e.$_ptooltipEscape?l.innerHTML=e.$_ptooltipValue:(l.innerHTML="",l.appendChild(document.createTextNode(e.$_ptooltipValue)));var r=t.DomHandler.createElement("div",{id:e.$_ptooltipIdAttr,role:"tooltip",style:{display:"inline-block",width:e.$_ptooltipFitContent?"fit-content":void 0},class:[!this.isUnstyled()&&this.cx("root"),e.$_ptooltipClass],"p-bind":this.ptm("root",{context:i})},n,l);return document.body.appendChild(r),e.$_ptooltipId=r.id,this.$el=r,r},remove:function(e){if(e){var o=this.getTooltipElement(e);o&&o.parentElement&&(t.ZIndexUtils.clear(o),document.body.removeChild(o)),e.$_ptooltipId=null}},align:function(t){var e=t.$_ptooltipModifiers;e.top?(this.alignTop(t),this.isOutOfBounds(t)&&(this.alignBottom(t),this.isOutOfBounds(t)&&this.alignTop(t))):e.left?(this.alignLeft(t),this.isOutOfBounds(t)&&(this.alignRight(t),this.isOutOfBounds(t)&&(this.alignTop(t),this.isOutOfBounds(t)&&(this.alignBottom(t),this.isOutOfBounds(t)&&this.alignLeft(t))))):e.bottom?(this.alignBottom(t),this.isOutOfBounds(t)&&(this.alignTop(t),this.isOutOfBounds(t)&&this.alignBottom(t))):(this.alignRight(t),this.isOutOfBounds(t)&&(this.alignLeft(t),this.isOutOfBounds(t)&&(this.alignTop(t),this.isOutOfBounds(t)&&(this.alignBottom(t),this.isOutOfBounds(t)&&this.alignRight(t)))))},getHostOffset:function(e){var o=e.getBoundingClientRect();return{left:o.left+t.DomHandler.getWindowScrollLeft(),top:o.top+t.DomHandler.getWindowScrollTop()}},alignRight:function(e){this.preAlign(e,"right");var o=this.getTooltipElement(e),i=this.getHostOffset(e),n=i.left+t.DomHandler.getOuterWidth(e),l=i.top+(t.DomHandler.getOuterHeight(e)-t.DomHandler.getOuterHeight(o))/2;o.style.left=n+"px",o.style.top=l+"px"},alignLeft:function(e){this.preAlign(e,"left");var o=this.getTooltipElement(e),i=this.getHostOffset(e),n=i.left-t.DomHandler.getOuterWidth(o),l=i.top+(t.DomHandler.getOuterHeight(e)-t.DomHandler.getOuterHeight(o))/2;o.style.left=n+"px",o.style.top=l+"px"},alignTop:function(e){this.preAlign(e,"top");var o=this.getTooltipElement(e),i=this.getHostOffset(e),n=i.left+(t.DomHandler.getOuterWidth(e)-t.DomHandler.getOuterWidth(o))/2,l=i.top-t.DomHandler.getOuterHeight(o);o.style.left=n+"px",o.style.top=l+"px"},alignBottom:function(e){this.preAlign(e,"bottom");var o=this.getTooltipElement(e),i=this.getHostOffset(e),n=i.left+(t.DomHandler.getOuterWidth(e)-t.DomHandler.getOuterWidth(o))/2,l=i.top+t.DomHandler.getOuterHeight(e);o.style.left=n+"px",o.style.top=l+"px"},preAlign:function(e,o){var i=this.getTooltipElement(e);i.style.left="-999px",i.style.top="-999px",t.DomHandler.removeClass(i,"p-tooltip-".concat(i.$_ptooltipPosition)),!this.isUnstyled()&&t.DomHandler.addClass(i,"p-tooltip-".concat(o)),i.$_ptooltipPosition=o,i.setAttribute("data-p-position",o)},isOutOfBounds:function(e){var o=this.getTooltipElement(e),i=o.getBoundingClientRect(),n=i.top,l=i.left,r=t.DomHandler.getOuterWidth(o),s=t.DomHandler.getOuterHeight(o),a=t.DomHandler.getViewport();return l+r>a.width||l<0||n<0||n+s>a.height},getTarget:function(e){return t.DomHandler.hasClass(e,"p-inputwrapper")?t.DomHandler.findSingle(e,"input"):e},getModifiers:function(t){return t.modifiers&&Object.keys(t.modifiers).length?t.modifiers:t.arg&&"object"===u(t.arg)?Object.entries(t.arg).reduce((function(t,e){var o,i,r=(i=2,a(o=e)||s(o,i)||l(o,i)||n()),u=r[0];return"event"!==u&&"position"!==u||(t[r[1]]=!0),t}),{}):{}}}});module.exports=p;

package/tooltip/tooltip.esm.js

@@ -1,23 +1,9 @@
 import { UniqueComponentId, ObjectUtils, ConnectedOverlayScrollHandler, DomHandler, ZIndexUtils } from 'primevue/utils';
 import BaseDirective from 'primevue/basedirective';
-import { useStyle } from 'primevue/usestyle';
+import TooltipStyle from 'primevue/tooltip/style';
 
-var styles = "\n@layer primevue {\n    .p-tooltip {\n        position:absolute;\n        display:none;\n        pointer-events:none;\n        padding: .25em .5rem;\n        max-width: 12.5rem;\n    }\n    \n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n    \n    .p-tooltip .p-tooltip-text {\n        white-space: pre-line;\n        word-break: break-word;\n    }\n    \n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n    }\n    \n    .p-tooltip-right .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n    \n    .p-tooltip-left .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n    \n    .p-tooltip-top .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n    \n    .p-tooltip-bottom .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n}\n";
-var classes = {
-  root: 'p-tooltip p-component',
-  arrow: 'p-tooltip-arrow',
-  text: 'p-tooltip-text'
-};
-var _useStyle = useStyle(styles, {
-    name: 'tooltip',
-    manual: true
-  }),
-  loadStyle = _useStyle.load;
 var BaseTooltip = BaseDirective.extend({
-  css: {
-    classes: classes,
-    loadStyle: loadStyle
-  }
+  style: TooltipStyle
 });
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -29,7 +15,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var Tooltip = BaseTooltip.extend('tooltip', {
   beforeMount: function beforeMount(el, options) {
-    var _options$instance$$pr, _options$instance$$pr2, _options$value;
+    var _options$instance$$pr;
     var target = this.getTarget(el);
     target.$_ptooltipModifiers = this.getModifiers(options);
     if (!options.value) return;else if (typeof options.value === 'string') {
@@ -41,6 +27,7 @@ var Tooltip = BaseTooltip.extend('tooltip', {
       target.$_ptooltipIdAttr = UniqueComponentId() + '_tooltip';
       target.$_ptooltipShowDelay = 0;
       target.$_ptooltipHideDelay = 0;
+      target.$_ptooltipAutoHide = true;
     } else if (_typeof(options.value) === 'object' && options.value) {
       if (ObjectUtils.isEmpty(options.value.value) || options.value.value.trim() === '') return;else {
         target.$_ptooltipValue = options.value.value;
@@ -51,15 +38,14 @@ var Tooltip = BaseTooltip.extend('tooltip', {
         target.$_ptooltipIdAttr = options.value.id || UniqueComponentId() + '_tooltip';
         target.$_ptooltipShowDelay = options.value.showDelay || 0;
         target.$_ptooltipHideDelay = options.value.hideDelay || 0;
+        target.$_ptooltipAutoHide = !!options.value.autoHide === options.value.autoHide ? options.value.autoHide : true;
       }
     }
     target.$_ptooltipZIndex = (_options$instance$$pr = options.instance.$primevue) === null || _options$instance$$pr === void 0 || (_options$instance$$pr = _options$instance$$pr.config) === null || _options$instance$$pr === void 0 || (_options$instance$$pr = _options$instance$$pr.zIndex) === null || _options$instance$$pr === void 0 ? void 0 : _options$instance$$pr.tooltip;
-    target.unstyled = ((_options$instance$$pr2 = options.instance.$primevue) === null || _options$instance$$pr2 === void 0 || (_options$instance$$pr2 = _options$instance$$pr2.config) === null || _options$instance$$pr2 === void 0 ? void 0 : _options$instance$$pr2.unstyled) || ((_options$value = options.value) === null || _options$value === void 0 ? void 0 : _options$value.unstyled) || false;
     this.bindEvents(target, options);
     el.setAttribute('data-pd-tooltip', true);
   },
   updated: function updated(el, options) {
-    var _options$instance$$pr3, _options$value2;
     var target = this.getTarget(el);
     target.$_ptooltipModifiers = this.getModifiers(options);
     this.unbindEvents(target);
@@ -74,6 +60,7 @@ var Tooltip = BaseTooltip.extend('tooltip', {
       target.$_ptooltipIdAttr = target.$_ptooltipIdAttr || UniqueComponentId() + '_tooltip';
       target.$_ptooltipShowDelay = 0;
       target.$_ptooltipHideDelay = 0;
+      target.$_ptooltipAutoHide = true;
       this.bindEvents(target, options);
     } else if (_typeof(options.value) === 'object' && options.value) {
       if (ObjectUtils.isEmpty(options.value.value) || options.value.value.trim() === '') {
@@ -88,10 +75,10 @@ var Tooltip = BaseTooltip.extend('tooltip', {
         target.$_ptooltipIdAttr = options.value.id || target.$_ptooltipIdAttr || UniqueComponentId() + '_tooltip';
         target.$_ptooltipShowDelay = options.value.showDelay || 0;
         target.$_ptooltipHideDelay = options.value.hideDelay || 0;
+        target.$_ptooltipAutoHide = !!options.value.autoHide === options.value.autoHide ? options.value.autoHide : true;
         this.bindEvents(target, options);
       }
     }
-    target.unstyled = ((_options$instance$$pr3 = options.instance.$primevue) === null || _options$instance$$pr3 === void 0 || (_options$instance$$pr3 = _options$instance$$pr3.config) === null || _options$instance$$pr3 === void 0 ? void 0 : _options$instance$$pr3.unstyled) || ((_options$value2 = options.value) === null || _options$value2 === void 0 ? void 0 : _options$value2.unstyled) || false;
   },
   unmounted: function unmounted(el, options) {
     var target = this.getTarget(el);
@@ -159,7 +146,13 @@ var Tooltip = BaseTooltip.extend('tooltip', {
     onMouseLeave: function onMouseLeave(event) {
       var el = event.currentTarget;
       var hideDelay = el.$_ptooltipHideDelay;
-      this.hide(el, hideDelay);
+      var autoHide = el.$_ptooltipAutoHide;
+      if (!autoHide) {
+        var valid = DomHandler.getAttribute(event.target, 'data-pc-name') === 'tooltip' || DomHandler.getAttribute(event.target, 'data-pc-section') === 'arrow' || DomHandler.getAttribute(event.target, 'data-pc-section') === 'text' || DomHandler.getAttribute(event.relatedTarget, 'data-pc-name') === 'tooltip' || DomHandler.getAttribute(event.relatedTarget, 'data-pc-section') === 'arrow' || DomHandler.getAttribute(event.relatedTarget, 'data-pc-section') === 'text';
+        !valid && this.hide(el, hideDelay);
+      } else {
+        this.hide(el, hideDelay);
+      }
     },
     onFocus: function onFocus(event, options) {
       var el = event.currentTarget;
@@ -187,7 +180,7 @@ var Tooltip = BaseTooltip.extend('tooltip', {
       }
       var tooltipElement = this.create(el, options);
       this.align(el);
-      !el.unstyled && DomHandler.fadeIn(tooltipElement, 250);
+      !this.isUnstyled() && DomHandler.fadeIn(tooltipElement, 250);
       var $this = this;
       window.addEventListener('resize', function onWindowResize() {
         if (!DomHandler.isTouchDevice()) {
@@ -195,6 +188,10 @@ var Tooltip = BaseTooltip.extend('tooltip', {
         }
         window.removeEventListener('resize', onWindowResize);
       });
+      tooltipElement.addEventListener('mouseleave', function onTooltipLeave() {
+        $this.hide(el);
+        tooltipElement.removeEventListener('mouseleave', onTooltipLeave);
+      });
       this.bindScrollListener(el);
       ZIndexUtils.set('tooltip', tooltipElement, el.$_ptooltipZIndex);
     },
@@ -229,7 +226,7 @@ var Tooltip = BaseTooltip.extend('tooltip', {
     create: function create(el, options) {
       var modifiers = el.$_ptooltipModifiers;
       var tooltipArrow = DomHandler.createElement('div', {
-        "class": !el.unstyled && this.cx('arrow'),
+        "class": !this.isUnstyled() && this.cx('arrow'),
         style: {
           top: modifiers !== null && modifiers !== void 0 && modifiers.bottom ? '0' : modifiers !== null && modifiers !== void 0 && modifiers.right || modifiers !== null && modifiers !== void 0 && modifiers.left || !(modifiers !== null && modifiers !== void 0 && modifiers.right) && !(modifiers !== null && modifiers !== void 0 && modifiers.left) && !(modifiers !== null && modifiers !== void 0 && modifiers.top) && !(modifiers !== null && modifiers !== void 0 && modifiers.bottom) ? '50%' : null,
           bottom: modifiers !== null && modifiers !== void 0 && modifiers.top ? '0' : null,
@@ -241,7 +238,7 @@ var Tooltip = BaseTooltip.extend('tooltip', {
         })
       });
       var tooltipText = DomHandler.createElement('div', {
-        "class": !el.unstyled && this.cx('text'),
+        "class": !this.isUnstyled() && this.cx('text'),
         'p-bind': this.ptm('text', {
           context: modifiers
         })
@@ -259,7 +256,7 @@ var Tooltip = BaseTooltip.extend('tooltip', {
           display: 'inline-block',
           width: el.$_ptooltipFitContent ? 'fit-content' : undefined
         },
-        "class": [!el.unstyled && this.cx('root'), el.$_ptooltipClass],
+        "class": [!this.isUnstyled() && this.cx('root'), el.$_ptooltipClass],
         'p-bind': this.ptm('root', {
           context: modifiers
         })
@@ -377,8 +374,9 @@ var Tooltip = BaseTooltip.extend('tooltip', {
       tooltipElement.style.left = -999 + 'px';
       tooltipElement.style.top = -999 + 'px';
       DomHandler.removeClass(tooltipElement, "p-tooltip-".concat(tooltipElement.$_ptooltipPosition));
-      DomHandler.addClass(tooltipElement, "p-tooltip-".concat(position));
+      !this.isUnstyled() && DomHandler.addClass(tooltipElement, "p-tooltip-".concat(position));
       tooltipElement.$_ptooltipPosition = position;
+      tooltipElement.setAttribute('data-p-position', position);
     },
     isOutOfBounds: function isOutOfBounds(el) {
       var tooltipElement = this.getTooltipElement(el);

package/tooltip/tooltip.esm.min.js

@@ -1 +1 @@
-import{UniqueComponentId as t,ObjectUtils as e,ConnectedOverlayScrollHandler as o,DomHandler as i,ZIndexUtils as n}from"primevue/utils";import l from"primevue/basedirective";import{useStyle as r}from"primevue/usestyle";var s=r("\n@layer primevue {\n    .p-tooltip {\n        position:absolute;\n        display:none;\n        pointer-events:none;\n        padding: .25em .5rem;\n        max-width: 12.5rem;\n    }\n    \n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n    \n    .p-tooltip .p-tooltip-text {\n        white-space: pre-line;\n        word-break: break-word;\n    }\n    \n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n    }\n    \n    .p-tooltip-right .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n    \n    .p-tooltip-left .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n    \n    .p-tooltip-top .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n    \n    .p-tooltip-bottom .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n}\n",{name:"tooltip",manual:!0});function p(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function u(t,e){if(t){if("string"==typeof t)return a(t,e);var o=Object.prototype.toString.call(t).slice(8,-1);return"Object"===o&&t.constructor&&(o=t.constructor.name),"Map"===o||"Set"===o?Array.from(t):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?a(t,e):void 0}}function a(t,e){(null==e||e>t.length)&&(e=t.length);for(var o=0,i=new Array(e);o<e;o++)i[o]=t[o];return i}function d(t,e){var o=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=o){var i,n,l,r,s=[],p=!0,u=!1;try{if(l=(o=o.call(t)).next,0===e){if(Object(o)!==o)return;p=!1}else for(;!(p=(i=l.call(o)).done)&&(s.push(i.value),s.length!==e);p=!0);}catch(t){u=!0,n=t}finally{try{if(!p&&null!=o.return&&(r=o.return(),Object(r)!==r))return}finally{if(u)throw n}}return s}}function c(t){if(Array.isArray(t))return t}function h(t){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},h(t)}var v=l.extend({css:{classes:{root:"p-tooltip p-component",arrow:"p-tooltip-arrow",text:"p-tooltip-text"},loadStyle:s.load}}).extend("tooltip",{beforeMount:function(o,i){var n,l,r,s=this.getTarget(o);if(s.$_ptooltipModifiers=this.getModifiers(i),i.value){if("string"==typeof i.value)s.$_ptooltipValue=i.value,s.$_ptooltipDisabled=!1,s.$_ptooltipEscape=!1,s.$_ptooltipClass=null,s.$_ptooltipFitContent=!0,s.$_ptooltipIdAttr=t()+"_tooltip",s.$_ptooltipShowDelay=0,s.$_ptooltipHideDelay=0;else if("object"===h(i.value)&&i.value){if(e.isEmpty(i.value.value)||""===i.value.value.trim())return;s.$_ptooltipValue=i.value.value,s.$_ptooltipDisabled=!!i.value.disabled===i.value.disabled&&i.value.disabled,s.$_ptooltipEscape=!!i.value.escape===i.value.escape&&i.value.escape,s.$_ptooltipClass=i.value.class||"",s.$_ptooltipFitContent=!!i.value.fitContent!==i.value.fitContent||i.value.fitContent,s.$_ptooltipIdAttr=i.value.id||t()+"_tooltip",s.$_ptooltipShowDelay=i.value.showDelay||0,s.$_ptooltipHideDelay=i.value.hideDelay||0}s.$_ptooltipZIndex=null===(n=i.instance.$primevue)||void 0===n||null===(n=n.config)||void 0===n||null===(n=n.zIndex)||void 0===n?void 0:n.tooltip,s.unstyled=(null===(l=i.instance.$primevue)||void 0===l||null===(l=l.config)||void 0===l?void 0:l.unstyled)||(null===(r=i.value)||void 0===r?void 0:r.unstyled)||!1,this.bindEvents(s,i),o.setAttribute("data-pd-tooltip",!0)}},updated:function(o,i){var n,l,r=this.getTarget(o);if(r.$_ptooltipModifiers=this.getModifiers(i),this.unbindEvents(r),i.value){if("string"==typeof i.value)r.$_ptooltipValue=i.value,r.$_ptooltipDisabled=!1,r.$_ptooltipEscape=!1,r.$_ptooltipClass=null,r.$_ptooltipIdAttr=r.$_ptooltipIdAttr||t()+"_tooltip",r.$_ptooltipShowDelay=0,r.$_ptooltipHideDelay=0,this.bindEvents(r,i);else if("object"===h(i.value)&&i.value){if(e.isEmpty(i.value.value)||""===i.value.value.trim())return void this.unbindEvents(r,i);r.$_ptooltipValue=i.value.value,r.$_ptooltipDisabled=!!i.value.disabled===i.value.disabled&&i.value.disabled,r.$_ptooltipEscape=!!i.value.escape===i.value.escape&&i.value.escape,r.$_ptooltipClass=i.value.class||"",r.$_ptooltipFitContent=!!i.value.fitContent!==i.value.fitContent||i.value.fitContent,r.$_ptooltipIdAttr=i.value.id||r.$_ptooltipIdAttr||t()+"_tooltip",r.$_ptooltipShowDelay=i.value.showDelay||0,r.$_ptooltipHideDelay=i.value.hideDelay||0,this.bindEvents(r,i)}r.unstyled=(null===(n=i.instance.$primevue)||void 0===n||null===(n=n.config)||void 0===n?void 0:n.unstyled)||(null===(l=i.value)||void 0===l?void 0:l.unstyled)||!1}},unmounted:function(t,e){var o=this.getTarget(t);this.remove(o),this.unbindEvents(o,e),o.$_ptooltipScrollHandler&&(o.$_ptooltipScrollHandler.destroy(),o.$_ptooltipScrollHandler=null)},timer:void 0,methods:{bindEvents:function(t,e){var o=this;t.$_ptooltipModifiers.focus?(t.$_focusevent=function(t){return o.onFocus(t,e)},t.addEventListener("focus",t.$_focusevent),t.addEventListener("blur",this.onBlur.bind(this))):(t.$_mouseenterevent=function(t){return o.onMouseEnter(t,e)},t.addEventListener("mouseenter",t.$_mouseenterevent),t.addEventListener("mouseleave",this.onMouseLeave.bind(this)),t.addEventListener("click",this.onClick.bind(this))),t.addEventListener("keydown",this.onKeydown.bind(this))},unbindEvents:function(t){t.$_ptooltipModifiers.focus?(t.removeEventListener("focus",t.$_focusevent),t.$_focusevent=null,t.removeEventListener("blur",this.onBlur.bind(this))):(t.removeEventListener("mouseenter",t.$_mouseenterevent),t.$_mouseenterevent=null,t.removeEventListener("mouseleave",this.onMouseLeave.bind(this)),t.removeEventListener("click",this.onClick.bind(this))),t.removeEventListener("keydown",this.onKeydown.bind(this))},bindScrollListener:function(t){var e=this;t.$_ptooltipScrollHandler||(t.$_ptooltipScrollHandler=new o(t,(function(){e.hide(t)}))),t.$_ptooltipScrollHandler.bindScrollListener()},unbindScrollListener:function(t){t.$_ptooltipScrollHandler&&t.$_ptooltipScrollHandler.unbindScrollListener()},onMouseEnter:function(t,e){var o=t.currentTarget;this.show(o,e,o.$_ptooltipShowDelay)},onMouseLeave:function(t){var e=t.currentTarget;this.hide(e,e.$_ptooltipHideDelay)},onFocus:function(t,e){var o=t.currentTarget;this.show(o,e,o.$_ptooltipShowDelay)},onBlur:function(t){var e=t.currentTarget;this.hide(e,e.$_ptooltipHideDelay)},onClick:function(t){var e=t.currentTarget;this.hide(e,e.$_ptooltipHideDelay)},onKeydown:function(t){"Escape"===t.code&&this.hide(t.currentTarget,t.currentTarget.$_ptooltipHideDelay)},tooltipActions:function(t,e){if(!t.$_ptooltipDisabled&&i.isExist(t)){var o=this.create(t,e);this.align(t),!t.unstyled&&i.fadeIn(o,250);var l=this;window.addEventListener("resize",(function e(){i.isTouchDevice()||l.hide(t),window.removeEventListener("resize",e)})),this.bindScrollListener(t),n.set("tooltip",o,t.$_ptooltipZIndex)}},show:function(t,e,o){var i=this;void 0!==o?this.timer=setTimeout((function(){return i.tooltipActions(t,e)}),o):this.tooltipActions(t,e)},tooltipRemoval:function(t){this.remove(t),this.unbindScrollListener(t)},hide:function(t,e){var o=this;clearTimeout(this.timer),void 0!==e?setTimeout((function(){return o.tooltipRemoval(t)}),e):this.tooltipRemoval(t)},getTooltipElement:function(t){return document.getElementById(t.$_ptooltipId)},create:function(t,e){var o=t.$_ptooltipModifiers,n=i.createElement("div",{class:!t.unstyled&&this.cx("arrow"),style:{top:null!=o&&o.bottom?"0":!(null!=o&&o.right||null!=o&&o.left)&&(null!=o&&o.right||null!=o&&o.left||null!=o&&o.top||null!=o&&o.bottom)?null:"50%",bottom:null!=o&&o.top?"0":null,left:(null==o||!o.right)&&(null!=o&&o.right||null!=o&&o.left||null!=o&&o.top||null!=o&&o.bottom)?null!=o&&o.top||null!=o&&o.bottom?"50%":null:"0",right:null!=o&&o.left?"0":null},"p-bind":this.ptm("arrow",{context:o})}),l=i.createElement("div",{class:!t.unstyled&&this.cx("text"),"p-bind":this.ptm("text",{context:o})});t.$_ptooltipEscape?l.innerHTML=t.$_ptooltipValue:(l.innerHTML="",l.appendChild(document.createTextNode(t.$_ptooltipValue)));var r=i.createElement("div",{id:t.$_ptooltipIdAttr,role:"tooltip",style:{display:"inline-block",width:t.$_ptooltipFitContent?"fit-content":void 0},class:[!t.unstyled&&this.cx("root"),t.$_ptooltipClass],"p-bind":this.ptm("root",{context:o})},n,l);return document.body.appendChild(r),t.$_ptooltipId=r.id,this.$el=r,r},remove:function(t){if(t){var e=this.getTooltipElement(t);e&&e.parentElement&&(n.clear(e),document.body.removeChild(e)),t.$_ptooltipId=null}},align:function(t){var e=t.$_ptooltipModifiers;e.top?(this.alignTop(t),this.isOutOfBounds(t)&&(this.alignBottom(t),this.isOutOfBounds(t)&&this.alignTop(t))):e.left?(this.alignLeft(t),this.isOutOfBounds(t)&&(this.alignRight(t),this.isOutOfBounds(t)&&(this.alignTop(t),this.isOutOfBounds(t)&&(this.alignBottom(t),this.isOutOfBounds(t)&&this.alignLeft(t))))):e.bottom?(this.alignBottom(t),this.isOutOfBounds(t)&&(this.alignTop(t),this.isOutOfBounds(t)&&this.alignBottom(t))):(this.alignRight(t),this.isOutOfBounds(t)&&(this.alignLeft(t),this.isOutOfBounds(t)&&(this.alignTop(t),this.isOutOfBounds(t)&&(this.alignBottom(t),this.isOutOfBounds(t)&&this.alignRight(t)))))},getHostOffset:function(t){var e=t.getBoundingClientRect();return{left:e.left+i.getWindowScrollLeft(),top:e.top+i.getWindowScrollTop()}},alignRight:function(t){this.preAlign(t,"right");var e=this.getTooltipElement(t),o=this.getHostOffset(t),n=o.left+i.getOuterWidth(t),l=o.top+(i.getOuterHeight(t)-i.getOuterHeight(e))/2;e.style.left=n+"px",e.style.top=l+"px"},alignLeft:function(t){this.preAlign(t,"left");var e=this.getTooltipElement(t),o=this.getHostOffset(t),n=o.left-i.getOuterWidth(e),l=o.top+(i.getOuterHeight(t)-i.getOuterHeight(e))/2;e.style.left=n+"px",e.style.top=l+"px"},alignTop:function(t){this.preAlign(t,"top");var e=this.getTooltipElement(t),o=this.getHostOffset(t),n=o.left+(i.getOuterWidth(t)-i.getOuterWidth(e))/2,l=o.top-i.getOuterHeight(e);e.style.left=n+"px",e.style.top=l+"px"},alignBottom:function(t){this.preAlign(t,"bottom");var e=this.getTooltipElement(t),o=this.getHostOffset(t),n=o.left+(i.getOuterWidth(t)-i.getOuterWidth(e))/2,l=o.top+i.getOuterHeight(t);e.style.left=n+"px",e.style.top=l+"px"},preAlign:function(t,e){var o=this.getTooltipElement(t);o.style.left="-999px",o.style.top="-999px",i.removeClass(o,"p-tooltip-".concat(o.$_ptooltipPosition)),i.addClass(o,"p-tooltip-".concat(e)),o.$_ptooltipPosition=e},isOutOfBounds:function(t){var e=this.getTooltipElement(t),o=e.getBoundingClientRect(),n=o.top,l=o.left,r=i.getOuterWidth(e),s=i.getOuterHeight(e),p=i.getViewport();return l+r>p.width||l<0||n<0||n+s>p.height},getTarget:function(t){return i.hasClass(t,"p-inputwrapper")?i.findSingle(t,"input"):t},getModifiers:function(t){return t.modifiers&&Object.keys(t.modifiers).length?t.modifiers:t.arg&&"object"===h(t.arg)?Object.entries(t.arg).reduce((function(t,e){var o,i,n=(i=2,c(o=e)||d(o,i)||u(o,i)||p()),l=n[0];return"event"!==l&&"position"!==l||(t[n[1]]=!0),t}),{}):{}}}});export{v as default};
+import{UniqueComponentId as t,ObjectUtils as e,ConnectedOverlayScrollHandler as i,DomHandler as o,ZIndexUtils as l}from"primevue/utils";import n from"primevue/basedirective";import r from"primevue/tooltip/style";function s(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function u(t,e){if(t){if("string"==typeof t)return a(t,e);var i=Object.prototype.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?a(t,e):void 0}}function a(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,o=new Array(e);i<e;i++)o[i]=t[i];return o}function p(t,e){var i=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=i){var o,l,n,r,s=[],u=!0,a=!1;try{if(n=(i=i.call(t)).next,0===e){if(Object(i)!==i)return;u=!1}else for(;!(u=(o=n.call(i)).done)&&(s.push(o.value),s.length!==e);u=!0);}catch(t){a=!0,l=t}finally{try{if(!u&&null!=i.return&&(r=i.return(),Object(r)!==r))return}finally{if(a)throw l}}return s}}function d(t){if(Array.isArray(t))return t}function c(t){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},c(t)}var h=n.extend({style:r}).extend("tooltip",{beforeMount:function(i,o){var l,n=this.getTarget(i);if(n.$_ptooltipModifiers=this.getModifiers(o),o.value){if("string"==typeof o.value)n.$_ptooltipValue=o.value,n.$_ptooltipDisabled=!1,n.$_ptooltipEscape=!1,n.$_ptooltipClass=null,n.$_ptooltipFitContent=!0,n.$_ptooltipIdAttr=t()+"_tooltip",n.$_ptooltipShowDelay=0,n.$_ptooltipHideDelay=0,n.$_ptooltipAutoHide=!0;else if("object"===c(o.value)&&o.value){if(e.isEmpty(o.value.value)||""===o.value.value.trim())return;n.$_ptooltipValue=o.value.value,n.$_ptooltipDisabled=!!o.value.disabled===o.value.disabled&&o.value.disabled,n.$_ptooltipEscape=!!o.value.escape===o.value.escape&&o.value.escape,n.$_ptooltipClass=o.value.class||"",n.$_ptooltipFitContent=!!o.value.fitContent!==o.value.fitContent||o.value.fitContent,n.$_ptooltipIdAttr=o.value.id||t()+"_tooltip",n.$_ptooltipShowDelay=o.value.showDelay||0,n.$_ptooltipHideDelay=o.value.hideDelay||0,n.$_ptooltipAutoHide=!!o.value.autoHide!==o.value.autoHide||o.value.autoHide}n.$_ptooltipZIndex=null===(l=o.instance.$primevue)||void 0===l||null===(l=l.config)||void 0===l||null===(l=l.zIndex)||void 0===l?void 0:l.tooltip,this.bindEvents(n,o),i.setAttribute("data-pd-tooltip",!0)}},updated:function(i,o){var l=this.getTarget(i);if(l.$_ptooltipModifiers=this.getModifiers(o),this.unbindEvents(l),o.value)if("string"==typeof o.value)l.$_ptooltipValue=o.value,l.$_ptooltipDisabled=!1,l.$_ptooltipEscape=!1,l.$_ptooltipClass=null,l.$_ptooltipIdAttr=l.$_ptooltipIdAttr||t()+"_tooltip",l.$_ptooltipShowDelay=0,l.$_ptooltipHideDelay=0,l.$_ptooltipAutoHide=!0,this.bindEvents(l,o);else if("object"===c(o.value)&&o.value){if(e.isEmpty(o.value.value)||""===o.value.value.trim())return void this.unbindEvents(l,o);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.$_ptooltipIdAttr||t()+"_tooltip",l.$_ptooltipShowDelay=o.value.showDelay||0,l.$_ptooltipHideDelay=o.value.hideDelay||0,l.$_ptooltipAutoHide=!!o.value.autoHide!==o.value.autoHide||o.value.autoHide,this.bindEvents(l,o)}},unmounted:function(t,e){var i=this.getTarget(t);this.remove(i),this.unbindEvents(i,e),i.$_ptooltipScrollHandler&&(i.$_ptooltipScrollHandler.destroy(),i.$_ptooltipScrollHandler=null)},timer:void 0,methods:{bindEvents:function(t,e){var i=this;t.$_ptooltipModifiers.focus?(t.$_focusevent=function(t){return i.onFocus(t,e)},t.addEventListener("focus",t.$_focusevent),t.addEventListener("blur",this.onBlur.bind(this))):(t.$_mouseenterevent=function(t){return i.onMouseEnter(t,e)},t.addEventListener("mouseenter",t.$_mouseenterevent),t.addEventListener("mouseleave",this.onMouseLeave.bind(this)),t.addEventListener("click",this.onClick.bind(this))),t.addEventListener("keydown",this.onKeydown.bind(this))},unbindEvents:function(t){t.$_ptooltipModifiers.focus?(t.removeEventListener("focus",t.$_focusevent),t.$_focusevent=null,t.removeEventListener("blur",this.onBlur.bind(this))):(t.removeEventListener("mouseenter",t.$_mouseenterevent),t.$_mouseenterevent=null,t.removeEventListener("mouseleave",this.onMouseLeave.bind(this)),t.removeEventListener("click",this.onClick.bind(this))),t.removeEventListener("keydown",this.onKeydown.bind(this))},bindScrollListener:function(t){var e=this;t.$_ptooltipScrollHandler||(t.$_ptooltipScrollHandler=new i(t,(function(){e.hide(t)}))),t.$_ptooltipScrollHandler.bindScrollListener()},unbindScrollListener:function(t){t.$_ptooltipScrollHandler&&t.$_ptooltipScrollHandler.unbindScrollListener()},onMouseEnter:function(t,e){var i=t.currentTarget;this.show(i,e,i.$_ptooltipShowDelay)},onMouseLeave:function(t){var e=t.currentTarget,i=e.$_ptooltipHideDelay;e.$_ptooltipAutoHide?this.hide(e,i):!("tooltip"===o.getAttribute(t.target,"data-pc-name")||"arrow"===o.getAttribute(t.target,"data-pc-section")||"text"===o.getAttribute(t.target,"data-pc-section")||"tooltip"===o.getAttribute(t.relatedTarget,"data-pc-name")||"arrow"===o.getAttribute(t.relatedTarget,"data-pc-section")||"text"===o.getAttribute(t.relatedTarget,"data-pc-section"))&&this.hide(e,i)},onFocus:function(t,e){var i=t.currentTarget;this.show(i,e,i.$_ptooltipShowDelay)},onBlur:function(t){var e=t.currentTarget;this.hide(e,e.$_ptooltipHideDelay)},onClick:function(t){var e=t.currentTarget;this.hide(e,e.$_ptooltipHideDelay)},onKeydown:function(t){"Escape"===t.code&&this.hide(t.currentTarget,t.currentTarget.$_ptooltipHideDelay)},tooltipActions:function(t,e){if(!t.$_ptooltipDisabled&&o.isExist(t)){var i=this.create(t,e);this.align(t),!this.isUnstyled()&&o.fadeIn(i,250);var n=this;window.addEventListener("resize",(function e(){o.isTouchDevice()||n.hide(t),window.removeEventListener("resize",e)})),i.addEventListener("mouseleave",(function e(){n.hide(t),i.removeEventListener("mouseleave",e)})),this.bindScrollListener(t),l.set("tooltip",i,t.$_ptooltipZIndex)}},show:function(t,e,i){var o=this;void 0!==i?this.timer=setTimeout((function(){return o.tooltipActions(t,e)}),i):this.tooltipActions(t,e)},tooltipRemoval:function(t){this.remove(t),this.unbindScrollListener(t)},hide:function(t,e){var i=this;clearTimeout(this.timer),void 0!==e?setTimeout((function(){return i.tooltipRemoval(t)}),e):this.tooltipRemoval(t)},getTooltipElement:function(t){return document.getElementById(t.$_ptooltipId)},create:function(t,e){var i=t.$_ptooltipModifiers,l=o.createElement("div",{class:!this.isUnstyled()&&this.cx("arrow"),style:{top:null!=i&&i.bottom?"0":!(null!=i&&i.right||null!=i&&i.left)&&(null!=i&&i.right||null!=i&&i.left||null!=i&&i.top||null!=i&&i.bottom)?null:"50%",bottom:null!=i&&i.top?"0":null,left:(null==i||!i.right)&&(null!=i&&i.right||null!=i&&i.left||null!=i&&i.top||null!=i&&i.bottom)?null!=i&&i.top||null!=i&&i.bottom?"50%":null:"0",right:null!=i&&i.left?"0":null},"p-bind":this.ptm("arrow",{context:i})}),n=o.createElement("div",{class:!this.isUnstyled()&&this.cx("text"),"p-bind":this.ptm("text",{context:i})});t.$_ptooltipEscape?n.innerHTML=t.$_ptooltipValue:(n.innerHTML="",n.appendChild(document.createTextNode(t.$_ptooltipValue)));var r=o.createElement("div",{id:t.$_ptooltipIdAttr,role:"tooltip",style:{display:"inline-block",width:t.$_ptooltipFitContent?"fit-content":void 0},class:[!this.isUnstyled()&&this.cx("root"),t.$_ptooltipClass],"p-bind":this.ptm("root",{context:i})},l,n);return document.body.appendChild(r),t.$_ptooltipId=r.id,this.$el=r,r},remove:function(t){if(t){var e=this.getTooltipElement(t);e&&e.parentElement&&(l.clear(e),document.body.removeChild(e)),t.$_ptooltipId=null}},align:function(t){var e=t.$_ptooltipModifiers;e.top?(this.alignTop(t),this.isOutOfBounds(t)&&(this.alignBottom(t),this.isOutOfBounds(t)&&this.alignTop(t))):e.left?(this.alignLeft(t),this.isOutOfBounds(t)&&(this.alignRight(t),this.isOutOfBounds(t)&&(this.alignTop(t),this.isOutOfBounds(t)&&(this.alignBottom(t),this.isOutOfBounds(t)&&this.alignLeft(t))))):e.bottom?(this.alignBottom(t),this.isOutOfBounds(t)&&(this.alignTop(t),this.isOutOfBounds(t)&&this.alignBottom(t))):(this.alignRight(t),this.isOutOfBounds(t)&&(this.alignLeft(t),this.isOutOfBounds(t)&&(this.alignTop(t),this.isOutOfBounds(t)&&(this.alignBottom(t),this.isOutOfBounds(t)&&this.alignRight(t)))))},getHostOffset:function(t){var e=t.getBoundingClientRect();return{left:e.left+o.getWindowScrollLeft(),top:e.top+o.getWindowScrollTop()}},alignRight:function(t){this.preAlign(t,"right");var e=this.getTooltipElement(t),i=this.getHostOffset(t),l=i.left+o.getOuterWidth(t),n=i.top+(o.getOuterHeight(t)-o.getOuterHeight(e))/2;e.style.left=l+"px",e.style.top=n+"px"},alignLeft:function(t){this.preAlign(t,"left");var e=this.getTooltipElement(t),i=this.getHostOffset(t),l=i.left-o.getOuterWidth(e),n=i.top+(o.getOuterHeight(t)-o.getOuterHeight(e))/2;e.style.left=l+"px",e.style.top=n+"px"},alignTop:function(t){this.preAlign(t,"top");var e=this.getTooltipElement(t),i=this.getHostOffset(t),l=i.left+(o.getOuterWidth(t)-o.getOuterWidth(e))/2,n=i.top-o.getOuterHeight(e);e.style.left=l+"px",e.style.top=n+"px"},alignBottom:function(t){this.preAlign(t,"bottom");var e=this.getTooltipElement(t),i=this.getHostOffset(t),l=i.left+(o.getOuterWidth(t)-o.getOuterWidth(e))/2,n=i.top+o.getOuterHeight(t);e.style.left=l+"px",e.style.top=n+"px"},preAlign:function(t,e){var i=this.getTooltipElement(t);i.style.left="-999px",i.style.top="-999px",o.removeClass(i,"p-tooltip-".concat(i.$_ptooltipPosition)),!this.isUnstyled()&&o.addClass(i,"p-tooltip-".concat(e)),i.$_ptooltipPosition=e,i.setAttribute("data-p-position",e)},isOutOfBounds:function(t){var e=this.getTooltipElement(t),i=e.getBoundingClientRect(),l=i.top,n=i.left,r=o.getOuterWidth(e),s=o.getOuterHeight(e),u=o.getViewport();return n+r>u.width||n<0||l<0||l+s>u.height},getTarget:function(t){return o.hasClass(t,"p-inputwrapper")?o.findSingle(t,"input"):t},getModifiers:function(t){return t.modifiers&&Object.keys(t.modifiers).length?t.modifiers:t.arg&&"object"===c(t.arg)?Object.entries(t.arg).reduce((function(t,e){var i,o,l=(o=2,d(i=e)||p(i,o)||u(i,o)||s()),n=l[0];return"event"!==n&&"position"!==n||(t[l[1]]=!0),t}),{}):{}}}});export{h as default};

package/tooltip/tooltip.js

@@ -1,27 +1,14 @@
 this.primevue = this.primevue || {};
-this.primevue.tooltip = (function (utils, BaseDirective, usestyle) {
+this.primevue.tooltip = (function (utils, BaseDirective, TooltipStyle) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
     var BaseDirective__default = /*#__PURE__*/_interopDefaultLegacy(BaseDirective);
+    var TooltipStyle__default = /*#__PURE__*/_interopDefaultLegacy(TooltipStyle);
 
-    var styles = "\n@layer primevue {\n    .p-tooltip {\n        position:absolute;\n        display:none;\n        pointer-events:none;\n        padding: .25em .5rem;\n        max-width: 12.5rem;\n    }\n    \n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n    \n    .p-tooltip .p-tooltip-text {\n        white-space: pre-line;\n        word-break: break-word;\n    }\n    \n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n    }\n    \n    .p-tooltip-right .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n    \n    .p-tooltip-left .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n    \n    .p-tooltip-top .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n    \n    .p-tooltip-bottom .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n}\n";
-    var classes = {
-      root: 'p-tooltip p-component',
-      arrow: 'p-tooltip-arrow',
-      text: 'p-tooltip-text'
-    };
-    var _useStyle = usestyle.useStyle(styles, {
-        name: 'tooltip',
-        manual: true
-      }),
-      loadStyle = _useStyle.load;
     var BaseTooltip = BaseDirective__default["default"].extend({
-      css: {
-        classes: classes,
-        loadStyle: loadStyle
-      }
+      style: TooltipStyle__default["default"]
     });
 
     function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -33,7 +20,7 @@ this.primevue.tooltip = (function (utils, BaseDirective, usestyle) {
     function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
     var Tooltip = BaseTooltip.extend('tooltip', {
       beforeMount: function beforeMount(el, options) {
-        var _options$instance$$pr, _options$instance$$pr2, _options$value;
+        var _options$instance$$pr;
         var target = this.getTarget(el);
         target.$_ptooltipModifiers = this.getModifiers(options);
         if (!options.value) return;else if (typeof options.value === 'string') {
@@ -45,6 +32,7 @@ this.primevue.tooltip = (function (utils, BaseDirective, usestyle) {
           target.$_ptooltipIdAttr = utils.UniqueComponentId() + '_tooltip';
           target.$_ptooltipShowDelay = 0;
           target.$_ptooltipHideDelay = 0;
+          target.$_ptooltipAutoHide = true;
         } else if (_typeof(options.value) === 'object' && options.value) {
           if (utils.ObjectUtils.isEmpty(options.value.value) || options.value.value.trim() === '') return;else {
             target.$_ptooltipValue = options.value.value;
@@ -55,15 +43,14 @@ this.primevue.tooltip = (function (utils, BaseDirective, usestyle) {
             target.$_ptooltipIdAttr = options.value.id || utils.UniqueComponentId() + '_tooltip';
             target.$_ptooltipShowDelay = options.value.showDelay || 0;
             target.$_ptooltipHideDelay = options.value.hideDelay || 0;
+            target.$_ptooltipAutoHide = !!options.value.autoHide === options.value.autoHide ? options.value.autoHide : true;
           }
         }
         target.$_ptooltipZIndex = (_options$instance$$pr = options.instance.$primevue) === null || _options$instance$$pr === void 0 || (_options$instance$$pr = _options$instance$$pr.config) === null || _options$instance$$pr === void 0 || (_options$instance$$pr = _options$instance$$pr.zIndex) === null || _options$instance$$pr === void 0 ? void 0 : _options$instance$$pr.tooltip;
-        target.unstyled = ((_options$instance$$pr2 = options.instance.$primevue) === null || _options$instance$$pr2 === void 0 || (_options$instance$$pr2 = _options$instance$$pr2.config) === null || _options$instance$$pr2 === void 0 ? void 0 : _options$instance$$pr2.unstyled) || ((_options$value = options.value) === null || _options$value === void 0 ? void 0 : _options$value.unstyled) || false;
         this.bindEvents(target, options);
         el.setAttribute('data-pd-tooltip', true);
       },
       updated: function updated(el, options) {
-        var _options$instance$$pr3, _options$value2;
         var target = this.getTarget(el);
         target.$_ptooltipModifiers = this.getModifiers(options);
         this.unbindEvents(target);
@@ -78,6 +65,7 @@ this.primevue.tooltip = (function (utils, BaseDirective, usestyle) {
           target.$_ptooltipIdAttr = target.$_ptooltipIdAttr || utils.UniqueComponentId() + '_tooltip';
           target.$_ptooltipShowDelay = 0;
           target.$_ptooltipHideDelay = 0;
+          target.$_ptooltipAutoHide = true;
           this.bindEvents(target, options);
         } else if (_typeof(options.value) === 'object' && options.value) {
           if (utils.ObjectUtils.isEmpty(options.value.value) || options.value.value.trim() === '') {
@@ -92,10 +80,10 @@ this.primevue.tooltip = (function (utils, BaseDirective, usestyle) {
             target.$_ptooltipIdAttr = options.value.id || target.$_ptooltipIdAttr || utils.UniqueComponentId() + '_tooltip';
             target.$_ptooltipShowDelay = options.value.showDelay || 0;
             target.$_ptooltipHideDelay = options.value.hideDelay || 0;
+            target.$_ptooltipAutoHide = !!options.value.autoHide === options.value.autoHide ? options.value.autoHide : true;
             this.bindEvents(target, options);
           }
         }
-        target.unstyled = ((_options$instance$$pr3 = options.instance.$primevue) === null || _options$instance$$pr3 === void 0 || (_options$instance$$pr3 = _options$instance$$pr3.config) === null || _options$instance$$pr3 === void 0 ? void 0 : _options$instance$$pr3.unstyled) || ((_options$value2 = options.value) === null || _options$value2 === void 0 ? void 0 : _options$value2.unstyled) || false;
       },
       unmounted: function unmounted(el, options) {
         var target = this.getTarget(el);
@@ -163,7 +151,13 @@ this.primevue.tooltip = (function (utils, BaseDirective, usestyle) {
         onMouseLeave: function onMouseLeave(event) {
           var el = event.currentTarget;
           var hideDelay = el.$_ptooltipHideDelay;
-          this.hide(el, hideDelay);
+          var autoHide = el.$_ptooltipAutoHide;
+          if (!autoHide) {
+            var valid = utils.DomHandler.getAttribute(event.target, 'data-pc-name') === 'tooltip' || utils.DomHandler.getAttribute(event.target, 'data-pc-section') === 'arrow' || utils.DomHandler.getAttribute(event.target, 'data-pc-section') === 'text' || utils.DomHandler.getAttribute(event.relatedTarget, 'data-pc-name') === 'tooltip' || utils.DomHandler.getAttribute(event.relatedTarget, 'data-pc-section') === 'arrow' || utils.DomHandler.getAttribute(event.relatedTarget, 'data-pc-section') === 'text';
+            !valid && this.hide(el, hideDelay);
+          } else {
+            this.hide(el, hideDelay);
+          }
         },
         onFocus: function onFocus(event, options) {
           var el = event.currentTarget;
@@ -191,7 +185,7 @@ this.primevue.tooltip = (function (utils, BaseDirective, usestyle) {
           }
           var tooltipElement = this.create(el, options);
           this.align(el);
-          !el.unstyled && utils.DomHandler.fadeIn(tooltipElement, 250);
+          !this.isUnstyled() && utils.DomHandler.fadeIn(tooltipElement, 250);
           var $this = this;
           window.addEventListener('resize', function onWindowResize() {
             if (!utils.DomHandler.isTouchDevice()) {
@@ -199,6 +193,10 @@ this.primevue.tooltip = (function (utils, BaseDirective, usestyle) {
             }
             window.removeEventListener('resize', onWindowResize);
           });
+          tooltipElement.addEventListener('mouseleave', function onTooltipLeave() {
+            $this.hide(el);
+            tooltipElement.removeEventListener('mouseleave', onTooltipLeave);
+          });
           this.bindScrollListener(el);
           utils.ZIndexUtils.set('tooltip', tooltipElement, el.$_ptooltipZIndex);
         },
@@ -233,7 +231,7 @@ this.primevue.tooltip = (function (utils, BaseDirective, usestyle) {
         create: function create(el, options) {
           var modifiers = el.$_ptooltipModifiers;
           var tooltipArrow = utils.DomHandler.createElement('div', {
-            "class": !el.unstyled && this.cx('arrow'),
+            "class": !this.isUnstyled() && this.cx('arrow'),
             style: {
               top: modifiers !== null && modifiers !== void 0 && modifiers.bottom ? '0' : modifiers !== null && modifiers !== void 0 && modifiers.right || modifiers !== null && modifiers !== void 0 && modifiers.left || !(modifiers !== null && modifiers !== void 0 && modifiers.right) && !(modifiers !== null && modifiers !== void 0 && modifiers.left) && !(modifiers !== null && modifiers !== void 0 && modifiers.top) && !(modifiers !== null && modifiers !== void 0 && modifiers.bottom) ? '50%' : null,
               bottom: modifiers !== null && modifiers !== void 0 && modifiers.top ? '0' : null,
@@ -245,7 +243,7 @@ this.primevue.tooltip = (function (utils, BaseDirective, usestyle) {
             })
           });
           var tooltipText = utils.DomHandler.createElement('div', {
-            "class": !el.unstyled && this.cx('text'),
+            "class": !this.isUnstyled() && this.cx('text'),
             'p-bind': this.ptm('text', {
               context: modifiers
             })
@@ -263,7 +261,7 @@ this.primevue.tooltip = (function (utils, BaseDirective, usestyle) {
               display: 'inline-block',
               width: el.$_ptooltipFitContent ? 'fit-content' : undefined
             },
-            "class": [!el.unstyled && this.cx('root'), el.$_ptooltipClass],
+            "class": [!this.isUnstyled() && this.cx('root'), el.$_ptooltipClass],
             'p-bind': this.ptm('root', {
               context: modifiers
             })
@@ -381,8 +379,9 @@ this.primevue.tooltip = (function (utils, BaseDirective, usestyle) {
           tooltipElement.style.left = -999 + 'px';
           tooltipElement.style.top = -999 + 'px';
           utils.DomHandler.removeClass(tooltipElement, "p-tooltip-".concat(tooltipElement.$_ptooltipPosition));
-          utils.DomHandler.addClass(tooltipElement, "p-tooltip-".concat(position));
+          !this.isUnstyled() && utils.DomHandler.addClass(tooltipElement, "p-tooltip-".concat(position));
           tooltipElement.$_ptooltipPosition = position;
+          tooltipElement.setAttribute('data-p-position', position);
         },
         isOutOfBounds: function isOutOfBounds(el) {
           var tooltipElement = this.getTooltipElement(el);
@@ -420,4 +419,4 @@ this.primevue.tooltip = (function (utils, BaseDirective, usestyle) {
 
     return Tooltip;
 
-})(primevue.utils, primevue.basedirective, primevue.usestyle);
+})(primevue.utils, primevue.basedirective, primevue.tooltip.style);

package/tooltip/tooltip.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.tooltip=function(t,e,o){"use strict";function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n=i(e),l=o.useStyle("\n@layer primevue {\n    .p-tooltip {\n        position:absolute;\n        display:none;\n        pointer-events:none;\n        padding: .25em .5rem;\n        max-width: 12.5rem;\n    }\n    \n    .p-tooltip.p-tooltip-right,\n    .p-tooltip.p-tooltip-left {\n        padding: 0 .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top,\n    .p-tooltip.p-tooltip-bottom {\n        padding:.25em 0;\n    }\n    \n    .p-tooltip .p-tooltip-text {\n        white-space: pre-line;\n        word-break: break-word;\n    }\n    \n    .p-tooltip-arrow {\n        position: absolute;\n        width: 0;\n        height: 0;\n        border-color: transparent;\n        border-style: solid;\n    }\n    \n    .p-tooltip-right .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em .25em .25em 0;\n    }\n    \n    .p-tooltip-left .p-tooltip-arrow {\n        margin-top: -.25rem;\n        border-width: .25em 0 .25em .25rem;\n    }\n    \n    .p-tooltip.p-tooltip-top {\n        padding: .25em 0;\n    }\n    \n    .p-tooltip-top .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: .25em .25em 0;\n    }\n    \n    .p-tooltip-bottom .p-tooltip-arrow {\n        margin-left: -.25rem;\n        border-width: 0 .25em .25rem;\n    }\n}\n",{name:"tooltip",manual:!0});function r(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function s(t,e){if(t){if("string"==typeof t)return p(t,e);var o=Object.prototype.toString.call(t).slice(8,-1);return"Object"===o&&t.constructor&&(o=t.constructor.name),"Map"===o||"Set"===o?Array.from(t):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?p(t,e):void 0}}function p(t,e){(null==e||e>t.length)&&(e=t.length);for(var o=0,i=new Array(e);o<e;o++)i[o]=t[o];return i}function a(t,e){var o=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=o){var i,n,l,r,s=[],p=!0,a=!1;try{if(l=(o=o.call(t)).next,0===e){if(Object(o)!==o)return;p=!1}else for(;!(p=(i=l.call(o)).done)&&(s.push(i.value),s.length!==e);p=!0);}catch(t){a=!0,n=t}finally{try{if(!p&&null!=o.return&&(r=o.return(),Object(r)!==r))return}finally{if(a)throw n}}return s}}function u(t){if(Array.isArray(t))return t}function d(t){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},d(t)}return n.default.extend({css:{classes:{root:"p-tooltip p-component",arrow:"p-tooltip-arrow",text:"p-tooltip-text"},loadStyle:l.load}}).extend("tooltip",{beforeMount:function(e,o){var i,n,l,r=this.getTarget(e);if(r.$_ptooltipModifiers=this.getModifiers(o),o.value){if("string"==typeof o.value)r.$_ptooltipValue=o.value,r.$_ptooltipDisabled=!1,r.$_ptooltipEscape=!1,r.$_ptooltipClass=null,r.$_ptooltipFitContent=!0,r.$_ptooltipIdAttr=t.UniqueComponentId()+"_tooltip",r.$_ptooltipShowDelay=0,r.$_ptooltipHideDelay=0;else if("object"===d(o.value)&&o.value){if(t.ObjectUtils.isEmpty(o.value.value)||""===o.value.value.trim())return;r.$_ptooltipValue=o.value.value,r.$_ptooltipDisabled=!!o.value.disabled===o.value.disabled&&o.value.disabled,r.$_ptooltipEscape=!!o.value.escape===o.value.escape&&o.value.escape,r.$_ptooltipClass=o.value.class||"",r.$_ptooltipFitContent=!!o.value.fitContent!==o.value.fitContent||o.value.fitContent,r.$_ptooltipIdAttr=o.value.id||t.UniqueComponentId()+"_tooltip",r.$_ptooltipShowDelay=o.value.showDelay||0,r.$_ptooltipHideDelay=o.value.hideDelay||0}r.$_ptooltipZIndex=null===(i=o.instance.$primevue)||void 0===i||null===(i=i.config)||void 0===i||null===(i=i.zIndex)||void 0===i?void 0:i.tooltip,r.unstyled=(null===(n=o.instance.$primevue)||void 0===n||null===(n=n.config)||void 0===n?void 0:n.unstyled)||(null===(l=o.value)||void 0===l?void 0:l.unstyled)||!1,this.bindEvents(r,o),e.setAttribute("data-pd-tooltip",!0)}},updated:function(e,o){var i,n,l=this.getTarget(e);if(l.$_ptooltipModifiers=this.getModifiers(o),this.unbindEvents(l),o.value){if("string"==typeof o.value)l.$_ptooltipValue=o.value,l.$_ptooltipDisabled=!1,l.$_ptooltipEscape=!1,l.$_ptooltipClass=null,l.$_ptooltipIdAttr=l.$_ptooltipIdAttr||t.UniqueComponentId()+"_tooltip",l.$_ptooltipShowDelay=0,l.$_ptooltipHideDelay=0,this.bindEvents(l,o);else if("object"===d(o.value)&&o.value){if(t.ObjectUtils.isEmpty(o.value.value)||""===o.value.value.trim())return void this.unbindEvents(l,o);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.$_ptooltipIdAttr||t.UniqueComponentId()+"_tooltip",l.$_ptooltipShowDelay=o.value.showDelay||0,l.$_ptooltipHideDelay=o.value.hideDelay||0,this.bindEvents(l,o)}l.unstyled=(null===(i=o.instance.$primevue)||void 0===i||null===(i=i.config)||void 0===i?void 0:i.unstyled)||(null===(n=o.value)||void 0===n?void 0:n.unstyled)||!1}},unmounted:function(t,e){var o=this.getTarget(t);this.remove(o),this.unbindEvents(o,e),o.$_ptooltipScrollHandler&&(o.$_ptooltipScrollHandler.destroy(),o.$_ptooltipScrollHandler=null)},timer:void 0,methods:{bindEvents:function(t,e){var o=this;t.$_ptooltipModifiers.focus?(t.$_focusevent=function(t){return o.onFocus(t,e)},t.addEventListener("focus",t.$_focusevent),t.addEventListener("blur",this.onBlur.bind(this))):(t.$_mouseenterevent=function(t){return o.onMouseEnter(t,e)},t.addEventListener("mouseenter",t.$_mouseenterevent),t.addEventListener("mouseleave",this.onMouseLeave.bind(this)),t.addEventListener("click",this.onClick.bind(this))),t.addEventListener("keydown",this.onKeydown.bind(this))},unbindEvents:function(t){t.$_ptooltipModifiers.focus?(t.removeEventListener("focus",t.$_focusevent),t.$_focusevent=null,t.removeEventListener("blur",this.onBlur.bind(this))):(t.removeEventListener("mouseenter",t.$_mouseenterevent),t.$_mouseenterevent=null,t.removeEventListener("mouseleave",this.onMouseLeave.bind(this)),t.removeEventListener("click",this.onClick.bind(this))),t.removeEventListener("keydown",this.onKeydown.bind(this))},bindScrollListener:function(e){var o=this;e.$_ptooltipScrollHandler||(e.$_ptooltipScrollHandler=new t.ConnectedOverlayScrollHandler(e,(function(){o.hide(e)}))),e.$_ptooltipScrollHandler.bindScrollListener()},unbindScrollListener:function(t){t.$_ptooltipScrollHandler&&t.$_ptooltipScrollHandler.unbindScrollListener()},onMouseEnter:function(t,e){var o=t.currentTarget;this.show(o,e,o.$_ptooltipShowDelay)},onMouseLeave:function(t){var e=t.currentTarget;this.hide(e,e.$_ptooltipHideDelay)},onFocus:function(t,e){var o=t.currentTarget;this.show(o,e,o.$_ptooltipShowDelay)},onBlur:function(t){var e=t.currentTarget;this.hide(e,e.$_ptooltipHideDelay)},onClick:function(t){var e=t.currentTarget;this.hide(e,e.$_ptooltipHideDelay)},onKeydown:function(t){"Escape"===t.code&&this.hide(t.currentTarget,t.currentTarget.$_ptooltipHideDelay)},tooltipActions:function(e,o){if(!e.$_ptooltipDisabled&&t.DomHandler.isExist(e)){var i=this.create(e,o);this.align(e),!e.unstyled&&t.DomHandler.fadeIn(i,250);var n=this;window.addEventListener("resize",(function o(){t.DomHandler.isTouchDevice()||n.hide(e),window.removeEventListener("resize",o)})),this.bindScrollListener(e),t.ZIndexUtils.set("tooltip",i,e.$_ptooltipZIndex)}},show:function(t,e,o){var i=this;void 0!==o?this.timer=setTimeout((function(){return i.tooltipActions(t,e)}),o):this.tooltipActions(t,e)},tooltipRemoval:function(t){this.remove(t),this.unbindScrollListener(t)},hide:function(t,e){var o=this;clearTimeout(this.timer),void 0!==e?setTimeout((function(){return o.tooltipRemoval(t)}),e):this.tooltipRemoval(t)},getTooltipElement:function(t){return document.getElementById(t.$_ptooltipId)},create:function(e,o){var i=e.$_ptooltipModifiers,n=t.DomHandler.createElement("div",{class:!e.unstyled&&this.cx("arrow"),style:{top:null!=i&&i.bottom?"0":!(null!=i&&i.right||null!=i&&i.left)&&(null!=i&&i.right||null!=i&&i.left||null!=i&&i.top||null!=i&&i.bottom)?null:"50%",bottom:null!=i&&i.top?"0":null,left:(null==i||!i.right)&&(null!=i&&i.right||null!=i&&i.left||null!=i&&i.top||null!=i&&i.bottom)?null!=i&&i.top||null!=i&&i.bottom?"50%":null:"0",right:null!=i&&i.left?"0":null},"p-bind":this.ptm("arrow",{context:i})}),l=t.DomHandler.createElement("div",{class:!e.unstyled&&this.cx("text"),"p-bind":this.ptm("text",{context:i})});e.$_ptooltipEscape?l.innerHTML=e.$_ptooltipValue:(l.innerHTML="",l.appendChild(document.createTextNode(e.$_ptooltipValue)));var r=t.DomHandler.createElement("div",{id:e.$_ptooltipIdAttr,role:"tooltip",style:{display:"inline-block",width:e.$_ptooltipFitContent?"fit-content":void 0},class:[!e.unstyled&&this.cx("root"),e.$_ptooltipClass],"p-bind":this.ptm("root",{context:i})},n,l);return document.body.appendChild(r),e.$_ptooltipId=r.id,this.$el=r,r},remove:function(e){if(e){var o=this.getTooltipElement(e);o&&o.parentElement&&(t.ZIndexUtils.clear(o),document.body.removeChild(o)),e.$_ptooltipId=null}},align:function(t){var e=t.$_ptooltipModifiers;e.top?(this.alignTop(t),this.isOutOfBounds(t)&&(this.alignBottom(t),this.isOutOfBounds(t)&&this.alignTop(t))):e.left?(this.alignLeft(t),this.isOutOfBounds(t)&&(this.alignRight(t),this.isOutOfBounds(t)&&(this.alignTop(t),this.isOutOfBounds(t)&&(this.alignBottom(t),this.isOutOfBounds(t)&&this.alignLeft(t))))):e.bottom?(this.alignBottom(t),this.isOutOfBounds(t)&&(this.alignTop(t),this.isOutOfBounds(t)&&this.alignBottom(t))):(this.alignRight(t),this.isOutOfBounds(t)&&(this.alignLeft(t),this.isOutOfBounds(t)&&(this.alignTop(t),this.isOutOfBounds(t)&&(this.alignBottom(t),this.isOutOfBounds(t)&&this.alignRight(t)))))},getHostOffset:function(e){var o=e.getBoundingClientRect();return{left:o.left+t.DomHandler.getWindowScrollLeft(),top:o.top+t.DomHandler.getWindowScrollTop()}},alignRight:function(e){this.preAlign(e,"right");var o=this.getTooltipElement(e),i=this.getHostOffset(e),n=i.left+t.DomHandler.getOuterWidth(e),l=i.top+(t.DomHandler.getOuterHeight(e)-t.DomHandler.getOuterHeight(o))/2;o.style.left=n+"px",o.style.top=l+"px"},alignLeft:function(e){this.preAlign(e,"left");var o=this.getTooltipElement(e),i=this.getHostOffset(e),n=i.left-t.DomHandler.getOuterWidth(o),l=i.top+(t.DomHandler.getOuterHeight(e)-t.DomHandler.getOuterHeight(o))/2;o.style.left=n+"px",o.style.top=l+"px"},alignTop:function(e){this.preAlign(e,"top");var o=this.getTooltipElement(e),i=this.getHostOffset(e),n=i.left+(t.DomHandler.getOuterWidth(e)-t.DomHandler.getOuterWidth(o))/2,l=i.top-t.DomHandler.getOuterHeight(o);o.style.left=n+"px",o.style.top=l+"px"},alignBottom:function(e){this.preAlign(e,"bottom");var o=this.getTooltipElement(e),i=this.getHostOffset(e),n=i.left+(t.DomHandler.getOuterWidth(e)-t.DomHandler.getOuterWidth(o))/2,l=i.top+t.DomHandler.getOuterHeight(e);o.style.left=n+"px",o.style.top=l+"px"},preAlign:function(e,o){var i=this.getTooltipElement(e);i.style.left="-999px",i.style.top="-999px",t.DomHandler.removeClass(i,"p-tooltip-".concat(i.$_ptooltipPosition)),t.DomHandler.addClass(i,"p-tooltip-".concat(o)),i.$_ptooltipPosition=o},isOutOfBounds:function(e){var o=this.getTooltipElement(e),i=o.getBoundingClientRect(),n=i.top,l=i.left,r=t.DomHandler.getOuterWidth(o),s=t.DomHandler.getOuterHeight(o),p=t.DomHandler.getViewport();return l+r>p.width||l<0||n<0||n+s>p.height},getTarget:function(e){return t.DomHandler.hasClass(e,"p-inputwrapper")?t.DomHandler.findSingle(e,"input"):e},getModifiers:function(t){return t.modifiers&&Object.keys(t.modifiers).length?t.modifiers:t.arg&&"object"===d(t.arg)?Object.entries(t.arg).reduce((function(t,e){var o,i,n=(i=2,u(o=e)||a(o,i)||s(o,i)||r()),l=n[0];return"event"!==l&&"position"!==l||(t[n[1]]=!0),t}),{}):{}}}})}(primevue.utils,primevue.basedirective,primevue.usestyle);
+this.primevue=this.primevue||{},this.primevue.tooltip=function(t,e,o){"use strict";function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function n(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function l(t,e){if(t){if("string"==typeof t)return r(t,e);var o=Object.prototype.toString.call(t).slice(8,-1);return"Object"===o&&t.constructor&&(o=t.constructor.name),"Map"===o||"Set"===o?Array.from(t):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?r(t,e):void 0}}function r(t,e){(null==e||e>t.length)&&(e=t.length);for(var o=0,i=new Array(e);o<e;o++)i[o]=t[o];return i}function s(t,e){var o=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=o){var i,n,l,r,s=[],a=!0,u=!1;try{if(l=(o=o.call(t)).next,0===e){if(Object(o)!==o)return;a=!1}else for(;!(a=(i=l.call(o)).done)&&(s.push(i.value),s.length!==e);a=!0);}catch(t){u=!0,n=t}finally{try{if(!a&&null!=o.return&&(r=o.return(),Object(r)!==r))return}finally{if(u)throw n}}return s}}function a(t){if(Array.isArray(t))return t}function u(t){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},u(t)}return i(e).default.extend({style:i(o).default}).extend("tooltip",{beforeMount:function(e,o){var i,n=this.getTarget(e);if(n.$_ptooltipModifiers=this.getModifiers(o),o.value){if("string"==typeof o.value)n.$_ptooltipValue=o.value,n.$_ptooltipDisabled=!1,n.$_ptooltipEscape=!1,n.$_ptooltipClass=null,n.$_ptooltipFitContent=!0,n.$_ptooltipIdAttr=t.UniqueComponentId()+"_tooltip",n.$_ptooltipShowDelay=0,n.$_ptooltipHideDelay=0,n.$_ptooltipAutoHide=!0;else if("object"===u(o.value)&&o.value){if(t.ObjectUtils.isEmpty(o.value.value)||""===o.value.value.trim())return;n.$_ptooltipValue=o.value.value,n.$_ptooltipDisabled=!!o.value.disabled===o.value.disabled&&o.value.disabled,n.$_ptooltipEscape=!!o.value.escape===o.value.escape&&o.value.escape,n.$_ptooltipClass=o.value.class||"",n.$_ptooltipFitContent=!!o.value.fitContent!==o.value.fitContent||o.value.fitContent,n.$_ptooltipIdAttr=o.value.id||t.UniqueComponentId()+"_tooltip",n.$_ptooltipShowDelay=o.value.showDelay||0,n.$_ptooltipHideDelay=o.value.hideDelay||0,n.$_ptooltipAutoHide=!!o.value.autoHide!==o.value.autoHide||o.value.autoHide}n.$_ptooltipZIndex=null===(i=o.instance.$primevue)||void 0===i||null===(i=i.config)||void 0===i||null===(i=i.zIndex)||void 0===i?void 0:i.tooltip,this.bindEvents(n,o),e.setAttribute("data-pd-tooltip",!0)}},updated:function(e,o){var i=this.getTarget(e);if(i.$_ptooltipModifiers=this.getModifiers(o),this.unbindEvents(i),o.value)if("string"==typeof o.value)i.$_ptooltipValue=o.value,i.$_ptooltipDisabled=!1,i.$_ptooltipEscape=!1,i.$_ptooltipClass=null,i.$_ptooltipIdAttr=i.$_ptooltipIdAttr||t.UniqueComponentId()+"_tooltip",i.$_ptooltipShowDelay=0,i.$_ptooltipHideDelay=0,i.$_ptooltipAutoHide=!0,this.bindEvents(i,o);else if("object"===u(o.value)&&o.value){if(t.ObjectUtils.isEmpty(o.value.value)||""===o.value.value.trim())return void this.unbindEvents(i,o);i.$_ptooltipValue=o.value.value,i.$_ptooltipDisabled=!!o.value.disabled===o.value.disabled&&o.value.disabled,i.$_ptooltipEscape=!!o.value.escape===o.value.escape&&o.value.escape,i.$_ptooltipClass=o.value.class||"",i.$_ptooltipFitContent=!!o.value.fitContent!==o.value.fitContent||o.value.fitContent,i.$_ptooltipIdAttr=o.value.id||i.$_ptooltipIdAttr||t.UniqueComponentId()+"_tooltip",i.$_ptooltipShowDelay=o.value.showDelay||0,i.$_ptooltipHideDelay=o.value.hideDelay||0,i.$_ptooltipAutoHide=!!o.value.autoHide!==o.value.autoHide||o.value.autoHide,this.bindEvents(i,o)}},unmounted:function(t,e){var o=this.getTarget(t);this.remove(o),this.unbindEvents(o,e),o.$_ptooltipScrollHandler&&(o.$_ptooltipScrollHandler.destroy(),o.$_ptooltipScrollHandler=null)},timer:void 0,methods:{bindEvents:function(t,e){var o=this;t.$_ptooltipModifiers.focus?(t.$_focusevent=function(t){return o.onFocus(t,e)},t.addEventListener("focus",t.$_focusevent),t.addEventListener("blur",this.onBlur.bind(this))):(t.$_mouseenterevent=function(t){return o.onMouseEnter(t,e)},t.addEventListener("mouseenter",t.$_mouseenterevent),t.addEventListener("mouseleave",this.onMouseLeave.bind(this)),t.addEventListener("click",this.onClick.bind(this))),t.addEventListener("keydown",this.onKeydown.bind(this))},unbindEvents:function(t){t.$_ptooltipModifiers.focus?(t.removeEventListener("focus",t.$_focusevent),t.$_focusevent=null,t.removeEventListener("blur",this.onBlur.bind(this))):(t.removeEventListener("mouseenter",t.$_mouseenterevent),t.$_mouseenterevent=null,t.removeEventListener("mouseleave",this.onMouseLeave.bind(this)),t.removeEventListener("click",this.onClick.bind(this))),t.removeEventListener("keydown",this.onKeydown.bind(this))},bindScrollListener:function(e){var o=this;e.$_ptooltipScrollHandler||(e.$_ptooltipScrollHandler=new t.ConnectedOverlayScrollHandler(e,(function(){o.hide(e)}))),e.$_ptooltipScrollHandler.bindScrollListener()},unbindScrollListener:function(t){t.$_ptooltipScrollHandler&&t.$_ptooltipScrollHandler.unbindScrollListener()},onMouseEnter:function(t,e){var o=t.currentTarget;this.show(o,e,o.$_ptooltipShowDelay)},onMouseLeave:function(e){var o=e.currentTarget,i=o.$_ptooltipHideDelay;o.$_ptooltipAutoHide?this.hide(o,i):!("tooltip"===t.DomHandler.getAttribute(e.target,"data-pc-name")||"arrow"===t.DomHandler.getAttribute(e.target,"data-pc-section")||"text"===t.DomHandler.getAttribute(e.target,"data-pc-section")||"tooltip"===t.DomHandler.getAttribute(e.relatedTarget,"data-pc-name")||"arrow"===t.DomHandler.getAttribute(e.relatedTarget,"data-pc-section")||"text"===t.DomHandler.getAttribute(e.relatedTarget,"data-pc-section"))&&this.hide(o,i)},onFocus:function(t,e){var o=t.currentTarget;this.show(o,e,o.$_ptooltipShowDelay)},onBlur:function(t){var e=t.currentTarget;this.hide(e,e.$_ptooltipHideDelay)},onClick:function(t){var e=t.currentTarget;this.hide(e,e.$_ptooltipHideDelay)},onKeydown:function(t){"Escape"===t.code&&this.hide(t.currentTarget,t.currentTarget.$_ptooltipHideDelay)},tooltipActions:function(e,o){if(!e.$_ptooltipDisabled&&t.DomHandler.isExist(e)){var i=this.create(e,o);this.align(e),!this.isUnstyled()&&t.DomHandler.fadeIn(i,250);var n=this;window.addEventListener("resize",(function o(){t.DomHandler.isTouchDevice()||n.hide(e),window.removeEventListener("resize",o)})),i.addEventListener("mouseleave",(function t(){n.hide(e),i.removeEventListener("mouseleave",t)})),this.bindScrollListener(e),t.ZIndexUtils.set("tooltip",i,e.$_ptooltipZIndex)}},show:function(t,e,o){var i=this;void 0!==o?this.timer=setTimeout((function(){return i.tooltipActions(t,e)}),o):this.tooltipActions(t,e)},tooltipRemoval:function(t){this.remove(t),this.unbindScrollListener(t)},hide:function(t,e){var o=this;clearTimeout(this.timer),void 0!==e?setTimeout((function(){return o.tooltipRemoval(t)}),e):this.tooltipRemoval(t)},getTooltipElement:function(t){return document.getElementById(t.$_ptooltipId)},create:function(e,o){var i=e.$_ptooltipModifiers,n=t.DomHandler.createElement("div",{class:!this.isUnstyled()&&this.cx("arrow"),style:{top:null!=i&&i.bottom?"0":!(null!=i&&i.right||null!=i&&i.left)&&(null!=i&&i.right||null!=i&&i.left||null!=i&&i.top||null!=i&&i.bottom)?null:"50%",bottom:null!=i&&i.top?"0":null,left:(null==i||!i.right)&&(null!=i&&i.right||null!=i&&i.left||null!=i&&i.top||null!=i&&i.bottom)?null!=i&&i.top||null!=i&&i.bottom?"50%":null:"0",right:null!=i&&i.left?"0":null},"p-bind":this.ptm("arrow",{context:i})}),l=t.DomHandler.createElement("div",{class:!this.isUnstyled()&&this.cx("text"),"p-bind":this.ptm("text",{context:i})});e.$_ptooltipEscape?l.innerHTML=e.$_ptooltipValue:(l.innerHTML="",l.appendChild(document.createTextNode(e.$_ptooltipValue)));var r=t.DomHandler.createElement("div",{id:e.$_ptooltipIdAttr,role:"tooltip",style:{display:"inline-block",width:e.$_ptooltipFitContent?"fit-content":void 0},class:[!this.isUnstyled()&&this.cx("root"),e.$_ptooltipClass],"p-bind":this.ptm("root",{context:i})},n,l);return document.body.appendChild(r),e.$_ptooltipId=r.id,this.$el=r,r},remove:function(e){if(e){var o=this.getTooltipElement(e);o&&o.parentElement&&(t.ZIndexUtils.clear(o),document.body.removeChild(o)),e.$_ptooltipId=null}},align:function(t){var e=t.$_ptooltipModifiers;e.top?(this.alignTop(t),this.isOutOfBounds(t)&&(this.alignBottom(t),this.isOutOfBounds(t)&&this.alignTop(t))):e.left?(this.alignLeft(t),this.isOutOfBounds(t)&&(this.alignRight(t),this.isOutOfBounds(t)&&(this.alignTop(t),this.isOutOfBounds(t)&&(this.alignBottom(t),this.isOutOfBounds(t)&&this.alignLeft(t))))):e.bottom?(this.alignBottom(t),this.isOutOfBounds(t)&&(this.alignTop(t),this.isOutOfBounds(t)&&this.alignBottom(t))):(this.alignRight(t),this.isOutOfBounds(t)&&(this.alignLeft(t),this.isOutOfBounds(t)&&(this.alignTop(t),this.isOutOfBounds(t)&&(this.alignBottom(t),this.isOutOfBounds(t)&&this.alignRight(t)))))},getHostOffset:function(e){var o=e.getBoundingClientRect();return{left:o.left+t.DomHandler.getWindowScrollLeft(),top:o.top+t.DomHandler.getWindowScrollTop()}},alignRight:function(e){this.preAlign(e,"right");var o=this.getTooltipElement(e),i=this.getHostOffset(e),n=i.left+t.DomHandler.getOuterWidth(e),l=i.top+(t.DomHandler.getOuterHeight(e)-t.DomHandler.getOuterHeight(o))/2;o.style.left=n+"px",o.style.top=l+"px"},alignLeft:function(e){this.preAlign(e,"left");var o=this.getTooltipElement(e),i=this.getHostOffset(e),n=i.left-t.DomHandler.getOuterWidth(o),l=i.top+(t.DomHandler.getOuterHeight(e)-t.DomHandler.getOuterHeight(o))/2;o.style.left=n+"px",o.style.top=l+"px"},alignTop:function(e){this.preAlign(e,"top");var o=this.getTooltipElement(e),i=this.getHostOffset(e),n=i.left+(t.DomHandler.getOuterWidth(e)-t.DomHandler.getOuterWidth(o))/2,l=i.top-t.DomHandler.getOuterHeight(o);o.style.left=n+"px",o.style.top=l+"px"},alignBottom:function(e){this.preAlign(e,"bottom");var o=this.getTooltipElement(e),i=this.getHostOffset(e),n=i.left+(t.DomHandler.getOuterWidth(e)-t.DomHandler.getOuterWidth(o))/2,l=i.top+t.DomHandler.getOuterHeight(e);o.style.left=n+"px",o.style.top=l+"px"},preAlign:function(e,o){var i=this.getTooltipElement(e);i.style.left="-999px",i.style.top="-999px",t.DomHandler.removeClass(i,"p-tooltip-".concat(i.$_ptooltipPosition)),!this.isUnstyled()&&t.DomHandler.addClass(i,"p-tooltip-".concat(o)),i.$_ptooltipPosition=o,i.setAttribute("data-p-position",o)},isOutOfBounds:function(e){var o=this.getTooltipElement(e),i=o.getBoundingClientRect(),n=i.top,l=i.left,r=t.DomHandler.getOuterWidth(o),s=t.DomHandler.getOuterHeight(o),a=t.DomHandler.getViewport();return l+r>a.width||l<0||n<0||n+s>a.height},getTarget:function(e){return t.DomHandler.hasClass(e,"p-inputwrapper")?t.DomHandler.findSingle(e,"input"):e},getModifiers:function(t){return t.modifiers&&Object.keys(t.modifiers).length?t.modifiers:t.arg&&"object"===u(t.arg)?Object.entries(t.arg).reduce((function(t,e){var o,i,r=(i=2,a(o=e)||s(o,i)||l(o,i)||n()),u=r[0];return"event"!==u&&"position"!==u||(t[r[1]]=!0),t}),{}):{}}}})}(primevue.utils,primevue.basedirective,primevue.tooltip.style);