primereact 8.7.2 → 9.0.0-beta.1

package/tooltip/tooltip.js

@@ -29,20 +29,45 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
     _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
-
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
           }
         }
       }
-
       return target;
     };
     return _extends.apply(this, arguments);
   }
 
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
+  }
+
+  function _toPrimitive(input, hint) {
+    if (_typeof(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
+  }
+
   function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -53,17 +78,14 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
     } else {
       obj[key] = value;
     }
-
     return obj;
   }
 
   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;
   }
 
@@ -97,33 +119,33 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
   }
 
   function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-
-    var _s, _e;
-
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
+    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+    if (null != _i) {
+      var _s,
+        _e,
+        _x,
+        _r,
+        _arr = [],
+        _n = !0,
+        _d = !1;
       try {
-        if (!_n && _i["return"] != null) _i["return"]();
+        if (_x = (_i = _i.call(arr)).next, 0 === i) {
+          if (Object(_i) !== _i) return;
+          _n = !1;
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+          ;
+        }
+      } catch (err) {
+        _d = !0, _e = err;
       } finally {
-        if (_d) throw _e;
+        try {
+          if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        } finally {
+          if (_d) throw _e;
+        }
       }
+      return _arr;
     }
-
-    return _arr;
   }
 
   function _nonIterableRest() {
@@ -136,20 +158,17 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
 
   var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(false),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        visibleState = _React$useState2[0],
-        setVisibleState = _React$useState2[1];
-
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      visibleState = _React$useState2[0],
+      setVisibleState = _React$useState2[1];
     var _React$useState3 = React__namespace.useState(props.position),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        positionState = _React$useState4[0],
-        setPositionState = _React$useState4[1];
-
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      positionState = _React$useState4[0],
+      setPositionState = _React$useState4[1];
     var _React$useState5 = React__namespace.useState(''),
-        _React$useState6 = _slicedToArray(_React$useState5, 2),
-        classNameState = _React$useState6[0],
-        setClassNameState = _React$useState6[1];
-
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      classNameState = _React$useState6[0],
+      setClassNameState = _React$useState6[1];
     var elementRef = React__namespace.useRef(null);
     var textRef = React__namespace.useRef(null);
     var currentTargetRef = React__namespace.useRef(null);
@@ -157,90 +176,73 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
     var allowHide = React__namespace.useRef(true);
     var timeouts = React__namespace.useRef({});
     var currentMouseEvent = React__namespace.useRef(null);
-
     var _useResizeListener = hooks.useResizeListener({
-      listener: function listener(event) {
-        !utils.DomHandler.isTouchDevice() && hide(event);
-      }
-    }),
-        _useResizeListener2 = _slicedToArray(_useResizeListener, 2),
-        bindWindowResizeListener = _useResizeListener2[0],
-        unbindWindowResizeListener = _useResizeListener2[1];
-
+        listener: function listener(event) {
+          !utils.DomHandler.isTouchDevice() && hide(event);
+        }
+      }),
+      _useResizeListener2 = _slicedToArray(_useResizeListener, 2),
+      bindWindowResizeListener = _useResizeListener2[0],
+      unbindWindowResizeListener = _useResizeListener2[1];
     var _useOverlayScrollList = hooks.useOverlayScrollListener({
-      target: currentTargetRef.current,
-      listener: function listener(event) {
-        hide(event);
-      },
-      when: visibleState
-    }),
-        _useOverlayScrollList2 = _slicedToArray(_useOverlayScrollList, 2),
-        bindOverlayScrollListener = _useOverlayScrollList2[0],
-        unbindOverlayScrollListener = _useOverlayScrollList2[1];
-
+        target: currentTargetRef.current,
+        listener: function listener(event) {
+          hide(event);
+        },
+        when: visibleState
+      }),
+      _useOverlayScrollList2 = _slicedToArray(_useOverlayScrollList, 2),
+      bindOverlayScrollListener = _useOverlayScrollList2[0],
+      unbindOverlayScrollListener = _useOverlayScrollList2[1];
     var isTargetContentEmpty = function isTargetContentEmpty(target) {
       return !(props.content || getTargetOption(target, 'tooltip'));
     };
