primereact 10.2.1 → 10.3.1

package/togglebutton/togglebutton.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/hooks"),o=require("primereact/ripple"),r=require("primereact/tooltip"),l=require("primereact/utils"),c=require("primereact/componentbase");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=a(e);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},u.apply(this,arguments)}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function p(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==s(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=p(e,"string");return"symbol"===s(t)?t:String(t)}var b=c.ComponentBase.extend({defaultProps:{__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null,children:void 0},css:{classes:{label:"p-button-label",icon:function(e){var t=e.props,n=e.label;return l.classNames("p-button-icon p-c",{"p-button-icon-left":"left"===t.iconPos&&n,"p-button-icon-right":"right"===t.iconPos&&n})},root:function(e){var t=e.props;return l.classNames("p-button p-togglebutton p-component",{"p-button-icon-only":e.hasIcon&&!e.hasLabel,"p-highlight":t.checked,"p-disabled":t.disabled},t.className)}}}});function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?m(Object(n),!0).forEach((function(t){var o,r,l;o=e,l=n[t],(r=f(r=t))in o?Object.defineProperty(o,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):o[r]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var d=i.memo(i.forwardRef((function(e,a){var s=i.useContext(t.PrimeReactContext),p=b.getProps(e,s),f=i.useRef(null),m=b.setMetaData({props:p}),d=m.ptm,y=m.cx;c.useHandleStyle(b.css.styles,m.isUnstyled,{name:"togglebutton"});var v=p.onLabel&&p.onLabel.length>0&&p.offLabel&&p.offLabel.length>0,h=p.onIcon&&p.offIcon,O=v?p.checked?p.onLabel:p.offLabel:"&nbsp;",P=p.checked?p.onIcon:p.offIcon,j=function(e){!p.disabled&&p.onChange&&p.onChange({originalEvent:e,value:!p.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:p.name,id:p.id,value:!p.checked}})};i.useImperativeHandle(a,(function(){return{props:p,focus:function(){return l.DomHandler.focusFirstElement(f.current)},getElement:function(){return f.current}}})),n.useMountEffect((function(){p.autoFocus&&l.DomHandler.focusFirstElement(f.current)}));var E=l.ObjectUtils.isNotEmpty(p.tooltip),I=p.disabled?-1:p.tabIndex,w=function(){if(h){var e=l.mergeProps({className:y("icon",{label:O})},d("icon"));return l.IconUtils.getJSXIcon(P,g({},e),{props:p})}return null}(),k=l.mergeProps({className:y("label")},d("label")),D=l.mergeProps({ref:f,id:p.id,className:y("root",{hasIcon:h,hasLabel:v}),style:p.style,onClick:j,onFocus:p.onFocus,onBlur:p.onBlur,onKeyDown:function(e){32===e.keyCode&&(j(e),e.preventDefault())},tabIndex:I,role:"button","aria-pressed":p.checked},b.getOtherProps(p),d("root"));return i.createElement(i.Fragment,null,i.createElement("div",D,w,i.createElement("span",k,O),i.createElement(o.Ripple,null)),E&&i.createElement(r.Tooltip,u({target:f,content:p.tooltip},p.tooltipOptions,{pt:d("tooltip")})))})));d.displayName="ToggleButton",exports.ToggleButton=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),o=require("primereact/ripple"),l=require("primereact/tooltip"),a=require("primereact/utils");function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var c=i(e);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},u.apply(this,arguments)}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function f(e,t){if("object"!==s(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=f(e,"string");return"symbol"===s(t)?t:String(t)}function b(e){if(Array.isArray(e))return e}function m(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l,a,i=[],c=!0,u=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=l.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function d(e,t){if(e){if("string"==typeof e)return y(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?y(e,t):void 0}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var v=r.ComponentBase.extend({defaultProps:{__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null,children:void 0},css:{classes:{label:"p-button-label",icon:function(e){var t=e.props,r=e.label;return a.classNames("p-button-icon p-c",{"p-button-icon-left":"left"===t.iconPos&&r,"p-button-icon-right":"right"===t.iconPos&&r})},root:function(e){var t=e.props;return a.classNames("p-button p-togglebutton p-component",{"p-button-icon-only":e.hasIcon&&!e.hasLabel,"p-highlight":t.checked,"p-disabled":t.disabled},t.className)}}}});function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?h(Object(r),!0).forEach((function(t){var n,o,l;n=e,l=r[t],(o=p(o=t))in n?Object.defineProperty(n,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):n[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var j=c.memo(c.forwardRef((function(e,i){var s,f,p=c.useState(!1),y=(f=2,b(s=p)||m(s,f)||d(s,f)||g()),h=y[0],j=y[1],P=c.useContext(t.PrimeReactContext),S=v.getProps(e,P),w=c.useRef(null),E=v.setMetaData({props:S,state:{focused:h}}),I=E.ptm,k=E.cx;r.useHandleStyle(v.css.styles,E.isUnstyled,{name:"togglebutton"});var D=S.onLabel&&S.onLabel.length>0&&S.offLabel&&S.offLabel.length>0,N=S.onIcon&&S.offIcon,x=D?S.checked?S.onLabel:S.offLabel:"&nbsp;",L=S.checked?S.onIcon:S.offIcon,C=function(e){!S.disabled&&S.onChange&&S.onChange({originalEvent:e,value:!S.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:S.name,id:S.id,value:!S.checked}})};c.useImperativeHandle(i,(function(){return{props:S,focus:function(){return a.DomHandler.focusFirstElement(w.current)},getElement:function(){return w.current}}})),n.useMountEffect((function(){S.autoFocus&&a.DomHandler.focusFirstElement(w.current)}));var B=a.ObjectUtils.isNotEmpty(S.tooltip),F=S.disabled?-1:S.tabIndex,q=function(){if(N){var e=a.mergeProps({className:k("icon",{label:x})},I("icon"));return a.IconUtils.getJSXIcon(L,O({},e),{props:S})}return null}(),T=a.mergeProps({className:k("label")},I("label")),A=a.mergeProps({ref:w,id:S.id,className:k("root",{hasIcon:N,hasLabel:D}),style:S.style,onClick:C,onFocus:function(e){j(!0),S.onFocus&&S.onFocus(e)},onBlur:function(e){j(!1),S.onBlur&&S.onBlur(e)},onKeyDown:function(e){32===e.keyCode&&(C(e),e.preventDefault())},tabIndex:F,role:"button","aria-pressed":S.checked},v.getOtherProps(S),I("root"));return c.createElement(c.Fragment,null,c.createElement("div",A,q,c.createElement("span",T,x),c.createElement(o.Ripple,null)),B&&c.createElement(l.Tooltip,u({target:w,content:S.tooltip},S.tooltipOptions,{pt:I("tooltip")})))})));j.displayName="ToggleButton",exports.ToggleButton=j;

