6px; } .__react_component_tooltip.type-success.border { border: 1px solid #fff; } .__react_component_tooltip.type-success.border.place-top:before { border-top: 8px solid #fff; } .__react_component_tooltip.type-success.border.place-bottom:before { border-bottom: 8px solid #fff; } .__react_component_tooltip.type-success.border.place-left:before { border-left: 8px solid #fff; } .__react_component_tooltip.type-success.border.place-right:before { border-right: 8px solid #fff; } .__react_component_tooltip.type-warning { color: #fff; background-color: #F0AD4E; } .__react_component_tooltip.type-warning.place-top:after { border-top-color: #F0AD4E; border-top-style: solid; border-top-width: 6px; } .__react_component_tooltip.type-warning.place-bottom:after { border-bottom-color: #F0AD4E; border-bottom-style: solid; border-bottom-width: 6px; } .__react_component_tooltip.type-warning.place-left:after { border-left-color: #F0AD4E; border-left-style: solid; border-left-width: 6px; } .__react_component_tooltip.type-warning.place-right:after { border-right-color: #F0AD4E; border-right-style: solid; border-right-width: 6px; } .__react_component_tooltip.type-warning.border { border: 1px solid #fff; } .__react_component_tooltip.type-warning.border.place-top:before { border-top: 8px solid #fff; } .__react_component_tooltip.type-warning.border.place-bottom:before { border-bottom: 8px solid #fff; } .__react_component_tooltip.type-warning.border.place-left:before { border-left: 8px solid #fff; } .__react_component_tooltip.type-warning.border.place-right:before { border-right: 8px solid #fff; } .__react_component_tooltip.type-error { color: #fff; background-color: #BE6464; } .__react_component_tooltip.type-error.place-top:after { border-top-color: #BE6464; border-top-style: solid; border-top-width: 6px; } .__react_component_tooltip.type-error.place-bottom:after { border-bottom-color: #BE6464; border-bottom-style: solid; border-bottom-width: 6px; } .__react_component_tooltip.type-error.place-left:after { border-left-color: #BE6464; border-left-style: solid; border-left-width: 6px; } .__react_component_tooltip.type-error.place-right:after { border-right-color: #BE6464; border-right-style: solid; border-right-width: 6px; } .__react_component_tooltip.type-error.border { border: 1px solid #fff; } .__react_component_tooltip.type-error.border.place-top:before { border-top: 8px solid #fff; } .__react_component_tooltip.type-error.border.place-bottom:before { border-bottom: 8px solid #fff; } .__react_component_tooltip.type-error.border.place-left:before { border-left: 8px solid #fff; } .__react_component_tooltip.type-error.border.place-right:before { border-right: 8px solid #fff; } .__react_component_tooltip.type-info { color: #fff; background-color: #337AB7; } .__react_component_tooltip.type-info.place-top:after { border-top-color: #337AB7; border-top-style: solid; border-top-width: 6px; } .__react_component_tooltip.type-info.place-bottom:after { border-bottom-color: #337AB7; border-bottom-style: solid; border-bottom-width: 6px; } .__react_component_tooltip.type-info.place-left:after { border-left-color: #337AB7; border-left-style: solid; border-left-width: 6px; } .__react_component_tooltip.type-info.place-right:after { border-right-color: #337AB7; border-right-style: solid; border-right-width: 6px; } .__react_component_tooltip.type-info.border { border: 1px solid #fff; } .__react_component_tooltip.type-info.border.place-top:before { border-top: 8px solid #fff; } .__react_component_tooltip.type-info.border.place-bottom:before { border-bottom: 8px solid #fff; } .__react_component_tooltip.type-info.border.place-left:before { border-left: 8px solid #fff; } .__react_component_tooltip.type-info.border.place-right:before { border-right: 8px solid #fff; } .__react_component_tooltip.type-light { color: #222; background-color: #fff; } .__react_component_tooltip.type-light.place-top:after { border-top-color: #fff; border-top-style: solid; border-top-width: 6px; } .__react_component_tooltip.type-light.place-bottom:after { border-bottom-color: #fff; border-bottom-style: solid; border-bottom-width: 6px; } .__react_component_tooltip.type-light.place-left:after { border-left-color: #fff; border-left-style: solid; border-left-width: 6px; } .__react_component_tooltip.type-light.place-right:after { border-right-color: #fff; border-right-style: solid; border-right-width: 6px; } .__react_component_tooltip.type-light.border { border: 1px solid #222; } .__react_component_tooltip.type-light.border.place-top:before { border-top: 8px solid #222; } .__react_component_tooltip.type-light.border.place-bottom:before { border-bottom: 8px solid #222; } .__react_component_tooltip.type-light.border.place-left:before { border-left: 8px solid #222; } .__react_component_tooltip.type-light.border.place-right:before { border-right: 8px solid #222; } .__react_component_tooltip.place-top { margin-top: -10px; } .__react_component_tooltip.place-top:before { border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: -8px; left: 50%; margin-left: -10px; } .__react_component_tooltip.place-top:after { border-left: 8px solid transparent; border-right: 8px solid transparent; bottom: -6px; left: 50%; margin-left: -8px; } .__react_component_tooltip.place-bottom { margin-top: 10px; } .__react_component_tooltip.place-bottom:before { border-left: 10px solid transparent; border-right: 10px solid transparent; top: -8px; left: 50%; margin-left: -10px; } .__react_component_tooltip.place-bottom:after { border-left: 8px solid transparent; border-right: 8px solid transparent; top: -6px; left: 50%; margin-left: -8px; } .__react_component_tooltip.place-left { margin-left: -10px; } .__react_component_tooltip.place-left:before { border-top: 6px solid transparent; border-bottom: 6px solid transparent; right: -8px; top: 50%; margin-top: -5px; } .__react_component_tooltip.place-left:after { border-top: 5px solid transparent; border-bottom: 5px solid transparent; right: -6px; top: 50%; margin-top: -4px; } .__react_component_tooltip.place-right { margin-left: 10px; } .__react_component_tooltip.place-right:before { border-top: 6px solid transparent; border-bottom: 6px solid transparent; left: -8px; top: 50%; margin-top: -5px; } .__react_component_tooltip.place-right:after { border-top: 5px solid transparent; border-bottom: 5px solid transparent; left: -6px; top: 50%; margin-top: -4px; } .__react_component_tooltip .multi-line { display: block; padding: 2px 0px; text-align: center; }`);var Dt,Nt,Lt,Zt=Ze(Dt=ce(Dt=ue(Dt=pe(Dt=Ie(Dt=Xe(Dt=Tt(Dt=(Lt=Nt=function(tt){i(Ye,tt);function Ye(De){var et;return a(this,Ye),et=c(this,m(Ye).call(this,De)),et.state={place:De.place||"top",desiredPlace:De.place||"top",type:"dark",effect:"float",show:!1,border:!1,offset:{},extraClass:"",html:!1,delayHide:0,delayShow:0,event:De.event||null,eventOff:De.eventOff||null,currentEvent:null,currentTarget:null,ariaProps:pt(De),isEmptyTip:!1,disable:!1,possibleCustomEvents:De.possibleCustomEvents||"",possibleCustomEventsOff:De.possibleCustomEventsOff||"",originTooltip:null,isMultiline:!1},et.bind(["showTooltip","updateTooltip","hideTooltip","hideTooltipOnScroll","getTooltipContent","globalRebuild","globalShow","globalHide","onWindowResize","mouseOnToolTip"]),et.mount=!0,et.delayShowLoop=null,et.delayHideLoop=null,et.delayReshow=null,et.intervalUpdateContent=null,et}return d(Ye,[{key:"bind",value:function(et){var Bt=this;et.forEach(function(ln){Bt[ln]=Bt[ln].bind(Bt)})}},{key:"componentDidMount",value:function(){var et=this.props,Bt=et.insecure,ln=et.resizeHide;this.bindListener(),this.bindWindowEvents(ln)}},{key:"componentWillUnmount",value:function(){this.mount=!1,this.clearTimer(),this.unbindListener(),this.removeScrollListener(),this.unbindWindowEvents()}},{key:"mouseOnToolTip",value:function(){var et=this.state.show;return et&&this.tooltipRef?(this.tooltipRef.matches||(this.tooltipRef.msMatchesSelector?this.tooltipRef.matches=this.tooltipRef.msMatchesSelector:this.tooltipRef.matches=this.tooltipRef.mozMatchesSelector),this.tooltipRef.matches(":hover")):!1}},{key:"getTargetArray",value:function(et){var Bt;if(!et)Bt=document.querySelectorAll("[data-tip]:not([data-for])");else{var ln=et.replace(/\\/g,"\\\\").replace(/"/g,'\\"');Bt=document.querySelectorAll('[data-tip][data-for="'.concat(ln,'"]'))}return vt(Bt)}},{key:"bindListener",value:function(){var et=this,Bt=this.props,ln=Bt.id,kn=Bt.globalEventOff,yr=Bt.isCapture,Jn=this.getTargetArray(ln);Jn.forEach(function(Xn){Xn.getAttribute("currentItem")===null&&Xn.setAttribute("currentItem","false"),et.unbindBasicListener(Xn),et.isCustomEvent(Xn)&&et.customUnbindListener(Xn)}),this.isBodyMode()?this.bindBodyListener(Jn):Jn.forEach(function(Xn){var br=et.isCapture(Xn),Ir=et.getEffect(Xn);if(et.isCustomEvent(Xn)){et.customBindListener(Xn);return}Xn.addEventListener("mouseenter",et.showTooltip,br),Ir==="float"&&Xn.addEventListener("mousemove",et.updateTooltip,br),Xn.addEventListener("mouseleave",et.hideTooltip,br)}),kn&&(window.removeEventListener(kn,this.hideTooltip),window.addEventListener(kn,this.hideTooltip,yr)),this.bindRemovalTracker()}},{key:"unbindListener",value:function(){var et=this,Bt=this.props,ln=Bt.id,kn=Bt.globalEventOff;if(this.isBodyMode())this.unbindBodyListener();else{var yr=this.getTargetArray(ln);yr.forEach(function(Jn){et.unbindBasicListener(Jn),et.isCustomEvent(Jn)&&et.customUnbindListener(Jn)})}kn&&window.removeEventListener(kn,this.hideTooltip),this.unbindRemovalTracker()}},{key:"unbindBasicListener",value:function(et){var Bt=this.isCapture(et);et.removeEventListener("mouseenter",this.showTooltip,Bt),et.removeEventListener("mousemove",this.updateTooltip,Bt),et.removeEventListener("mouseleave",this.hideTooltip,Bt)}},{key:"getTooltipContent",value:function(){var et=this.props,Bt=et.getContent,ln=et.children,kn;return Bt&&(Array.isArray(Bt)?kn=Bt[0]&&Bt[0](this.state.originTooltip):kn=Bt(this.state.originTooltip)),Ct(this.state.originTooltip,ln,kn,this.state.isMultiline)}},{key:"isEmptyTip",value:function(et){return typeof et=="string"&&et===""||et===null}},{key:"showTooltip",value:function(et,Bt){if(Bt){var ln=this.getTargetArray(this.props.id),kn=ln.some(function(No){return No===et.currentTarget});if(!kn)return}var yr=this.props,Jn=yr.multiline,Xn=yr.getContent,br=et.currentTarget.getAttribute("data-tip"),Ir=et.currentTarget.getAttribute("data-multiline")||Jn||!1,Dr=et instanceof window.FocusEvent||Bt,io=!0;et.currentTarget.getAttribute("data-scroll-hide")?io=et.currentTarget.getAttribute("data-scroll-hide")==="true":this.props.scrollHide!=null&&(io=this.props.scrollHide);var bo=et.currentTarget.getAttribute("data-place")||this.props.place||"top",Fr=Dr&&"solid"||this.getEffect(et.currentTarget),no=et.currentTarget.getAttribute("data-offset")||this.props.offset||{},Do=Wt(et,et.currentTarget,this.tooltipRef,bo,bo,Fr,no);Do.position&&this.props.overridePosition&&(Do.position=this.props.overridePosition(Do.position,et.currentTarget,this.tooltipRef,bo,bo,Fr,no));var Yo=Do.isNewState?Do.newState.place:bo;this.clearTimer();var $o=et.currentTarget,Zo=this.state.show?$o.getAttribute("data-delay-update")||this.props.delayUpdate:0,Po=this,Ko=function(){Po.setState({originTooltip:br,isMultiline:Ir,desiredPlace:bo,place:Yo,type:$o.getAttribute("data-type")||Po.props.type||"dark",effect:Fr,offset:no,html:$o.getAttribute("data-html")?$o.getAttribute("data-html")==="true":Po.props.html||!1,delayShow:$o.getAttribute("data-delay-show")||Po.props.delayShow||0,delayHide:$o.getAttribute("data-delay-hide")||Po.props.delayHide||0,delayUpdate:$o.getAttribute("data-delay-update")||Po.props.delayUpdate||0,border:$o.getAttribute("data-border")?$o.getAttribute("data-border")==="true":Po.props.border||!1,extraClass:$o.getAttribute("data-class")||Po.props.class||Po.props.className||"",disable:$o.getAttribute("data-tip-disable")?$o.getAttribute("data-tip-disable")==="true":Po.props.disable||!1,currentTarget:$o},function(){io&&Po.addScrollListener(Po.state.currentTarget),Po.updateTooltip(et),Xn&&Array.isArray(Xn)&&(Po.intervalUpdateContent=setInterval(function(){if(Po.mount){var ta=Po.props.getContent,aa=Ct(br,"",ta[0](),Ir),na=Po.isEmptyTip(aa);Po.setState({isEmptyTip:na}),Po.updatePosition()}},Xn[1]))})};Zo?this.delayReshow=setTimeout(Ko,Zo):Ko()}},{key:"updateTooltip",value:function(et){var Bt=this,ln=this.state,kn=ln.delayShow,yr=ln.disable,Jn=this.props.afterShow,Xn=this.getTooltipContent(),br=parseInt(kn,10),Ir=et.currentTarget||et.target;if(!this.mouseOnToolTip()&&!(this.isEmptyTip(Xn)||yr)){var Dr=function(){if(Array.isArray(Xn)&&Xn.length>0||Xn){var bo=!Bt.state.show;Bt.setState({currentEvent:et,currentTarget:Ir,show:!0},function(){Bt.updatePosition(),bo&&Jn&&Jn(et)})}};clearTimeout(this.delayShowLoop),kn?this.delayShowLoop=setTimeout(Dr,br):Dr()}}},{key:"listenForTooltipExit",value:function(){var et=this.state.show;et&&this.tooltipRef&&this.tooltipRef.addEventListener("mouseleave",this.hideTooltip)}},{key:"removeListenerForTooltipExit",value:function(){var et=this.state.show;et&&this.tooltipRef&&this.tooltipRef.removeEventListener("mouseleave",this.hideTooltip)}},{key:"hideTooltip",value:function(et,Bt){var ln=this,kn=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{isScroll:!1},yr=this.state.disable,Jn=kn.isScroll,Xn=Jn?0:this.state.delayHide,br=this.props.afterHide,Ir=this.getTooltipContent();if(!!this.mount&&!(this.isEmptyTip(Ir)||yr)){if(Bt){var Dr=this.getTargetArray(this.props.id),io=Dr.some(function(Fr){return Fr===et.currentTarget});if(!io||!this.state.show)return}var bo=function(){var no=ln.state.show;if(ln.mouseOnToolTip()){ln.listenForTooltipExit();return}ln.removeListenerForTooltipExit(),ln.setState({show:!1},function(){ln.removeScrollListener(),no&&br&&br(et)})};this.clearTimer(),Xn?this.delayHideLoop=setTimeout(bo,parseInt(Xn,10)):bo()}}},{key:"hideTooltipOnScroll",value:function(et,Bt){this.hideTooltip(et,Bt,{isScroll:!0})}},{key:"addScrollListener",value:function(et){var Bt=this.isCapture(et);window.addEventListener("scroll",this.hideTooltipOnScroll,Bt)}},{key:"removeScrollListener",value:function(){window.removeEventListener("scroll",this.hideTooltipOnScroll)}},{key:"updatePosition",value:function(){var et=this,Bt=this.state,ln=Bt.currentEvent,kn=Bt.currentTarget,yr=Bt.place,Jn=Bt.desiredPlace,Xn=Bt.effect,br=Bt.offset,Ir=this.tooltipRef,Dr=Wt(ln,kn,Ir,yr,Jn,Xn,br);if(Dr.position&&this.props.overridePosition&&(Dr.position=this.props.overridePosition(Dr.position,ln,kn,Ir,yr,Jn,Xn,br)),Dr.isNewState)return this.setState(Dr.newState,function(){et.updatePosition()});Ir.style.left=Dr.position.left+"px",Ir.style.top=Dr.position.top+"px"}},{key:"clearTimer",value:function(){clearTimeout(this.delayShowLoop),clearTimeout(this.delayHideLoop),clearTimeout(this.delayReshow),clearInterval(this.intervalUpdateContent)}},{key:"render",value:function(){var et=this,Bt=this.state,ln=Bt.extraClass,kn=Bt.html,yr=Bt.ariaProps,Jn=Bt.disable,Xn=this.getTooltipContent(),br=this.isEmptyTip(Xn),Ir="__react_component_tooltip"+(this.state.show&&!Jn&&!br?" show":"")+(this.state.border?" border":"")+" place-".concat(this.state.place)+" type-".concat(this.state.type)+(this.props.delayUpdate?" allow_hover":"")+(this.props.clickable?" allow_click":""),Dr=this.props.wrapper;Ye.supportedWrappers.indexOf(Dr)<0&&(Dr=Ye.defaultProps.wrapper);var io=[Ir,ln].filter(Boolean).join(" ");return kn?e().createElement(Dr,E({className:io,id:this.props.id,ref:function(Fr){return et.tooltipRef=Fr}},yr,{"data-id":"tooltip",dangerouslySetInnerHTML:{__html:Xn}})):e().createElement(Dr,E({className:io,id:this.props.id},yr,{ref:function(Fr){return et.tooltipRef=Fr},"data-id":"tooltip"}),Xn)}}],[{key:"getDerivedStateFromProps",value:function(et,Bt){var ln=Bt.ariaProps,kn=pt(et),yr=Object.keys(kn).some(function(Jn){return kn[Jn]!==ln[Jn]});return yr?o({},Bt,{ariaProps:kn}):null}}]),Ye}(e().Component),_(Nt,"propTypes",{children:ye.any,place:ye.string,type:ye.string,effect:ye.string,offset:ye.object,multiline:ye.bool,border:ye.bool,insecure:ye.bool,class:ye.string,className:ye.string,id:ye.string,html:ye.bool,delayHide:ye.number,delayUpdate:ye.number,delayShow:ye.number,event:ye.string,eventOff:ye.string,watchWindow:ye.bool,isCapture:ye.bool,globalEventOff:ye.string,getContent:ye.any,afterShow:ye.func,afterHide:ye.func,overridePosition:ye.func,disable:ye.bool,scrollHide:ye.bool,resizeHide:ye.bool,wrapper:ye.string,bodyMode:ye.bool,possibleCustomEvents:ye.string,possibleCustomEventsOff:ye.string,clickable:ye.bool}),_(Nt,"defaultProps",{insecure:!0,resizeHide:!0,wrapper:"div",clickable:!1}),_(Nt,"supportedWrappers",["div","span"]),_(Nt,"displayName","ReactTooltip"),Lt))||Dt)||Dt)||Dt)||Dt)||Dt)||Dt)||Dt,Pn=Zt,Tn=w("webpack/sharing/consume/default/@cloudflare/intl-react/@cloudflare/intl-react"),le=w("../../../../node_modules/@cloudflare/util-formatters/es/index.js"),ut=w("../../../../node_modules/d3-scale/src/index.js"),Q=w("../../../../node_modules/d3-shape/index.js"),He=w("../../../../node_modules/polished/dist/polished.esm.js"),Ge=w("../../../../node_modules/@cloudflare/style-const/es/index.js"),Xt=w("../../../../node_modules/@cloudflare/style-container/es/index.js"),Cn=w("../../../../node_modules/@cloudflare/util-responsive/es/index.js"),At=w("../../../../node_modules/@cloudflare/util-color/es/index.js"),Se=w("../../../../node_modules/styled-system/dist/index.esm.js"),se=w("../../../../node_modules/@styled-system/core/dist/index.esm.js");function ie(tt,Ye){var De=Object.keys(tt);if(Object.getOwnPropertySymbols){var et=Object.getOwnPropertySymbols(tt);Ye&&(et=et.filter(function(Bt){return Object.getOwnPropertyDescriptor(tt,Bt).enumerable})),De.push.apply(De,et)}return De}function be(tt){for(var Ye=1;Ye{var Ye=(0,Se.borders)(tt);return Object.entries(Ye).reduce((De,et)=>{var[Bt,ln]=et;if(zn.has(Bt)){var[kn,yr]=ln.split(" ");return De["".concat(Bt,"Width")]=kn,De["".concat(Bt,"Style")]=yr,De}return De[Bt]=ln,De},{})},So=(0,se.system)({gap:{scale:"space",property:"gap"},rowGap:{scale:"space",property:"rowGap"}