-
     var isContentEmpty = function isContentEmpty(target) {
       return !(props.content || getTargetOption(target, 'tooltip') || props.children);
     };
-
     var isMouseTrack = function isMouseTrack(target) {
       return getTargetOption(target, 'mousetrack') || props.mouseTrack;
     };
-
     var isDisabled = function isDisabled(target) {
       return getTargetOption(target, 'disabled') === 'true' || hasTargetOption(target, 'disabled') || props.disabled;
     };
-
     var isShowOnDisabled = function isShowOnDisabled(target) {
       return getTargetOption(target, 'showondisabled') || props.showOnDisabled;
     };
-
     var isAutoHide = function isAutoHide() {
       return getTargetOption(currentTargetRef.current, 'autohide') || props.autoHide;
     };
-
     var getTargetOption = function getTargetOption(target, option) {
       return hasTargetOption(target, "data-pr-".concat(option)) ? target.getAttribute("data-pr-".concat(option)) : null;
     };
-
     var hasTargetOption = function hasTargetOption(target, option) {
       return target && target.hasAttribute(option);
     };
-
     var getEvents = function getEvents(target) {
       var showEvents = [getTargetOption(target, 'showevent') || props.showEvent];
       var hideEvents = [getTargetOption(target, 'hideevent') || props.hideEvent];
-
       if (isMouseTrack(target)) {
         showEvents = ['mousemove'];
         hideEvents = ['mouseleave'];
       } else {
         var event = getTargetOption(target, 'event') || props.event;
-
         if (event === 'focus') {
           showEvents = ['focus'];
           hideEvents = ['blur'];
         }
-
         if (event === 'both') {
           showEvents = ['focus', 'mouseenter'];
           hideEvents = ['blur', 'mouseleave'];
         }
       }
-
       return {
         showEvents: showEvents,
         hideEvents: hideEvents
       };
     };
-
     var getPosition = function getPosition(target) {
       return getTargetOption(target, 'position') || positionState;
     };
-
     var getMouseTrackPosition = function getMouseTrackPosition(target) {
       var top = getTargetOption(target, 'mousetracktop') || props.mouseTrackTop;
       var left = getTargetOption(target, 'mousetrackleft') || props.mouseTrackLeft;
@@ -249,14 +251,11 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
         left: left
       };
     };
-
     var updateText = function updateText(target, callback) {
       if (textRef.current) {
         var content = getTargetOption(target, 'tooltip') || props.content;
-
         if (content) {
           textRef.current.innerHTML = ''; // remove children
-
           textRef.current.appendChild(document.createTextNode(content));
           callback();
         } else if (props.children) {
@@ -264,49 +263,41 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
         }
       }
     };
