react-tooltip 6.0.5 → 6.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4,6 +4,6 @@
4
4
  * @copyright ReactTooltip Team
5
5
  * @license MIT
6
6
  */
7
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("clsx"),require("react-dom"),require("@floating-ui/dom")):"function"==typeof define&&define.amd?define(["exports","react","clsx","react-dom","@floating-ui/dom"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ReactTooltip={},e.React,e.clsx,e.ReactDOM,e.FloatingUIDOM)}(this,function(e,t,o,r,n){"use strict";const l={core:!1,base:!1};function c({css:e,id:t="react-tooltip-base-styles",type:o="base",ref:r,state:n={}}){if(!e||"undefined"==typeof document||(void 0!==n[o]?n[o]:l[o]))return;if("core"===o&&"undefined"!=typeof process&&process.env&&process.env.REACT_TOOLTIP_DISABLE_CORE_STYLES)return;if("base"===o&&"undefined"!=typeof process&&process.env&&process.env.REACT_TOOLTIP_DISABLE_BASE_STYLES)return;"core"===o&&(t="react-tooltip-core-styles"),r||(r={});const{insertAt:c}=r;if(document.getElementById(t))return;const i=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.id=t,s.type="text/css","top"===c&&i.firstChild?i.insertBefore(s,i.firstChild):i.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e)),void 0!==n[o]?n[o]=!0:l[o]=!0}const i=n.flip({fallbackAxisSideDirection:"start"}),s=n.shift({padding:5}),u=async({elementReference:e=null,tooltipReference:t=null,tooltipArrowReference:o=null,place:r="top",offset:l=10,strategy:c="absolute",middlewares:u=[n.offset(Number(l)),i,s],border:a,arrowSize:d=8})=>{if(!e)return{tooltipStyles:{},tooltipArrowStyles:{},place:r};if(null===t)return{tooltipStyles:{},tooltipArrowStyles:{},place:r};const p=[...u];return o?(p.push(n.arrow({element:o,padding:5})),n.computePosition(e,t,{placement:r,strategy:c,middleware:p}).then(({x:e,y:t,placement:o,middlewareData:r})=>{var n,l;const c={left:`${e}px`,top:`${t}px`,border:a},{x:i,y:s}=null!==(n=r.arrow)&&void 0!==n?n:{x:0,y:0},u=null!==(l={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]])&&void 0!==l?l:"bottom",p=a&&{borderBottom:a,borderRight:a};let f=0;if(a){const e=`${a}`.match(/(\d+)px/);f=(null==e?void 0:e[1])?Number(e[1]):1}return{tooltipStyles:c,tooltipArrowStyles:{left:null!=i?`${i}px`:"",top:null!=s?`${s}px`:"",right:"",bottom:"",...p,[u]:`-${d/2+f-1}px`},place:o}})):n.computePosition(e,t,{placement:"bottom",strategy:c,middleware:p}).then(({x:e,y:t,placement:o})=>({tooltipStyles:{left:`${e}px`,top:`${t}px`},tooltipArrowStyles:{},place:o}))},a=(e,t,o)=>{let r=null,n=e;const l=function(...e){const o=()=>{r=null};r||(n.apply(this,e),r=setTimeout(o,t))};return l.cancel=()=>{r&&(clearTimeout(r),r=null)},l.setCallback=e=>{n=e},l},d=e=>{if(!(e instanceof HTMLElement||e instanceof SVGElement))return!1;const t=getComputedStyle(e);return["overflow","overflow-x","overflow-y"].some(e=>{const o=t.getPropertyValue(e);return"auto"===o||"scroll"===o})},p=e=>{if(!e)return null;let t=e.parentElement;for(;t;){if(d(t))return t;t=t.parentElement}return document.scrollingElement||document.documentElement},f="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?t.useLayoutEffect:t.useEffect,v=e=>{e.current&&(clearTimeout(e.current),e.current=null)};var m={tooltip:"core-styles-module_tooltip__3vRRp",fixed:"core-styles-module_fixed__pcSol",arrow:"core-styles-module_arrow__cvMwQ",content:"core-styles-module_content__BRKdB",noArrow:"core-styles-module_noArrow__xock6",clickable:"core-styles-module_clickable__ZuTTB",show:"core-styles-module_show__Nt9eE",closing:"core-styles-module_closing__sGnxF"},h={tooltip:"styles-module_tooltip__mnnfp",content:"styles-module_content__ydYdI",arrow:"styles-module_arrow__K0L3T",dark:"styles-module_dark__xNqje",light:"styles-module_light__Z6W-X",success:"styles-module_success__A2AKt",warning:"styles-module_warning__SCK0X",error:"styles-module_error__JvumD",info:"styles-module_info__BWdHW"};const y=new Map;let b=null;function w(e){const t=e.match(/^\[data-tooltip-id=(['"])((?:\\.|(?!\1).)*)\1\]$/);return t?t[2].replace(/\\(['"])/g,"$1"):null}function S(e){try{return{anchors:Array.from(document.querySelectorAll(e)),error:null}}catch(e){return{anchors:[],error:e instanceof Error?e:new Error(String(e))}}}function E(e,t){var o,r,n,l;const c=S(e),i=null!==(r=null===(o=c.error)||void 0===o?void 0:o.message)&&void 0!==r?r:null,s=null!==(l=null===(n=t.error)||void 0===n?void 0:n.message)&&void 0!==l?l:null;if(u=t.anchors,a=c.anchors,u.length===a.length&&u.every((e,t)=>e===a[t])&&i===s)return;var u,a;const d={...t,anchors:c.anchors,error:c.error};y.set(e,d),function(e){e.subscribers.forEach(t=>t(e.anchors,e.error))}(d)}let g=!1,A=null,R=!1;function T(e){if(e?(A||(A=new Set),e.forEach(e=>A.add(e))):R=!0,g)return;g=!0;const t=()=>{g=!1;const e=R,t=A;var o;R=!1,A=null,e?y.forEach((e,t)=>{E(t,e)}):t&&t.size>0&&(o=t,y.forEach((e,t)=>{(null===e.tooltipId||o.has(e.tooltipId))&&E(t,e)}))};"function"==typeof requestAnimationFrame?requestAnimationFrame(t):Promise.resolve().then(t)}function _(){b||"undefined"==typeof MutationObserver||(b=new MutationObserver(e=>{const t=function(e){var t;if(y.size<=4)return null;const o=new Set;for(const r of e){if("attributes"===r.type){const e=r.target,n=null===(t=e.getAttribute)||void 0===t?void 0:t.call(e,"data-tooltip-id");n&&o.add(n),r.oldValue&&o.add(r.oldValue);continue}if("childList"===r.type){const e=e=>{var t,r;for(let n=0;n<e.length;n++){const l=e[n];if(l.nodeType!==Node.ELEMENT_NODE)continue;const c=l,i=null===(t=c.getAttribute)||void 0===t?void 0:t.call(c,"data-tooltip-id");i&&o.add(i);const s=null===(r=c.querySelectorAll)||void 0===r?void 0:r.call(c,"[data-tooltip-id]");if(s){if(s.length>50)return!0;for(let e=0;e<s.length;e++){const t=s[e].getAttribute("data-tooltip-id");t&&o.add(t)}}}return!1};if(e(r.addedNodes)||e(r.removedNodes))return null;continue}}return o}(e);T(t)}),b.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-tooltip-id"],attributeOldValue:!0}))}function k(e,t){let o=y.get(e);if(!o){const t=S(e);o={anchors:t.anchors,error:t.error,subscribers:new Set,tooltipId:w(e)},y.set(e,o)}return o.subscribers.add(t),_(),t([...o.anchors],o.error),()=>{const o=y.get(e);o&&(o.subscribers.delete(t),0===o.subscribers.size&&y.delete(e),0===y.size&&b&&(b.disconnect(),b=null))}}const C=new Map;function O(e,t){return`${e}:${t?"capture":"bubble"}`}function x(e,t,o={}){const r=Boolean(o.capture),n=O(e,r),l=function(e,t){const o=O(e,t);let r=C.get(o);if(!r){const n=new Set,l=e=>{n.forEach(t=>{t(e)})};r={handlers:n,dispatch:l,eventType:e,capture:t},C.set(o,r),document.addEventListener(e,l,{capture:t})}return r}(e,r);return l.handlers.add(t),()=>{l.handlers.delete(t),0===l.handlers.size&&(C.delete(n),document.removeEventListener(e,l.dispatch,{capture:r}))}}let L=null;var N=t.memo(({forwardRef:e,id:l,className:c,classNameArrow:i,variant:s="dark",portalRoot:d,anchorSelect:y,place:b="top",offset:w=10,openOnClick:S=!1,positionStrategy:E="absolute",middlewares:g,wrapper:A,delayShow:R=0,delayHide:T=0,autoClose:_,float:C=!1,hidden:O=!1,noArrow:N=!1,clickable:B=!1,openEvents:M,closeEvents:z,globalCloseEvents:I,imperativeModeOnly:$,style:j,position:D,afterShow:H,afterHide:P,disableTooltip:q,content:F,contentWrapperRef:W,isOpen:V,defaultIsOpen:K=!1,setIsOpen:Y,previousActiveAnchor:X,activeAnchor:G,setActiveAnchor:U,border:Z,opacity:J,arrowColor:Q,arrowSize:ee=8,role:te="tooltip"})=>{var oe;const re=t.useRef(null),ne=t.useRef(null),le=t.useRef(null),ce=t.useRef(null),ie=t.useRef(null),se=t.useRef(null),[ue,ae]=t.useState({tooltipStyles:{},tooltipArrowStyles:{},place:b}),[de,pe]=t.useState(!1),[fe,ve]=t.useState(!1),[me,he]=t.useState(null),ye=t.useRef(!1),be=t.useRef(null),we=t.useRef(!1),Se=t.useRef(!1),Ee=t.useRef({getBoundingClientRect:()=>({x:0,y:0,width:0,height:0,top:0,left:0,right:0,bottom:0})});f(()=>(Se.current=!0,()=>{Se.current=!1}),[]);const ge=t.useCallback(e=>{Se.current&&(e&&ve(!0),setTimeout(()=>{Se.current&&(null==Y||Y(e),void 0===V&&pe(e))},10))},[V,Y]);t.useEffect(()=>{if(l){if(de){t(X);const o=e(G),r=[...new Set([...o,l])].filter(Boolean).join(" ");null==G||G.setAttribute("aria-describedby",r)}else t(G);return()=>{t(G),t(X)}}function e(e){var t;return(null===(t=null==e?void 0:e.getAttribute("aria-describedby"))||void 0===t?void 0:t.split(" "))||[]}function t(t){const o=e(t).filter(e=>e!==l);o.length?null==t||t.setAttribute("aria-describedby",o.join(" ")):null==t||t.removeAttribute("aria-describedby")}},[G,de,l,X]),t.useEffect(()=>{if(void 0===V)return()=>null;V&&ve(!0);const e=setTimeout(()=>{pe(V)},10);return()=>{clearTimeout(e)}},[V]),t.useEffect(()=>{if(de!==ye.current)if(v(se),ye.current=de,de)null==H||H();else{if(null===L){const e=getComputedStyle(document.body);L=(e=>{const t=e.match(/^([\d.]+)(m?s)$/);if(!t)return 0;const[,o,r]=t;return Number(o)*("ms"===r?1:1e3)})(e.getPropertyValue("--rt-transition-show-delay"))}const e=L;se.current=setTimeout(()=>{ve(!1),he(null),null==P||P()},e+25)}},[P,H,de]),t.useEffect(()=>(v(ie),!de||!_||_<=0||(ie.current=setTimeout(()=>{ge(!1)},_)),()=>{v(ie)}),[G,_,ge,de]);const Ae=t.useCallback(e=>{Se.current&&ae(t=>t.place===e.place&&t.tooltipStyles.left===e.tooltipStyles.left&&t.tooltipStyles.top===e.tooltipStyles.top&&t.tooltipStyles.border===e.tooltipStyles.border&&t.tooltipArrowStyles.left===e.tooltipArrowStyles.left&&t.tooltipArrowStyles.top===e.tooltipArrowStyles.top&&t.tooltipArrowStyles.right===e.tooltipArrowStyles.right&&t.tooltipArrowStyles.bottom===e.tooltipArrowStyles.bottom&&t.tooltipArrowStyles.borderBottom===e.tooltipArrowStyles.borderBottom&&t.tooltipArrowStyles.borderRight===e.tooltipArrowStyles.borderRight?t:e)},[]),Re=t.useRef(fe);Re.current=fe;const Te=t.useCallback((e=R)=>{le.current&&clearTimeout(le.current),Re.current?ge(!0):le.current=setTimeout(()=>{ge(!0)},e)},[R,ge]),_e=t.useCallback((e=T)=>{ce.current&&clearTimeout(ce.current),ce.current=setTimeout(()=>{we.current||ge(!1)},e)},[T,ge]),ke=t.useCallback(({x:e,y:t})=>{var o;Ee.current.getBoundingClientRect=()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t}),u({place:null!==(o=null==me?void 0:me.place)&&void 0!==o?o:b,offset:w,elementReference:Ee.current,tooltipReference:re.current,tooltipArrowReference:ne.current,strategy:E,middlewares:g,border:Z,arrowSize:ee}).then(e=>{Ae(e)})},[null==me?void 0:me.place,b,w,E,g,Z,ee,Ae]),Ce=t.useCallback(()=>{var e,t;const o=null!==(e=null==me?void 0:me.position)&&void 0!==e?e:D;o?ke(o):C?be.current&&ke(be.current):(null==G?void 0:G.isConnected)&&u({place:null!==(t=null==me?void 0:me.place)&&void 0!==t?t:b,offset:w,elementReference:G,tooltipReference:re.current,tooltipArrowReference:ne.current,strategy:E,middlewares:g,border:Z,arrowSize:ee}).then(e=>{Se.current&&Ae(e)})},[null==me?void 0:me.position,null==me?void 0:me.place,D,C,G,b,w,E,g,Z,ke,Ae,ee]),Oe=t.useCallback(()=>{ve(!1),ge(!1),U(null),v(le),v(ce),v(ie)},[ge,U]),xe=fe||K||Boolean(V)||Boolean(G)||Boolean(null==me?void 0:me.anchorSelect),{anchorElements:Le,selector:Ne}=(({id:e,anchorSelect:o,imperativeAnchorSelect:r,activeAnchor:n,disableTooltip:l,onActiveAnchorRemoved:c,trackAnchors:i})=>{const[s,u]=t.useState([]),[a,d]=t.useState(null),p=t.useRef(null),f=t.useMemo(()=>(({id:e,anchorSelect:t,imperativeAnchorSelect:o})=>{var r;let n=null!==(r=null!=o?o:t)&&void 0!==r?r:"";return!n&&e&&(n=`[data-tooltip-id='${e.replace(/'/g,"\\'")}']`),n})({id:e,anchorSelect:o,imperativeAnchorSelect:r}),[e,o,r]),v=t.useMemo(()=>s.filter(e=>!(null==l?void 0:l(e))),[s,l]),m=t.useMemo(()=>{if(!n||!f)return!1;try{return n.matches(f)}catch(e){return!1}},[n,f,v]);return t.useEffect(()=>f&&i?k(f,(e,t)=>{u(e),d(t)}):(u([]),void d(null)),[f,i]),t.useEffect(()=>{a&&p.current!==f&&(p.current=f)},[f,a]),t.useEffect(()=>{n&&(n.isConnected&&(v.includes(n)||m)||c())},[n,v,m,c]),{anchorElements:v,selector:f}})({id:l,anchorSelect:y,imperativeAnchorSelect:null==me?void 0:me.anchorSelect,activeAnchor:G,disableTooltip:q,onActiveAnchorRemoved:Oe,trackAnchors:xe});(({activeAnchor:e,anchorElements:o,anchorSelector:r,clickable:l,closeEvents:c,delayHide:i,delayShow:s,disableTooltip:u,float:d,globalCloseEvents:f,handleHideTooltipDelayed:m,handleShow:h,handleShowTooltipDelayed:y,handleTooltipPosition:b,hoveringTooltip:w,imperativeModeOnly:S,lastFloatPosition:E,openEvents:g,openOnClick:A,rendered:R,setActiveAnchor:T,show:_,tooltipHideDelayTimerRef:k,tooltipRef:C,tooltipShowDelayTimerRef:O,updateTooltipPosition:L})=>{const N=t.useRef(a(e=>{},50)),B=t.useRef(a(()=>{},50)),M=t.useRef(null),z=t.useRef(null),I=t.useRef(null),$=t.useRef(null);e!==I.current&&(I.current=e,M.current=p(e));const j=C.current;j!==$.current&&($.current=j,z.current=p(j));const D=A||(null==g?void 0:g.click)||(null==g?void 0:g.dblclick)||(null==g?void 0:g.mousedown),H=t.useMemo(()=>{const e=g?{...g}:{mouseenter:!0,focus:!0,click:!1,dblclick:!1,mousedown:!1};return!g&&A&&Object.assign(e,{mouseenter:!1,focus:!1,click:!0}),S&&Object.assign(e,{mouseenter:!1,focus:!1,click:!1,dblclick:!1,mousedown:!1}),e},[g,A,S]),P=t.useMemo(()=>{const e=c?{...c}:{mouseleave:!0,blur:!0,click:!1,dblclick:!1,mouseup:!1};return!c&&A&&Object.assign(e,{mouseleave:!1,blur:!1}),S&&Object.assign(e,{mouseleave:!1,blur:!1,click:!1,dblclick:!1,mouseup:!1}),e},[c,A,S]),q=t.useMemo(()=>{const e=f?{...f}:{escape:!1,scroll:!1,resize:!1,clickOutsideAnchor:D||!1};return S&&Object.assign(e,{escape:!1,scroll:!1,resize:!1,clickOutsideAnchor:!1}),e},[f,D,S]),F=t.useRef(e);F.current=e;const W=t.useRef(_);W.current=_;const V=t.useRef(o);V.current=o;const K=t.useRef(h);K.current=h;const Y=t.useRef(b);Y.current=b;const X=t.useRef(L);X.current=L;const G=t.useRef(()=>null),U=t.useRef(()=>{}),Z=t.useRef(()=>{}),J=r?function(e){const t=e.match(/^\[data-tooltip-id=(['"])((?:\\.|(?!\1).)*)\1\]$/);return t?t[2].replace(/\\(['"])/g,"$1"):null}(r):null;G.current=e=>{var t,o;const n=e;if(!(null==n?void 0:n.isConnected))return null;if(J){const e=function(e,t){let o=e;for(;o;){if(o.dataset.tooltipId===t)return o;o=o.parentElement}return null}(n,J);if(e&&!(null==u?void 0:u(e)))return e}else if(r)try{const e=null!==(t=n.matches(r)?n:n.closest(r))&&void 0!==t?t:null;if(e&&!(null==u?void 0:u(e)))return e}catch(e){return null}return null!==(o=V.current.find(e=>e===n||e.contains(n)))&&void 0!==o?o:null},U.current=e=>{e&&(e.isConnected?(null==u?void 0:u(e))||(s&&F.current&&e!==F.current?(O.current&&clearTimeout(O.current),O.current=setTimeout(()=>{T(e),h(!0)},s)):(T(e),s?y():h(!0)),k.current&&clearTimeout(k.current)):T(null))},Z.current=()=>{l?m(i||100):i?m():h(!1),O.current&&clearTimeout(O.current)};const Q=N.current,ee=B.current;Q.setCallback(e=>U.current(e)),ee.setCallback(()=>Z.current()),t.useEffect(()=>{const e=[],t=(t,o,r)=>{e.push(x(t,o,r))},o=e=>{var t;return Boolean((null==e?void 0:e.target)&&(null===(t=F.current)||void 0===t?void 0:t.contains(e.target)))},r=e=>{ee.cancel(),Q(e)},n=()=>{Q.cancel(),ee()},c=()=>{t("mouseover",e=>{const t=G.current(e.target);t&&G.current(e.relatedTarget)!==t&&r(t)})},i=()=>{t("mouseout",e=>{const t=G.current(e.target);if(!t&&!o(e))return;const r=e.relatedTarget,l=t||F.current;(null==l?void 0:l.contains(r))||n()})};H.mouseenter&&c(),P.mouseleave&&i(),H.mouseover&&c(),P.mouseout&&i(),H.focus&&t("focusin",e=>{r(G.current(e.target))}),P.blur&&t("focusout",e=>{const t=G.current(e.target);if(!t&&!o(e))return;const r=e.relatedTarget,l=t||F.current;(null==l?void 0:l.contains(r))||n()});const s=["mouseover","mouseout","mouseenter","mouseleave","focus","blur"],u=["click","dblclick","mousedown","mouseup"],a=e=>{var t;const o=G.current(null!==(t=null==e?void 0:e.target)&&void 0!==t?t:null);o&&(W.current&&F.current===o||U.current(o))},p=e=>{W.current&&o(e)&&Z.current()};Object.entries(H).forEach(([e,o])=>{o&&!s.includes(e)&&u.includes(e)&&t(e,a,{capture:!0})}),Object.entries(P).forEach(([e,o])=>{o&&!s.includes(e)&&u.includes(e)&&t(e,p,{capture:!0})}),d&&t("pointermove",e=>{const t=F.current;if(!t)return;if(G.current(e.target)!==t)return;const o=e,r={x:o.clientX,y:o.clientY};Y.current(r),E.current=r});const f=C.current,v=()=>{w.current=!0},m=()=>{w.current=!1,Z.current()},h=l&&(P.mouseout||P.mouseleave);return h&&(null==f||f.addEventListener("mouseover",v),null==f||f.addEventListener("mouseout",m)),()=>{e.forEach(e=>e()),h&&(null==f||f.removeEventListener("mouseover",v),null==f||f.removeEventListener("mouseout",m)),Q.cancel(),ee.cancel()}},[H,P,d,l,R]),t.useEffect(()=>{const t=()=>{K.current(!1)},o=z.current,r=M.current;q.scroll&&(window.addEventListener("scroll",t),null==r||r.addEventListener("scroll",t),null==o||o.addEventListener("scroll",t));let l=null;q.resize?window.addEventListener("resize",t):e&&C.current&&(l=n.autoUpdate(e,C.current,()=>X.current(),{ancestorResize:!0,elementResize:!0,layoutShift:!0}));const c=e=>{"Escape"===e.key&&K.current(!1)};q.escape&&window.addEventListener("keydown",c);const i=e=>{var t,o;if(!W.current)return;const r=e.target;(null==r?void 0:r.isConnected)&&((null===(t=C.current)||void 0===t?void 0:t.contains(r))||(null===(o=F.current)||void 0===o?void 0:o.contains(r))||V.current.some(e=>null==e?void 0:e.contains(r))||(K.current(!1),v(O)))};return q.clickOutsideAnchor&&window.addEventListener("click",i),()=>{q.scroll&&(window.removeEventListener("scroll",t),null==r||r.removeEventListener("scroll",t),null==o||o.removeEventListener("scroll",t)),q.resize&&window.removeEventListener("resize",t),l&&l(),q.escape&&window.removeEventListener("keydown",c),q.clickOutsideAnchor&&window.removeEventListener("click",i)}},[q,e])})({activeAnchor:G,anchorElements:Le,anchorSelector:Ne,clickable:B,closeEvents:z,delayHide:T,delayShow:R,disableTooltip:q,float:C,globalCloseEvents:I,handleHideTooltipDelayed:_e,handleShow:ge,handleShowTooltipDelayed:Te,handleTooltipPosition:ke,hoveringTooltip:we,imperativeModeOnly:$,lastFloatPosition:be,openEvents:M,openOnClick:S,rendered:fe,setActiveAnchor:U,show:de,tooltipHideDelayTimerRef:ce,tooltipRef:re,tooltipShowDelayTimerRef:le,updateTooltipPosition:Ce});const Be=t.useRef(Ce);Be.current=Ce,t.useEffect(()=>{fe&&Ce()},[fe,Ce]),t.useEffect(()=>{if(!fe||!(null==W?void 0:W.current))return()=>null;let e=null;const t=new ResizeObserver(()=>{e&&clearTimeout(e),e=setTimeout(()=>{Se.current&&Be.current(),e=null},0)});return t.observe(W.current),()=>{t.disconnect(),e&&clearTimeout(e)}},[F,W,fe]),t.useEffect(()=>{var e;if(!(K||Boolean(V)))return;const t=(()=>{if(!G||!(null==me?void 0:me.anchorSelect))return!1;try{return G.matches(me.anchorSelect)}catch(e){return!1}})();if(!G||!Le.includes(G)){if(t)return;U(null!==(e=Le[0])&&void 0!==e?e:null)}},[G,Le,K,null==me?void 0:me.anchorSelect,V,fe,U]),t.useEffect(()=>(K&&ge(!0),()=>{v(le),v(ce),v(ie),v(se)}),[K,ge]),t.useEffect(()=>{le.current&&(v(le),Te(R))},[R,Te]);const Me=null!==(oe=null==me?void 0:me.content)&&void 0!==oe?oe:F,ze=null!=Me,Ie=de&&void 0!==ue.tooltipStyles.left,$e=t.useMemo(()=>({...j,...ue.tooltipStyles,opacity:void 0!==J&&Ie?J:void 0}),[j,ue.tooltipStyles,J,Ie]),je=t.useMemo(()=>Q?`linear-gradient(to right bottom, transparent 50%, ${Q} 50%)`:void 0,[Q]),De=t.useMemo(()=>({...ue.tooltipArrowStyles,background:je,"--rt-arrow-size":`${ee}px`}),[ue.tooltipArrowStyles,je,ee]);t.useImperativeHandle(e,()=>({open:e=>{let t=null;if(null==e?void 0:e.anchorSelect){try{t=document.querySelector(e.anchorSelect)}catch(e){return}if(!t)return}t&&U(t),he(null!=e?e:null),(null==e?void 0:e.delay)?Te(e.delay):ge(!0)},close:e=>{(null==e?void 0:e.delay)?_e(e.delay):ge(!1)},activeAnchor:G,place:ue.place,isOpen:Boolean(fe&&!O&&ze&&Ie)})),t.useEffect(()=>()=>{v(le),v(ce),v(ie),v(se)},[]);const He=fe&&!O&&ze?t.createElement(A,{id:l,role:te,className:o("react-tooltip",m.tooltip,h.tooltip,h[s],c,`react-tooltip__place-${ue.place}`,m[Ie?"show":"closing"],Ie?"react-tooltip__show":"react-tooltip__closing","fixed"===E&&m.fixed,B&&m.clickable),onTransitionEnd:e=>{v(se),de||"opacity"!==e.propertyName||(ve(!1),he(null),null==P||P())},style:$e,ref:re},t.createElement(A,{className:o("react-tooltip-content-wrapper",m.content,h.content)},Me),t.createElement(A,{className:o("react-tooltip-arrow",m.arrow,h.arrow,i,N&&m.noArrow),style:De,ref:ne})):null;return He?d?r.createPortal(He,d):He:null});const B=new Map;let M=null;const z={attributes:!0,childList:!1,subtree:!1};function I(e,t){const o=(M||(M=new MutationObserver(e=>{var t;for(const o of e){if("attributes"!==o.type||!(null===(t=o.attributeName)||void 0===t?void 0:t.startsWith("data-tooltip-")))continue;const e=o.target,r=B.get(e);r&&r.forEach(t=>t(e))}})),M);let r=B.get(e);return r||(r=new Set,B.set(e,r),o.observe(e,z)),r.add(t),()=>{const r=B.get(e);r&&(r.delete(t),0===r.size&&(B.delete(e),0===B.size?o.disconnect():(o.disconnect(),B.forEach((e,t)=>{o.observe(t,z)}))))}}const $=t.forwardRef(({id:e,anchorSelect:r,content:n,render:l,className:c,classNameArrow:i,variant:s="dark",portalRoot:u,place:a="top",offset:d=10,wrapper:p="div",children:f=null,openOnClick:v=!1,positionStrategy:m="absolute",middlewares:h,delayShow:y=0,delayHide:b=0,autoClose:w,float:S=!1,hidden:E=!1,noArrow:g=!1,clickable:A=!1,openEvents:R,closeEvents:T,globalCloseEvents:_,imperativeModeOnly:k=!1,style:C,position:O,isOpen:x,defaultIsOpen:L=!1,disableStyleInjection:B=!1,border:M,opacity:z,arrowColor:$,arrowSize:j,setIsOpen:D,afterShow:H,afterHide:P,disableTooltip:q,role:F="tooltip"},W)=>{var V,K,Y,X,G,U,Z,J;const[Q,ee]=t.useState(null),[te,oe]=t.useState({}),re=t.useRef(null),ne=t.useRef(B),le=t.useCallback(e=>{ee(t=>((null==e?void 0:e.isSameNode(t))||(re.current=t),e))},[]),ce=e=>{const t=null==e?void 0:e.getAttributeNames().reduce((t,o)=>{var r;if(o.startsWith("data-tooltip-")){t[o.replace(/^data-tooltip-/,"")]=null!==(r=null==e?void 0:e.getAttribute(o))&&void 0!==r?r:null}return t},{});return t};t.useEffect(()=>{ne.current},[B]),t.useEffect(()=>{"undefined"!=typeof window&&window.dispatchEvent(new CustomEvent("react-tooltip-inject-styles",{detail:{disableCore:"core"===B,disableBase:B}}))},[]),t.useEffect(()=>{if(!Q)return oe({}),()=>{};const e=e=>{const t=ce(e);oe(e=>{const o=Object.keys(t),r=Object.keys(e);return o.length===r.length&&o.every(o=>t[o]===e[o])?e:t})};e(Q);return I(Q,e)},[Q,r]),t.useEffect(()=>{},[M,z,null==C?void 0:C.border,null==C?void 0:C.opacity]);const ie=Q?ce(Q):te,se=null!==(V=ie.content)&&void 0!==V?V:n,ue=null!==(K=ie.place)&&void 0!==K?K:a,ae=null!==(Y=ie.variant)&&void 0!==Y?Y:s,de=null==ie.offset?d:Number(ie.offset),pe=null!==(X=ie.wrapper)&&void 0!==X?X:p,fe=null!==(G=ie["position-strategy"])&&void 0!==G?G:m,ve=null==ie["delay-show"]?y:Number(ie["delay-show"]),me=null==ie["delay-hide"]?b:Number(ie["delay-hide"]),he=null==ie["auto-close"]?w:Number(ie["auto-close"]),ye=null==ie.float?S:"true"===ie.float,be=null==ie.hidden?E:"true"===ie.hidden,we=null!==(U=ie["class-name"])&&void 0!==U?U:null;let Se=f;const Ee=t.useRef(null);if(l){const e=l({content:null!==(J=null!==(Z=ie.content)&&void 0!==Z?Z:se)&&void 0!==J?J:null,activeAnchor:Q});Se=e?t.createElement("div",{ref:Ee,className:"react-tooltip-content-wrapper"},e):null}else null!=se&&(Se=se);const ge={forwardRef:W,id:e,anchorSelect:r,className:o(c,we),classNameArrow:i,content:Se,contentWrapperRef:Ee,portalRoot:u,place:ue,variant:ae,offset:de,wrapper:pe,openOnClick:v,positionStrategy:fe,middlewares:h,delayShow:ve,delayHide:me,autoClose:he,float:ye,hidden:be,noArrow:g,clickable:A,openEvents:R,closeEvents:T,globalCloseEvents:_,imperativeModeOnly:k,style:C,position:O,isOpen:x,defaultIsOpen:L,border:M,opacity:z,arrowColor:$,arrowSize:j,setIsOpen:D,afterShow:H,afterHide:P,disableTooltip:q,activeAnchor:Q,previousActiveAnchor:re.current,setActiveAnchor:le,role:F};return t.createElement(N,{...ge})});var j=t.memo($);"undefined"!=typeof window&&window.addEventListener("react-tooltip-inject-styles",e=>{e.detail.disableCore||c({css:`:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{position:absolute;top:0;left:0;pointer-events:none;opacity:0}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{position:absolute;background:inherit;z-index:-1;-webkit-backface-visibility:hidden;backface-visibility:hidden}.core-styles-module_content__BRKdB{position:relative;z-index:1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay)ease-out;will-change:opacity}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay)ease-in;will-change:opacity}`,type:"core"}),e.detail.disableBase||c({css:`
8
- .styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;width:max-content}.styles-module_content__ydYdI{background:inherit;border-radius:inherit;padding:8px 16px}.styles-module_arrow__K0L3T{width:var(--rt-arrow-size);height:var(--rt-arrow-size)}[class*='react-tooltip__place-top']>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*='react-tooltip__place-right']>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*='react-tooltip__place-bottom']>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*='react-tooltip__place-left']>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}`,type:"base"})}),e.Tooltip=j});
7
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("clsx"),require("react-dom"),require("@floating-ui/dom")):"function"==typeof define&&define.amd?define(["exports","react","clsx","react-dom","@floating-ui/dom"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ReactTooltip={},e.React,e.clsx,e.ReactDOM,e.FloatingUIDOM)}(this,function(e,t,o,r,n){"use strict";const l={core:!1,base:!1};function c({css:e,id:t="react-tooltip-base-styles",type:o="base",ref:r,state:n={}}){if(!e||"undefined"==typeof document||(void 0!==n[o]?n[o]:l[o]))return;if("core"===o&&"undefined"!=typeof process&&process.env&&process.env.REACT_TOOLTIP_DISABLE_CORE_STYLES)return;if("base"===o&&"undefined"!=typeof process&&process.env&&process.env.REACT_TOOLTIP_DISABLE_BASE_STYLES)return;"core"===o&&(t="react-tooltip-core-styles"),r||(r={});const{insertAt:c}=r;if(document.getElementById(t))return;const i=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.id=t,s.type="text/css","top"===c&&i.firstChild?i.insertBefore(s,i.firstChild):i.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e)),void 0!==n[o]?n[o]=!0:l[o]=!0}const i=n.flip({fallbackAxisSideDirection:"start"}),s=n.shift({padding:5}),u=async({elementReference:e=null,tooltipReference:t=null,tooltipArrowReference:o=null,place:r="top",offset:l=10,strategy:c="absolute",middlewares:u=[n.offset(Number(l)),i,s],border:a,arrowSize:d=8})=>{if(!e)return{tooltipStyles:{},tooltipArrowStyles:{},place:r};if(null===t)return{tooltipStyles:{},tooltipArrowStyles:{},place:r};const p=[...u];return o?(p.push(n.arrow({element:o,padding:5})),n.computePosition(e,t,{placement:r,strategy:c,middleware:p}).then(({x:e,y:t,placement:o,middlewareData:r})=>{var n,l;const c={left:`${e}px`,top:`${t}px`,border:a},{x:i,y:s}=null!==(n=r.arrow)&&void 0!==n?n:{x:0,y:0},u=null!==(l={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]])&&void 0!==l?l:"bottom",p=a&&{borderBottom:a,borderRight:a};let f=0;if(a){const e=`${a}`.match(/(\d+)px/);f=(null==e?void 0:e[1])?Number(e[1]):1}return{tooltipStyles:c,tooltipArrowStyles:{left:null!=i?`${i}px`:"",top:null!=s?`${s}px`:"",right:"",bottom:"",...p,[u]:`-${d/2+f-1}px`},place:o}})):n.computePosition(e,t,{placement:"bottom",strategy:c,middleware:p}).then(({x:e,y:t,placement:o})=>({tooltipStyles:{left:`${e}px`,top:`${t}px`},tooltipArrowStyles:{},place:o}))},a=(e,t,o)=>{let r=null,n=e;const l=function(...e){const o=()=>{r=null};r||(n.apply(this,e),r=setTimeout(o,t))};return l.cancel=()=>{r&&(clearTimeout(r),r=null)},l.setCallback=e=>{n=e},l},d=e=>{if(!(e instanceof HTMLElement||e instanceof SVGElement))return!1;const t=getComputedStyle(e);return["overflow","overflow-x","overflow-y"].some(e=>{const o=t.getPropertyValue(e);return"auto"===o||"scroll"===o})},p=e=>{if(!e)return null;let t=e.parentElement;for(;t;){if(d(t))return t;t=t.parentElement}return document.scrollingElement||document.documentElement},f="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?t.useLayoutEffect:t.useEffect,m=e=>{e.current&&(clearTimeout(e.current),e.current=null)};var v={tooltip:"core-styles-module_tooltip__3vRRp",fixed:"core-styles-module_fixed__pcSol",arrow:"core-styles-module_arrow__cvMwQ",content:"core-styles-module_content__BRKdB",noArrow:"core-styles-module_noArrow__xock6",clickable:"core-styles-module_clickable__ZuTTB",show:"core-styles-module_show__Nt9eE",closing:"core-styles-module_closing__sGnxF"},h={tooltip:"styles-module_tooltip__mnnfp",content:"styles-module_content__ydYdI",arrow:"styles-module_arrow__K0L3T",dark:"styles-module_dark__xNqje",light:"styles-module_light__Z6W-X",success:"styles-module_success__A2AKt",warning:"styles-module_warning__SCK0X",error:"styles-module_error__JvumD",info:"styles-module_info__BWdHW"};const y=new Map;let b=null;function w(e){const t=e.match(/^\[data-tooltip-id=(['"])((?:\\.|(?!\1).)*)\1\]$/);return t?t[2].replace(/\\(['"])/g,"$1"):null}function S(e){try{return{anchors:Array.from(document.querySelectorAll(e)),error:null}}catch(e){return{anchors:[],error:e instanceof Error?e:new Error(String(e))}}}function E(e,t){var o,r,n,l;const c=S(e),i=null!==(r=null===(o=c.error)||void 0===o?void 0:o.message)&&void 0!==r?r:null,s=null!==(l=null===(n=t.error)||void 0===n?void 0:n.message)&&void 0!==l?l:null;if(u=t.anchors,a=c.anchors,u.length===a.length&&u.every((e,t)=>e===a[t])&&i===s)return;var u,a;const d={...t,anchors:c.anchors,error:c.error};y.set(e,d),function(e){e.subscribers.forEach(t=>t(e.anchors,e.error))}(d)}let g=!1,A=null,R=!1;function T(e){if(e?(A||(A=new Set),e.forEach(e=>A.add(e))):R=!0,g)return;g=!0;const t=()=>{g=!1;const e=R,t=A;var o;R=!1,A=null,e?y.forEach((e,t)=>{E(t,e)}):t&&t.size>0&&(o=t,y.forEach((e,t)=>{(null===e.tooltipId||o.has(e.tooltipId))&&E(t,e)}))};"function"==typeof requestAnimationFrame?requestAnimationFrame(t):Promise.resolve().then(t)}function _(){b||"undefined"==typeof MutationObserver||(b=new MutationObserver(e=>{const t=function(e){var t;if(y.size<=4)return null;const o=new Set;for(const r of e){if("attributes"===r.type){const e=r.target,n=null===(t=e.getAttribute)||void 0===t?void 0:t.call(e,"data-tooltip-id");n&&o.add(n),r.oldValue&&o.add(r.oldValue);continue}if("childList"===r.type){const e=e=>{var t,r;for(let n=0;n<e.length;n++){const l=e[n];if(l.nodeType!==Node.ELEMENT_NODE)continue;const c=l,i=null===(t=c.getAttribute)||void 0===t?void 0:t.call(c,"data-tooltip-id");i&&o.add(i);const s=null===(r=c.querySelectorAll)||void 0===r?void 0:r.call(c,"[data-tooltip-id]");if(s){if(s.length>50)return!0;for(let e=0;e<s.length;e++){const t=s[e].getAttribute("data-tooltip-id");t&&o.add(t)}}}return!1};if(e(r.addedNodes)||e(r.removedNodes))return null;continue}}return o}(e);T(t)}),b.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-tooltip-id"],attributeOldValue:!0}))}function k(e,t){let o=y.get(e);if(!o){const t=S(e);o={anchors:t.anchors,error:t.error,subscribers:new Set,tooltipId:w(e)},y.set(e,o)}return o.subscribers.add(t),_(),t([...o.anchors],o.error),()=>{const o=y.get(e);o&&(o.subscribers.delete(t),0===o.subscribers.size&&y.delete(e),0===y.size&&b&&(b.disconnect(),b=null))}}const C=new Map;function O(e,t){return`${e}:${t?"capture":"bubble"}`}function x(e,t,o={}){const r=Boolean(o.capture),n=O(e,r),l=function(e,t){const o=O(e,t);let r=C.get(o);if(!r){const n=new Set,l=e=>{n.forEach(t=>{t(e)})};r={handlers:n,dispatch:l,eventType:e,capture:t},C.set(o,r),document.addEventListener(e,l,{capture:t})}return r}(e,r);return l.handlers.add(t),()=>{l.handlers.delete(t),0===l.handlers.size&&(C.delete(n),document.removeEventListener(e,l.dispatch,{capture:r}))}}const L=({activeAnchor:e,anchorElements:o,anchorSelector:r,clickable:l,closeEvents:c,delayHide:i,delayShow:s,disableTooltip:u,float:d,globalCloseEvents:f,handleHideTooltipDelayed:v,handleShow:h,handleShowTooltipDelayed:y,handleTooltipPosition:b,hoveringTooltip:w,imperativeModeOnly:S,lastFloatPosition:E,openEvents:g,openOnClick:A,rendered:R,setActiveAnchor:T,show:_,tooltipHideDelayTimerRef:k,tooltipRef:C,tooltipShowDelayTimerRef:O,updateTooltipPosition:L})=>{const N=t.useRef(a(e=>{},50)),M=t.useRef(a(()=>{},50)),B=t.useRef(null),z=t.useRef(null),I=t.useRef(null),$=t.useRef(null);e!==I.current&&(I.current=e,B.current=p(e));const j=C.current;j!==$.current&&($.current=j,z.current=p(j));const D=A||(null==g?void 0:g.click)||(null==g?void 0:g.dblclick)||(null==g?void 0:g.mousedown),H=t.useMemo(()=>{const e=g?{...g}:{mouseenter:!0,focus:!0,click:!1,dblclick:!1,mousedown:!1};return!g&&A&&Object.assign(e,{mouseenter:!1,focus:!1,click:!0}),S&&Object.assign(e,{mouseenter:!1,focus:!1,click:!1,dblclick:!1,mousedown:!1}),e},[g,A,S]),P=t.useMemo(()=>{const e=c?{...c}:{mouseleave:!0,blur:!0,click:!1,dblclick:!1,mouseup:!1};return!c&&A&&Object.assign(e,{mouseleave:!1,blur:!1}),S&&Object.assign(e,{mouseleave:!1,blur:!1,click:!1,dblclick:!1,mouseup:!1}),e},[c,A,S]),q=t.useMemo(()=>{const e=f?{...f}:{escape:!1,scroll:!1,resize:!1,clickOutsideAnchor:D||!1};return S&&Object.assign(e,{escape:!1,scroll:!1,resize:!1,clickOutsideAnchor:!1}),e},[f,D,S]),F=t.useRef(e);F.current=e;const W=t.useRef(_);W.current=_;const V=t.useRef(o);V.current=o;const K=t.useRef(h);K.current=h;const Y=t.useRef(b);Y.current=b;const X=t.useRef(L);X.current=L;const G=t.useRef(()=>null),U=t.useRef(()=>{}),Z=t.useRef(()=>{}),J=r?function(e){const t=e.match(/^\[data-tooltip-id=(['"])((?:\\.|(?!\1).)*)\1\]$/);return t?t[2].replace(/\\(['"])/g,"$1"):null}(r):null;G.current=e=>{var t,o;if(!(e instanceof Element&&e.isConnected))return null;const n=e;if(J){const e=function(e,t){let o=e;for(;o;){if(o instanceof HTMLElement&&o.dataset.tooltipId===t)return o;o=o.parentElement}return null}(n,J);if(e&&!(null==u?void 0:u(e)))return e}else if(r)try{const e=null!==(t=n.matches(r)?n:n.closest(r))&&void 0!==t?t:null;if(e&&!(null==u?void 0:u(e)))return e}catch(e){return null}return null!==(o=V.current.find(e=>e===n||e.contains(n)))&&void 0!==o?o:null},U.current=e=>{e&&(e.isConnected?(null==u?void 0:u(e))||(s&&F.current&&e!==F.current?(O.current&&clearTimeout(O.current),O.current=setTimeout(()=>{T(e),h(!0)},s)):(T(e),s?y():h(!0)),k.current&&clearTimeout(k.current)):T(null))},Z.current=()=>{l?v(i||100):i?v():h(!1),O.current&&clearTimeout(O.current)};const Q=N.current,ee=M.current;Q.setCallback(e=>U.current(e)),ee.setCallback(()=>Z.current()),t.useEffect(()=>{const e=[],t=(t,o,r)=>{e.push(x(t,o,r))},o=e=>{var t;return Boolean((null==e?void 0:e.target)&&(null===(t=F.current)||void 0===t?void 0:t.contains(e.target)))},r=e=>{ee.cancel(),Q(e)},n=()=>{Q.cancel(),ee()},c=()=>{t("mouseover",e=>{const t=G.current(e.target);if(!t)return;G.current(e.relatedTarget)!==t&&r(t)})},i=()=>{t("mouseout",e=>{const t=G.current(e.target);if(!t&&!o(e))return;const r=e.relatedTarget,l=t||F.current;(null==l?void 0:l.contains(r))||n()})};H.mouseenter&&c(),P.mouseleave&&i(),H.mouseover&&c(),P.mouseout&&i(),H.focus&&t("focusin",e=>{r(G.current(e.target))}),P.blur&&t("focusout",e=>{const t=G.current(e.target);if(!t&&!o(e))return;const r=e.relatedTarget,l=t||F.current;(null==l?void 0:l.contains(r))||n()});const s=["mouseover","mouseout","mouseenter","mouseleave","focus","blur"],u=["click","dblclick","mousedown","mouseup"],a=e=>{var t;const o=G.current(null!==(t=null==e?void 0:e.target)&&void 0!==t?t:null);o&&(W.current&&F.current===o||U.current(o))},p=e=>{W.current&&o(e)&&Z.current()};Object.entries(H).forEach(([e,o])=>{o&&!s.includes(e)&&u.includes(e)&&t(e,a,{capture:!0})}),Object.entries(P).forEach(([e,o])=>{o&&!s.includes(e)&&u.includes(e)&&t(e,p,{capture:!0})}),d&&t("pointermove",e=>{const t=F.current;if(!t)return;if(G.current(e.target)!==t)return;const o=e,r={x:o.clientX,y:o.clientY};Y.current(r),E.current=r});const f=C.current,m=()=>{w.current=!0},v=()=>{w.current=!1,Z.current()},h=l&&(P.mouseout||P.mouseleave);return h&&(null==f||f.addEventListener("mouseover",m),null==f||f.addEventListener("mouseout",v)),()=>{e.forEach(e=>e()),h&&(null==f||f.removeEventListener("mouseover",m),null==f||f.removeEventListener("mouseout",v)),Q.cancel(),ee.cancel()}},[H,P,d,l,R]),t.useEffect(()=>{const t=()=>{K.current(!1)},o=z.current,r=B.current;q.scroll&&(window.addEventListener("scroll",t),null==r||r.addEventListener("scroll",t),null==o||o.addEventListener("scroll",t));let l=null;q.resize?window.addEventListener("resize",t):e&&C.current&&(l=n.autoUpdate(e,C.current,()=>X.current(),{ancestorResize:!0,elementResize:!0,layoutShift:!0}));const c=e=>{"Escape"===e.key&&K.current(!1)};q.escape&&window.addEventListener("keydown",c);const i=e=>{var t,o;if(!W.current)return;const r=e.target;(null==r?void 0:r.isConnected)&&((null===(t=C.current)||void 0===t?void 0:t.contains(r))||(null===(o=F.current)||void 0===o?void 0:o.contains(r))||V.current.some(e=>null==e?void 0:e.contains(r))||(K.current(!1),m(O)))};return q.clickOutsideAnchor&&window.addEventListener("click",i),()=>{q.scroll&&(window.removeEventListener("scroll",t),null==r||r.removeEventListener("scroll",t),null==o||o.removeEventListener("scroll",t)),q.resize&&window.removeEventListener("resize",t),l&&l(),q.escape&&window.removeEventListener("keydown",c),q.clickOutsideAnchor&&window.removeEventListener("click",i)}},[q,e])};let N=null;var M=t.memo(({forwardRef:e,id:n,className:l,classNameArrow:c,variant:i="dark",portalRoot:s,anchorSelect:a,place:d="top",offset:p=10,openOnClick:y=!1,positionStrategy:b="absolute",middlewares:w,wrapper:S,delayShow:E=0,delayHide:g=0,autoClose:A,float:R=!1,hidden:T=!1,noArrow:_=!1,clickable:C=!1,openEvents:O,closeEvents:x,globalCloseEvents:M,imperativeModeOnly:B,style:z,position:I,afterShow:$,afterHide:j,disableTooltip:D,content:H,contentWrapperRef:P,isOpen:q,defaultIsOpen:F=!1,setIsOpen:W,previousActiveAnchor:V,activeAnchor:K,setActiveAnchor:Y,border:X,opacity:G,arrowColor:U,arrowSize:Z=8,role:J="tooltip"})=>{var Q;const ee=t.useRef(null),te=t.useRef(null),oe=t.useRef(null),re=t.useRef(null),ne=t.useRef(null),le=t.useRef(null),[ce,ie]=t.useState({tooltipStyles:{},tooltipArrowStyles:{},place:d}),[se,ue]=t.useState(!1),[ae,de]=t.useState(!1),[pe,fe]=t.useState(null),me=t.useRef(!1),ve=t.useRef(null),he=t.useRef(!1),ye=t.useRef(!1),be=t.useRef({getBoundingClientRect:()=>({x:0,y:0,width:0,height:0,top:0,left:0,right:0,bottom:0})});f(()=>(ye.current=!0,()=>{ye.current=!1}),[]);const we=t.useCallback(e=>{ye.current&&(e&&de(!0),setTimeout(()=>{ye.current&&(null==W||W(e),void 0===q&&ue(e))},10))},[q,W]);t.useEffect(()=>{if(n){if(se){t(V);const o=e(K),r=[...new Set([...o,n])].filter(Boolean).join(" ");null==K||K.setAttribute("aria-describedby",r)}else t(K);return()=>{t(K),t(V)}}function e(e){var t;return(null===(t=null==e?void 0:e.getAttribute("aria-describedby"))||void 0===t?void 0:t.split(" "))||[]}function t(t){const o=e(t).filter(e=>e!==n);o.length?null==t||t.setAttribute("aria-describedby",o.join(" ")):null==t||t.removeAttribute("aria-describedby")}},[K,se,n,V]),t.useEffect(()=>{if(void 0===q)return()=>null;q&&de(!0);const e=setTimeout(()=>{ue(q)},10);return()=>{clearTimeout(e)}},[q]),t.useEffect(()=>{if(se!==me.current)if(m(le),me.current=se,se)null==$||$();else{if(null===N){const e=getComputedStyle(document.body);N=(e=>{const t=e.match(/^([\d.]+)(m?s)$/);if(!t)return 0;const[,o,r]=t;return Number(o)*("ms"===r?1:1e3)})(e.getPropertyValue("--rt-transition-show-delay"))}const e=N;le.current=setTimeout(()=>{de(!1),fe(null),null==j||j()},e+25)}},[j,$,se]),t.useEffect(()=>(m(ne),!se||!A||A<=0||(ne.current=setTimeout(()=>{we(!1)},A)),()=>{m(ne)}),[K,A,we,se]);const Se=t.useCallback(e=>{ye.current&&ie(t=>t.place===e.place&&t.tooltipStyles.left===e.tooltipStyles.left&&t.tooltipStyles.top===e.tooltipStyles.top&&t.tooltipStyles.border===e.tooltipStyles.border&&t.tooltipArrowStyles.left===e.tooltipArrowStyles.left&&t.tooltipArrowStyles.top===e.tooltipArrowStyles.top&&t.tooltipArrowStyles.right===e.tooltipArrowStyles.right&&t.tooltipArrowStyles.bottom===e.tooltipArrowStyles.bottom&&t.tooltipArrowStyles.borderBottom===e.tooltipArrowStyles.borderBottom&&t.tooltipArrowStyles.borderRight===e.tooltipArrowStyles.borderRight?t:e)},[]),Ee=t.useRef(ae);Ee.current=ae;const ge=t.useCallback((e=E)=>{oe.current&&clearTimeout(oe.current),Ee.current?we(!0):oe.current=setTimeout(()=>{we(!0)},e)},[E,we]),Ae=t.useCallback((e=g)=>{re.current&&clearTimeout(re.current),re.current=setTimeout(()=>{he.current||we(!1)},e)},[g,we]),Re=t.useCallback(({x:e,y:t})=>{var o;be.current.getBoundingClientRect=()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t}),u({place:null!==(o=null==pe?void 0:pe.place)&&void 0!==o?o:d,offset:p,elementReference:be.current,tooltipReference:ee.current,tooltipArrowReference:te.current,strategy:b,middlewares:w,border:X,arrowSize:Z}).then(e=>{Se(e)})},[null==pe?void 0:pe.place,d,p,b,w,X,Z,Se]),Te=t.useCallback(()=>{var e,t;const o=null!==(e=null==pe?void 0:pe.position)&&void 0!==e?e:I;o?Re(o):R?ve.current&&Re(ve.current):(null==K?void 0:K.isConnected)&&u({place:null!==(t=null==pe?void 0:pe.place)&&void 0!==t?t:d,offset:p,elementReference:K,tooltipReference:ee.current,tooltipArrowReference:te.current,strategy:b,middlewares:w,border:X,arrowSize:Z}).then(e=>{ye.current&&Se(e)})},[null==pe?void 0:pe.position,null==pe?void 0:pe.place,I,R,K,d,p,b,w,X,Re,Se,Z]),_e=t.useCallback(()=>{de(!1),we(!1),Y(null),m(oe),m(re),m(ne)},[we,Y]),ke=ae||F||Boolean(q)||Boolean(K)||Boolean(null==pe?void 0:pe.anchorSelect),{anchorElements:Ce,selector:Oe}=(({id:e,anchorSelect:o,imperativeAnchorSelect:r,activeAnchor:n,disableTooltip:l,onActiveAnchorRemoved:c,trackAnchors:i})=>{const[s,u]=t.useState([]),[a,d]=t.useState(null),p=t.useRef(null),f=t.useMemo(()=>(({id:e,anchorSelect:t,imperativeAnchorSelect:o})=>{var r;let n=null!==(r=null!=o?o:t)&&void 0!==r?r:"";return!n&&e&&(n=`[data-tooltip-id='${e.replace(/'/g,"\\'")}']`),n})({id:e,anchorSelect:o,imperativeAnchorSelect:r}),[e,o,r]),m=t.useMemo(()=>s.filter(e=>!(null==l?void 0:l(e))),[s,l]),v=t.useMemo(()=>{if(!n||!f)return!1;try{return n.matches(f)}catch(e){return!1}},[n,f,m]);return t.useEffect(()=>f&&i?k(f,(e,t)=>{u(e),d(t)}):(u([]),void d(null)),[f,i]),t.useEffect(()=>{a&&p.current!==f&&(p.current=f)},[f,a]),t.useEffect(()=>{n&&(n.isConnected&&(m.includes(n)||v)||c())},[n,m,v,c]),{anchorElements:m,selector:f}})({id:n,anchorSelect:a,imperativeAnchorSelect:null==pe?void 0:pe.anchorSelect,activeAnchor:K,disableTooltip:D,onActiveAnchorRemoved:_e,trackAnchors:ke});L({activeAnchor:K,anchorElements:Ce,anchorSelector:Oe,clickable:C,closeEvents:x,delayHide:g,delayShow:E,disableTooltip:D,float:R,globalCloseEvents:M,handleHideTooltipDelayed:Ae,handleShow:we,handleShowTooltipDelayed:ge,handleTooltipPosition:Re,hoveringTooltip:he,imperativeModeOnly:B,lastFloatPosition:ve,openEvents:O,openOnClick:y,rendered:ae,setActiveAnchor:Y,show:se,tooltipHideDelayTimerRef:re,tooltipRef:ee,tooltipShowDelayTimerRef:oe,updateTooltipPosition:Te});const xe=t.useRef(Te);xe.current=Te,t.useEffect(()=>{ae&&Te()},[ae,Te]),t.useEffect(()=>{if(!ae||!(null==P?void 0:P.current))return()=>null;let e=null;const t=new ResizeObserver(()=>{e&&clearTimeout(e),e=setTimeout(()=>{ye.current&&xe.current(),e=null},0)});return t.observe(P.current),()=>{t.disconnect(),e&&clearTimeout(e)}},[H,P,ae]),t.useEffect(()=>{var e;if(!(F||Boolean(q)))return;const t=(()=>{if(!K||!(null==pe?void 0:pe.anchorSelect))return!1;try{return K.matches(pe.anchorSelect)}catch(e){return!1}})();if(!K||!Ce.includes(K)){if(t)return;Y(null!==(e=Ce[0])&&void 0!==e?e:null)}},[K,Ce,F,null==pe?void 0:pe.anchorSelect,q,ae,Y]),t.useEffect(()=>(F&&we(!0),()=>{m(oe),m(re),m(ne),m(le)}),[F,we]),t.useEffect(()=>{oe.current&&(m(oe),ge(E))},[E,ge]);const Le=null!==(Q=null==pe?void 0:pe.content)&&void 0!==Q?Q:H,Ne=null!=Le,Me=se&&void 0!==ce.tooltipStyles.left,Be=t.useMemo(()=>({...z,...ce.tooltipStyles,opacity:void 0!==G&&Me?G:void 0}),[z,ce.tooltipStyles,G,Me]),ze=t.useMemo(()=>U?`linear-gradient(to right bottom, transparent 50%, ${U} 50%)`:void 0,[U]),Ie=t.useMemo(()=>({...ce.tooltipArrowStyles,background:ze,"--rt-arrow-size":`${Z}px`}),[ce.tooltipArrowStyles,ze,Z]);t.useImperativeHandle(e,()=>({open:e=>{let t=null;if(null==e?void 0:e.anchorSelect){try{t=document.querySelector(e.anchorSelect)}catch(e){return}if(!t)return}t&&Y(t),fe(null!=e?e:null),(null==e?void 0:e.delay)?ge(e.delay):we(!0)},close:e=>{(null==e?void 0:e.delay)?Ae(e.delay):we(!1)},activeAnchor:K,place:ce.place,isOpen:Boolean(ae&&!T&&Ne&&Me)})),t.useEffect(()=>()=>{m(oe),m(re),m(ne),m(le)},[]);const $e=ae&&!T&&Ne?t.createElement(S,{id:n,role:J,className:o("react-tooltip",v.tooltip,h.tooltip,h[i],l,`react-tooltip__place-${ce.place}`,v[Me?"show":"closing"],Me?"react-tooltip__show":"react-tooltip__closing","fixed"===b&&v.fixed,C&&v.clickable),onTransitionEnd:e=>{m(le),se||"opacity"!==e.propertyName||(de(!1),fe(null),null==j||j())},style:Be,ref:ee},t.createElement(S,{className:o("react-tooltip-content-wrapper",v.content,h.content)},Le),t.createElement(S,{className:o("react-tooltip-arrow",v.arrow,h.arrow,c,_&&v.noArrow),style:Ie,ref:te})):null;return $e?s?r.createPortal($e,s):$e:null});const B=new Map;let z=null;const I={attributes:!0,childList:!1,subtree:!1};function $(e,t){const o=(z||(z=new MutationObserver(e=>{var t;for(const o of e){if("attributes"!==o.type||!(null===(t=o.attributeName)||void 0===t?void 0:t.startsWith("data-tooltip-")))continue;const e=o.target,r=B.get(e);r&&r.forEach(t=>t(e))}})),z);let r=B.get(e);return r||(r=new Set,B.set(e,r),o.observe(e,I)),r.add(t),()=>{const r=B.get(e);r&&(r.delete(t),0===r.size&&(B.delete(e),0===B.size?o.disconnect():(o.disconnect(),B.forEach((e,t)=>{o.observe(t,I)}))))}}const j=t.forwardRef(({id:e,anchorSelect:r,content:n,render:l,className:c,classNameArrow:i,variant:s="dark",portalRoot:u,place:a="top",offset:d=10,wrapper:p="div",children:f=null,openOnClick:m=!1,positionStrategy:v="absolute",middlewares:h,delayShow:y=0,delayHide:b=0,autoClose:w,float:S=!1,hidden:E=!1,noArrow:g=!1,clickable:A=!1,openEvents:R,closeEvents:T,globalCloseEvents:_,imperativeModeOnly:k=!1,style:C,position:O,isOpen:x,defaultIsOpen:L=!1,disableStyleInjection:N=!1,border:B,opacity:z,arrowColor:I,arrowSize:j,setIsOpen:D,afterShow:H,afterHide:P,disableTooltip:q,role:F="tooltip"},W)=>{var V,K,Y,X,G,U,Z,J;const[Q,ee]=t.useState(null),[te,oe]=t.useState({}),re=t.useRef(null),ne=t.useRef(N),le=t.useCallback(e=>{ee(t=>((null==e?void 0:e.isSameNode(t))||(re.current=t),e))},[]),ce=e=>{const t=null==e?void 0:e.getAttributeNames().reduce((t,o)=>{var r;if(o.startsWith("data-tooltip-")){t[o.replace(/^data-tooltip-/,"")]=null!==(r=null==e?void 0:e.getAttribute(o))&&void 0!==r?r:null}return t},{});return t};t.useEffect(()=>{ne.current},[N]),t.useEffect(()=>{"undefined"!=typeof window&&window.dispatchEvent(new CustomEvent("react-tooltip-inject-styles",{detail:{disableCore:"core"===N,disableBase:N}}))},[]),t.useEffect(()=>{if(!Q)return oe({}),()=>{};const e=e=>{const t=ce(e);oe(e=>{const o=Object.keys(t),r=Object.keys(e);return o.length===r.length&&o.every(o=>t[o]===e[o])?e:t})};e(Q);return $(Q,e)},[Q,r]),t.useEffect(()=>{},[B,z,null==C?void 0:C.border,null==C?void 0:C.opacity]);const ie=Q?ce(Q):te,se=null!==(V=ie.content)&&void 0!==V?V:n,ue=null!==(K=ie.place)&&void 0!==K?K:a,ae=null!==(Y=ie.variant)&&void 0!==Y?Y:s,de=null==ie.offset?d:Number(ie.offset),pe=null!==(X=ie.wrapper)&&void 0!==X?X:p,fe=null!==(G=ie["position-strategy"])&&void 0!==G?G:v,me=null==ie["delay-show"]?y:Number(ie["delay-show"]),ve=null==ie["delay-hide"]?b:Number(ie["delay-hide"]),he=null==ie["auto-close"]?w:Number(ie["auto-close"]),ye=null==ie.float?S:"true"===ie.float,be=null==ie.hidden?E:"true"===ie.hidden,we=null!==(U=ie["class-name"])&&void 0!==U?U:null;let Se=f;const Ee=t.useRef(null);if(l){const e=l({content:null!==(J=null!==(Z=ie.content)&&void 0!==Z?Z:se)&&void 0!==J?J:null,activeAnchor:Q});Se=e?t.createElement("div",{ref:Ee,className:"react-tooltip-content-wrapper"},e):null}else null!=se&&(Se=se);const ge={forwardRef:W,id:e,anchorSelect:r,className:o(c,we),classNameArrow:i,content:Se,contentWrapperRef:Ee,portalRoot:u,place:ue,variant:ae,offset:de,wrapper:pe,openOnClick:m,positionStrategy:fe,middlewares:h,delayShow:me,delayHide:ve,autoClose:he,float:ye,hidden:be,noArrow:g,clickable:A,openEvents:R,closeEvents:T,globalCloseEvents:_,imperativeModeOnly:k,style:C,position:O,isOpen:x,defaultIsOpen:L,border:B,opacity:z,arrowColor:I,arrowSize:j,setIsOpen:D,afterShow:H,afterHide:P,disableTooltip:q,activeAnchor:Q,previousActiveAnchor:re.current,setActiveAnchor:le,role:F};return t.createElement(M,{...ge})});var D=t.memo(j);"undefined"!=typeof window&&window.addEventListener("react-tooltip-inject-styles",e=>{e.detail.disableCore||c({css:`:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{position:absolute;top:0;left:0;pointer-events:none;opacity:0}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{position:absolute;background:inherit;z-index:-1;-webkit-backface-visibility:hidden;backface-visibility:hidden}.core-styles-module_content__BRKdB{position:relative;z-index:1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay)ease-out;will-change:opacity}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay)ease-in;will-change:opacity}`,type:"core"}),e.detail.disableBase||c({css:`
8
+ .styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;width:max-content}.styles-module_content__ydYdI{background:inherit;border-radius:inherit;padding:8px 16px}.styles-module_arrow__K0L3T{width:var(--rt-arrow-size);height:var(--rt-arrow-size)}[class*='react-tooltip__place-top']>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*='react-tooltip__place-right']>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*='react-tooltip__place-bottom']>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*='react-tooltip__place-left']>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}`,type:"base"})}),e.Tooltip=D});
9
9
  //# sourceMappingURL=react-tooltip.umd.min.js.map