package/togglebutton/togglebutton.esm.js

@@ -1,11 +1,11 @@
 'use client';
 import * as React from 'react';
 import { PrimeReactContext } from 'primereact/api';
+import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { useMountEffect } from 'primereact/hooks';
 import { Ripple } from 'primereact/ripple';
 import { Tooltip } from 'primereact/tooltip';
 import { classNames, DomHandler, ObjectUtils, mergeProps, IconUtils } from 'primereact/utils';
-import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -63,6 +63,61 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _nonIterableRest() {
+  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 _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+
 var classes = {
   label: 'p-button-label',
   icon: function icon(_ref) {
@@ -112,11 +167,18 @@ var ToggleButtonBase = ComponentBase.extend({
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ToggleButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    focusedState = _React$useState2[0],
+    setFocusedState = _React$useState2[1];
   var context = React.useContext(PrimeReactContext);
   var props = ToggleButtonBase.getProps(inProps, context);
   var elementRef = React.useRef(null);
   var _ToggleButtonBase$set = ToggleButtonBase.setMetaData({
-      props: props
+      props: props,
+      state: {
+        focused: focusedState
+      }
     }),
     ptm = _ToggleButtonBase$set.ptm,
     cx = _ToggleButtonBase$set.cx,
@@ -147,6 +209,14 @@ var ToggleButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       });
     }
   };
+  var onFocus = function onFocus(event) {
+    setFocusedState(true);
+    props.onFocus && props.onFocus(event);
+  };
+  var onBlur = function onBlur(event) {
+    setFocusedState(false);
+    props.onBlur && props.onBlur(event);
+  };
   var onKeyDown = function onKeyDown(event) {
     if (event.keyCode === 32) {
       toggle(event);
@@ -197,8 +267,8 @@ var ToggleButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     }),
     style: props.style,
     onClick: toggle,
-    onFocus: props.onFocus,
-    onBlur: props.onBlur,
+    onFocus: onFocus,
+    onBlur: onBlur,
     onKeyDown: onKeyDown,
     tabIndex: tabIndex,
     role: 'button',

package/togglebutton/togglebutton.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{useMountEffect as o}from"primereact/hooks";import{Ripple as n}from"primereact/ripple";import{Tooltip as r}from"primereact/tooltip";import{classNames as l,DomHandler as i,ObjectUtils as c,mergeProps as a,IconUtils as u}from"primereact/utils";import{ComponentBase as p,useHandleStyle as s}from"primereact/componentbase";function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},f.apply(this,arguments)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function m(e,t){if("object"!==b(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==b(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=m(e,"string");return"symbol"===b(t)?t:String(t)}var y=p.extend({defaultProps:{__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null,children:void 0},css:{classes:{label:"p-button-label",icon:function(e){var t=e.props,o=e.label;return l("p-button-icon p-c",{"p-button-icon-left":"left"===t.iconPos&&o,"p-button-icon-right":"right"===t.iconPos&&o})},root:function(e){var t=e.props;return l("p-button p-togglebutton p-component",{"p-button-icon-only":e.hasIcon&&!e.hasLabel,"p-highlight":t.checked,"p-disabled":t.disabled},t.className)}}}});function d(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function v(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?d(Object(o),!0).forEach((function(t){var n,r,l;n=e,l=o[t],(r=g(r=t))in n?Object.defineProperty(n,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):n[r]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):d(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}var h=e.memo(e.forwardRef((function(l,p){var b=e.useContext(t),m=y.getProps(l,b),g=e.useRef(null),d=y.setMetaData({props:m}),h=d.ptm,O=d.cx;s(y.css.styles,d.isUnstyled,{name:"togglebutton"});var P=m.onLabel&&m.onLabel.length>0&&m.offLabel&&m.offLabel.length>0,j=m.onIcon&&m.offIcon,E=P?m.checked?m.onLabel:m.offLabel:"&nbsp;",I=m.checked?m.onIcon:m.offIcon,w=function(e){!m.disabled&&m.onChange&&m.onChange({originalEvent:e,value:!m.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:m.name,id:m.id,value:!m.checked}})};e.useImperativeHandle(p,(function(){return{props:m,focus:function(){return i.focusFirstElement(g.current)},getElement:function(){return g.current}}})),o((function(){m.autoFocus&&i.focusFirstElement(g.current)}));var k=c.isNotEmpty(m.tooltip),S=m.disabled?-1:m.tabIndex,L=function(){if(j){var e=a({className:O("icon",{label:E})},h("icon"));return u.getJSXIcon(I,v({},e),{props:m})}return null}(),D=a({className:O("label")},h("label")),N=a({ref:g,id:m.id,className:O("root",{hasIcon:j,hasLabel:P}),style:m.style,onClick:w,onFocus:m.onFocus,onBlur:m.onBlur,onKeyDown:function(e){32===e.keyCode&&(w(e),e.preventDefault())},tabIndex:S,role:"button","aria-pressed":m.checked},y.getOtherProps(m),h("root"));return e.createElement(e.Fragment,null,e.createElement("div",N,L,e.createElement("span",D,E),e.createElement(n,null)),k&&e.createElement(r,f({target:g,content:m.tooltip},m.tooltipOptions,{pt:h("tooltip")})))})));h.displayName="ToggleButton";export{h as ToggleButton};
+import*as t from"react";import{PrimeReactContext as e}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{useMountEffect as o}from"primereact/hooks";import{Ripple as l}from"primereact/ripple";import{Tooltip as i}from"primereact/tooltip";import{classNames as a,DomHandler as c,ObjectUtils as u,mergeProps as s,IconUtils as f}from"primereact/utils";function p(){return p=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},p.apply(this,arguments)}function b(t){return b="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},b(t)}function m(t,e){if("object"!==b(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function y(t){var e=m(t,"string");return"symbol"===b(e)?e:String(e)}function d(t){if(Array.isArray(t))return t}function g(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,l,i,a=[],c=!0,u=!1;try{if(l=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(a.push(r.value),a.length!==e);c=!0);}catch(t){u=!0,o=t}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw o}}return a}}function v(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function h(t,e){if(t){if("string"==typeof t)return v(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(t,e):void 0}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var j=n.extend({defaultProps:{__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null,children:void 0},css:{classes:{label:"p-button-label",icon:function(t){var e=t.props,n=t.label;return a("p-button-icon p-c",{"p-button-icon-left":"left"===e.iconPos&&n,"p-button-icon-right":"right"===e.iconPos&&n})},root:function(t){var e=t.props;return a("p-button p-togglebutton p-component",{"p-button-icon-only":t.hasIcon&&!t.hasLabel,"p-highlight":e.checked,"p-disabled":e.disabled},e.className)}}}});function P(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function S(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?P(Object(n),!0).forEach((function(e){var r,o,l;r=t,l=n[e],(o=y(o=e))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var w=t.memo(t.forwardRef((function(n,a){var b,m,y=t.useState(!1),v=(m=2,d(b=y)||g(b,m)||h(b,m)||O()),P=v[0],w=v[1],I=t.useContext(e),E=j.getProps(n,I),k=t.useRef(null),L=j.setMetaData({props:E,state:{focused:P}}),D=L.ptm,N=L.cx;r(j.css.styles,L.isUnstyled,{name:"togglebutton"});var x=E.onLabel&&E.onLabel.length>0&&E.offLabel&&E.offLabel.length>0,F=E.onIcon&&E.offIcon,C=x?E.checked?E.onLabel:E.offLabel:"&nbsp;",A=E.checked?E.onIcon:E.offIcon,B=function(t){!E.disabled&&E.onChange&&E.onChange({originalEvent:t,value:!E.checked,stopPropagation:function(){t.stopPropagation()},preventDefault:function(){t.preventDefault()},target:{name:E.name,id:E.id,value:!E.checked}})};t.useImperativeHandle(a,(function(){return{props:E,focus:function(){return c.focusFirstElement(k.current)},getElement:function(){return k.current}}})),o((function(){E.autoFocus&&c.focusFirstElement(k.current)}));var T=u.isNotEmpty(E.tooltip),M=E.disabled?-1:E.tabIndex,R=function(){if(F){var t=s({className:N("icon",{label:C})},D("icon"));return f.getJSXIcon(A,S({},t),{props:E})}return null}(),U=s({className:N("label")},D("label")),Y=s({ref:k,id:E.id,className:N("root",{hasIcon:F,hasLabel:x}),style:E.style,onClick:B,onFocus:function(t){w(!0),E.onFocus&&E.onFocus(t)},onBlur:function(t){w(!1),E.onBlur&&E.onBlur(t)},onKeyDown:function(t){32===t.keyCode&&(B(t),t.preventDefault())},tabIndex:M,role:"button","aria-pressed":E.checked},j.getOtherProps(E),D("root"));return t.createElement(t.Fragment,null,t.createElement("div",Y,R,t.createElement("span",U,C),t.createElement(l,null)),T&&t.createElement(i,p({target:k,content:E.tooltip},E.tooltipOptions,{pt:D("tooltip")})))})));w.displayName="ToggleButton";export{w as ToggleButton};

package/togglebutton/togglebutton.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.togglebutton = (function (exports, React, api, hooks, ripple, tooltip, utils, componentbase) {
+this.primereact.togglebutton = (function (exports, React, api, componentbase, hooks, ripple, tooltip, utils) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -78,6 +78,61 @@ this.primereact.togglebutton = (function (exports, React, api, hooks, ripple, to
     return obj;
   }
 
+  function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+  }
+
+  function _iterableToArrayLimit(r, l) {
+    var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+    if (null != t) {
+      var e,
+        n,
+        i,
+        u,
+        a = [],
+        f = !0,
+        o = !1;
+      try {
+        if (i = (t = t.call(r)).next, 0 === l) {
+          if (Object(t) !== t) return;
+          f = !1;
+        } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+      } catch (r) {
+        o = !0, n = r;
+      } finally {
+        try {
+          if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+        } finally {
+          if (o) throw n;
+        }
+      }
+      return a;
+    }
+  }
+
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+    return arr2;
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _nonIterableRest() {
+    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 _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+  }
+
   var classes = {
     label: 'p-button-label',
     icon: function icon(_ref) {
@@ -127,11 +182,18 @@ this.primereact.togglebutton = (function (exports, React, api, hooks, ripple, to
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var ToggleButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var _React$useState = React__namespace.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      focusedState = _React$useState2[0],
+      setFocusedState = _React$useState2[1];
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = ToggleButtonBase.getProps(inProps, context);
     var elementRef = React__namespace.useRef(null);
     var _ToggleButtonBase$set = ToggleButtonBase.setMetaData({
-        props: props
+        props: props,
+        state: {
+          focused: focusedState
+        }
       }),
       ptm = _ToggleButtonBase$set.ptm,
       cx = _ToggleButtonBase$set.cx,
@@ -162,6 +224,14 @@ this.primereact.togglebutton = (function (exports, React, api, hooks, ripple, to
         });
       }
     };
+    var onFocus = function onFocus(event) {
+      setFocusedState(true);
+      props.onFocus && props.onFocus(event);
+    };
+    var onBlur = function onBlur(event) {
+      setFocusedState(false);
+      props.onBlur && props.onBlur(event);
+    };
     var onKeyDown = function onKeyDown(event) {
       if (event.keyCode === 32) {
         toggle(event);
@@ -212,8 +282,8 @@ this.primereact.togglebutton = (function (exports, React, api, hooks, ripple, to
       }),
       style: props.style,
       onClick: toggle,
-      onFocus: props.onFocus,
-      onBlur: props.onBlur,
+      onFocus: onFocus,
+      onBlur: onBlur,
       onKeyDown: onKeyDown,
       tabIndex: tabIndex,
       role: 'button',
@@ -234,4 +304,4 @@ this.primereact.togglebutton = (function (exports, React, api, hooks, ripple, to
 
   return exports;
 
-})({}, React, primereact.api, primereact.hooks, primereact.ripple, primereact.tooltip, primereact.utils, primereact.componentbase);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.ripple, primereact.tooltip, primereact.utils);

package/togglebutton/togglebutton.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.togglebutton=function(e,t,n,o,r,l,c,a){"use strict";function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=i(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},s.apply(this,arguments)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function f(e,t){if("object"!==p(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==p(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=f(e,"string");return"symbol"===p(t)?t:String(t)}var m=a.ComponentBase.extend({defaultProps:{__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null,children:void 0},css:{classes:{label:"p-button-label",icon:function(e){var t=e.props,n=e.label;return c.classNames("p-button-icon p-c",{"p-button-icon-left":"left"===t.iconPos&&n,"p-button-icon-right":"right"===t.iconPos&&n})},root:function(e){var t=e.props;return c.classNames("p-button p-togglebutton p-component",{"p-button-icon-only":e.hasIcon&&!e.hasLabel,"p-highlight":t.checked,"p-disabled":t.disabled},t.className)}}}});function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function d(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){var o,r,l;o=e,l=n[t],(r=b(r=t))in o?Object.defineProperty(o,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):o[r]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var y=u.memo(u.forwardRef((function(e,t){var i=u.useContext(n.PrimeReactContext),p=m.getProps(e,i),f=u.useRef(null),b=m.setMetaData({props:p}),g=b.ptm,y=b.cx;a.useHandleStyle(m.css.styles,b.isUnstyled,{name:"togglebutton"});var v=p.onLabel&&p.onLabel.length>0&&p.offLabel&&p.offLabel.length>0,h=p.onIcon&&p.offIcon,O=v?p.checked?p.onLabel:p.offLabel:"&nbsp;",P=p.checked?p.onIcon:p.offIcon,j=function(e){!p.disabled&&p.onChange&&p.onChange({originalEvent:e,value:!p.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:p.name,id:p.id,value:!p.checked}})};u.useImperativeHandle(t,(function(){return{props:p,focus:function(){return c.DomHandler.focusFirstElement(f.current)},getElement:function(){return f.current}}})),o.useMountEffect((function(){p.autoFocus&&c.DomHandler.focusFirstElement(f.current)}));var E=c.ObjectUtils.isNotEmpty(p.tooltip),I=p.disabled?-1:p.tabIndex,w=function(){if(h){var e=c.mergeProps({className:y("icon",{label:O})},g("icon"));return c.IconUtils.getJSXIcon(P,d({},e),{props:p})}return null}(),k=c.mergeProps({className:y("label")},g("label")),D=c.mergeProps({ref:f,id:p.id,className:y("root",{hasIcon:h,hasLabel:v}),style:p.style,onClick:j,onFocus:p.onFocus,onBlur:p.onBlur,onKeyDown:function(e){32===e.keyCode&&(j(e),e.preventDefault())},tabIndex:I,role:"button","aria-pressed":p.checked},m.getOtherProps(p),g("root"));return u.createElement(u.Fragment,null,u.createElement("div",D,w,u.createElement("span",k,O),u.createElement(r.Ripple,null)),E&&u.createElement(l.Tooltip,s({target:f,content:p.tooltip},p.tooltipOptions,{pt:g("tooltip")})))})));return y.displayName="ToggleButton",e.ToggleButton=y,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.ripple,primereact.tooltip,primereact.utils,primereact.componentbase);
+this.primereact=this.primereact||{},this.primereact.togglebutton=function(e,t,n,r,o,l,a,c){"use strict";function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=i(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function p(e,t){if("object"!==f(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=p(e,"string");return"symbol"===f(t)?t:String(t)}function m(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,c=[],i=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=l.call(n)).done)&&(c.push(r.value),c.length!==t);i=!0);}catch(e){u=!0,o=e}finally{try{if(!i&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return c}}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function g(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var h=r.ComponentBase.extend({defaultProps:{__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null,children:void 0},css:{classes:{label:"p-button-label",icon:function(e){var t=e.props,n=e.label;return c.classNames("p-button-icon p-c",{"p-button-icon-left":"left"===t.iconPos&&n,"p-button-icon-right":"right"===t.iconPos&&n})},root:function(e){var t=e.props;return c.classNames("p-button p-togglebutton p-component",{"p-button-icon-only":e.hasIcon&&!e.hasLabel,"p-highlight":t.checked,"p-disabled":t.disabled},t.className)}}}});function O(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){var r,o,l;r=e,l=n[t],(o=b(o=t))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var P=u.memo(u.forwardRef((function(e,t){var i,f,p=u.useState(!1),b=(f=2,m(i=p)||y(i,f)||g(i,f)||v()),d=b[0],O=b[1],P=u.useContext(n.PrimeReactContext),S=h.getProps(e,P),w=u.useRef(null),E=h.setMetaData({props:S,state:{focused:d}}),I=E.ptm,k=E.cx;r.useHandleStyle(h.css.styles,E.isUnstyled,{name:"togglebutton"});var D=S.onLabel&&S.onLabel.length>0&&S.offLabel&&S.offLabel.length>0,N=S.onIcon&&S.offIcon,L=D?S.checked?S.onLabel:S.offLabel:"&nbsp;",C=S.checked?S.onIcon:S.offIcon,x=function(e){!S.disabled&&S.onChange&&S.onChange({originalEvent:e,value:!S.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:S.name,id:S.id,value:!S.checked}})};u.useImperativeHandle(t,(function(){return{props:S,focus:function(){return c.DomHandler.focusFirstElement(w.current)},getElement:function(){return w.current}}})),o.useMountEffect((function(){S.autoFocus&&c.DomHandler.focusFirstElement(w.current)}));var B=c.ObjectUtils.isNotEmpty(S.tooltip),F=S.disabled?-1:S.tabIndex,T=function(){if(N){var e=c.mergeProps({className:k("icon",{label:L})},I("icon"));return c.IconUtils.getJSXIcon(C,j({},e),{props:S})}return null}(),A=c.mergeProps({className:k("label")},I("label")),_=c.mergeProps({ref:w,id:S.id,className:k("root",{hasIcon:N,hasLabel:D}),style:S.style,onClick:x,onFocus:function(e){O(!0),S.onFocus&&S.onFocus(e)},onBlur:function(e){O(!1),S.onBlur&&S.onBlur(e)},onKeyDown:function(e){32===e.keyCode&&(x(e),e.preventDefault())},tabIndex:F,role:"button","aria-pressed":S.checked},h.getOtherProps(S),I("root"));return u.createElement(u.Fragment,null,u.createElement("div",_,T,u.createElement("span",A,L),u.createElement(l.Ripple,null)),B&&u.createElement(a.Tooltip,s({target:w,content:S.tooltip},S.tooltipOptions,{pt:I("tooltip")})))})));return P.displayName="ToggleButton",e.ToggleButton=P,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.ripple,primereact.tooltip,primereact.utils);

package/tooltip/tooltip.d.ts

@@ -21,6 +21,7 @@ export declare type TooltipPassThroughType<T> = PassThroughType<T, TooltipPassTh
 export interface TooltipPassThroughMethodOptions {
     props: TooltipProps;
     state: TooltipState;
+    context: TooltipContext;
 }
 
 /**
@@ -47,6 +48,32 @@ export interface TooltipPassThroughOptions {
     hooks?: ComponentHooks;
 }
 
+/**
+ * Defines current inline context in Tooltip component.
+ */
+export interface TooltipContext {
+    /**
+     * Right aligned tooltip as a boolean.
+     * @defaultValue false
+     */
+    right: boolean;
+    /**
+     * Right aligned tooltip as a boolean.
+     * @defaultValue false
+     */
+    left: boolean;
+    /**
+     * Right aligned tooltip as a boolean.
+     * @defaultValue false
+     */
+    top: boolean;
+    /**
+     * Right aligned tooltip as a boolean.
+     * @defaultValue false
+     */
+    bottom: boolean;
+}
+
 /**
  * Defines current inline state in Tooltip component.
  */

package/tooltip/tooltipoptions.d.ts

@@ -34,7 +34,7 @@ export interface TooltipOptions {
      * DOM element instance where the overlay panel should be mounted. Valid values are any DOM Element and 'self'. The self value is used to render a component where it is located.
      * @defaultValue document.body
      */
-    appendTo?: 'self' | HTMLElement | null | undefined;
+    appendTo?: 'self' | HTMLElement | null | undefined | (() => HTMLElement);
     /**
      * Defines which position on the target element to align the positioned tooltip.
      */