-
     var updateTooltipState = function updateTooltipState(position) {
       updateText(currentTargetRef.current, function () {
         var _currentMouseEvent$cu = currentMouseEvent.current,
-            x = _currentMouseEvent$cu.pageX,
-            y = _currentMouseEvent$cu.pageY;
-
+          x = _currentMouseEvent$cu.pageX,
+          y = _currentMouseEvent$cu.pageY;
         if (props.autoZIndex && !utils.ZIndexUtils.get(elementRef.current)) {
           utils.ZIndexUtils.set('tooltip', elementRef.current, PrimeReact__default["default"].autoZIndex, props.baseZIndex || PrimeReact__default["default"].zIndex['tooltip']);
         }
-
         elementRef.current.style.left = '';
-        elementRef.current.style.top = ''; // GitHub #2695 disable pointer events when autohiding
+        elementRef.current.style.top = '';
 
+        // GitHub #2695 disable pointer events when autohiding
         if (isAutoHide()) {
           elementRef.current.style.pointerEvents = 'none';
         }
-
-        if (isMouseTrack(currentTargetRef.current) && !containerSize.current) {
+        if ((isMouseTrack(currentTargetRef.current) || position == 'mouse') && !containerSize.current) {
           containerSize.current = {
             width: utils.DomHandler.getOuterWidth(elementRef.current),
             height: utils.DomHandler.getOuterHeight(elementRef.current)
           };
         }
-
         align(currentTargetRef.current, {
           x: x,
           y: y
         }, position);
       });
     };
-
     var show = function show(e) {
       currentTargetRef.current = e.currentTarget;
       var disabled = isDisabled(currentTargetRef.current);
       var empty = isContentEmpty(isShowOnDisabled(currentTargetRef.current) && disabled ? currentTargetRef.current.firstChild : currentTargetRef.current);
-
       if (empty || disabled) {
         return;
       }
-
       currentMouseEvent.current = e;
-
       if (visibleState) {
         applyDelay('updateDelay', updateTooltipState);
       } else {
@@ -315,7 +306,6 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
           originalEvent: e,
           target: currentTargetRef.current
         });
-
         if (success) {
           applyDelay('showDelay', function () {
             setVisibleState(true);
@@ -327,22 +317,18 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
         }
       }
     };
-
     var hide = function hide(e) {
       clearTimeouts();
-
       if (visibleState) {
         var success = sendCallback(props.onBeforeHide, {
           originalEvent: e,
           target: currentTargetRef.current
         });
-
         if (success) {
           applyDelay('hideDelay', function () {
             if (!isAutoHide() && allowHide.current === false) {
               return;
             }
-
             utils.ZIndexUtils.clear(elementRef.current);
             utils.DomHandler.removeClass(elementRef.current, 'p-tooltip-active');
             setVisibleState(false);
@@ -354,46 +340,39 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
         }
       }
     };
-
     var align = function align(target, coordinate, position) {
       var left = 0,
-          top = 0,
-          currentPosition = position || positionState;
-
-      if (isMouseTrack(target) && coordinate) {
+        top = 0,
+        currentPosition = position || positionState;
+      if ((isMouseTrack(target) || currentPosition == 'mouse') && coordinate) {
         var _containerSize = {
           width: utils.DomHandler.getOuterWidth(elementRef.current),
           height: utils.DomHandler.getOuterHeight(elementRef.current)
         };
         left = coordinate.x;
         top = coordinate.y;
-
         var _getMouseTrackPositio = getMouseTrackPosition(target),
-            mouseTrackTop = _getMouseTrackPositio.top,
-            mouseTrackLeft = _getMouseTrackPositio.left;
-
+          mouseTrackTop = _getMouseTrackPositio.top,
+          mouseTrackLeft = _getMouseTrackPositio.left;
         switch (currentPosition) {
           case 'left':
             left -= _containerSize.width + mouseTrackLeft;
             top -= _containerSize.height / 2 - mouseTrackTop;
             break;
-
           case 'right':
+          case 'mouse':
             left += mouseTrackLeft;
             top -= _containerSize.height / 2 - mouseTrackTop;
             break;
-
           case 'top':
             left -= _containerSize.width / 2 - mouseTrackLeft;
             top -= _containerSize.height + mouseTrackTop;
             break;
-
           case 'bottom':
             left -= _containerSize.width / 2 - mouseTrackLeft;
             top += mouseTrackTop;
             break;
         }
-
         if (left <= 0 || containerSize.current.width > _containerSize.width) {
           elementRef.current.style.left = '0px';
           elementRef.current.style.right = window.innerWidth - _containerSize.width - left + 'px';
@@ -401,7 +380,6 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
           elementRef.current.style.right = '';
           elementRef.current.style.left = left + 'px';
         }
-
         elementRef.current.style.top = top + 'px';
         utils.DomHandler.addClass(elementRef.current, 'p-tooltip-active');
       } else {
@@ -411,8 +389,8 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
         elementRef.current.style.padding = '0px';
         utils.DomHandler.flipfitCollision(elementRef.current, target, my, at, function (calculatedPosition) {
           var _calculatedPosition$a = calculatedPosition.at,
-              atX = _calculatedPosition$a.x,
-              atY = _calculatedPosition$a.y;
+            atX = _calculatedPosition$a.x,
+            atY = _calculatedPosition$a.y;
           var myX = calculatedPosition.my.x;
           var newPosition = props.at ? atX !== 'center' && atX !== myX ? atX : atY : calculatedPosition.at["".concat(pos.axis)];
           elementRef.current.style.padding = '';
@@ -422,33 +400,28 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
         });
       }
     };
-
     var updateContainerPosition = function updateContainerPosition(position) {
       if (elementRef.current) {
         var style = getComputedStyle(elementRef.current);
         if (position === 'left') elementRef.current.style.left = parseFloat(style.left) - parseFloat(style.paddingLeft) * 2 + 'px';else if (position === 'top') elementRef.current.style.top = parseFloat(style.top) - parseFloat(style.paddingTop) * 2 + 'px';
       }
     };
-
     var onMouseEnter = function onMouseEnter() {
       if (!isAutoHide()) {
         allowHide.current = false;
       }
     };
-
     var onMouseLeave = function onMouseLeave(e) {
       if (!isAutoHide()) {
         allowHide.current = true;
         hide(e);
       }
     };
-
     var bindTargetEvent = function bindTargetEvent(target) {
       if (target) {
         var _getEvents = getEvents(target),
-            showEvents = _getEvents.showEvents,
-            hideEvents = _getEvents.hideEvents;
-
+          showEvents = _getEvents.showEvents,
+          hideEvents = _getEvents.hideEvents;
         var currentTarget = getTarget(target);
         showEvents.forEach(function (event) {
           return currentTarget.addEventListener(event, show);
@@ -458,13 +431,11 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
         });
       }
     };
-
     var unbindTargetEvent = function unbindTargetEvent(target) {
       if (target) {
         var _getEvents2 = getEvents(target),
-            showEvents = _getEvents2.showEvents,
-            hideEvents = _getEvents2.hideEvents;
-
+          showEvents = _getEvents2.showEvents,
+          hideEvents = _getEvents2.hideEvents;
         var currentTarget = getTarget(target);
         showEvents.forEach(function (event) {
           return currentTarget.removeEventListener(event, show);
@@ -474,7 +445,6 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
         });
       }
     };
-
     var applyDelay = function applyDelay(delayProp, callback) {
       clearTimeouts();
       var delay = getTargetOption(currentTargetRef.current, delayProp.toLowerCase()) || props[delayProp];
@@ -482,31 +452,24 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
         return callback();
       }, delay) : callback();
     };
-
     var sendCallback = function sendCallback(callback) {
       if (callback) {
         for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
           params[_key - 1] = arguments[_key];
         }
-
         var result = callback.apply(void 0, params);
-
         if (result === undefined) {
           result = true;
         }
-
         return result;
       }
-
       return true;
     };
-
     var clearTimeouts = function clearTimeouts() {
       Object.values(timeouts.current).forEach(function (t) {
         return clearTimeout(t);
       });
     };
-
     var getTarget = function getTarget(target) {
       if (target) {
         if (isShowOnDisabled(target)) {
@@ -521,34 +484,25 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
           }
         } else if (target.hasWrapper) {
           var _target$parentElement;
-
           (_target$parentElement = target.parentElement).replaceWith.apply(_target$parentElement, _toConsumableArray(target.parentElement.childNodes));
-
           delete target.hasWrapper;
         }
-
         return target;
       }
-
       return null;
     };
