@progress/kendo-react-charts 7.2.4-develop.2 → 7.2.4-develop.4

package/index.js

@@ -1,65 +1,8 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Je=require("react"),o=require("prop-types"),A=require("@progress/kendo-react-intl"),v=require("@progress/kendo-charts"),C=require("@progress/kendo-react-common"),Qe=require("@progress/kendo-react-popup"),et=require("@progress/kendo-react-layout"),tt=require("@progress/kendo-svg-icons");function st(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,r.get?r:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const n=st(Je);function Z(t,e){let s=t;for(;s&&s!==e;)s=s.parentNode;return!!s}function x(t,e,s,r){const a=t[e];if(a&&Array.isArray(a)){for(let i of a)if(!i.type||i.type!==r)return new Error(`${s} children should be Array of type ${r.displayName}.`)}return null}const $=t=>t===void 0?!1:!t,rt=t=>({x:{location:t.pageX},y:{location:t.pageY}}),nt=(t,e)=>{const s=t.pointers,r=s[0],a=r.pageX,i=r.pageY;let c=0;if(s.length>1){const h=s[0],u=s[1];c=Math.sqrt(Math.pow(h.pageX-u.pageX,2)+Math.pow(h.pageY-u.pageY,2))}return{distance:c,event:t.srcEvent,preventDefault:function(){t.preventDefault()},target:t.target,touches:s.map(rt),type:t.type,x:{delta:e?a-e.x.location:0,initialDelta:t.deltaX,location:a,startLocation:a-t.deltaX},y:{delta:e?i-e.y.location:0,initialDelta:t.deltaY,location:i,startLocation:i-t.deltaY}}};function at(t,e){for(let s=0;s<t.length;s++)if(e[t[s]])return!0;return!1}const U=[{end:"panend",move:"panmove",start:"panstart"},{gesturechange:"pinchmove",gestureend:"pinchend",gesturestart:"pinchstart"},{press:"press"},{tap:"tap"}];class it{constructor(e,s){this.hammerInstance=e,this.eventHandlers={},this.tap=this.tap.bind(this),this.press=this.press.bind(this),this.panstart=this.panstart.bind(this),this.panmove=this.panmove.bind(this),this.panend=this.panend.bind(this),this.pinchstart=this.pinchstart.bind(this),this.pinchmove=this.pinchmove.bind(this),this.pinchend=this.pinchend.bind(this),s&&this.bind(s)}tap(e){this.trigger("tap",e)}press(e){this.trigger("press",e)}panstart(e){delete this.previous,this.previous=this.trigger("start",e)}panmove(e){this.previous=this.trigger("move",e)}panend(e){this.trigger("end",e),delete this.previous}pinchstart(e){this.trigger("gesturestart",e)}pinchmove(e){this.trigger("gesturechange",e)}pinchend(e){this.trigger("gestureend",e)}trigger(e,s){const r=nt(s,this.previous);return this.eventHandlers[e]&&this.eventHandlers[e](r),r}bind(e={}){this.unbind(),this.eventHandlers=e;for(let s=0;s<U.length;s++){const r=U[s],a=Object.keys(r);if(at(a,e))for(let i=0;i<a.length;i++){const c=r[a[i]];this.hammerInstance.on(c,this[c])}}}unbind(){this.hammerInstance&&this.hammerInstance.off(),this.eventHandlers={}}destroy(){this.hammerInstance&&(this.hammerInstance.destroy(),delete this.hammerInstance),delete this.eventHandlers}toggleDrag(e){this.toggle("pan",e)}toggleZoom(e){this.toggle("pinch",e)}toggle(e,s){this.hammerInstance&&this.hammerInstance.get(e).set({enable:s})}}const ot="Hammerjs is not loaded.Solution: http://www.telerik.com/kendo-react-ui/components/charts/troubleshooting/#toc-installation";class lt{static create(e,s){if(typeof window!="undefined"){const r=window.Hammer;if(!r){process.env.NODE_ENV!=="production"&&console.warn(ot);return}const a=new r(e,{recognizers:[[r.Tap],[r.Pan],[r.Pinch],[r.Press,{time:0}]]});return new it(a,s)}}}class f{constructor(e){this.target=e}}class G extends f{constructor(e,s){super(s),this.axis=e.axis,this.dataItem=e.dataItem,this.index=e.index,this.text=e.text,this.value=e.value}}class y extends f{constructor(){super(...arguments),this.prevented=!1}preventDefault(){this.prevented=!0}isDefaultPrevented(){return this.prevented}}class J extends y{constructor(e,s){super(s),this.axisRanges=e.axisRanges,this.nativeEvent=e.originalEvent}}class Q extends f{constructor(e,s){super(s),this.axisRanges=e.axisRanges,this.nativeEvent=e.originalEvent}}class ee extends y{constructor(e,s){super(s),this.axisRanges=e.axisRanges,this.nativeEvent=e.originalEvent}}class N extends f{constructor(e,s){super(s),this.value=e.value,this.point=e.point,this.series=e.series,this.currentState=e.currentState,this.nextState=e.nextState}}class te extends y{constructor(e,s){super(s),this.series=e.series,this.seriesIndex=e.seriesIndex,this.pointIndex=e.pointIndex,this.text=e.text}preventDefault(){super.preventDefault()}}class se extends y{constructor(e,s){super(s),this.series=e.series,this.seriesIndex=e.seriesIndex,this.pointIndex=e.pointIndex,this.text=e.text}preventDefault(){super.preventDefault()}}class ct extends y{constructor(e,s){super(s),this.series=e.series,this.seriesIndex=e.seriesIndex,this.pointIndex=e.pointIndex,this.text=e.text}preventDefault(){super.preventDefault()}}class re extends f{constructor(e,s){super(s),this.from=e.from,this.to=e.to}}class ne extends f{constructor(e,s){super(s),this.category=e.category,this.dataItem=e.dataItem,this.series=e.series,this.value=e.value,this.visual=e.visual}}class ae extends f{constructor(e,s){super(s),this.category=e.category,this.dataItem=e.dataItem,this.series=e.series,this.value=e.value,this.visual=e.visual}}class ie extends f{constructor(e,s){super(s),this.category=e.category,this.nativeEvent=e.originalEvent,this.value=e.value,this.x=e.x,this.y=e.y}}class oe extends f{constructor(e,s){super(s),this.category=e.category,this.nativeEvent=e.originalEvent,this.value=e.value,this.x=e.x,this.y=e.y}}class le extends f{constructor(e,s){super(s)}}class ce extends y{constructor(e,s){super(s),this.axis=e.axis,this.from=e.from,this.to=e.to}}class he extends f{constructor(e,s){super(s),this.axis=e.axis,this.from=e.from,this.to=e.to}}class ue extends y{constructor(e,s){super(s),this.axis=e.axis,this.from=e.from,this.to=e.to}}class de extends f{constructor(e,s){super(s),this.category=e.category,this.dataItem=e.dataItem,this.nativeEvent=e.originalEvent,this.percentage=e.percentage,this.point=e.point,this.series=e.series,this.stackValue=e.stackValue,this.value=e.value}}class pe extends y{constructor(e,s){super(s),this.category=e.category,this.categoryPoints=e.categoryPoints,this.dataItem=e.dataItem,this.nativeEvent=e.originalEvent,this.percentage=e.percentage,this.point=e.point,this.series=e.series,this.stackValue=e.stackValue,this.value=e.value}}class me extends y{constructor(e,s){super(s),this.axisRanges=e.axisRanges,this.delta=e.delta,this.nativeEvent=e.originalEvent}}class ve extends f{constructor(e,s){super(s),this.axisRanges=e.axisRanges,this.nativeEvent=e.originalEvent}}class Ce extends y{constructor(e,s){super(s),this.axisRanges=e.axisRanges,this.nativeEvent=e.originalEvent}}const X={axisLabelClick:G,drag:J,dragEnd:Q,dragStart:ee,drilldownEvent:N,legendItemHover:te,legendItemClick:se,legendItemLeave:ct,navigatorFilter:re,noteClick:ne,noteHover:ae,plotAreaClick:ie,plotAreaHover:oe,render:le,select:ce,selectEnd:he,selectStart:ue,seriesClick:de,seriesHover:pe,zoom:me,zoomEnd:ve,zoomStart:Ce};function ht(t,e,s){if(X[t])return new X[t](e,s)}class ut{constructor(e,s){this.sender=e,this.syntheticEvent=s}}function fe(t,e){return new ut(t,e)}const E=t=>`${t.fontWeight} ${t.fontSize} ${t.fontFamily}`,Y=t=>window.getComputedStyle(t).backgroundColor,dt=t=>t.toLowerCase().charCodeAt(0)-"a".charCodeAt(0),pt=t=>{const e=t.match(/series-([a-z])$/);if(e!==null)return dt(e[1]);const s=t.split("--series-")[1];return parseInt(s,10)-1},mt=30,vt=()=>{let t=`
-      <div class="k-var--series-a"></div>
-      <div class="k-var--series-b"></div>
-      <div class="k-var--series-c"></div>
-      <div class="k-var--series-d"></div>
-      <div class="k-var--series-e"></div>
-      <div class="k-var--series-f"></div>
-`;for(let e=0;e<mt;e++)t+=`
-      <div class="k-var--series-${e+1}"></div>`;return t},Ct=`
-    <div class="k-var--primary"></div>
-    <div class="k-var--base"></div>
-    <div class="k-var--background"></div>
-
-    <div class="k-var--normal-background"></div>
-    <div class="k-var--normal-text-color"></div>
-    <div class="k-var--hover-background"></div>
-    <div class="k-var--hover-text-color"></div>
-    <div class="k-var--selected-background"></div>
-    <div class="k-var--selected-text-color"></div>
-    <div class="k-var--chart-error-bars-background"></div>
-    <div class="k-var--chart-notes-background"></div>
-    <div class="k-var--chart-notes-border"></div>
-    <div class="k-var--chart-notes-lines"></div>
-    <div class="k-var--chart-crosshair-background"></div>
-
-    <div class="k-var--chart-inactive"></div>
-    <div class="k-var--chart-major-lines"></div>
-    <div class="k-var--chart-minor-lines"></div>
-    <div class="k-var--chart-area-opacity"></div>
-    <div class="k-var--chart-area-inactive-opacity"></div>
-    <div class="k-var--chart-line-inactive-opacity"></div>
-
-    <div class="k-widget k-chart">
-        <div class="k-var--chart-font"></div>
-        <div class="k-var--chart-title-font"></div>
-        <div class="k-var--chart-pane-title-font"></div>
-        <div class="k-var--chart-label-font"></div>
-    </div>
-
-    <div class="k-var--series-unset"></div>
-    <div class="k-var--series">
-      ${vt()}
-    </div>
-`;let ft=class{constructor(e){this.store=e}setStyle(e,s){this.store.dispatch({type:"set",payload:{field:e,value:s}})}setColors(){this.mapColor("axisDefaults.crosshair.color","chart-crosshair-background"),this.mapColor("axisDefaults.labels.color","normal-text-color"),this.mapColor("axisDefaults.line.color","chart-major-lines"),this.mapColor("axisDefaults.majorGridLines.color","chart-major-lines"),this.mapColor("axisDefaults.minorGridLines.color","chart-minor-lines"),this.mapColor("axisDefaults.notes.icon.background","chart-notes-background"),this.mapColor("axisDefaults.notes.icon.border.color","chart-notes-border"),this.mapColor("axisDefaults.notes.line.color","chart-notes-lines"),this.mapColor("axisDefaults.title.color","normal-text-color"),this.mapColor("chartArea.background","background"),this.mapColor("legend.inactiveItems.labels.color","chart-inactive"),this.mapColor("legend.inactiveItems.markers.color","chart-inactive"),this.mapColor("legend.labels.color","normal-text-color"),this.mapColor("seriesDefaults.boxPlot.downColor","chart-major-lines"),this.mapColor("seriesDefaults.boxPlot.mean.color","base"),this.mapColor("seriesDefaults.boxPlot.median.color","base"),this.mapColor("seriesDefaults.boxPlot.whiskers.color","primary"),this.mapColor("seriesDefaults.bullet.target.color","normal-text-color"),this.mapColor("seriesDefaults.candlestick.downColor","normal-text-color"),this.mapColor("seriesDefaults.candlestick.line.color","normal-text-color"),this.mapColor("seriesDefaults.errorBars.color","chart-error-bars-background"),this.mapColor("seriesDefaults.horizontalWaterfall.line.color","chart-major-lines"),this.mapColor("seriesDefaults.icon.border.color","chart-major-lines"),this.mapColor("seriesDefaults.labels.background","background"),this.mapColor("seriesDefaults.labels.color","normal-text-color"),this.mapColor("seriesDefaults.notes.icon.background","chart-notes-background"),this.mapColor("seriesDefaults.notes.icon.border.color","chart-notes-border"),this.mapColor("seriesDefaults.notes.line.color","chart-notes-lines"),this.mapColor("seriesDefaults.verticalBoxPlot.downColor","chart-major-lines"),this.mapColor("seriesDefaults.verticalBoxPlot.mean.color","base"),this.mapColor("seriesDefaults.verticalBoxPlot.median.color","base"),this.mapColor("seriesDefaults.verticalBoxPlot.whiskers.color","primary"),this.mapColor("seriesDefaults.verticalBullet.target.color","normal-text-color"),this.mapColor("seriesDefaults.waterfall.line.color","chart-major-lines"),this.mapColor("title.color","normal-text-color"),this.mapColor("subtitle.color","normal-text-color");const e=parseFloat(this.queryStyle("chart-area-opacity").opacity);isNaN(e)||(this.setStyle("seriesDefaults.area.opacity",e),this.setStyle("seriesDefaults.radarArea.opacity",e),this.setStyle("seriesDefaults.verticalArea.opacity",e),this.setStyle("seriesDefaults.labels.opacity",e)),this.setInactiveOpacity(["area","verticalArea"],"chart-area-inactive-opacity"),this.setInactiveOpacity(["line","verticalLine"],"chart-line-inactive-opacity")}setFonts(){const e=E(this.queryStyle("chart-font")),s=E(this.queryStyle("chart-title-font")),r=E(this.queryStyle("chart-pane-title-font")),a=E(this.queryStyle("chart-label-font"));this.setStyle("axisDefaults.labels.font",a),this.setStyle("axisDefaults.notes.label.font",e),this.setStyle("axisDefaults.title.font",e),this.setStyle("legend.labels.font",e),this.setStyle("seriesDefaults.labels.font",a),this.setStyle("seriesDefaults.notes.label.font",e),this.setStyle("title.font",s),this.setStyle("subtitle.font",r),this.setStyle("paneDefaults.title.font",r)}setSeriesColors(){const e=this.element,s=[].slice.call(e.querySelectorAll(".k-var--series div")),r=Y(e.querySelector(".k-var--series-unset")),a=s.reduce((i,c)=>{const h=pt(c.className),u=Y(c);return u!==r&&(i[h]=u),i},[]);this.setStyle("seriesColors",a)}mapColor(e,s){this.setStyle(e,this.queryStyle(s).backgroundColor)}queryStyle(e){const s=this.element;return window.getComputedStyle(s.querySelector(`.k-var--${e}`))}setInactiveOpacity(e,s){const r=parseFloat(this.queryStyle(s).opacity);!isNaN(r)&&r<1&&e.forEach(a=>this.setStyle(`seriesDefaults.${a}.highlight.inactiveOpacity`,r))}};const yt=(t,e,s)=>{const r=new ft(t);if(typeof s=="undefined"){t.dispatch({type:"push",payload:v.chartBaseTheme()});return}const a=r.element=s.createElement("div");a.style.display="none",a.innerHTML=Ct,s.body.appendChild(a);try{t.dispatch({type:"push",payload:v.chartBaseTheme()}),r.setColors(),r.setFonts(),r.setSeriesColors()}finally{s.body.removeChild(r.element),delete r.element,e()}},gt=1e3/60,bt=t=>{let e,s,r=[];const a=()=>e,i=h=>{e=t(e,h),C.canUseDOM&&(window.clearTimeout(s),s=window.setTimeout(()=>r.forEach(u=>u()),gt))},c=h=>(r.push(h),()=>r=r.filter(u=>u!==h));return i({}),{getState:a,dispatch:i,subscribe:c}},I=bt,ye=(t,e)=>e.chartCollectionIdxKey?w.collectionConfigurationItem(t,e):e.chartKey?w.configurationItem(t,e):{},xt=(t,e)=>{if(e.type)switch(e.type){case"set":return w.themeItem(t,e);case"push":return Object.assign(t,e.payload);default:return t}else return{}},St=(t,e)=>{if(e.type)switch(e.type){case"add":return[...t,e.payload];case"remove":return t.filter(s=>s!==e.payload);default:return t}else return[]},w={configurationItem(t,e){return Object.assign(t,{[e.chartKey]:e.payload})},collectionConfigurationItem(t,e){let s=!1;const[r,a]=e.chartCollectionIdxKey.split("_"),i=t[r].map((c,h)=>parseInt(a,10)===h?(s=!0,e.payload):c);return s===!1&&i.splice(parseInt(a,10),0,e.payload),Object.assign(t,{[r]:i})},themeItem(t,e){let s={},r=Object.assign(s,t);const{field:a,value:i}=e.payload,c=a.split(".");let h=c.shift();for(;c.length>0;)s=s[h]=s[h]||{},h=c.shift();return s[h]=i,r}};class D{constructor(e,s){this.value=e.value,this.category=e.category,this.categoryIndex=e.categoryIx,this.series=e.series,this.dataItem=e.dataItem,this.percentage=e.percentage,this.runningTotal=e.runningTotal,this.total=e.total,this.low=e.low,this.high=e.high,this.xLow=e.xLow,this.xHigh=e.xHigh,this.yLow=e.yLow,this.yHigh=e.yHigh,this.point=e,this.format=((e.options||{}).tooltip||{}).format||s}get formattedValue(){return this.format?this.point.formatValue(this.format):String(this.value)}}const Et="k-chart-shared-tooltip-marker",ge=t=>{const{categoryText:e,colorMarker:s,colspan:r,nameColumn:a,points:i}=t,c=(h,u)=>n.createElement("tr",{key:u},s&&n.createElement("td",null,n.createElement("span",{className:Et,style:{backgroundColor:h.series.color}})),a&&n.createElement("td",null,h.series.name),n.createElement("td",{dangerouslySetInnerHTML:{__html:h.formattedValue}}));return n.createElement("table",null,n.createElement("thead",null,n.createElement("tr",null,n.createElement("th",{colSpan:r},e))),n.createElement("tbody",null,i.map(c)))},g=n.createContext(null);g.displayName="ChartContext";const It={horizontal:"fit",vertical:"fit"},kt="k-chart-tooltip",Tt="k-chart-tooltip-wrapper";class k extends n.Component{constructor(e,s){super(e,s),this.context=null,this.element=null,this.onChartMouseLeave=r=>{const{syntheticEvent:a}=r;return!!Z(a.relatedTarget,this.element)},this.onMouseLeave=r=>{const a=fe(this,r);this.context.childrenObserver.trigger("onMouseLeave",a)&&r.preventDefault()},this.popupRef=r=>{this.element=r;const a=r&&r.closest(".k-animation-container");a&&(a.style.transition="initial")},this.chartObserver=new v.InstanceObserver(this,{onMouseLeave:"onChartMouseLeave"}),s.observersStore.dispatch({type:"add",payload:this.chartObserver})}render(){const{popupShown:e,popupAlign:s,popupOffset:r,popupStyles:a,popupContent:i,className:c}=this.props,h=[kt,c].join(" ").trim();return n.createElement(Qe.Popup,{animate:!1,popupAlign:s,offset:r,show:e,collision:It,className:Tt},n.createElement("div",{className:h,style:a,onMouseLeave:this.onMouseLeave,ref:this.popupRef},i()))}componentWillUnmount(){this.context.observersStore.dispatch({type:"remove",payload:this.chartObserver})}}k.contextType=g;const At="k-chart-shared-tooltip",wt="k-chart-tooltip-inverse";class L extends n.Component{constructor(){super(...arguments),this.context=null,this.state={popupShown:!1},this.chartObserver=null}componentDidMount(){this.chartObserver=new v.InstanceObserver(this,{showTooltip:"onShowTooltip",hideTooltip:"onHideTooltip"}),this.context.observersStore.dispatch({type:"add",payload:this.chartObserver})}render(){const{popupContext:e,shared:s,className:r,...a}=this.state,i=this.state.popupShown?()=>{const h=this.findRenderFunction();if(s)return h!==null?h(e):n.createElement(ge,{...e});{const u=e.point,d=this.findRenderFunctionByIndex(u.series.index);return d!==null?d(e):h!==null?h(e):n.createElement("span",{dangerouslySetInnerHTML:{__html:e.point.formattedValue}})}}:Function.prototype,c=C.classNames({[At]:s,[wt]:!!r});return n.createElement(k,{...a,popupContent:i,className:c})}componentWillUnmount(){this.context.observersStore.dispatch({type:"remove",payload:this.chartObserver})}onShowTooltip(e){const{anchor:s,style:r,shared:a,className:i,crosshair:c}=e;let h;c||(a?h=this.createSharedTooltipContext(e):h=this.createTooltipContext(e),this.setState({popupShown:!0,popupAlign:s.align,popupOffset:s.point,popupContext:h,popupStyles:r,className:i,shared:a}))}onHideTooltip(){this.setState({popupShown:!1,popupStyles:{},className:void 0})}createSharedTooltipContext(e){const{points:s,categoryText:r}=e,a=s.filter(h=>typeof h.series.name!="undefined").length>0,i=e.series.length>1;let c=1;return a&&c++,i&&c++,{categoryText:r,colorMarker:i,colspan:c,nameColumn:a,points:e.points.map(h=>new D(h,e.format))}}createTooltipContext(e){const{point:s,format:r}=e;return{point:new D(s,r)}}findRenderFunctionByIndex(e){const s=this.context.optionsStore.getState().series;return s!==void 0&&Array.isArray(s)&&s[e]!==void 0&&s[e].hasOwnProperty("tooltip")&&s[e].tooltip.hasOwnProperty("render")?s[e].tooltip.render:null}findRenderFunction(){const e=this.context.optionsStore.getState().tooltip;return e!==void 0&&e.hasOwnProperty("render")?e.render:null}}L.contextType=g;const be=t=>t.children;be.displayName="Container";const Dt="k-chart-crosshair-tooltip",_t="k-chart-tooltip-inverse";class O extends n.Component{constructor(e,s){super(e,s),this.context=null,this.state={popupShown:!1},this.chartObserver=new v.InstanceObserver(this,{showTooltip:"onShowTooltip",hideTooltip:"onHideTooltip"}),s.observersStore.dispatch({type:"add",payload:this.chartObserver})}render(){const{popupContend:e,className:s,...r}=this.state,a=this.state.popupShown?()=>e:Function.prototype,i=C.classNames({[Dt]:!0,[_t]:!!s});return n.createElement(k,{...r,popupContent:a,className:i})}componentWillUnmount(){var e;(e=this.context)==null||e.observersStore.dispatch({type:"remove",payload:this.chartObserver})}onShowTooltip(e){const{anchor:s,style:r,className:a,crosshair:i,axisName:c,axisIndex:h,value:u}=e,{name:d,index:m}=this.props;i&&c===d&&h===m&&this.setState({popupShown:!0,popupAlign:s.align,popupOffset:s.point,popupContend:u,popupStyles:r,className:a})}onHideTooltip(){this.setState({popupShown:!1,popupStyles:{},className:void 0})}}O.contextType=g;const z=["categoryAxis","valueAxis","xAxis","yAxis"];function Nt(t){const e={};for(let s=0;s<z.length;s++){const r=Lt(t,z[s]);for(let a=0;a<r.length;a++){const i=r[a];e[i.name+i.index]=i}}return e}function Lt(t,e){const s=[];if(t[e]){const r=[].concat(t[e]);for(let a=0;a<r.length;a++){const i=(r[a].crosshair||{}).tooltip;i&&i.visible&&s.push({index:a,name:e})}}return s}class P extends n.Component{constructor(){super(...arguments),this.context=null,this.state={tooltips:{}},this.storeUnsubscriber=Function.prototype,this.subscriber=()=>{var e;this.setState({tooltips:Nt((e=this.context)==null?void 0:e.optionsStore.getState())})}}componentDidMount(){this.storeUnsubscriber=this.context.optionsStore.subscribe(this.subscriber)}render(){const{tooltips:e}=this.state,s=Object.keys(e).map(r=>n.createElement(O,{...e[r],key:r}));return n.createElement(be,null,s)}componentWillUnmount(){this.storeUnsubscriber()}}P.contextType=g;const _={name:"@progress/kendo-react-charts",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};class S extends n.Component{constructor(e){super(e),this.chartInstance=null,this.surface=null,this._element=null,this.optionsStore={},this.optionsUnsubscriber=Function.prototype,this.themeStore={},this.themeUnsubscriber=Function.prototype,this.observersStore={},this.suppressTransitions=!1,this.showLicenseWatermark=!1,this.onRender=s=>{this.chartInstance!==null&&(this.surface=s.sender.surface,this.trigger("render",s))},this.onDrilldown=s=>{var c;const{series:r}=this.optionsStore.getState(),a=r.find(h=>h.name===s.series.name);if(!a.drilldownSeriesFactory)return!0;const i="onDrilldown";if(this.props.hasOwnProperty(i)){const h={seriesName:a.name,drilldownValue:s.value},u=[...((c=this.props.drilldownState)==null?void 0:c.steps)||[],h],d=this.props.getTarget(),m={...s,currentState:this.props.drilldownState,nextState:{steps:u}},p=new N(m,d);this.props[i].call(void 0,p)}return!0},this.onLegendItemClick=s=>{if(this.chartInstance!==null)if(this.props.onLegendItemClick)this.trigger("legendItemClick",s);else{const{series:r}=this.optionsStore.getState();if(!r)return;let a={};const{seriesIndex:i,pointIndex:c}=s,h=r[i];if(c===void 0)a=Object.assign({},h,{visible:$(h.visible)});else{const u=h.pointVisibility=h.pointVisibility||[];u[c]=$(u[c]),a=Object.assign({},h)}this.optionsStore.dispatch({chartCollectionIdxKey:`series_${i}`,payload:a}),this.suppressTransitions=!0}},this.onWindowResize=()=>{this.chartInstance!==null&&this.chartInstance.resize()},this.onChartMouseLeave=s=>{const r=fe(this,s);this.triggerDomEvent("onMouseLeave",r)?s.preventDefault():this.chartInstance!==null&&this.chartInstance.hideElements()},this.onChildMouseLeave=s=>{const{syntheticEvent:r}=s;return this.chartInstance&&!Z(r.relatedTarget,this.element)&&this.chartInstance.hideElements(),!1},C.validatePackage(_),this.showLicenseWatermark=C.shouldShowValidationUI(_),this.optionsStore=I(ye),this.observersStore=I(St),this.childrenObserver=new v.InstanceObserver(this,{onMouseLeave:"onChildMouseLeave"}),this.state={optionsStore:this.optionsStore,observersStore:this.observersStore,childrenObserver:this.childrenObserver,drilldownState:{steps:[]}},this.themeStore=I(xt),this.chartObserver=new v.InstanceObserver(this,{render:"onRender",legendItemClick:"onLegendItemClick",drilldown:"onDrilldown"})}get element(){return this._element}static getDerivedStateFromProps(e,s){return{...s,drilldownState:e.drilldownState||[]}}componentDidMount(){var s;const e=((s=this._element)==null?void 0:s.ownerDocument)||document;yt(this.themeStore,this.instantiateCoreChart.bind(this),e),this.optionsUnsubscriber=this.optionsStore.subscribe(this.refresh.bind(this)),this.themeUnsubscriber=this.themeStore.subscribe(this.refresh.bind(this)),window.addEventListener("resize",this.onWindowResize)}componentWillUnmount(){this.optionsUnsubscriber(),this.themeUnsubscriber(),this.chartInstance!==null&&(this.chartInstance.destroy(),this.chartInstance=null),window.removeEventListener("resize",this.onWindowResize)}componentDidUpdate(e){const{dir:s,children:r,...a}=this.props;if(this.chartInstance!==null){const i=A.provideIntlService(this),c=this.chartInstance.chartService,h=i.locale!==c._intlService.locale,u=Object.entries(e).filter(d=>d[0]!=="dir"&&d[0]!=="children").some(d=>{const[m,p]=d;return!(a.hasOwnProperty(m)&&a[m]===p)});h&&(this.chartInstance.chartService._intlService=i,this.chartInstance.chartService.format._intlService=i,u||this.chartInstance.noTransitionsRedraw()),u&&this.refresh(),e.dir!==s&&this.chartInstance.setDirection(this.getDirection(s))}}render(){const{style:e={},className:s,wrapper:r,children:a}=this.props,i=Object.assign({},e,{position:"relative"}),c=n.createElement(r,{className:s,style:i,key:"chartElement"},n.createElement("div",{onMouseLeave:this.onChartMouseLeave,ref:h=>this._element=h,className:"k-chart-surface"},a),n.createElement(n.Fragment,null,this.showLicenseWatermark&&n.createElement(C.WatermarkOverlay,null)));return n.createElement(g.Provider,{value:this.state},n.createElement(L,{key:"seriesTooltip"}),n.createElement(P,{key:"crosshairTooltips"}),c)}getDirection(e){return(e!==void 0?e:(()=>C.canUseDOM&&window.getComputedStyle(this.element).direction)()||"ltr")==="rtl"}getChartOptions(){const{renderAs:e,pannable:s,zoomable:r,paneDefaults:a,panes:i,transitions:c,seriesColors:h,seriesDefaults:u,axisDefaults:d,deriveOptionsFromParent:m}=this.props;let p={};return e!==void 0&&(p.renderAs=e),s!==void 0&&(p.pannable=s),r!==void 0&&(p.zoomable=r),a!==void 0&&(p.paneDefaults=a),i!==void 0&&(p.panes=i),c!==void 0&&(p.transitions=c),h!==void 0&&(p.seriesColors=h),u!==void 0&&(p.seriesDefaults=u),d!==void 0&&(p.axisDefaults=d),p=Object.assign(p,this.optionsStore.getState()),m&&(p=m(p)),p}refresh(){if(this.chartInstance!==null){const e=this.themeStore.getState(),s=this.getChartOptions(),r=s.transitions;this.suppressTransitions&&(s.transitions=!1),this.props.onRefresh?this.props.onRefresh.call(void 0,s,e,this.chartInstance):this.chartInstance.setOptions(s,e),this.suppressTransitions&&(s.transitions=r,this.suppressTransitions=!1)}}instantiateCoreChart(){const{dir:e,chartConstructor:s}=this.props,r=this.getChartOptions();this.chartInstance=new s(this.element,r,this.themeStore.getState(),{rtl:this.getDirection(e),intlService:A.provideIntlService(this),observer:this.chartObserver,sender:this})}trigger(e,s){const r=this.props.getTarget(),a=ht(e,s,r),i="on"+e.charAt(0).toUpperCase()+e.slice(1),c=this.observersStore.getState();let h=!1;for(let u=0;u<c.length;u++)c[u].trigger(e,s)&&(h=!0);return h===!1&&a&&this.props.hasOwnProperty(i)?(this.props[i].call(void 0,a),a.isDefaultPrevented&&a.isDefaultPrevented()):h}requiresHandlers(e){for(let s=0;s<e.length;s++){const r=e[s],a="on"+r.charAt(0).toUpperCase()+r.slice(1);if(this.props.hasOwnProperty(a))return!0}return!1}triggerDomEvent(e,s){const r=this.observersStore.getState();let a=!1;for(let i=0;i<r.length;i++)r[i].trigger(e,s)&&(a=!0);return a}}S.propTypes={dir:o.string,renderAs:o.oneOf(["svg","canvas"])};S.defaultProps={renderAs:"svg"};A.registerForIntl(S);v.DomEventsBuilder.register(lt);class K extends n.Component{constructor(e,s){super(e,s),this.context=null,this.state={donutCenterStyles:null},this.chartObserver=new v.InstanceObserver(this,{render:"onRender"}),s.observersStore.dispatch({type:"add",payload:this.chartObserver})}render(){const{render:e}=this.props,{donutCenterStyles:s}=this.state;let r=null;return e&&s&&(r=n.createElement("div",{className:"k-chart-donut-center",style:s},n.createElement(e,null))),r}onRender(e){var m;const s=(m=this.context)==null?void 0:m.optionsStore.getState().series,r=Array.isArray(s)?s[0]:null,a=e.sender._plotArea.charts;if(!r||r.type!=="donut"||a[0].points.length===0)return;const i=a[0].points[0].sector,c=i.innerRadius,h=i.center.y-c,u=i.center.x-c,d=c*2;this.setState({donutCenterStyles:{height:d,left:u,top:h,width:d}})}}K.contextType=g;class Ot extends n.Component{constructor(){super(...arguments),this._baseChart=null,this.getTarget=()=>this}get chartInstance(){return this._baseChart!==null?this._baseChart.chartInstance:null}get surface(){return this._baseChart!==null?this._baseChart.surface:null}get element(){return this._baseChart!==null?this._baseChart.element:null}render(){const{donutCenterRender:e,children:s,className:r,...a}=this.props;return n.createElement(S,{...a,ref:i=>this._baseChart=i,chartConstructor:v.Chart,getTarget:this.getTarget,wrapper:"div",className:C.classNames("k-chart k-widget",r)},s,n.createElement(K,{render:e}))}}class Pt extends n.Component{constructor(){super(...arguments),this._baseChart=null,this.deriveOptionsFromParent=e=>{const{type:s,data:r}=this.props,a=Object.assign({},e,{type:s,data:r});return v.Sparkline.normalizeOptions(a)},this.getTarget=()=>this}get chartInstance(){return this._baseChart!==null?this._baseChart.chartInstance:null}get surface(){return this._baseChart!==null?this._baseChart.surface:null}get element(){return this._baseChart!==null?this._baseChart.element:null}render(){const{children:e,type:s,className:r,...a}=this.props;return n.createElement(S,{...a,ref:i=>this._baseChart=i,chartConstructor:v.Sparkline,getTarget:this.getTarget,wrapper:"span",deriveOptionsFromParent:this.deriveOptionsFromParent,className:C.classNames("k-sparkline k-widget",r)},e)}}const Kt={autoBindElements:!0,liveDrag:!1,partialRedraw:!0};class Rt extends n.Component{constructor(){super(...arguments),this._baseChart=null,this.deriveOptionsFromParent=e=>{const s=Object.assign({},e.navigator||{},Kt);return Object.assign({},e,{navigator:s})},this.onRefresh=(e,s,r)=>{this.props.partialRedraw?(r.applyOptions(e),r.bindCategories(),r.navigator.redrawSlaves()):r.setOptions(e,s)},this.getTarget=()=>this}get chartInstance(){return this._baseChart!==null?this._baseChart.chartInstance:null}get surface(){return this._baseChart!==null?this._baseChart.surface:null}get element(){return this._baseChart!==null?this._baseChart.element:null}render(){const{children:e,className:s,...r}=this.props;return n.createElement(S,{...r,ref:a=>this._baseChart=a,chartConstructor:v.StockChart,getTarget:this.getTarget,wrapper:"div",deriveOptionsFromParent:this.deriveOptionsFromParent,onRefresh:this.onRefresh,className:C.classNames("k-stockchart k-widget",s)},e)}}class b extends n.Component{constructor(e,s){super(e,s),this.optionsStore=s.optionsStore}renderChildren(e,s){const{children:r}=e.props,{_chartKey:a,_parentStore:i}=this.props,c={...e.props,_chartCollectionIdxKey:`${a}_${s}`,_parentStore:i};return n.cloneElement(e,c,r)}render(){const{_chartKey:e,_parentStore:s,children:r}=this.props;return(s||this.optionsStore).dispatch({chartKey:e,payload:[]}),n.Children.map(r,(i,c)=>n.isValidElement(i)?this.renderChildren(i,c):i)}}b.contextType=g;class l extends n.Component{constructor(e,s){super(e,s),this.optionsStore=s.optionsStore,this.childStore=I(ye)}render(){const{children:e}=this.props;return e!==void 0?n.Children.map(e,s=>n.isValidElement(s)?this.renderChildren(s):s):null}componentDidMount(){this.dispatch()}componentDidUpdate(){this.dispatch()}dispatch(){const{_chartKey:e,_chartCollectionIdxKey:s,_parentStore:r,children:a,...i}=this.props;(r||this.optionsStore).dispatch({chartKey:e,chartCollectionIdxKey:s,payload:Object.assign({},i,this.childStore.getState())})}renderChildren(e){const{children:s}=e.props,r={...e.props,_parentStore:this.childStore};return n.cloneElement(e,r,s)}}l.contextType=g;class xe{constructor(e){this.currentState=e.currentState,this.nextState=e.nextState}}const T=n.forwardRef((t,e)=>{const s=n.useRef(null),r=n.useRef(null);n.useImperativeHandle(s,()=>({element:r.current,props:t})),n.useImperativeHandle(e,()=>s.current);let i=[{id:"0",...t.rootItem||{text:"Home",icon:n.createElement(C.SvgIcon,{icon:tt.homeIcon,style:{marginInlineEnd:"4px"}})}}];t.drilldownState&&(i=[...i,...t.drilldownState.steps.map((u,d)=>({id:(d+1).toString(),text:u.drilldownValue}))]);const c={...t,data:i},h=u=>{var m;const d="onDrilldownStateChange";if(t.hasOwnProperty(d)){const p=i.findIndex(Ge=>Ge.id===u.id),We={steps:(((m=t.drilldownState)==null?void 0:m.steps)||[]).slice(0,p)},Ze=new xe({currentState:t.drilldownState,nextState:We});t[d].call(void 0,Ze)}};return n.createElement("div",null,n.createElement(et.Breadcrumb,{...c,onItemSelect:h}))}),Ft={id:o.string,style:o.object,className:o.string,breadcrumbOrderedList:o.elementType,breadcrumbListItem:o.elementType,breadcrumbDelimiter:o.elementType,breadcrumbLink:o.elementType,dir:o.oneOf(["ltr","rtl"]),disabled:o.bool,valueField:o.string,textField:o.string,iconField:o.string,iconClassField:o.string,onItemSelect:o.func,ariaLabel:o.string,onDrilldownStateChange:o.func,drilldownState:o.shape({steps:o.array}),rootItem:o.object},Ht={valueField:"id",textField:"text",iconField:"icon",iconClassField:"iconClass",data:[]};T.displayName="KendoReactChartBreadcrumb";T.propTypes=Ft;T.defaultProps=Ht;const Mt=t=>n.createElement(l,{...t,_chartKey:"chartArea"}),Vt=t=>n.createElement(l,{...t,_chartKey:"axisDefaults"}),R=t=>n.createElement(l,{...t});R.displayName="ChartCategoryAxisItem";const Se=t=>n.createElement(b,{...t,_chartKey:"categoryAxis"});Se.propTypes={children:function(t,e,s){return x(t,e,s,R)}};const jt=t=>n.createElement(l,{visible:!0,...t,_chartKey:"legend"}),qt=t=>n.createElement(l,{visible:!0,position:"bottom",...t,_chartKey:"navigator"}),F=t=>n.createElement(l,{...t});F.displayName="ChartPane";const Ee=t=>n.createElement(l,{...t,_chartKey:"paneDefaults"});Ee.displayName="ChartPaneDefaults";const Ie=t=>n.createElement(b,{...t,_chartKey:"panes"});Ie.propTypes={children:function(t,e,s){return x(t,e,s,F)}};const Bt=t=>n.createElement(l,{...t,_chartKey:"plotArea"}),H=t=>{let e=r=>n.createElement(n.Fragment,null);t.drilldownSeriesFactory&&(e=t.drilldownSeriesFactory);const s=r=>{var a,i;return r&&((i=(a=r.drilldownState)==null?void 0:a.steps)==null?void 0:i.find(({seriesName:c})=>c===t.name))};return n.createElement(g.Consumer,null,r=>s(r)?n.createElement(e,{_chartCollectionIdxKey:t._chartCollectionIdxKey,drilldownValue:s(r).drilldownValue}):n.createElement(l,{...t}))};H.displayName="ChartSeriesItem";const ke=t=>n.createElement(b,{...t,_chartKey:"series"});ke.propTypes={children:function(t,e,s){return x(t,e,s,H)}};const $t=t=>n.createElement(l,{...t,_chartKey:"seriesDefaults"}),Ut=t=>n.createElement(l,{...t,_chartKey:"subtitle"}),Xt=t=>n.createElement(l,{...t,_chartKey:"title"}),Yt=t=>n.createElement(l,{visible:!0,...t,_chartKey:"tooltip"}),M=t=>n.createElement(l,{...t});M.displayName="ChartValueAxisItem";const Te=t=>n.createElement(b,{...t,_chartKey:"valueAxis"});Te.propTypes={children:function(t,e,s){return x(t,e,s,M)}};const V=t=>n.createElement(l,{...t});V.displayName="ChartXAxisItem";const Ae=t=>n.createElement(b,{...t,_chartKey:"xAxis"});Ae.prototype={children:function(t,e,s){return x(t,e,s,V)}};const j=t=>n.createElement(l,{...t});j.displayName="ChartYAxisItem";const we=t=>n.createElement(b,{...t,_chartKey:"yAxis"});we.propTypes={children:function(t,e,s){return x(t,e,s,j)}};const zt=t=>n.createElement(l,{...t,_chartKey:"zoomable"}),De=t=>n.createElement(l,{...t,_chartKey:"title"});De.displayName="ChartAxisDefaultsTitle";const _e=t=>n.createElement(l,{...t,_chartKey:"labels"});_e.displayName="ChartAxisDefaultsLabels";const Ne=t=>n.createElement(l,{visible:!0,...t,_chartKey:"crosshair"});Ne.displayName="ChartAxisDefaultsCrosshair";const Le=t=>n.createElement(l,{visible:!0,...t,_chartKey:"tooltip"});Le.displayName="ChartAxisDefaultsCrosshairTooltip";const Wt=t=>n.createElement(l,{visible:!0,...t,_chartKey:"crosshair"}),Zt=t=>n.createElement(l,{visible:!0,...t,_chartKey:"tooltip"}),Oe=t=>n.createElement(l,{...t,_chartKey:"title"});Oe.displayName="ChartCategoryAxisTitle";const Gt=t=>n.createElement(l,{visible:!0,...t,_chartKey:"labels"}),Jt=t=>n.createElement(l,{...t,_chartKey:"notes"}),Qt=t=>n.createElement(l,{...t,_chartKey:"icon"}),es=t=>n.createElement(l,{...t,_chartKey:"label"}),ts=t=>n.createElement(l,{visible:!0,...t,_chartKey:"rangeLabels"}),Pe=t=>n.createElement(l,{...t,_chartKey:"title"});Pe.displayName="ChartPaneDefaultsTitle";const Ke=t=>n.createElement(l,{...t,_chartKey:"item"});Ke.displayName="ChartLegendItem";const Re=t=>n.createElement(l,{...t,_chartKey:"title"});Re.displayName="ChartLegendTitle";const Fe=t=>n.createElement(l,{...t,_chartKey:"inactiveItems"});Fe.displayName="ChartLegendInactiveItems";const ss=t=>n.createElement(l,{...t,_chartKey:"tooltip"}),rs=t=>n.createElement(l,{...t,_chartKey:"outliers"}),ns=t=>n.createElement(l,{...t,_chartKey:"notes"}),as=t=>n.createElement(l,{...t,_chartKey:"markers"}),is=t=>n.createElement(l,{visible:!0,...t,_chartKey:"labels"}),os=t=>n.createElement(l,{...t,_chartKey:"highlight"}),ls=t=>n.createElement(l,{...t,_chartKey:"extremes"}),cs=t=>n.createElement(l,{...t,_chartKey:"errorBars"}),hs=t=>n.createElement(l,{...t,_chartKey:"from"}),us=t=>n.createElement(l,{...t,_chartKey:"to"}),ds=t=>n.createElement(l,{...t,_chartKey:"label"}),ps=t=>n.createElement(l,{...t,_chartKey:"icon"}),ms=t=>n.createElement(l,{visible:!0,...t,_chartKey:"crosshair"}),vs=t=>n.createElement(l,{visible:!0,...t,_chartKey:"tooltip"}),Cs=t=>n.createElement(l,{visible:!0,...t,_chartKey:"labels"}),fs=t=>n.createElement(l,{...t,_chartKey:"notes"}),ys=t=>n.createElement(l,{...t,_chartKey:"icon"}),gs=t=>n.createElement(l,{...t,_chartKey:"label"}),He=t=>n.createElement(l,{...t,_chartKey:"title"});He.displayName="ChartValueAxisTitle";const bs=t=>n.createElement(l,{visible:!0,...t,_chartKey:"crosshair"}),xs=t=>n.createElement(l,{visible:!0,...t,_chartKey:"tooltip"}),Ss=t=>n.createElement(l,{visible:!0,...t,_chartKey:"labels"}),Es=t=>n.createElement(l,{...t,_chartKey:"notes"}),Is=t=>n.createElement(l,{...t,_chartKey:"icon"}),ks=t=>n.createElement(l,{...t,_chartKey:"label"}),Me=t=>n.createElement(l,{...t,_chartKey:"title"});Me.displayName="ChartXAxisTitle";const Ts=t=>n.createElement(l,{visible:!0,...t,_chartKey:"crosshair"}),As=t=>n.createElement(l,{visible:!0,...t,_chartKey:"tooltip"}),ws=t=>n.createElement(l,{visible:!0,...t,_chartKey:"labels"}),Ds=t=>n.createElement(l,{...t,_chartKey:"notes"}),_s=t=>n.createElement(l,{...t,_chartKey:"icon"}),Ns=t=>n.createElement(l,{...t,_chartKey:"label"}),Ve=t=>n.createElement(l,{...t,_chartKey:"title"});Ve.displayName="ChartYAxisTitle";const je=t=>n.createElement(l,{...t,_chartKey:"categoryAxis"});je.displayName="ChartNavigatorCategoryAxis";const Ls=t=>n.createElement(l,{...t,_chartKey:"hint"}),qe=t=>n.createElement(l,{...t,_chartKey:"pane"});qe.displayName="ChartNavigatorPane";const Os=t=>n.createElement(l,{...t,_chartKey:"select"}),q=t=>n.createElement(l,{...t});q.displayName="ChartNavigatorSeriesItem";const Be=t=>n.createElement(b,{...t,_chartKey:"series"});Be.propTypes={children:function(t,e,s){return x(t,e,s,q)}};const Ps=(t,e)=>{if(t&&t.chartInstance!==null)return t.chartInstance.findAxisByName(e)},Ks=(t,e)=>{if(t&&t.chartInstance!==null)return t.chartInstance.findPaneByIndex(e)},Rs=(t,e)=>{if(t&&t.chartInstance!==null)return t.chartInstance.findPaneByName(e)},Fs=(t,e={})=>{if(t&&t.chartInstance!==null)return t.chartInstance.exportVisual(e)},Hs=t=>`${t.fontWeight} ${t.fontSize} ${t.fontFamily}`,W=t=>window.getComputedStyle(t).backgroundColor,Ms=t=>t.toLowerCase().charCodeAt(0)-"a".charCodeAt(0),Vs=t=>{const e=t.match(/series-([a-z])$/);if(e!==null)return Ms(e[1]);const s=t.split("--series-")[1];return parseInt(s,10)-1},js=30,qs=()=>{let t=`
-      <div class="k-var--series-a"></div>
-      <div class="k-var--series-b"></div>
-      <div class="k-var--series-c"></div>
-      <div class="k-var--series-d"></div>
-      <div class="k-var--series-e"></div>
-      <div class="k-var--series-f"></div>
-`;for(let e=0;e<js;e++)t+=`
-      <div class="k-var--series-${e+1}"></div>`;return t},Bs=`
-    <div class="k-var--normal-text-color"></div>
-    <div class="k-widget k-chart">
-        <div class="k-var--chart-font"></div>
-    </div>
-    <div class="k-var--series-unset"></div>
-    <div class="k-var--series">
-      ${qs()}
-    </div>
-`;class $s{constructor(e){this.store=e}setStyle(e,s){const r=e.split(".");let a=this.store;r.forEach((c,h,u)=>{h<u.length-1&&(a=a[c]=a[c]||{})});const i=r.pop();i&&(a[i]=s)}setColors(){this.mapColor("labels.color","normal-text-color")}setFonts(){const e=Hs(this.queryStyle("chart-font"));this.setStyle("labels.font",e)}setSeriesColors(){const e=this.element;if(!e)return;const s=[].slice.call(e.querySelectorAll(".k-var--series div")),r=W(e.querySelector(".k-var--series-unset")),a=s.reduce((i,c)=>{const h=Vs(c.className),u=W(c);return u!==r&&(i[h]=u),i},[]);this.setStyle("nodesColors",a)}mapColor(e,s){this.setStyle(e,this.queryStyle(s).backgroundColor)}queryStyle(e){const s=this.element;return window.getComputedStyle(s.querySelector(`.k-var--${e}`))}}const Us=(t,e)=>{const s={links:{color:"#757575"},nodesColors:[]},r=new $s(s),a=r.element=t.createElement("div");a.style.display="none",a.innerHTML=Bs,t.body.appendChild(a);try{r.setColors(),r.setFonts(),r.setSeriesColors()}finally{t.body.removeChild(r.element),r.element=null,e(s)}},$e=o.exact({left:o.number,top:o.number}),Ue={left:o.number,right:o.number},Xs={...Ue,top:o.number,bottom:o.number},Xe={visible:o.bool,font:o.string,color:o.string,opacity:o.number,align:o.oneOf(["left","right","center"]),position:o.oneOf(["inside","before","after"]),padding:o.oneOfType([o.number,o.exact(Xs)]),margin:o.exact(Ue),border:o.exact({width:o.number,color:o.string,opacity:o.number,dashType:o.string}),offset:$e},Ye={color:o.string,opacity:o.number,offset:$e,padding:o.number,width:o.number},ze={colorType:o.oneOf(["static","source","target"]),color:o.string,opacity:o.number,highlight:o.exact({opacity:o.number,inactiveOpacity:o.number})},Ys=o.exact({text:o.string,...Xe}),zs=o.exact({id:o.oneOfType([o.string,o.number]).isRequired,label:Ys.isRequired,...Ye}),Ws=o.exact({sourceId:o.oneOfType([o.string,o.number]).isRequired,targetId:o.oneOfType([o.string,o.number]).isRequired,value:o.number.isRequired,...ze}),Zs={data:o.exact({nodes:o.arrayOf(zs.isRequired).isRequired,links:o.arrayOf(Ws.isRequired).isRequired}).isRequired,links:o.exact(ze),nodes:o.exact(Ye),labels:o.exact(Xe),className:o.string,style:o.object,onNodeEnter:o.func,onNodeLeave:o.func,onLinkEnter:o.func,onLinkLeave:o.func},Gs=["nodeEnter","nodeLeave","linkEnter","linkLeave"],Js=(t,e)=>{t&&(t.unbind(),Gs.forEach(s=>{e[s]&&t.bind(s,e[s])}))},B=n.forwardRef((t,e)=>{C.validatePackage(_);const s=n.useRef(null),r=n.useRef(null),a=n.useRef(null),{data:i,links:c,nodes:h,labels:u}=t;n.useEffect(()=>(r.current?r.current.setOptions({data:i,links:c,nodes:h,labels:u}):C.canUseDOM&&s.current&&Us(s.current.ownerDocument,m=>{r.current=new v.Sankey(s.current,{data:i,links:c,nodes:h,labels:u},m)}),()=>{r.current&&(r.current.destroy(),r.current=null)}),[i,c,h,u]),n.useImperativeHandle(a,()=>({get element(){return s.current},props:t}),[]),n.useImperativeHandle(e,()=>a.current);const d=n.useCallback(m=>m&&(p=>{Object.defineProperty(p,"target",{get:()=>a.current}),p.nativeEvent=p.originalEvent||null,m.call(void 0,p)}),[]);return n.useEffect(()=>{Js(r.current,{nodeEnter:d(t.onNodeEnter),nodeLeave:d(t.onNodeLeave),linkEnter:d(t.onLinkEnter),linkLeave:d(t.onLinkLeave)})},[t.onNodeEnter,t.onNodeLeave,t.onLinkEnter,t.onLinkLeave]),n.createElement("div",{ref:s,className:t.className,style:t.style})});B.propTypes=Zs;B.displayName="KendoReactSankey";exports.AxisLabelClickEvent=G;exports.Chart=Ot;exports.ChartArea=Mt;exports.ChartAxisDefaults=Vt;exports.ChartAxisDefaultsCrosshair=Ne;exports.ChartAxisDefaultsCrosshairTooltip=Le;exports.ChartAxisDefaultsLabels=_e;exports.ChartAxisDefaultsTitle=De;exports.ChartBreadcrumb=T;exports.ChartCategoryAxis=Se;exports.ChartCategoryAxisCrosshair=Wt;exports.ChartCategoryAxisCrosshairTooltip=Zt;exports.ChartCategoryAxisItem=R;exports.ChartCategoryAxisLabels=Gt;exports.ChartCategoryAxisNotes=Jt;exports.ChartCategoryAxisNotesIcon=Qt;exports.ChartCategoryAxisNotesLabel=es;exports.ChartCategoryAxisRangeLabels=ts;exports.ChartCategoryAxisTitle=Oe;exports.ChartLegend=jt;exports.ChartLegendInactiveItems=Fe;exports.ChartLegendItem=Ke;exports.ChartLegendTitle=Re;exports.ChartNavigator=qt;exports.ChartNavigatorCategoryAxis=je;exports.ChartNavigatorHint=Ls;exports.ChartNavigatorPane=qe;exports.ChartNavigatorSelect=Os;exports.ChartNavigatorSeries=Be;exports.ChartNavigatorSeriesItem=q;exports.ChartPane=F;exports.ChartPaneDefaults=Ee;exports.ChartPaneDefaultsTitle=Pe;exports.ChartPanes=Ie;exports.ChartPlotArea=Bt;exports.ChartSeries=ke;exports.ChartSeriesDefaults=$t;exports.ChartSeriesErrorBars=cs;exports.ChartSeriesExtremes=ls;exports.ChartSeriesHighlight=os;exports.ChartSeriesItem=H;exports.ChartSeriesItemOutliers=rs;exports.ChartSeriesItemTooltip=ss;exports.ChartSeriesLabels=is;exports.ChartSeriesLabelsFrom=hs;exports.ChartSeriesLabelsTo=us;exports.ChartSeriesMarkers=as;exports.ChartSeriesNotes=ns;exports.ChartSeriesNotesIcon=ps;exports.ChartSeriesNotesLabel=ds;exports.ChartSubtitle=Ut;exports.ChartTitle=Xt;exports.ChartTooltip=Yt;exports.ChartValueAxis=Te;exports.ChartValueAxisCrosshair=ms;exports.ChartValueAxisCrosshairTooltip=vs;exports.ChartValueAxisItem=M;exports.ChartValueAxisLabels=Cs;exports.ChartValueAxisNotes=fs;exports.ChartValueAxisNotesIcon=ys;exports.ChartValueAxisNotesLabel=gs;exports.ChartValueAxisTitle=He;exports.ChartXAxis=Ae;exports.ChartXAxisCrosshair=bs;exports.ChartXAxisCrosshairTooltip=xs;exports.ChartXAxisItem=V;exports.ChartXAxisLabels=Ss;exports.ChartXAxisNotes=Es;exports.ChartXAxisNotesIcon=Is;exports.ChartXAxisNotesLabel=ks;exports.ChartXAxisTitle=Me;exports.ChartYAxis=we;exports.ChartYAxisCrosshair=Ts;exports.ChartYAxisCrosshairTooltip=As;exports.ChartYAxisItem=j;exports.ChartYAxisLabels=ws;exports.ChartYAxisNotes=Ds;exports.ChartYAxisNotesIcon=_s;exports.ChartYAxisNotesLabel=Ns;exports.ChartYAxisTitle=Ve;exports.ChartZoomable=zt;exports.CollectionConfigurationComponent=b;exports.ConfigurationComponent=l;exports.CrosshairTooltip=O;exports.CrosshairTooltipContainer=P;exports.DonutCenter=K;exports.DragEndEvent=Q;exports.DragEvent=J;exports.DragStartEvent=ee;exports.DrilldownEvent=N;exports.DrilldownStateChangeEvent=xe;exports.LegendItemClickEvent=se;exports.LegendItemHoverEvent=te;exports.NavigatorFilterEvent=re;exports.NoteClickEvent=ne;exports.NoteHoverEvent=ae;exports.PlotAreaClickEvent=ie;exports.PlotAreaHoverEvent=oe;exports.RenderEvent=le;exports.Sankey=B;exports.SelectEndEvent=he;exports.SelectEvent=ce;exports.SelectStartEvent=ue;exports.SeriesClickEvent=de;exports.SeriesHoverEvent=pe;exports.SeriesTooltip=L;exports.SharedTooltipContent=ge;exports.Sparkline=Pt;exports.StockChart=Rt;exports.TooltipPoint=D;exports.TooltipPopup=k;exports.ZoomEndEvent=ve;exports.ZoomEvent=me;exports.ZoomStartEvent=Ce;exports.exportVisual=Fs;exports.findAxisByName=Ps;exports.findPaneByIndex=Ks;exports.findPaneByName=Rs;
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./Chart.js"),t=require("./Sparkline.js"),i=require("./StockChart.js"),s=require("./components/base/CollectionConfigurationComponent.js"),a=require("./components/base/ConfigurationComponent.js"),o=require("./DonutCenter.js"),n=require("./tooltip/Point.js"),C=require("./tooltip/Series.js"),l=require("./tooltip/Crosshair.js"),h=require("./tooltip/Popup.js"),u=require("./tooltip/SharedTooltipContent.js"),c=require("./tooltip/CrosshairContainer.js"),q=require("./ChartBreadcrumb.js"),e=require("./methods/index.js"),A=require("./components/axis-defaults/Title.js"),x=require("./components/axis-defaults/Labels.js"),v=require("./components/axis-defaults/Crosshair.js"),g=require("./components/axis-defaults/CrosshairTooltip.js"),S=require("./components/category-axis-item/Crosshair.js"),E=require("./components/category-axis-item/CrosshairTooltip.js"),N=require("./components/category-axis-item/Title.js"),m=require("./components/category-axis-item/Labels.js"),T=require("./components/category-axis-item/Notes.js"),L=require("./components/category-axis-item/NotesIcon.js"),b=require("./components/category-axis-item/NotesLabel.js"),d=require("./components/category-axis-item/RangeLabels.js"),p=require("./components/pane-defaults/Title.js"),I=require("./components/legend/Item.js"),$=require("./components/legend/Title.js"),y=require("./components/legend/InactiveItems.js"),f=require("./components/series-item/Tooltip.js"),D=require("./components/series-item/Outliers.js"),P=require("./components/series-item/Notes.js"),k=require("./components/series-item/Markers.js"),V=require("./components/series-item/Labels.js"),X=require("./components/series-item/Highlight.js"),Y=require("./components/series-item/Extremes.js"),H=require("./components/series-item/ErrorBars.js"),B=require("./components/series-item/LabelsFrom.js"),Z=require("./components/series-item/LabelsTo.js"),w=require("./components/series-item/NotesLabel.js"),F=require("./components/series-item/NotesIcon.js"),R=require("./components/value-axis-item/Crosshair.js"),M=require("./components/value-axis-item/CrosshairTooltip.js"),O=require("./components/value-axis-item/Title.js"),z=require("./components/value-axis-item/Labels.js"),j=require("./components/value-axis-item/Notes.js"),G=require("./components/value-axis-item/NotesIcon.js"),J=require("./components/value-axis-item/NotesLabel.js"),K=require("./components/x-axis-item/Crosshair.js"),Q=require("./components/x-axis-item/CrosshairTooltip.js"),U=require("./components/x-axis-item/Title.js"),W=require("./components/x-axis-item/Labels.js"),_=require("./components/x-axis-item/Notes.js"),ee=require("./components/x-axis-item/NotesIcon.js"),re=require("./components/x-axis-item/NotesLabel.js"),te=require("./components/y-axis-item/Crosshair.js"),ie=require("./components/y-axis-item/CrosshairTooltip.js"),se=require("./components/y-axis-item/Title.js"),ae=require("./components/y-axis-item/Labels.js"),oe=require("./components/y-axis-item/Notes.js"),ne=require("./components/y-axis-item/NotesIcon.js"),Ce=require("./components/y-axis-item/NotesLabel.js"),le=require("./components/navigator/CategoryAxis.js"),he=require("./components/navigator/Hint.js"),ue=require("./components/navigator/Pane.js"),ce=require("./components/navigator/Select.js"),qe=require("./components/navigator/Series.js"),Ae=require("./components/navigator/SeriesItem.js"),xe=require("./components/ChartArea.js"),ve=require("./components/AxisDefaults.js"),ge=require("./components/CategoryAxis.js"),Se=require("./components/CategoryAxisItem.js"),Ee=require("./components/Legend.js"),Ne=require("./components/Navigator.js"),me=require("./components/Pane.js"),Te=require("./components/PaneDefaults.js"),Le=require("./components/Panes.js"),be=require("./components/PlotArea.js"),de=require("./components/Series.js"),pe=require("./components/SeriesDefaults.js"),Ie=require("./components/SeriesItem.js"),$e=require("./components/Subtitle.js"),ye=require("./components/Title.js"),fe=require("./components/Tooltip.js"),De=require("./components/ValueAxis.js"),Pe=require("./components/ValueAxisItem.js"),ke=require("./components/XAxis.js"),Ve=require("./components/XAxisItem.js"),Xe=require("./components/YAxis.js"),Ye=require("./components/YAxisItem.js"),He=require("./components/Zoomable.js"),Be=require("./events/axis-label-click-event.js"),Ze=require("./events/drag-end-event.js"),we=require("./events/drag-event.js"),Fe=require("./events/drag-start-event.js"),Re=require("./events/drilldown-event.js"),Me=require("./events/drilldown-state-change-event.js"),Oe=require("./events/legend-item-click-event.js"),ze=require("./events/legend-item-hover-event.js"),je=require("./events/navigator-filter-event.js"),Ge=require("./events/note-click-event.js"),Je=require("./events/note-hover-event.js"),Ke=require("./events/plot-area-click-event.js"),Qe=require("./events/plot-area-hover-event.js"),Ue=require("./events/render-event.js"),We=require("./events/select-end-event.js"),_e=require("./events/select-event.js"),er=require("./events/select-start-event.js"),rr=require("./events/series-click-event.js"),tr=require("./events/series-hover-event.js"),ir=require("./events/zoom-end-event.js"),sr=require("./events/zoom-event.js"),ar=require("./events/zoom-start-event.js"),or=require("./sankey/Sankey.js");exports.Chart=r.Chart;exports.Sparkline=t.Sparkline;exports.StockChart=i.StockChart;exports.CollectionConfigurationComponent=s.CollectionConfigurationComponent;exports.ConfigurationComponent=a.ConfigurationComponent;exports.DonutCenter=o.DonutCenter;exports.TooltipPoint=n.TooltipPoint;exports.SeriesTooltip=C.SeriesTooltip;exports.CrosshairTooltip=l.CrosshairTooltip;exports.TooltipPopup=h.TooltipPopup;exports.SharedTooltipContent=u.SharedTooltipContent;exports.CrosshairTooltipContainer=c.CrosshairTooltipContainer;exports.ChartBreadcrumb=q.ChartBreadcrumb;exports.exportVisual=e.exportVisual;exports.findAxisByName=e.findAxisByName;exports.findPaneByIndex=e.findPaneByIndex;exports.findPaneByName=e.findPaneByName;exports.ChartAxisDefaultsTitle=A.ChartAxisDefaultsTitle;exports.ChartAxisDefaultsLabels=x.ChartAxisDefaultsLabels;exports.ChartAxisDefaultsCrosshair=v.ChartAxisDefaultsCrosshair;exports.ChartAxisDefaultsCrosshairTooltip=g.ChartAxisDefaultsCrosshairTooltip;exports.ChartCategoryAxisCrosshair=S.ChartCategoryAxisCrosshair;exports.ChartCategoryAxisCrosshairTooltip=E.ChartCategoryAxisCrosshairTooltip;exports.ChartCategoryAxisTitle=N.ChartCategoryAxisTitle;exports.ChartCategoryAxisLabels=m.ChartCategoryAxisLabels;exports.ChartCategoryAxisNotes=T.ChartCategoryAxisNotes;exports.ChartCategoryAxisNotesIcon=L.ChartCategoryAxisNotesIcon;exports.ChartCategoryAxisNotesLabel=b.ChartCategoryAxisNotesLabel;exports.ChartCategoryAxisRangeLabels=d.ChartCategoryAxisRangeLabels;exports.ChartPaneDefaultsTitle=p.ChartPaneDefaultsTitle;exports.ChartLegendItem=I.ChartLegendItem;exports.ChartLegendTitle=$.ChartLegendTitle;exports.ChartLegendInactiveItems=y.ChartLegendInactiveItems;exports.ChartSeriesItemTooltip=f.ChartSeriesItemTooltip;exports.ChartSeriesItemOutliers=D.ChartSeriesItemOutliers;exports.ChartSeriesNotes=P.ChartSeriesNotes;exports.ChartSeriesMarkers=k.ChartSeriesMarkers;exports.ChartSeriesLabels=V.ChartSeriesLabels;exports.ChartSeriesHighlight=X.ChartSeriesHighlight;exports.ChartSeriesExtremes=Y.ChartSeriesExtremes;exports.ChartSeriesErrorBars=H.ChartSeriesErrorBars;exports.ChartSeriesLabelsFrom=B.ChartSeriesLabelsFrom;exports.ChartSeriesLabelsTo=Z.ChartSeriesLabelsTo;exports.ChartSeriesNotesLabel=w.ChartSeriesNotesLabel;exports.ChartSeriesNotesIcon=F.ChartSeriesNotesIcon;exports.ChartValueAxisCrosshair=R.ChartValueAxisCrosshair;exports.ChartValueAxisCrosshairTooltip=M.ChartValueAxisCrosshairTooltip;exports.ChartValueAxisTitle=O.ChartValueAxisTitle;exports.ChartValueAxisLabels=z.ChartValueAxisLabels;exports.ChartValueAxisNotes=j.ChartValueAxisNotes;exports.ChartValueAxisNotesIcon=G.ChartValueAxisNotesIcon;exports.ChartValueAxisNotesLabel=J.ChartValueAxisNotesLabel;exports.ChartXAxisCrosshair=K.ChartXAxisCrosshair;exports.ChartXAxisCrosshairTooltip=Q.ChartXAxisCrosshairTooltip;exports.ChartXAxisTitle=U.ChartXAxisTitle;exports.ChartXAxisLabels=W.ChartXAxisLabels;exports.ChartXAxisNotes=_.ChartXAxisNotes;exports.ChartXAxisNotesIcon=ee.ChartXAxisNotesIcon;exports.ChartXAxisNotesLabel=re.ChartXAxisNotesLabel;exports.ChartYAxisCrosshair=te.ChartYAxisCrosshair;exports.ChartYAxisCrosshairTooltip=ie.ChartYAxisCrosshairTooltip;exports.ChartYAxisTitle=se.ChartYAxisTitle;exports.ChartYAxisLabels=ae.ChartYAxisLabels;exports.ChartYAxisNotes=oe.ChartYAxisNotes;exports.ChartYAxisNotesIcon=ne.ChartYAxisNotesIcon;exports.ChartYAxisNotesLabel=Ce.ChartYAxisNotesLabel;exports.ChartNavigatorCategoryAxis=le.ChartNavigatorCategoryAxis;exports.ChartNavigatorHint=he.ChartNavigatorHint;exports.ChartNavigatorPane=ue.ChartNavigatorPane;exports.ChartNavigatorSelect=ce.ChartNavigatorSelect;exports.ChartNavigatorSeries=qe.ChartNavigatorSeries;exports.ChartNavigatorSeriesItem=Ae.ChartNavigatorSeriesItem;exports.ChartArea=xe.ChartArea;exports.ChartAxisDefaults=ve.ChartAxisDefaults;exports.ChartCategoryAxis=ge.ChartCategoryAxis;exports.ChartCategoryAxisItem=Se.ChartCategoryAxisItem;exports.ChartLegend=Ee.ChartLegend;exports.ChartNavigator=Ne.ChartNavigator;exports.ChartPane=me.ChartPane;exports.ChartPaneDefaults=Te.ChartPaneDefaults;exports.ChartPanes=Le.ChartPanes;exports.ChartPlotArea=be.ChartPlotArea;exports.ChartSeries=de.ChartSeries;exports.ChartSeriesDefaults=pe.ChartSeriesDefaults;exports.ChartSeriesItem=Ie.ChartSeriesItem;exports.ChartSubtitle=$e.ChartSubtitle;exports.ChartTitle=ye.ChartTitle;exports.ChartTooltip=fe.ChartTooltip;exports.ChartValueAxis=De.ChartValueAxis;exports.ChartValueAxisItem=Pe.ChartValueAxisItem;exports.ChartXAxis=ke.ChartXAxis;exports.ChartXAxisItem=Ve.ChartXAxisItem;exports.ChartYAxis=Xe.ChartYAxis;exports.ChartYAxisItem=Ye.ChartYAxisItem;exports.ChartZoomable=He.ChartZoomable;exports.AxisLabelClickEvent=Be.AxisLabelClickEvent;exports.DragEndEvent=Ze.DragEndEvent;exports.DragEvent=we.DragEvent;exports.DragStartEvent=Fe.DragStartEvent;exports.DrilldownEvent=Re.DrilldownEvent;exports.DrilldownStateChangeEvent=Me.DrilldownStateChangeEvent;exports.LegendItemClickEvent=Oe.LegendItemClickEvent;exports.LegendItemHoverEvent=ze.LegendItemHoverEvent;exports.NavigatorFilterEvent=je.NavigatorFilterEvent;exports.NoteClickEvent=Ge.NoteClickEvent;exports.NoteHoverEvent=Je.NoteHoverEvent;exports.PlotAreaClickEvent=Ke.PlotAreaClickEvent;exports.PlotAreaHoverEvent=Qe.PlotAreaHoverEvent;exports.RenderEvent=Ue.RenderEvent;exports.SelectEndEvent=We.SelectEndEvent;exports.SelectEvent=_e.SelectEvent;exports.SelectStartEvent=er.SelectStartEvent;exports.SeriesClickEvent=rr.SeriesClickEvent;exports.SeriesHoverEvent=tr.SeriesHoverEvent;exports.ZoomEndEvent=ir.ZoomEndEvent;exports.ZoomEvent=sr.ZoomEvent;exports.ZoomStartEvent=ar.ZoomStartEvent;exports.Sankey=or.Sankey;