@progress/kendo-react-charts/tooltip/Popup.js

React Chart renders a wide range of high-quality data visualizations. KendoReact Charts package

/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),h=require("@progress/kendo-charts"),f=require("../events/dom-event.js"),d=require("../utils/index.js"),m=require("@progress/kendo-react-popup"),v=require("../ChartContext.js");function O(n){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(o,e,t.get?t:{enumerable:!0,get:()=>n[e]})}}return o.default=n,Object.freeze(o)}const s=O(l),b={horizontal:"fit",vertical:"fit"},C="k-chart-tooltip",y="k-chart-tooltip-wrapper",a=class a extends s.Component{constructor(o){super(o),this.context=null,this.element=null,this.onChartMouseLeave=e=>{const{syntheticEvent:t}=e;return!!d.hasParent(t.relatedTarget,this.element)},this.onMouseLeave=e=>{const t=f.toDomEvent(this,e);this.context.childrenObserver.trigger("onMouseLeave",t)&&e.preventDefault()},this.popupRef=e=>{this.element=e;const t=e&&e.closest(".k-animation-container");t&&(t.style.transition="initial")},this.chartObserver=new h.InstanceObserver(this,{onMouseLeave:"onChartMouseLeave"})}componentDidMount(){var o;(o=this.context)==null||o.observersStore.dispatch({type:"add",payload:this.chartObserver})}render(){const{popupShown:o,popupAlign:e,popupOffset:t,popupStyles:i,popupContent:c,className:p}=this.props,u=[C,p].join(" ").trim();return s.createElement(m.Popup,{animate:!1,popupAlign:e,offset:t,show:o,collision:b,className:y},s.createElement("div",{className:u,style:i,onMouseLeave:this.onMouseLeave,ref:this.popupRef},c()))}componentWillUnmount(){this.context.observersStore.dispatch({type:"remove",payload:this.chartObserver})}};a.contextType=v.ChartContext;let r=a;exports.TooltipPopup=r;