-
     var updateTargetEvents = function updateTargetEvents(target) {
       unloadTargetEvents(target);
       loadTargetEvents(target);
     };
-
     var loadTargetEvents = function loadTargetEvents(target) {
       setTargetEventOperations(target || props.target, bindTargetEvent);
     };
-
     var unloadTargetEvents = function unloadTargetEvents(target) {
       setTargetEventOperations(target || props.target, unbindTargetEvent);
     };
-
     var setTargetEventOperations = function setTargetEventOperations(target, operation) {
       target = utils.ObjectUtils.getRefElement(target);
-
       if (target) {
         if (utils.DomHandler.isElement(target)) {
           operation(target);
@@ -559,7 +513,6 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
               operation(el);
             });
           };
-
           if (target instanceof Array) {
             target.forEach(function (t) {
               setEvent(t);
@@ -570,10 +523,8 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
         }
       }
     };
-
     hooks.useMountEffect(function () {
       loadTargetEvents();
-
       if (visibleState && currentTargetRef.current && isDisabled(currentTargetRef.current)) {
         hide();
       }
@@ -600,7 +551,6 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
         containerSize.current = null;
         allowHide.current = true;
       }
-
       return function () {
         unbindWindowResizeListener();
         unbindOverlayScrollListener();
@@ -636,7 +586,6 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
         }
       };
     });
