react-tooltip 6.0.4 → 6.0.5-beta.1278.rc.0

package/dist/react-tooltip.min.mjs

@@ -4,6 +4,6 @@
 * @copyright ReactTooltip Team
 * @license MIT
 */
-import e,{useLayoutEffect as t,useEffect as o,useState as r,useRef as n,useMemo as l,memo as c,useCallback as i,useImperativeHandle as s}from"react";import u from"clsx";import{createPortal as a}from"react-dom";import{flip as d,shift as p,arrow as v,computePosition as m,offset as f,autoUpdate as h}from"@floating-ui/dom";const y={core:!1,base:!1};function w({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]:y[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:l}=r;if(document.getElementById(t))return;const c=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.id=t,i.type="text/css","top"===l&&c.firstChild?c.insertBefore(i,c.firstChild):c.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e)),void 0!==n[o]?n[o]=!0:y[o]=!0}const b=d({fallbackAxisSideDirection:"start"}),S=p({padding:5}),g=async({elementReference:e=null,tooltipReference:t=null,tooltipArrowReference:o=null,place:r="top",offset:n=10,strategy:l="absolute",middlewares:c=[f(Number(n)),b,S],border:i,arrowSize:s=8})=>{if(!e)return{tooltipStyles:{},tooltipArrowStyles:{},place:r};if(null===t)return{tooltipStyles:{},tooltipArrowStyles:{},place:r};const u=[...c];return o?(u.push(v({element:o,padding:5})),m(e,t,{placement:r,strategy:l,middleware:u}).then(({x:e,y:t,placement:o,middlewareData:r})=>{var n,l;const c={left:`${e}px`,top:`${t}px`,border:i},{x:u,y:a}=null!==(n=r.arrow)&&void 0!==n?n:{x:0,y:0},d=null!==(l={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]])&&void 0!==l?l:"bottom",p=i&&{borderBottom:i,borderRight:i};let v=0;if(i){const e=`${i}`.match(/(\d+)px/);v=(null==e?void 0:e[1])?Number(e[1]):1}return{tooltipStyles:c,tooltipArrowStyles:{left:null!=u?`${u}px`:"",top:null!=a?`${a}px`:"",right:"",bottom:"",...p,[d]:`-${s/2+v-1}px`},place:o}})):m(e,t,{placement:"bottom",strategy:l,middleware:u}).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},E=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})},_=e=>{if(!e)return null;let t=e.parentElement;for(;t;){if(E(t))return t;t=t.parentElement}return document.scrollingElement||document.documentElement},T="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?t:o,k=e=>{e.current&&(clearTimeout(e.current),e.current=null)};var O={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"},C={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 R=new Map;let x=null;function L(e){const t=e.match(/^\[data-tooltip-id=(['"])((?:\\.|(?!\1).)*)\1\]$/);return t?t[2].replace(/\\(['"])/g,"$1"):null}function N(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 B(e,t){var o,r,n,l;const c=N(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};R.set(e,d),function(e){e.subscribers.forEach(t=>t(e.anchors,e.error))}(d)}let z=!1,I=null,$=!1;function j(e){if(e?(I||(I=new Set),e.forEach(e=>I.add(e))):$=!0,z)return;z=!0;const t=()=>{z=!1;const e=$,t=I;var o;$=!1,I=null,e?R.forEach((e,t)=>{B(t,e)}):t&&t.size>0&&(o=t,R.forEach((e,t)=>{(null===e.tooltipId||o.has(e.tooltipId))&&B(t,e)}))};"function"==typeof requestAnimationFrame?requestAnimationFrame(t):Promise.resolve().then(t)}function D(){x||"undefined"==typeof MutationObserver||(x=new MutationObserver(e=>{const t=function(e){var t;if(R.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);j(t)}),x.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-tooltip-id"],attributeOldValue:!0}))}function H(e,t){let o=R.get(e);if(!o){const t=N(e);o={anchors:t.anchors,error:t.error,subscribers:new Set,tooltipId:L(e)},R.set(e,o)}return o.subscribers.add(t),D(),t([...o.anchors],o.error),()=>{const o=R.get(e);o&&(o.subscribers.delete(t),0===o.subscribers.size&&R.delete(e),0===R.size&&x&&(x.disconnect(),x=null))}}const M=new Map;function P(e){const t=M.get(e.type);t&&t.forEach(t=>{t(e)})}function W(e,t){const o=function(e){let t=M.get(e);return t||(t=new Set,M.set(e,t),document.addEventListener(e,P)),t}(e);return o.add(t),()=>{o.delete(t),0===o.size&&(M.delete(e),document.removeEventListener(e,P))}}let q=null;var F=c(({forwardRef:t,id:c,className:d,classNameArrow:p,variant:v="dark",portalRoot:m,anchorSelect:f,place:y="top",offset:w=10,openOnClick:b=!1,positionStrategy:S="absolute",middlewares:E,wrapper:R,delayShow:x=0,delayHide:L=0,autoClose:N,float:B=!1,hidden:z=!1,noArrow:I=!1,clickable:$=!1,openEvents:j,closeEvents:D,globalCloseEvents:M,imperativeModeOnly:P,style:F,position:V,afterShow:K,afterHide:Y,disableTooltip:X,content:G,contentWrapperRef:Z,isOpen:J,defaultIsOpen:Q=!1,setIsOpen:U,previousActiveAnchor:ee,activeAnchor:te,setActiveAnchor:oe,border:re,opacity:ne,arrowColor:le,arrowSize:ce=8,role:ie="tooltip"})=>{var se;const ue=n(null),ae=n(null),de=n(null),pe=n(null),ve=n(null),me=n(null),[fe,he]=r({tooltipStyles:{},tooltipArrowStyles:{},place:y}),[ye,we]=r(!1),[be,Se]=r(!1),[ge,Ae]=r(null),Ee=n(!1),_e=n(null),Te=n(!1),ke=n(!1),Oe=n({getBoundingClientRect:()=>({x:0,y:0,width:0,height:0,top:0,left:0,right:0,bottom:0})});T(()=>(ke.current=!0,()=>{ke.current=!1}),[]);const Ce=i(e=>{ke.current&&(e&&Se(!0),setTimeout(()=>{ke.current&&(null==U||U(e),void 0===J&&we(e))},10))},[J,U]);o(()=>{if(c){if(ye){t(ee);const o=e(te),r=[...new Set([...o,c])].filter(Boolean).join(" ");null==te||te.setAttribute("aria-describedby",r)}else t(te);return()=>{t(te),t(ee)}}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!==c);o.length?null==t||t.setAttribute("aria-describedby",o.join(" ")):null==t||t.removeAttribute("aria-describedby")}},[te,ye,c,ee]),o(()=>{if(void 0===J)return()=>null;J&&Se(!0);const e=setTimeout(()=>{we(J)},10);return()=>{clearTimeout(e)}},[J]),o(()=>{if(ye!==Ee.current)if(k(me),Ee.current=ye,ye)null==K||K();else{if(null===q){const e=getComputedStyle(document.body);q=(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=q;me.current=setTimeout(()=>{Se(!1),Ae(null),null==Y||Y()},e+25)}},[Y,K,ye]),o(()=>(k(ve),!ye||!N||N<=0||(ve.current=setTimeout(()=>{Ce(!1)},N)),()=>{k(ve)}),[te,N,Ce,ye]);const Re=i(e=>{ke.current&&he(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)},[]),xe=n(be);xe.current=be;const Le=i((e=x)=>{de.current&&clearTimeout(de.current),xe.current?Ce(!0):de.current=setTimeout(()=>{Ce(!0)},e)},[x,Ce]),Ne=i((e=L)=>{pe.current&&clearTimeout(pe.current),pe.current=setTimeout(()=>{Te.current||Ce(!1)},e)},[L,Ce]),Be=i(({x:e,y:t})=>{var o;Oe.current.getBoundingClientRect=()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t}),g({place:null!==(o=null==ge?void 0:ge.place)&&void 0!==o?o:y,offset:w,elementReference:Oe.current,tooltipReference:ue.current,tooltipArrowReference:ae.current,strategy:S,middlewares:E,border:re,arrowSize:ce}).then(e=>{Re(e)})},[null==ge?void 0:ge.place,y,w,S,E,re,ce,Re]),ze=i(()=>{var e,t;const o=null!==(e=null==ge?void 0:ge.position)&&void 0!==e?e:V;o?Be(o):B?_e.current&&Be(_e.current):(null==te?void 0:te.isConnected)&&g({place:null!==(t=null==ge?void 0:ge.place)&&void 0!==t?t:y,offset:w,elementReference:te,tooltipReference:ue.current,tooltipArrowReference:ae.current,strategy:S,middlewares:E,border:re,arrowSize:ce}).then(e=>{ke.current&&Re(e)})},[null==ge?void 0:ge.position,null==ge?void 0:ge.place,V,B,te,y,w,S,E,re,Be,Re,ce]),Ie=i(()=>{Se(!1),Ce(!1),oe(null),k(de),k(pe),k(ve)},[Ce,oe]),$e=be||Q||Boolean(J)||Boolean(te)||Boolean(null==ge?void 0:ge.anchorSelect),{anchorElements:je,selector:De}=(({id:e,anchorSelect:t,imperativeAnchorSelect:c,activeAnchor:i,disableTooltip:s,onActiveAnchorRemoved:u,trackAnchors:a})=>{const[d,p]=r([]),[v,m]=r(null),f=n(null),h=l(()=>(({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:t,imperativeAnchorSelect:c}),[e,t,c]),y=l(()=>d.filter(e=>!(null==s?void 0:s(e))),[d,s]),w=l(()=>{if(!i||!h)return!1;try{return i.matches(h)}catch(e){return!1}},[i,h,y]);return o(()=>h&&a?H(h,(e,t)=>{p(e),m(t)}):(p([]),void m(null)),[h,a]),o(()=>{v&&f.current!==h&&(f.current=h)},[h,v]),o(()=>{i&&(i.isConnected&&(y.includes(i)||w)||u())},[i,y,w,u]),{anchorElements:y,selector:h}})({id:c,anchorSelect:f,imperativeAnchorSelect:null==ge?void 0:ge.anchorSelect,activeAnchor:te,disableTooltip:X,onActiveAnchorRemoved:Ie,trackAnchors:$e});(({activeAnchor:e,anchorElements:t,anchorSelector:r,clickable:c,closeEvents:i,delayHide:s,delayShow:u,disableTooltip:a,float:d,globalCloseEvents:p,handleHideTooltipDelayed:v,handleShow:m,handleShowTooltipDelayed:f,handleTooltipPosition:y,hoveringTooltip:w,imperativeModeOnly:b,lastFloatPosition:S,openEvents:g,openOnClick:E,rendered:T,setActiveAnchor:O,show:C,tooltipHideDelayTimerRef:R,tooltipRef:x,tooltipShowDelayTimerRef:L,updateTooltipPosition:N})=>{const B=n(A(e=>{},50)),z=n(A(()=>{},50)),I=n(null),$=n(null),j=n(null),D=n(null);e!==j.current&&(j.current=e,I.current=_(e));const H=x.current;H!==D.current&&(D.current=H,$.current=_(H));const M=E||(null==g?void 0:g.click)||(null==g?void 0:g.dblclick)||(null==g?void 0:g.mousedown),P=l(()=>{const e=g?{...g}:{mouseenter:!0,focus:!0,click:!1,dblclick:!1,mousedown:!1};return!g&&E&&Object.assign(e,{mouseenter:!1,focus:!1,click:!0}),b&&Object.assign(e,{mouseenter:!1,focus:!1,click:!1,dblclick:!1,mousedown:!1}),e},[g,E,b]),q=l(()=>{const e=i?{...i}:{mouseleave:!0,blur:!0,click:!1,dblclick:!1,mouseup:!1};return!i&&E&&Object.assign(e,{mouseleave:!1,blur:!1}),b&&Object.assign(e,{mouseleave:!1,blur:!1,click:!1,dblclick:!1,mouseup:!1}),e},[i,E,b]),F=l(()=>{const e=p?{...p}:{escape:!1,scroll:!1,resize:!1,clickOutsideAnchor:M||!1};return b&&Object.assign(e,{escape:!1,scroll:!1,resize:!1,clickOutsideAnchor:!1}),e},[p,M,b]),V=n(e);V.current=e;const K=n(C);K.current=C;const Y=n(t);Y.current=t;const X=n(m);X.current=m;const G=n(y);G.current=y;const Z=n(N);Z.current=N;const J=n(()=>null),Q=n(()=>{}),U=n(()=>{}),ee=r?function(e){const t=e.match(/^\[data-tooltip-id=(['"])((?:\\.|(?!\1).)*)\1\]$/);return t?t[2].replace(/\\(['"])/g,"$1"):null}(r):null;J.current=e=>{var t,o;const n=e;if(!(null==n?void 0:n.isConnected))return null;if(ee){const e=function(e,t){let o=e;for(;o;){if(o.dataset.tooltipId===t)return o;o=o.parentElement}return null}(n,ee);if(e&&!(null==a?void 0:a(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==a?void 0:a(e)))return e}catch(e){return null}return null!==(o=Y.current.find(e=>e===n||e.contains(n)))&&void 0!==o?o:null},Q.current=e=>{e&&(e.isConnected?(null==a?void 0:a(e))||(u&&V.current&&e!==V.current?(L.current&&clearTimeout(L.current),L.current=setTimeout(()=>{O(e),m(!0)},u)):(O(e),u?f():m(!0)),R.current&&clearTimeout(R.current)):O(null))},U.current=()=>{c?v(s||100):s?v():m(!1),L.current&&clearTimeout(L.current)};const te=B.current,oe=z.current;te.setCallback(e=>Q.current(e)),oe.setCallback(()=>U.current()),o(()=>{const e=[],t=(t,o)=>{e.push(W(t,o))},o=e=>{var t;return Boolean((null==e?void 0:e.target)&&(null===(t=V.current)||void 0===t?void 0:t.contains(e.target)))},r=e=>{oe.cancel(),te(e)},n=()=>{te.cancel(),oe()},l=()=>{t("mouseover",e=>{const t=J.current(e.target);t&&J.current(e.relatedTarget)!==t&&r(t)})},i=()=>{t("mouseout",e=>{const t=J.current(e.target);if(!t&&!o(e))return;const r=e.relatedTarget,l=t||V.current;(null==l?void 0:l.contains(r))||n()})};P.mouseenter&&l(),q.mouseleave&&i(),P.mouseover&&l(),q.mouseout&&i(),P.focus&&t("focusin",e=>{r(J.current(e.target))}),q.blur&&t("focusout",e=>{const t=J.current(e.target);if(!t&&!o(e))return;const r=e.relatedTarget,l=t||V.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=J.current(null!==(t=null==e?void 0:e.target)&&void 0!==t?t:null);o&&(K.current&&V.current===o||Q.current(o))},p=e=>{K.current&&o(e)&&U.current()};Object.entries(P).forEach(([e,o])=>{o&&!s.includes(e)&&u.includes(e)&&t(e,a)}),Object.entries(q).forEach(([e,o])=>{o&&!s.includes(e)&&u.includes(e)&&t(e,p)}),d&&t("pointermove",e=>{const t=V.current;if(!t)return;if(J.current(e.target)!==t)return;const o=e,r={x:o.clientX,y:o.clientY};G.current(r),S.current=r});const v=x.current,m=()=>{w.current=!0},f=()=>{w.current=!1,U.current()},h=c&&(q.mouseout||q.mouseleave);return h&&(null==v||v.addEventListener("mouseover",m),null==v||v.addEventListener("mouseout",f)),()=>{e.forEach(e=>e()),h&&(null==v||v.removeEventListener("mouseover",m),null==v||v.removeEventListener("mouseout",f)),te.cancel(),oe.cancel()}},[P,q,d,c,T]),o(()=>{const t=()=>{X.current(!1)},o=$.current,r=I.current;F.scroll&&(window.addEventListener("scroll",t),null==r||r.addEventListener("scroll",t),null==o||o.addEventListener("scroll",t));let n=null;F.resize?window.addEventListener("resize",t):e&&x.current&&(n=h(e,x.current,()=>Z.current(),{ancestorResize:!0,elementResize:!0,layoutShift:!0}));const l=e=>{"Escape"===e.key&&X.current(!1)};F.escape&&window.addEventListener("keydown",l);const c=e=>{var t,o;if(!K.current)return;const r=e.target;(null==r?void 0:r.isConnected)&&((null===(t=x.current)||void 0===t?void 0:t.contains(r))||(null===(o=V.current)||void 0===o?void 0:o.contains(r))||Y.current.some(e=>null==e?void 0:e.contains(r))||(X.current(!1),k(L)))};return F.clickOutsideAnchor&&window.addEventListener("click",c),()=>{F.scroll&&(window.removeEventListener("scroll",t),null==r||r.removeEventListener("scroll",t),null==o||o.removeEventListener("scroll",t)),F.resize&&window.removeEventListener("resize",t),n&&n(),F.escape&&window.removeEventListener("keydown",l),F.clickOutsideAnchor&&window.removeEventListener("click",c)}},[F,e])})({activeAnchor:te,anchorElements:je,anchorSelector:De,clickable:$,closeEvents:D,delayHide:L,delayShow:x,disableTooltip:X,float:B,globalCloseEvents:M,handleHideTooltipDelayed:Ne,handleShow:Ce,handleShowTooltipDelayed:Le,handleTooltipPosition:Be,hoveringTooltip:Te,imperativeModeOnly:P,lastFloatPosition:_e,openEvents:j,openOnClick:b,rendered:be,setActiveAnchor:oe,show:ye,tooltipHideDelayTimerRef:pe,tooltipRef:ue,tooltipShowDelayTimerRef:de,updateTooltipPosition:ze});const He=n(ze);He.current=ze,o(()=>{be&&ze()},[be,ze]),o(()=>{if(!be||!(null==Z?void 0:Z.current))return()=>null;let e=null;const t=new ResizeObserver(()=>{e&&clearTimeout(e),e=setTimeout(()=>{ke.current&&He.current(),e=null},0)});return t.observe(Z.current),()=>{t.disconnect(),e&&clearTimeout(e)}},[G,Z,be]),o(()=>{var e;if(!(Q||Boolean(J)))return;const t=(()=>{if(!te||!(null==ge?void 0:ge.anchorSelect))return!1;try{return te.matches(ge.anchorSelect)}catch(e){return!1}})();if(!te||!je.includes(te)){if(t)return;oe(null!==(e=je[0])&&void 0!==e?e:null)}},[te,je,Q,null==ge?void 0:ge.anchorSelect,J,be,oe]),o(()=>(Q&&Ce(!0),()=>{k(de),k(pe),k(ve),k(me)}),[Q,Ce]),o(()=>{de.current&&(k(de),Le(x))},[x,Le]);const Me=null!==(se=null==ge?void 0:ge.content)&&void 0!==se?se:G,Pe=null!=Me,We=ye&&void 0!==fe.tooltipStyles.left,qe=l(()=>({...F,...fe.tooltipStyles,opacity:void 0!==ne&&We?ne:void 0}),[F,fe.tooltipStyles,ne,We]),Fe=l(()=>le?`linear-gradient(to right bottom, transparent 50%, ${le} 50%)`:void 0,[le]),Ve=l(()=>({...fe.tooltipArrowStyles,background:Fe,"--rt-arrow-size":`${ce}px`}),[fe.tooltipArrowStyles,Fe,ce]);s(t,()=>({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&&oe(t),Ae(null!=e?e:null),(null==e?void 0:e.delay)?Le(e.delay):Ce(!0)},close:e=>{(null==e?void 0:e.delay)?Ne(e.delay):Ce(!1)},activeAnchor:te,place:fe.place,isOpen:Boolean(be&&!z&&Pe&&We)})),o(()=>()=>{k(de),k(pe),k(ve),k(me)},[]);const Ke=be&&!z&&Pe?e.createElement(R,{id:c,role:ie,className:u("react-tooltip",O.tooltip,C.tooltip,C[v],d,`react-tooltip__place-${fe.place}`,O[We?"show":"closing"],We?"react-tooltip__show":"react-tooltip__closing","fixed"===S&&O.fixed,$&&O.clickable),onTransitionEnd:e=>{k(me),ye||"opacity"!==e.propertyName||(Se(!1),Ae(null),null==Y||Y())},style:qe,ref:ue},e.createElement(R,{className:u("react-tooltip-content-wrapper",O.content,C.content)},Me),e.createElement(R,{className:u("react-tooltip-arrow",O.arrow,C.arrow,p,I&&O.noArrow),style:Ve,ref:ae})):null;return Ke?m?a(Ke,m):Ke:null});const V=new Map;let K=null;const Y={attributes:!0,childList:!1,subtree:!1};function X(e,t){const o=(K||(K=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=V.get(e);r&&r.forEach(t=>t(e))}})),K);let r=V.get(e);return r||(r=new Set,V.set(e,r),o.observe(e,Y)),r.add(t),()=>{const r=V.get(e);r&&(r.delete(t),0===r.size&&(V.delete(e),0===V.size?o.disconnect():(o.disconnect(),V.forEach((e,t)=>{o.observe(t,Y)}))))}}const G=e.forwardRef(({id:t,anchorSelect:l,content:c,render:s,className:a,classNameArrow:d,variant:p="dark",portalRoot:v,place:m="top",offset:f=10,wrapper:h="div",children:y=null,openOnClick:w=!1,positionStrategy:b="absolute",middlewares:S,delayShow:g=0,delayHide:A=0,autoClose:E,float:_=!1,hidden:T=!1,noArrow:k=!1,clickable:O=!1,openEvents:C,closeEvents:R,globalCloseEvents:x,imperativeModeOnly:L=!1,style:N,position:B,isOpen:z,defaultIsOpen:I=!1,disableStyleInjection:$=!1,border:j,opacity:D,arrowColor:H,arrowSize:M,setIsOpen:P,afterShow:W,afterHide:q,disableTooltip:V,role:K="tooltip"},Y)=>{var G,Z,J,Q,U,ee,te,oe;const[re,ne]=r(null),[le,ce]=r({}),ie=n(null),se=n($),ue=i(e=>{ne(t=>((null==e?void 0:e.isSameNode(t))||(ie.current=t),e))},[]),ae=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};o(()=>{se.current},[$]),o(()=>{"undefined"!=typeof window&&window.dispatchEvent(new CustomEvent("react-tooltip-inject-styles",{detail:{disableCore:"core"===$,disableBase:$}}))},[]),o(()=>{if(!re)return ce({}),()=>{};const e=e=>{const t=ae(e);ce(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(re);return X(re,e)},[re,l]),o(()=>{},[j,D,null==N?void 0:N.border,null==N?void 0:N.opacity]);const de=re?ae(re):le,pe=null!==(G=de.content)&&void 0!==G?G:c,ve=null!==(Z=de.place)&&void 0!==Z?Z:m,me=null!==(J=de.variant)&&void 0!==J?J:p,fe=null==de.offset?f:Number(de.offset),he=null!==(Q=de.wrapper)&&void 0!==Q?Q:h,ye=null!==(U=de["position-strategy"])&&void 0!==U?U:b,we=null==de["delay-show"]?g:Number(de["delay-show"]),be=null==de["delay-hide"]?A:Number(de["delay-hide"]),Se=null==de["auto-close"]?E:Number(de["auto-close"]),ge=null==de.float?_:"true"===de.float,Ae=null==de.hidden?T:"true"===de.hidden,Ee=null!==(ee=de["class-name"])&&void 0!==ee?ee:null;let _e=y;const Te=n(null);if(s){const t=s({content:null!==(oe=null!==(te=de.content)&&void 0!==te?te:pe)&&void 0!==oe?oe:null,activeAnchor:re});_e=t?e.createElement("div",{ref:Te,className:"react-tooltip-content-wrapper"},t):null}else null!=pe&&(_e=pe);const ke={forwardRef:Y,id:t,anchorSelect:l,className:u(a,Ee),classNameArrow:d,content:_e,contentWrapperRef:Te,portalRoot:v,place:ve,variant:me,offset:fe,wrapper:he,openOnClick:w,positionStrategy:ye,middlewares:S,delayShow:we,delayHide:be,autoClose:Se,float:ge,hidden:Ae,noArrow:k,clickable:O,openEvents:C,closeEvents:R,globalCloseEvents:x,imperativeModeOnly:L,style:N,position:B,isOpen:z,defaultIsOpen:I,border:j,opacity:D,arrowColor:H,arrowSize:M,setIsOpen:P,afterShow:W,afterHide:q,disableTooltip:V,activeAnchor:re,previousActiveAnchor:ie.current,setActiveAnchor:ue,role:K};return e.createElement(F,{...ke})});var Z=c(G);"undefined"!=typeof window&&window.addEventListener("react-tooltip-inject-styles",e=>{e.detail.disableCore||w({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||w({css:`
-.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"})});export{Z as Tooltip};
+import e,{useLayoutEffect as t,useEffect as o,useState as r,useRef as n,useMemo as l,memo as c,useCallback as i,useImperativeHandle as s}from"react";import u from"clsx";import{createPortal as a}from"react-dom";import{flip as d,shift as p,arrow as v,computePosition as m,offset as f,autoUpdate as h}from"@floating-ui/dom";const y={core:!1,base:!1};function w({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]:y[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:l}=r;if(document.getElementById(t))return;const c=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.id=t,i.type="text/css","top"===l&&c.firstChild?c.insertBefore(i,c.firstChild):c.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e)),void 0!==n[o]?n[o]=!0:y[o]=!0}const b=d({fallbackAxisSideDirection:"start"}),S=p({padding:5}),g=async({elementReference:e=null,tooltipReference:t=null,tooltipArrowReference:o=null,place:r="top",offset:n=10,strategy:l="absolute",middlewares:c=[f(Number(n)),b,S],border:i,arrowSize:s=8})=>{if(!e)return{tooltipStyles:{},tooltipArrowStyles:{},place:r};if(null===t)return{tooltipStyles:{},tooltipArrowStyles:{},place:r};const u=[...c];return o?(u.push(v({element:o,padding:5})),m(e,t,{placement:r,strategy:l,middleware:u}).then(({x:e,y:t,placement:o,middlewareData:r})=>{var n,l;const c={left:`${e}px`,top:`${t}px`,border:i},{x:u,y:a}=null!==(n=r.arrow)&&void 0!==n?n:{x:0,y:0},d=null!==(l={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]])&&void 0!==l?l:"bottom",p=i&&{borderBottom:i,borderRight:i};let v=0;if(i){const e=`${i}`.match(/(\d+)px/);v=(null==e?void 0:e[1])?Number(e[1]):1}return{tooltipStyles:c,tooltipArrowStyles:{left:null!=u?`${u}px`:"",top:null!=a?`${a}px`:"",right:"",bottom:"",...p,[d]:`-${s/2+v-1}px`},place:o}})):m(e,t,{placement:"bottom",strategy:l,middleware:u}).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},E=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})},_=e=>{if(!e)return null;let t=e.parentElement;for(;t;){if(E(t))return t;t=t.parentElement}return document.scrollingElement||document.documentElement},T="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?t:o,k=e=>{e.current&&(clearTimeout(e.current),e.current=null)};var O={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"},C={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 R=new Map;let L=null;function x(e){const t=e.match(/^\[data-tooltip-id=(['"])((?:\\.|(?!\1).)*)\1\]$/);return t?t[2].replace(/\\(['"])/g,"$1"):null}function N(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 B(e,t){var o,r,n,l;const c=N(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};R.set(e,d),function(e){e.subscribers.forEach(t=>t(e.anchors,e.error))}(d)}let z=!1,$=null,I=!1;function j(e){if(e?($||($=new Set),e.forEach(e=>$.add(e))):I=!0,z)return;z=!0;const t=()=>{z=!1;const e=I,t=$;var o;I=!1,$=null,e?R.forEach((e,t)=>{B(t,e)}):t&&t.size>0&&(o=t,R.forEach((e,t)=>{(null===e.tooltipId||o.has(e.tooltipId))&&B(t,e)}))};"function"==typeof requestAnimationFrame?requestAnimationFrame(t):Promise.resolve().then(t)}function H(){L||"undefined"==typeof MutationObserver||(L=new MutationObserver(e=>{const t=function(e){var t;if(R.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);j(t)}),L.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-tooltip-id"],attributeOldValue:!0}))}function M(e,t){let o=R.get(e);if(!o){const t=N(e);o={anchors:t.anchors,error:t.error,subscribers:new Set,tooltipId:x(e)},R.set(e,o)}return o.subscribers.add(t),H(),t([...o.anchors],o.error),()=>{const o=R.get(e);o&&(o.subscribers.delete(t),0===o.subscribers.size&&R.delete(e),0===R.size&&L&&(L.disconnect(),L=null))}}const D=new Map;function P(e,t){return`${e}:${t?"capture":"bubble"}`}function W(e,t,o={}){const r=Boolean(o.capture),n=P(e,r),l=function(e,t){const o=P(e,t);let r=D.get(o);if(!r){const n=new Set,l=e=>{n.forEach(t=>{t(e)})};r={handlers:n,dispatch:l,eventType:e,capture:t},D.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&&(D.delete(n),document.removeEventListener(e,l.dispatch,{capture:r}))}}const q=({activeAnchor:e,anchorElements:t,anchorSelector:r,clickable:c,closeEvents:i,delayHide:s,delayShow:u,disableTooltip:a,float:d,globalCloseEvents:p,handleHideTooltipDelayed:v,handleShow:m,handleShowTooltipDelayed:f,handleTooltipPosition:y,hoveringTooltip:w,imperativeModeOnly:b,lastFloatPosition:S,openEvents:g,openOnClick:E,rendered:T,setActiveAnchor:O,show:C,tooltipHideDelayTimerRef:R,tooltipRef:L,tooltipShowDelayTimerRef:x,updateTooltipPosition:N})=>{const B=n(A(e=>{},50)),z=n(A(()=>{},50)),$=n(null),I=n(null),j=n(null),H=n(null);e!==j.current&&(j.current=e,$.current=_(e));const M=L.current;M!==H.current&&(H.current=M,I.current=_(M));const D=E||(null==g?void 0:g.click)||(null==g?void 0:g.dblclick)||(null==g?void 0:g.mousedown),P=l(()=>{const e=g?{...g}:{mouseenter:!0,focus:!0,click:!1,dblclick:!1,mousedown:!1};return!g&&E&&Object.assign(e,{mouseenter:!1,focus:!1,click:!0}),b&&Object.assign(e,{mouseenter:!1,focus:!1,click:!1,dblclick:!1,mousedown:!1}),e},[g,E,b]),q=l(()=>{const e=i?{...i}:{mouseleave:!0,blur:!0,click:!1,dblclick:!1,mouseup:!1};return!i&&E&&Object.assign(e,{mouseleave:!1,blur:!1}),b&&Object.assign(e,{mouseleave:!1,blur:!1,click:!1,dblclick:!1,mouseup:!1}),e},[i,E,b]),F=l(()=>{const e=p?{...p}:{escape:!1,scroll:!1,resize:!1,clickOutsideAnchor:D||!1};return b&&Object.assign(e,{escape:!1,scroll:!1,resize:!1,clickOutsideAnchor:!1}),e},[p,D,b]),V=n(e);V.current=e;const K=n(C);K.current=C;const Y=n(t);Y.current=t;const X=n(m);X.current=m;const G=n(y);G.current=y;const Z=n(N);Z.current=N;const J=n(()=>null),Q=n(()=>{}),U=n(()=>{}),ee=r?function(e){const t=e.match(/^\[data-tooltip-id=(['"])((?:\\.|(?!\1).)*)\1\]$/);return t?t[2].replace(/\\(['"])/g,"$1"):null}(r):null;J.current=e=>{var t,o;if(!(e instanceof Element&&e.isConnected))return null;const n=e;if(ee){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,ee);if(e&&!(null==a?void 0:a(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==a?void 0:a(e)))return e}catch(e){return null}return null!==(o=Y.current.find(e=>e===n||e.contains(n)))&&void 0!==o?o:null},Q.current=e=>{e&&(e.isConnected?(null==a?void 0:a(e))||(u&&V.current&&e!==V.current?(x.current&&clearTimeout(x.current),x.current=setTimeout(()=>{O(e),m(!0)},u)):(O(e),u?f():m(!0)),R.current&&clearTimeout(R.current)):O(null))},U.current=()=>{c?v(s||100):s?v():m(!1),x.current&&clearTimeout(x.current)};const te=B.current,oe=z.current;te.setCallback(e=>Q.current(e)),oe.setCallback(()=>U.current()),o(()=>{const e=[],t=(t,o,r)=>{e.push(W(t,o,r))},o=e=>{var t;return Boolean((null==e?void 0:e.target)&&(null===(t=V.current)||void 0===t?void 0:t.contains(e.target)))},r=e=>{oe.cancel(),te(e)},n=()=>{te.cancel(),oe()},l=()=>{t("mouseover",e=>{const t=J.current(e.target);if(!t)return;J.current(e.relatedTarget)!==t&&r(t)})},i=()=>{t("mouseout",e=>{const t=J.current(e.target);if(!t&&!o(e))return;const r=e.relatedTarget,l=t||V.current;(null==l?void 0:l.contains(r))||n()})};P.mouseenter&&l(),q.mouseleave&&i(),P.mouseover&&l(),q.mouseout&&i(),P.focus&&t("focusin",e=>{r(J.current(e.target))}),q.blur&&t("focusout",e=>{const t=J.current(e.target);if(!t&&!o(e))return;const r=e.relatedTarget,l=t||V.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=J.current(null!==(t=null==e?void 0:e.target)&&void 0!==t?t:null);o&&(K.current&&V.current===o||Q.current(o))},p=e=>{K.current&&o(e)&&U.current()};Object.entries(P).forEach(([e,o])=>{o&&!s.includes(e)&&u.includes(e)&&t(e,a,{capture:!0})}),Object.entries(q).forEach(([e,o])=>{o&&!s.includes(e)&&u.includes(e)&&t(e,p,{capture:!0})}),d&&t("pointermove",e=>{const t=V.current;if(!t)return;if(J.current(e.target)!==t)return;const o=e,r={x:o.clientX,y:o.clientY};G.current(r),S.current=r});const v=L.current,m=()=>{w.current=!0},f=()=>{w.current=!1,U.current()},h=c&&(q.mouseout||q.mouseleave);return h&&(null==v||v.addEventListener("mouseover",m),null==v||v.addEventListener("mouseout",f)),()=>{e.forEach(e=>e()),h&&(null==v||v.removeEventListener("mouseover",m),null==v||v.removeEventListener("mouseout",f)),te.cancel(),oe.cancel()}},[P,q,d,c,T]),o(()=>{const t=()=>{X.current(!1)},o=I.current,r=$.current;F.scroll&&(window.addEventListener("scroll",t),null==r||r.addEventListener("scroll",t),null==o||o.addEventListener("scroll",t));let n=null;F.resize?window.addEventListener("resize",t):e&&L.current&&(n=h(e,L.current,()=>Z.current(),{ancestorResize:!0,elementResize:!0,layoutShift:!0}));const l=e=>{"Escape"===e.key&&X.current(!1)};F.escape&&window.addEventListener("keydown",l);const c=e=>{var t,o;if(!K.current)return;const r=e.target;(null==r?void 0:r.isConnected)&&((null===(t=L.current)||void 0===t?void 0:t.contains(r))||(null===(o=V.current)||void 0===o?void 0:o.contains(r))||Y.current.some(e=>null==e?void 0:e.contains(r))||(X.current(!1),k(x)))};return F.clickOutsideAnchor&&window.addEventListener("click",c),()=>{F.scroll&&(window.removeEventListener("scroll",t),null==r||r.removeEventListener("scroll",t),null==o||o.removeEventListener("scroll",t)),F.resize&&window.removeEventListener("resize",t),n&&n(),F.escape&&window.removeEventListener("keydown",l),F.clickOutsideAnchor&&window.removeEventListener("click",c)}},[F,e])};let F=null;var V=c(({forwardRef:t,id:c,className:d,classNameArrow:p,variant:v="dark",portalRoot:m,anchorSelect:f,place:h="top",offset:y=10,openOnClick:w=!1,positionStrategy:b="absolute",middlewares:S,wrapper:A,delayShow:E=0,delayHide:_=0,autoClose:R,float:L=!1,hidden:x=!1,noArrow:N=!1,clickable:B=!1,openEvents:z,closeEvents:$,globalCloseEvents:I,imperativeModeOnly:j,style:H,position:D,afterShow:P,afterHide:W,disableTooltip:V,content:K,contentWrapperRef:Y,isOpen:X,defaultIsOpen:G=!1,setIsOpen:Z,previousActiveAnchor:J,activeAnchor:Q,setActiveAnchor:U,border:ee,opacity:te,arrowColor:oe,arrowSize:re=8,role:ne="tooltip"})=>{var le;const ce=n(null),ie=n(null),se=n(null),ue=n(null),ae=n(null),de=n(null),[pe,ve]=r({tooltipStyles:{},tooltipArrowStyles:{},place:h}),[me,fe]=r(!1),[he,ye]=r(!1),[we,be]=r(null),Se=n(!1),ge=n(null),Ae=n(!1),Ee=n(!1),_e=n({getBoundingClientRect:()=>({x:0,y:0,width:0,height:0,top:0,left:0,right:0,bottom:0})});T(()=>(Ee.current=!0,()=>{Ee.current=!1}),[]);const Te=i(e=>{Ee.current&&(e&&ye(!0),setTimeout(()=>{Ee.current&&(null==Z||Z(e),void 0===X&&fe(e))},10))},[X,Z]);o(()=>{if(c){if(me){t(J);const o=e(Q),r=[...new Set([...o,c])].filter(Boolean).join(" ");null==Q||Q.setAttribute("aria-describedby",r)}else t(Q);return()=>{t(Q),t(J)}}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!==c);o.length?null==t||t.setAttribute("aria-describedby",o.join(" ")):null==t||t.removeAttribute("aria-describedby")}},[Q,me,c,J]),o(()=>{if(void 0===X)return()=>null;X&&ye(!0);const e=setTimeout(()=>{fe(X)},10);return()=>{clearTimeout(e)}},[X]),o(()=>{if(me!==Se.current)if(k(de),Se.current=me,me)null==P||P();else{if(null===F){const e=getComputedStyle(document.body);F=(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=F;de.current=setTimeout(()=>{ye(!1),be(null),null==W||W()},e+25)}},[W,P,me]),o(()=>(k(ae),!me||!R||R<=0||(ae.current=setTimeout(()=>{Te(!1)},R)),()=>{k(ae)}),[Q,R,Te,me]);const ke=i(e=>{Ee.current&&ve(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)},[]),Oe=n(he);Oe.current=he;const Ce=i((e=E)=>{se.current&&clearTimeout(se.current),Oe.current?Te(!0):se.current=setTimeout(()=>{Te(!0)},e)},[E,Te]),Re=i((e=_)=>{ue.current&&clearTimeout(ue.current),ue.current=setTimeout(()=>{Ae.current||Te(!1)},e)},[_,Te]),Le=i(({x:e,y:t})=>{var o;_e.current.getBoundingClientRect=()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t}),g({place:null!==(o=null==we?void 0:we.place)&&void 0!==o?o:h,offset:y,elementReference:_e.current,tooltipReference:ce.current,tooltipArrowReference:ie.current,strategy:b,middlewares:S,border:ee,arrowSize:re}).then(e=>{ke(e)})},[null==we?void 0:we.place,h,y,b,S,ee,re,ke]),xe=i(()=>{var e,t;const o=null!==(e=null==we?void 0:we.position)&&void 0!==e?e:D;o?Le(o):L?ge.current&&Le(ge.current):(null==Q?void 0:Q.isConnected)&&g({place:null!==(t=null==we?void 0:we.place)&&void 0!==t?t:h,offset:y,elementReference:Q,tooltipReference:ce.current,tooltipArrowReference:ie.current,strategy:b,middlewares:S,border:ee,arrowSize:re}).then(e=>{Ee.current&&ke(e)})},[null==we?void 0:we.position,null==we?void 0:we.place,D,L,Q,h,y,b,S,ee,Le,ke,re]),Ne=i(()=>{ye(!1),Te(!1),U(null),k(se),k(ue),k(ae)},[Te,U]),Be=he||G||Boolean(X)||Boolean(Q)||Boolean(null==we?void 0:we.anchorSelect),{anchorElements:ze,selector:$e}=(({id:e,anchorSelect:t,imperativeAnchorSelect:c,activeAnchor:i,disableTooltip:s,onActiveAnchorRemoved:u,trackAnchors:a})=>{const[d,p]=r([]),[v,m]=r(null),f=n(null),h=l(()=>(({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:t,imperativeAnchorSelect:c}),[e,t,c]),y=l(()=>d.filter(e=>!(null==s?void 0:s(e))),[d,s]),w=l(()=>{if(!i||!h)return!1;try{return i.matches(h)}catch(e){return!1}},[i,h,y]);return o(()=>h&&a?M(h,(e,t)=>{p(e),m(t)}):(p([]),void m(null)),[h,a]),o(()=>{v&&f.current!==h&&(f.current=h)},[h,v]),o(()=>{i&&(i.isConnected&&(y.includes(i)||w)||u())},[i,y,w,u]),{anchorElements:y,selector:h}})({id:c,anchorSelect:f,imperativeAnchorSelect:null==we?void 0:we.anchorSelect,activeAnchor:Q,disableTooltip:V,onActiveAnchorRemoved:Ne,trackAnchors:Be});q({activeAnchor:Q,anchorElements:ze,anchorSelector:$e,clickable:B,closeEvents:$,delayHide:_,delayShow:E,disableTooltip:V,float:L,globalCloseEvents:I,handleHideTooltipDelayed:Re,handleShow:Te,handleShowTooltipDelayed:Ce,handleTooltipPosition:Le,hoveringTooltip:Ae,imperativeModeOnly:j,lastFloatPosition:ge,openEvents:z,openOnClick:w,rendered:he,setActiveAnchor:U,show:me,tooltipHideDelayTimerRef:ue,tooltipRef:ce,tooltipShowDelayTimerRef:se,updateTooltipPosition:xe});const Ie=n(xe);Ie.current=xe,o(()=>{he&&xe()},[he,xe]),o(()=>{if(!he||!(null==Y?void 0:Y.current))return()=>null;let e=null;const t=new ResizeObserver(()=>{e&&clearTimeout(e),e=setTimeout(()=>{Ee.current&&Ie.current(),e=null},0)});return t.observe(Y.current),()=>{t.disconnect(),e&&clearTimeout(e)}},[K,Y,he]),o(()=>{var e;if(!(G||Boolean(X)))return;const t=(()=>{if(!Q||!(null==we?void 0:we.anchorSelect))return!1;try{return Q.matches(we.anchorSelect)}catch(e){return!1}})();if(!Q||!ze.includes(Q)){if(t)return;U(null!==(e=ze[0])&&void 0!==e?e:null)}},[Q,ze,G,null==we?void 0:we.anchorSelect,X,he,U]),o(()=>(G&&Te(!0),()=>{k(se),k(ue),k(ae),k(de)}),[G,Te]),o(()=>{se.current&&(k(se),Ce(E))},[E,Ce]);const je=null!==(le=null==we?void 0:we.content)&&void 0!==le?le:K,He=null!=je,Me=me&&void 0!==pe.tooltipStyles.left,De=l(()=>({...H,...pe.tooltipStyles,opacity:void 0!==te&&Me?te:void 0}),[H,pe.tooltipStyles,te,Me]),Pe=l(()=>oe?`linear-gradient(to right bottom, transparent 50%, ${oe} 50%)`:void 0,[oe]),We=l(()=>({...pe.tooltipArrowStyles,background:Pe,"--rt-arrow-size":`${re}px`}),[pe.tooltipArrowStyles,Pe,re]);s(t,()=>({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),be(null!=e?e:null),(null==e?void 0:e.delay)?Ce(e.delay):Te(!0)},close:e=>{(null==e?void 0:e.delay)?Re(e.delay):Te(!1)},activeAnchor:Q,place:pe.place,isOpen:Boolean(he&&!x&&He&&Me)})),o(()=>()=>{k(se),k(ue),k(ae),k(de)},[]);const qe=he&&!x&&He?e.createElement(A,{id:c,role:ne,className:u("react-tooltip",O.tooltip,C.tooltip,C[v],d,`react-tooltip__place-${pe.place}`,O[Me?"show":"closing"],Me?"react-tooltip__show":"react-tooltip__closing","fixed"===b&&O.fixed,B&&O.clickable),onTransitionEnd:e=>{k(de),me||"opacity"!==e.propertyName||(ye(!1),be(null),null==W||W())},style:De,ref:ce},e.createElement(A,{className:u("react-tooltip-content-wrapper",O.content,C.content)},je),e.createElement(A,{className:u("react-tooltip-arrow",O.arrow,C.arrow,p,N&&O.noArrow),style:We,ref:ie})):null;return qe?m?a(qe,m):qe:null});const K=new Map;let Y=null;const X={attributes:!0,childList:!1,subtree:!1};function G(e,t){const o=(Y||(Y=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=K.get(e);r&&r.forEach(t=>t(e))}})),Y);let r=K.get(e);return r||(r=new Set,K.set(e,r),o.observe(e,X)),r.add(t),()=>{const r=K.get(e);r&&(r.delete(t),0===r.size&&(K.delete(e),0===K.size?o.disconnect():(o.disconnect(),K.forEach((e,t)=>{o.observe(t,X)}))))}}const Z=e.forwardRef(({id:t,anchorSelect:l,content:c,render:s,className:a,classNameArrow:d,variant:p="dark",portalRoot:v,place:m="top",offset:f=10,wrapper:h="div",children:y=null,openOnClick:w=!1,positionStrategy:b="absolute",middlewares:S,delayShow:g=0,delayHide:A=0,autoClose:E,float:_=!1,hidden:T=!1,noArrow:k=!1,clickable:O=!1,openEvents:C,closeEvents:R,globalCloseEvents:L,imperativeModeOnly:x=!1,style:N,position:B,isOpen:z,defaultIsOpen:$=!1,disableStyleInjection:I=!1,border:j,opacity:H,arrowColor:M,arrowSize:D,setIsOpen:P,afterShow:W,afterHide:q,disableTooltip:F,role:K="tooltip"},Y)=>{var X,Z,J,Q,U,ee,te,oe;const[re,ne]=r(null),[le,ce]=r({}),ie=n(null),se=n(I),ue=i(e=>{ne(t=>((null==e?void 0:e.isSameNode(t))||(ie.current=t),e))},[]),ae=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};o(()=>{se.current},[I]),o(()=>{"undefined"!=typeof window&&window.dispatchEvent(new CustomEvent("react-tooltip-inject-styles",{detail:{disableCore:"core"===I,disableBase:I}}))},[]),o(()=>{if(!re)return ce({}),()=>{};const e=e=>{const t=ae(e);ce(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(re);return G(re,e)},[re,l]),o(()=>{},[j,H,null==N?void 0:N.border,null==N?void 0:N.opacity]);const de=re?ae(re):le,pe=null!==(X=de.content)&&void 0!==X?X:c,ve=null!==(Z=de.place)&&void 0!==Z?Z:m,me=null!==(J=de.variant)&&void 0!==J?J:p,fe=null==de.offset?f:Number(de.offset),he=null!==(Q=de.wrapper)&&void 0!==Q?Q:h,ye=null!==(U=de["position-strategy"])&&void 0!==U?U:b,we=null==de["delay-show"]?g:Number(de["delay-show"]),be=null==de["delay-hide"]?A:Number(de["delay-hide"]),Se=null==de["auto-close"]?E:Number(de["auto-close"]),ge=null==de.float?_:"true"===de.float,Ae=null==de.hidden?T:"true"===de.hidden,Ee=null!==(ee=de["class-name"])&&void 0!==ee?ee:null;let _e=y;const Te=n(null);if(s){const t=s({content:null!==(oe=null!==(te=de.content)&&void 0!==te?te:pe)&&void 0!==oe?oe:null,activeAnchor:re});_e=t?e.createElement("div",{ref:Te,className:"react-tooltip-content-wrapper"},t):null}else null!=pe&&(_e=pe);const ke={forwardRef:Y,id:t,anchorSelect:l,className:u(a,Ee),classNameArrow:d,content:_e,contentWrapperRef:Te,portalRoot:v,place:ve,variant:me,offset:fe,wrapper:he,openOnClick:w,positionStrategy:ye,middlewares:S,delayShow:we,delayHide:be,autoClose:Se,float:ge,hidden:Ae,noArrow:k,clickable:O,openEvents:C,closeEvents:R,globalCloseEvents:L,imperativeModeOnly:x,style:N,position:B,isOpen:z,defaultIsOpen:$,border:j,opacity:H,arrowColor:M,arrowSize:D,setIsOpen:P,afterShow:W,afterHide:q,disableTooltip:F,activeAnchor:re,previousActiveAnchor:ie.current,setActiveAnchor:ue,role:K};return e.createElement(V,{...ke})});var J=c(Z);"undefined"!=typeof window&&window.addEventListener("react-tooltip-inject-styles",e=>{e.detail.disableCore||w({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||w({css:`
+.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"})});export{J as Tooltip};
 //# sourceMappingURL=react-tooltip.min.mjs.map