-
     var createElement = function createElement() {
       var otherProps = utils.ObjectUtils.findDiffKeys(props, Tooltip.defaultProps);
       var tooltipClassName = utils.classNames('p-tooltip p-component', _defineProperty({}, "p-tooltip-".concat(positionState), true), props.className, classNameState);
@@ -658,7 +607,6 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
         className: "p-tooltip-text"
       }, empty && props.children));
     };
-
     if (visibleState) {
       var element = createElement();
       return /*#__PURE__*/React__namespace.createElement(portal.Portal, {
@@ -667,39 +615,38 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
         visible: true
       });
     }
-
     return null;
   }));
   Tooltip.displayName = 'Tooltip';
   Tooltip.defaultProps = {
     __TYPE: 'Tooltip',
-    id: null,
-    target: null,
-    content: null,
-    disabled: false,
-    className: null,
-    style: null,
     appendTo: null,
-    position: 'right',
-    my: null,
     at: null,
-    event: null,
-    showEvent: 'mouseenter',
-    hideEvent: 'mouseleave',
+    autoHide: true,
     autoZIndex: true,
     baseZIndex: 0,
+    className: null,
+    content: null,
+    disabled: false,
+    event: null,
+    hideDelay: 0,
+    hideEvent: 'mouseleave',
+    id: null,
     mouseTrack: false,
-    mouseTrackTop: 5,
     mouseTrackLeft: 5,
-    showDelay: 0,
-    updateDelay: 0,
-    hideDelay: 0,
-    autoHide: true,
-    showOnDisabled: false,
-    onBeforeShow: null,
+    mouseTrackTop: 5,
+    my: null,
     onBeforeHide: null,
+    onBeforeShow: null,
+    onHide: null,
     onShow: null,
-    onHide: null
+    position: 'right',
+    showDelay: 0,
+    showEvent: 'mouseenter',
+    showOnDisabled: false,
+    style: null,
+    target: null,
+    updateDelay: 0
   };
 
   exports.Tooltip = Tooltip;

package/tooltip/tooltip.min.css

@@ -1 +1 @@
-.p-tooltip{position:absolute;padding:.25em .5rem}.p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-left{padding:0 .25rem}.p-tooltip.p-tooltip-top,.p-tooltip.p-tooltip-bottom{padding:.25em 0}.p-tooltip .p-tooltip-text{white-space:pre-line;word-break:break-word}.p-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.p-tooltip-right .p-tooltip-arrow{top:50%;left:0;margin-top:-.25rem;border-width:.25em .25em .25em 0}.p-tooltip-left .p-tooltip-arrow{top:50%;right:0;margin-top:-.25rem;border-width:.25em 0 .25em .25rem}.p-tooltip.p-tooltip-top{padding:.25em 0}.p-tooltip-top .p-tooltip-arrow{bottom:0;left:50%;margin-left:-.25rem;border-width:.25em .25em 0}.p-tooltip-bottom .p-tooltip-arrow{top:0;left:50%;margin-left:-.25rem;border-width:0 .25em .25rem}
+.p-tooltip{position:absolute;padding:.25em .5rem;top:-9999px;left:-9999px}.p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-left{padding:0 .25rem}.p-tooltip.p-tooltip-top,.p-tooltip.p-tooltip-bottom{padding:.25em 0}.p-tooltip .p-tooltip-text{white-space:pre-line;word-break:break-word}.p-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.p-tooltip-right .p-tooltip-arrow{top:50%;left:0;margin-top:-.25rem;border-width:.25em .25em .25em 0}.p-tooltip-left .p-tooltip-arrow{top:50%;right:0;margin-top:-.25rem;border-width:.25em 0 .25em .25rem}.p-tooltip.p-tooltip-top{padding:.25em 0}.p-tooltip-top .p-tooltip-arrow{bottom:0;left:50%;margin-left:-.25rem;border-width:.25em .25em 0}.p-tooltip-bottom .p-tooltip-arrow{top:0;left:50%;margin-left:-.25rem;border-width:0 .25em .25rem}