@progress/kendo-react-charts 7.1.0-develop.8 → 7.1.0-develop.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -0
- package/dist/cdn/js/kendo-react-charts.js +20 -3
- package/index.d.ts +1 -0
- package/index.js +22 -5
- package/index.mjs +636 -434
- package/package.json +6 -6
- package/sankey/Sankey.d.ts +10 -0
- package/sankey/index.d.ts +7 -0
- package/sankey/propTypes.d.ts +117 -0
- package/sankey/theme-service.d.ts +9 -0
- package/sankey/types.d.ts +123 -0
package/README.md
CHANGED
|
@@ -17,6 +17,7 @@ The React Chart, part of KendoReact, renders a wide range of high-quality data v
|
|
|
17
17
|
What's in this package (ToC):
|
|
18
18
|
|
|
19
19
|
* [React Chart component](#react-chart-component)
|
|
20
|
+
* [React Sankey component](#react-sankey-component)
|
|
20
21
|
* [React Sparkline component](#react-sparkline-component)
|
|
21
22
|
* [React StockChart component](#react-stockchart-component)
|
|
22
23
|
* [React Charts Components Library Features](#react-charts-library-shared-features)
|
|
@@ -44,6 +45,10 @@ What's in this package (ToC):
|
|
|
44
45
|
* [React Scatter Chart](https://www.telerik.com/kendo-react-ui/components/charts/series-types/scatter/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts)
|
|
45
46
|
* [React Waterfall Chart](https://www.telerik.com/kendo-react-ui/components/charts/series-types/waterfall/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts)
|
|
46
47
|
|
|
48
|
+
## React Sankey Component
|
|
49
|
+
|
|
50
|
+
[The KendoReact Sankey component](https://www.telerik.com/kendo-react-ui/components/charts/sankey/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts) is a highly customizable React component for visualizing the Sankey Diagram (also known as Sankey Chart) that is used for many use cases such as visualizing website traffic or budget analysis.
|
|
51
|
+
|
|
47
52
|
## React Sparkline Component
|
|
48
53
|
|
|
49
54
|
[The KendoReact Sparkline component](https://www.telerik.com/kendo-react-ui/components/charts/sparkline/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts) is a light-weight chart that focuses on rendering the values in a very compact way. These graphs are ideal when developers need to show trends and want to focus more on value movements. Generally, Stockcharts include extensive touch support and a navigator pane for easy browsing of extended time periods.
|
|
@@ -86,6 +91,7 @@ For any issues you might encounter while working with the KendoReact Charts, use
|
|
|
86
91
|
High-level component overview pages
|
|
87
92
|
|
|
88
93
|
* [React Charts Component](https://www.telerik.com/kendo-react-ui/charts)
|
|
94
|
+
* [React Sankey Component](https://www.telerik.com/kendo-react-ui/sankey)
|
|
89
95
|
* [React Heatmap Chart Component](https://www.telerik.com/kendo-react-ui/heatmap)
|
|
90
96
|
* [React Sparkline Component](https://www.telerik.com/kendo-react-ui/sparkline)
|
|
91
97
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
(function(
|
|
5
|
+
(function(a,I){typeof exports=="object"&&typeof module!="undefined"?I(exports,require("react"),require("prop-types"),require("@progress/kendo-react-intl"),require("@progress/kendo-charts"),require("@progress/kendo-react-common"),require("@progress/kendo-react-popup"),require("@progress/kendo-react-layout"),require("@progress/kendo-svg-icons")):typeof define=="function"&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-intl","@progress/kendo-charts","@progress/kendo-react-common","@progress/kendo-react-popup","@progress/kendo-react-layout","@progress/kendo-svg-icons"],I):(a=typeof globalThis!="undefined"?globalThis:a||self,I(a.KendoReactCharts={},a.React,a.PropTypes,a.KendoReactIntl,a.KendoCharts,a.KendoReactCommon,a.KendoReactPopup,a.KendoReactLayout,a.KendoSvgIcons))})(this,function(a,I,l,_,f,C,Ge,Je,Qe){"use strict";"use client";function et(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=et(I);function X(t,e){let s=t;for(;s&&s!==e;)s=s.parentNode;return!!s}function E(t,e,s,r){const i=t[e];if(i&&Array.isArray(i)){for(let o of i)if(!o.type||o.type!==r)return new Error(`${s} children should be Array of type ${r.displayName}.`)}return null}const Y=t=>t===void 0?!1:!t,tt=t=>({x:{location:t.pageX},y:{location:t.pageY}}),st=(t,e)=>{const s=t.pointers,r=s[0],i=r.pageX,o=r.pageY;let h=0;if(s.length>1){const u=s[0],d=s[1];h=Math.sqrt(Math.pow(u.pageX-d.pageX,2)+Math.pow(u.pageY-d.pageY,2))}return{distance:h,event:t.srcEvent,preventDefault:function(){t.preventDefault()},target:t.target,touches:s.map(tt),type:t.type,x:{delta:e?i-e.x.location:0,initialDelta:t.deltaX,location:i,startLocation:i-t.deltaX},y:{delta:e?o-e.y.location:0,initialDelta:t.deltaY,location:o,startLocation:o-t.deltaY}}};function rt(t,e){for(let s=0;s<t.length;s++)if(e[t[s]])return!0;return!1}const z=[{end:"panend",move:"panmove",start:"panstart"},{gesturechange:"pinchmove",gestureend:"pinchend",gesturestart:"pinchstart"},{press:"press"},{tap:"tap"}];class nt{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=st(s,this.previous);return this.eventHandlers[e]&&this.eventHandlers[e](r),r}bind(e={}){this.unbind(),this.eventHandlers=e;for(let s=0;s<z.length;s++){const r=z[s],i=Object.keys(r);if(rt(i,e))for(let o=0;o<i.length;o++){const h=r[i[o]];this.hammerInstance.on(h,this[h])}}}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 at="Hammerjs is not loaded.Solution: http://www.telerik.com/kendo-react-ui/components/charts/troubleshooting/#toc-installation";class it{static create(e,s){if(typeof window!="undefined"){const r=window.Hammer;if(!r){process.env.NODE_ENV!=="production"&&console.warn(at);return}const i=new r(e,{recognizers:[[r.Tap],[r.Pan],[r.Pinch],[r.Press,{time:0}]]});return new nt(i,s)}}}class g{constructor(e){this.target=e}}class W extends g{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 g{constructor(){super(...arguments),this.prevented=!1}preventDefault(){this.prevented=!0}isDefaultPrevented(){return this.prevented}}class Z extends y{constructor(e,s){super(s),this.axisRanges=e.axisRanges,this.nativeEvent=e.originalEvent}}class G extends g{constructor(e,s){super(s),this.axisRanges=e.axisRanges,this.nativeEvent=e.originalEvent}}class J extends y{constructor(e,s){super(s),this.axisRanges=e.axisRanges,this.nativeEvent=e.originalEvent}}class N extends g{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 Q 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 ee 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 ot 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 te extends g{constructor(e,s){super(s),this.from=e.from,this.to=e.to}}class se extends g{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 re extends g{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 ne extends g{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 ae extends g{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 ie extends g{constructor(e,s){super(s)}}class oe extends y{constructor(e,s){super(s),this.axis=e.axis,this.from=e.from,this.to=e.to}}class le extends g{constructor(e,s){super(s),this.axis=e.axis,this.from=e.from,this.to=e.to}}class ce extends y{constructor(e,s){super(s),this.axis=e.axis,this.from=e.from,this.to=e.to}}class he extends g{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 ue 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 de extends y{constructor(e,s){super(s),this.axisRanges=e.axisRanges,this.delta=e.delta,this.nativeEvent=e.originalEvent}}class me extends g{constructor(e,s){super(s),this.axisRanges=e.axisRanges,this.nativeEvent=e.originalEvent}}class pe extends y{constructor(e,s){super(s),this.axisRanges=e.axisRanges,this.nativeEvent=e.originalEvent}}const ve={axisLabelClick:W,drag:Z,dragEnd:G,dragStart:J,drilldownEvent:N,legendItemHover:Q,legendItemClick:ee,legendItemLeave:ot,navigatorFilter:te,noteClick:se,noteHover:re,plotAreaClick:ne,plotAreaHover:ae,render:ie,select:oe,selectEnd:le,selectStart:ce,seriesClick:he,seriesHover:ue,zoom:de,zoomEnd:me,zoomStart:pe};function lt(t,e,s){if(ve[t])return new ve[t](e,s)}class ct{constructor(e,s){this.sender=e,this.syntheticEvent=s}}function fe(t,e){return new ct(t,e)}const A=t=>`${t.fontWeight} ${t.fontSize} ${t.fontFamily}`,Ce=t=>window.getComputedStyle(t).backgroundColor,ht=t=>t.toLowerCase().charCodeAt(0)-"a".charCodeAt(0),ut=t=>{const e=t.match(/series-([a-z])$/);if(e!==null)return ht(e[1]);const s=t.split("--series-")[1];return parseInt(s,10)-1},dt=30,mt=`
|
|
6
6
|
<div class="k-var--primary"></div>
|
|
7
7
|
<div class="k-var--base"></div>
|
|
8
8
|
<div class="k-var--background"></div>
|
|
@@ -42,7 +42,24 @@
|
|
|
42
42
|
<div class="k-var--series-d"></div>
|
|
43
43
|
<div class="k-var--series-e"></div>
|
|
44
44
|
<div class="k-var--series-f"></div>
|
|
45
|
-
`;for(let e=0;e<
|
|
45
|
+
`;for(let e=0;e<dt;e++)t+=`
|
|
46
46
|
<div class="k-var--series-${e+1}"></div>`;return t})()}
|
|
47
47
|
</div>
|
|
48
|
-
`;class ot{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=A(this.queryStyle("chart-font")),s=A(this.queryStyle("chart-title-font")),r=A(this.queryStyle("chart-pane-title-font")),i=A(this.queryStyle("chart-label-font"));this.setStyle("axisDefaults.labels.font",i),this.setStyle("axisDefaults.notes.label.font",e),this.setStyle("axisDefaults.title.font",e),this.setStyle("legend.labels.font",e),this.setStyle("seriesDefaults.labels.font",i),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=ve(e.querySelector(".k-var--series-unset")),i=s.reduce((o,h)=>{const c=at(h.className),u=ve(h);return u!==r&&(o[c]=u),o},[]);this.setStyle("seriesColors",i)}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(i=>this.setStyle(`seriesDefaults.${i}.highlight.inactiveOpacity`,r))}}const lt=(t,e,s)=>{const r=new ot(t);if(typeof s=="undefined"){t.dispatch({type:"push",payload:C.chartBaseTheme()});return}const i=r.element=s.createElement("div");i.style.display="none",i.innerHTML=it,s.body.appendChild(i);try{t.dispatch({type:"push",payload:C.chartBaseTheme()}),r.setColors(),r.setFonts(),r.setSeriesColors()}finally{s.body.removeChild(r.element),delete r.element,e()}},ct=1e3/60,_=t=>{let e,s,r=[];const i=()=>e,o=c=>{e=t(e,c),f.canUseDOM&&(window.clearTimeout(s),s=window.setTimeout(()=>r.forEach(u=>u()),ct))},h=c=>(r.push(c),()=>r=r.filter(u=>u!==c));return o({}),{getState:i,dispatch:o,subscribe:h}},Ce=(t,e)=>e.chartCollectionIdxKey?k.collectionConfigurationItem(t,e):e.chartKey?k.configurationItem(t,e):{},ht=(t,e)=>{if(e.type)switch(e.type){case"set":return k.themeItem(t,e);case"push":return Object.assign(t,e.payload);default:return t}else return{}},ut=(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[]},k={configurationItem(t,e){return Object.assign(t,{[e.chartKey]:e.payload})},collectionConfigurationItem(t,e){let s=!1;const[r,i]=e.chartCollectionIdxKey.split("_"),o=t[r].map((h,c)=>parseInt(i,10)===c?(s=!0,e.payload):h);return s===!1&&o.splice(parseInt(i,10),0,e.payload),Object.assign(t,{[r]:o})},themeItem(t,e){let s={},r=Object.assign(s,t);const{field:i,value:o}=e.payload,h=i.split(".");let c=h.shift();for(;h.length>0;)s=s[c]=s[c]||{},c=h.shift();return s[c]=o,r}};class O{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 dt="k-chart-shared-tooltip-marker",ge=t=>{const{categoryText:e,colorMarker:s,colspan:r,nameColumn:i,points:o}=t,h=(c,u)=>a.createElement("tr",{key:u},s&&a.createElement("td",null,a.createElement("span",{className:dt,style:{backgroundColor:c.series.color}})),i&&a.createElement("td",null,c.series.name),a.createElement("td",{dangerouslySetInnerHTML:{__html:c.formattedValue}}));return a.createElement("table",null,a.createElement("thead",null,a.createElement("tr",null,a.createElement("th",{colSpan:r},e))),a.createElement("tbody",null,o.map(h)))},b=a.createContext(null);b.displayName="ChartContext";const pt={horizontal:"fit",vertical:"fit"},mt="k-chart-tooltip",vt="k-chart-tooltip-wrapper";class D extends a.Component{constructor(e,s){super(e,s),this.context=null,this.element=null,this.onChartMouseLeave=r=>{const{syntheticEvent:i}=r;return!!X(i.relatedTarget,this.element)},this.onMouseLeave=r=>{const i=me(this,r);this.context.childrenObserver.trigger("onMouseLeave",i)&&r.preventDefault()},this.popupRef=r=>{this.element=r;const i=r&&r.closest(".k-animation-container");i&&(i.style.transition="initial")},this.chartObserver=new C.InstanceObserver(this,{onMouseLeave:"onChartMouseLeave"}),s.observersStore.dispatch({type:"add",payload:this.chartObserver})}render(){const{popupShown:e,popupAlign:s,popupOffset:r,popupStyles:i,popupContent:o,className:h}=this.props,c=[mt,h].join(" ").trim();return a.createElement(Xe.Popup,{animate:!1,popupAlign:s,offset:r,show:e,collision:pt,className:vt},a.createElement("div",{className:c,style:i,onMouseLeave:this.onMouseLeave,ref:this.popupRef},o()))}componentWillUnmount(){this.context.observersStore.dispatch({type:"remove",payload:this.chartObserver})}}D.contextType=b;const Ct="k-chart-shared-tooltip",gt="k-chart-tooltip-inverse";class L extends a.Component{constructor(){super(...arguments),this.context=null,this.state={popupShown:!1},this.chartObserver=null}componentDidMount(){this.chartObserver=new C.InstanceObserver(this,{showTooltip:"onShowTooltip",hideTooltip:"onHideTooltip"}),this.context.observersStore.dispatch({type:"add",payload:this.chartObserver})}render(){const{popupContext:e,shared:s,className:r,...i}=this.state,o=this.state.popupShown?()=>{const c=this.findRenderFunction();if(s)return c!==null?c(e):a.createElement(ge,{...e});{const u=e.point,d=this.findRenderFunctionByIndex(u.series.index);return d!==null?d(e):c!==null?c(e):a.createElement("span",{dangerouslySetInnerHTML:{__html:e.point.formattedValue}})}}:Function.prototype,h=f.classNames({[Ct]:s,[gt]:!!r});return a.createElement(D,{...i,popupContent:o,className:h})}componentWillUnmount(){this.context.observersStore.dispatch({type:"remove",payload:this.chartObserver})}onShowTooltip(e){const{anchor:s,style:r,shared:i,className:o,crosshair:h}=e;let c;h||(i?c=this.createSharedTooltipContext(e):c=this.createTooltipContext(e),this.setState({popupShown:!0,popupAlign:s.align,popupOffset:s.point,popupContext:c,popupStyles:r,className:o,shared:i}))}onHideTooltip(){this.setState({popupShown:!1,popupStyles:{},className:void 0})}createSharedTooltipContext(e){const{points:s,categoryText:r}=e,i=s.filter(c=>typeof c.series.name!="undefined").length>0,o=e.series.length>1;let h=1;return i&&h++,o&&h++,{categoryText:r,colorMarker:o,colspan:h,nameColumn:i,points:e.points.map(c=>new O(c,e.format))}}createTooltipContext(e){const{point:s,format:r}=e;return{point:new O(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=b;const fe=t=>t.children;fe.displayName="Container";const ft="k-chart-crosshair-tooltip",yt="k-chart-tooltip-inverse";class K extends a.Component{constructor(e,s){super(e,s),this.context=null,this.state={popupShown:!1},this.chartObserver=new C.InstanceObserver(this,{showTooltip:"onShowTooltip",hideTooltip:"onHideTooltip"}),s.observersStore.dispatch({type:"add",payload:this.chartObserver})}render(){const{popupContend:e,className:s,...r}=this.state,i=this.state.popupShown?()=>e:Function.prototype,o=f.classNames({[ft]:!0,[yt]:!!s});return a.createElement(D,{...r,popupContent:i,className:o})}componentWillUnmount(){var e;(e=this.context)==null||e.observersStore.dispatch({type:"remove",payload:this.chartObserver})}onShowTooltip(e){const{anchor:s,style:r,className:i,crosshair:o,axisName:h,axisIndex:c,value:u}=e,{name:d,index:v}=this.props;o&&h===d&&c===v&&this.setState({popupShown:!0,popupAlign:s.align,popupOffset:s.point,popupContend:u,popupStyles:r,className:i})}onHideTooltip(){this.setState({popupShown:!1,popupStyles:{},className:void 0})}}K.contextType=b;const ye=["categoryAxis","valueAxis","xAxis","yAxis"];function bt(t){const e={};for(let s=0;s<ye.length;s++){const r=St(t,ye[s]);for(let i=0;i<r.length;i++){const o=r[i];e[o.name+o.index]=o}}return e}function St(t,e){const s=[];if(t[e]){const r=[].concat(t[e]);for(let i=0;i<r.length;i++){const o=(r[i].crosshair||{}).tooltip;o&&o.visible&&s.push({index:i,name:e})}}return s}class P extends a.Component{constructor(){super(...arguments),this.context=null,this.state={tooltips:{}},this.storeUnsubscriber=Function.prototype,this.subscriber=()=>{var e;this.setState({tooltips:bt((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=>a.createElement(K,{...e[r],key:r}));return a.createElement(fe,null,s)}componentWillUnmount(){this.storeUnsubscriber()}}P.contextType=b;const be={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 x extends a.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 h;const{series:r}=this.optionsStore.getState(),i=r.find(c=>c.name===s.series.name);if(!i.drilldownSeriesFactory)return!0;const o="onDrilldown";if(this.props.hasOwnProperty(o)){const c={seriesName:i.name,drilldownValue:s.value},u=[...((h=this.props.drilldownState)==null?void 0:h.steps)||[],c],d=this.props.getTarget(),v={...s,currentState:this.props.drilldownState,nextState:{steps:u}},m=new T(v,d);this.props[o].call(void 0,m)}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 i={};const{seriesIndex:o,pointIndex:h}=s,c=r[o];if(h===void 0)i=Object.assign({},c,{visible:Y(c.visible)});else{const u=c.pointVisibility=c.pointVisibility||[];u[h]=Y(u[h]),i=Object.assign({},c)}this.optionsStore.dispatch({chartCollectionIdxKey:`series_${o}`,payload:i}),this.suppressTransitions=!0}},this.onWindowResize=()=>{this.chartInstance!==null&&this.chartInstance.resize()},this.onChartMouseLeave=s=>{const r=me(this,s);this.triggerDomEvent("onMouseLeave",r)?s.preventDefault():this.chartInstance!==null&&this.chartInstance.hideElements()},this.onChildMouseLeave=s=>{const{syntheticEvent:r}=s;return this.chartInstance&&!X(r.relatedTarget,this.element)&&this.chartInstance.hideElements(),!1},f.validatePackage(be),this.showLicenseWatermark=f.shouldShowValidationUI(be),this.optionsStore=_(Ce),this.observersStore=_(ut),this.childrenObserver=new C.InstanceObserver(this,{onMouseLeave:"onChildMouseLeave"}),this.state={optionsStore:this.optionsStore,observersStore:this.observersStore,childrenObserver:this.childrenObserver,drilldownState:{steps:[]}},this.themeStore=_(ht),this.chartObserver=new C.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;lt(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,...i}=this.props;if(this.chartInstance!==null){const o=N.provideIntlService(this),h=this.chartInstance.chartService,c=o.locale!==h._intlService.locale,u=Object.entries(e).filter(d=>d[0]!=="dir"&&d[0]!=="children").some(d=>{const[v,m]=d;return!(i.hasOwnProperty(v)&&i[v]===m)});c&&(this.chartInstance.chartService._intlService=o,this.chartInstance.chartService.format._intlService=o,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:i}=this.props,o=Object.assign({},e,{position:"relative"}),h=a.createElement(r,{className:s,style:o,key:"chartElement"},a.createElement("div",{onMouseLeave:this.onChartMouseLeave,ref:c=>this._element=c,className:"k-chart-surface"},i),a.createElement(a.Fragment,null,this.showLicenseWatermark&&a.createElement(f.WatermarkOverlay,null)));return a.createElement(b.Provider,{value:this.state},a.createElement(L,{key:"seriesTooltip"}),a.createElement(P,{key:"crosshairTooltips"}),h)}getDirection(e){return(e!==void 0?e:(()=>f.canUseDOM&&window.getComputedStyle(this.element).direction)()||"ltr")==="rtl"}getChartOptions(){const{renderAs:e,pannable:s,zoomable:r,paneDefaults:i,panes:o,transitions:h,seriesColors:c,seriesDefaults:u,axisDefaults:d,deriveOptionsFromParent:v}=this.props;let m={};return e!==void 0&&(m.renderAs=e),s!==void 0&&(m.pannable=s),r!==void 0&&(m.zoomable=r),i!==void 0&&(m.paneDefaults=i),o!==void 0&&(m.panes=o),h!==void 0&&(m.transitions=h),c!==void 0&&(m.seriesColors=c),u!==void 0&&(m.seriesDefaults=u),d!==void 0&&(m.axisDefaults=d),m=Object.assign(m,this.optionsStore.getState()),v&&(m=v(m)),m}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:N.provideIntlService(this),observer:this.chartObserver,sender:this})}trigger(e,s){const r=this.props.getTarget(),i=tt(e,s,r),o="on"+e.charAt(0).toUpperCase()+e.slice(1),h=this.observersStore.getState();let c=!1;for(let u=0;u<h.length;u++)h[u].trigger(e,s)&&(c=!0);return c===!1&&i&&this.props.hasOwnProperty(o)?(this.props[o].call(void 0,i),i.isDefaultPrevented&&i.isDefaultPrevented()):c}requiresHandlers(e){for(let s=0;s<e.length;s++){const r=e[s],i="on"+r.charAt(0).toUpperCase()+r.slice(1);if(this.props.hasOwnProperty(i))return!0}return!1}triggerDomEvent(e,s){const r=this.observersStore.getState();let i=!1;for(let o=0;o<r.length;o++)r[o].trigger(e,s)&&(i=!0);return i}}x.propTypes={dir:p.string,renderAs:p.oneOf(["svg","canvas"])},x.defaultProps={renderAs:"svg"},N.registerForIntl(x),C.DomEventsBuilder.register(Qe);class R extends a.Component{constructor(e,s){super(e,s),this.context=null,this.state={donutCenterStyles:null},this.chartObserver=new C.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=a.createElement("div",{className:"k-chart-donut-center",style:s},a.createElement(e,null))),r}onRender(e){var v;const s=(v=this.context)==null?void 0:v.optionsStore.getState().series,r=Array.isArray(s)?s[0]:null,i=e.sender._plotArea.charts;if(!r||r.type!=="donut"||i[0].points.length===0)return;const o=i[0].points[0].sector,h=o.innerRadius,c=o.center.y-h,u=o.center.x-h,d=h*2;this.setState({donutCenterStyles:{height:d,left:u,top:c,width:d}})}}R.contextType=b;class Et extends a.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,...i}=this.props;return a.createElement(x,{...i,ref:o=>this._baseChart=o,chartConstructor:C.Chart,getTarget:this.getTarget,wrapper:"div",className:f.classNames("k-chart k-widget",r)},s,a.createElement(R,{render:e}))}}class xt extends a.Component{constructor(){super(...arguments),this._baseChart=null,this.deriveOptionsFromParent=e=>{const{type:s,data:r}=this.props,i=Object.assign({},e,{type:s,data:r});return C.Sparkline.normalizeOptions(i)},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,...i}=this.props;return a.createElement(x,{...i,ref:o=>this._baseChart=o,chartConstructor:C.Sparkline,getTarget:this.getTarget,wrapper:"span",deriveOptionsFromParent:this.deriveOptionsFromParent,className:f.classNames("k-sparkline k-widget",r)},e)}}const It={autoBindElements:!0,liveDrag:!1,partialRedraw:!0};class At extends a.Component{constructor(){super(...arguments),this._baseChart=null,this.deriveOptionsFromParent=e=>{const s=Object.assign({},e.navigator||{},It);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 a.createElement(x,{...r,ref:i=>this._baseChart=i,chartConstructor:C.StockChart,getTarget:this.getTarget,wrapper:"div",deriveOptionsFromParent:this.deriveOptionsFromParent,onRefresh:this.onRefresh,className:f.classNames("k-stockchart k-widget",s)},e)}}class S extends a.Component{constructor(e,s){super(e,s),this.optionsStore=s.optionsStore}renderChildren(e,s){const{children:r}=e.props,{_chartKey:i,_parentStore:o}=this.props,h={...e.props,_chartCollectionIdxKey:`${i}_${s}`,_parentStore:o};return a.cloneElement(e,h,r)}render(){const{_chartKey:e,_parentStore:s,children:r}=this.props;return(s||this.optionsStore).dispatch({chartKey:e,payload:[]}),a.Children.map(r,(o,h)=>a.isValidElement(o)?this.renderChildren(o,h):o)}}S.contextType=b;class l extends a.Component{constructor(e,s){super(e,s),this.optionsStore=s.optionsStore,this.childStore=_(Ce)}render(){const{children:e}=this.props;return e!==void 0?a.Children.map(e,s=>a.isValidElement(s)?this.renderChildren(s):s):null}componentDidMount(){this.dispatch()}componentDidUpdate(){this.dispatch()}dispatch(){const{_chartKey:e,_chartCollectionIdxKey:s,_parentStore:r,children:i,...o}=this.props;(r||this.optionsStore).dispatch({chartKey:e,chartCollectionIdxKey:s,payload:Object.assign({},o,this.childStore.getState())})}renderChildren(e){const{children:s}=e.props,r={...e.props,_parentStore:this.childStore};return a.cloneElement(e,r,s)}}l.contextType=b;class Se{constructor(e){this.currentState=e.currentState,this.nextState=e.nextState}}const w=a.forwardRef((t,e)=>{const s=a.useRef(null),r=a.useRef(null);a.useImperativeHandle(s,()=>({element:r.current,props:t})),a.useImperativeHandle(e,()=>s.current);let o=[{id:"0",...t.rootItem||{text:"Home",icon:a.createElement(f.SvgIcon,{icon:ze.homeIcon,style:{marginInlineEnd:"4px"}})}}];t.drilldownState&&(o=[...o,...t.drilldownState.steps.map((u,d)=>({id:(d+1).toString(),text:u.drilldownValue}))]);const h={...t,data:o},c=u=>{var v;const d="onDrilldownStateChange";if(t.hasOwnProperty(d)){const m=o.findIndex(Ns=>Ns.id===u.id),Ds={steps:(((v=t.drilldownState)==null?void 0:v.steps)||[]).slice(0,m)},ws=new Se({currentState:t.drilldownState,nextState:Ds});t[d].call(void 0,ws)}};return a.createElement("div",null,a.createElement(Ye.Breadcrumb,{...h,onItemSelect:c}))}),_t={id:p.string,style:p.object,className:p.string,breadcrumbOrderedList:p.elementType,breadcrumbListItem:p.elementType,breadcrumbDelimiter:p.elementType,breadcrumbLink:p.elementType,dir:p.oneOf(["ltr","rtl"]),disabled:p.bool,valueField:p.string,textField:p.string,iconField:p.string,iconClassField:p.string,onItemSelect:p.func,ariaLabel:p.string,onDrilldownStateChange:p.func,drilldownState:p.shape({steps:p.array}),rootItem:p.object},Dt={valueField:"id",textField:"text",iconField:"icon",iconClassField:"iconClass",data:[]};w.displayName="KendoReactChartBreadcrumb",w.propTypes=_t,w.defaultProps=Dt;const wt=t=>a.createElement(l,{...t,_chartKey:"chartArea"}),Nt=t=>a.createElement(l,{...t,_chartKey:"axisDefaults"}),F=t=>a.createElement(l,{...t});F.displayName="ChartCategoryAxisItem";const Ee=t=>a.createElement(S,{...t,_chartKey:"categoryAxis"});Ee.propTypes={children:function(t,e,s){return E(t,e,s,F)}};const Tt=t=>a.createElement(l,{visible:!0,...t,_chartKey:"legend"}),kt=t=>a.createElement(l,{visible:!0,position:"bottom",...t,_chartKey:"navigator"}),M=t=>a.createElement(l,{...t});M.displayName="ChartPane";const xe=t=>a.createElement(l,{...t,_chartKey:"paneDefaults"});xe.displayName="ChartPaneDefaults";const Ie=t=>a.createElement(S,{...t,_chartKey:"panes"});Ie.propTypes={children:function(t,e,s){return E(t,e,s,M)}};const Ot=t=>a.createElement(l,{...t,_chartKey:"plotArea"}),H=t=>{let e=r=>a.createElement(a.Fragment,null);t.drilldownSeriesFactory&&(e=t.drilldownSeriesFactory);const s=r=>{var i,o;return r&&((o=(i=r.drilldownState)==null?void 0:i.steps)==null?void 0:o.find(({seriesName:h})=>h===t.name))};return a.createElement(b.Consumer,null,r=>s(r)?a.createElement(e,{_chartCollectionIdxKey:t._chartCollectionIdxKey,drilldownValue:s(r).drilldownValue}):a.createElement(l,{...t}))};H.displayName="ChartSeriesItem";const Ae=t=>a.createElement(S,{...t,_chartKey:"series"});Ae.propTypes={children:function(t,e,s){return E(t,e,s,H)}};const Lt=t=>a.createElement(l,{...t,_chartKey:"seriesDefaults"}),Kt=t=>a.createElement(l,{...t,_chartKey:"subtitle"}),Pt=t=>a.createElement(l,{...t,_chartKey:"title"}),Rt=t=>a.createElement(l,{visible:!0,...t,_chartKey:"tooltip"}),V=t=>a.createElement(l,{...t});V.displayName="ChartValueAxisItem";const _e=t=>a.createElement(S,{...t,_chartKey:"valueAxis"});_e.propTypes={children:function(t,e,s){return E(t,e,s,V)}};const j=t=>a.createElement(l,{...t});j.displayName="ChartXAxisItem";const De=t=>a.createElement(S,{...t,_chartKey:"xAxis"});De.prototype={children:function(t,e,s){return E(t,e,s,j)}};const B=t=>a.createElement(l,{...t});B.displayName="ChartYAxisItem";const we=t=>a.createElement(S,{...t,_chartKey:"yAxis"});we.propTypes={children:function(t,e,s){return E(t,e,s,B)}};const Ft=t=>a.createElement(l,{...t,_chartKey:"zoomable"}),Ne=t=>a.createElement(l,{...t,_chartKey:"title"});Ne.displayName="ChartAxisDefaultsTitle";const Te=t=>a.createElement(l,{...t,_chartKey:"labels"});Te.displayName="ChartAxisDefaultsLabels";const ke=t=>a.createElement(l,{visible:!0,...t,_chartKey:"crosshair"});ke.displayName="ChartAxisDefaultsCrosshair";const Oe=t=>a.createElement(l,{visible:!0,...t,_chartKey:"tooltip"});Oe.displayName="ChartAxisDefaultsCrosshairTooltip";const Mt=t=>a.createElement(l,{visible:!0,...t,_chartKey:"crosshair"}),Ht=t=>a.createElement(l,{visible:!0,...t,_chartKey:"tooltip"}),Le=t=>a.createElement(l,{...t,_chartKey:"title"});Le.displayName="ChartCategoryAxisTitle";const Vt=t=>a.createElement(l,{visible:!0,...t,_chartKey:"labels"}),jt=t=>a.createElement(l,{...t,_chartKey:"notes"}),Bt=t=>a.createElement(l,{...t,_chartKey:"icon"}),Ut=t=>a.createElement(l,{...t,_chartKey:"label"}),Xt=t=>a.createElement(l,{visible:!0,...t,_chartKey:"rangeLabels"}),Ke=t=>a.createElement(l,{...t,_chartKey:"title"});Ke.displayName="ChartPaneDefaultsTitle";const Pe=t=>a.createElement(l,{...t,_chartKey:"item"});Pe.displayName="ChartLegendItem";const Re=t=>a.createElement(l,{...t,_chartKey:"title"});Re.displayName="ChartLegendTitle";const Fe=t=>a.createElement(l,{...t,_chartKey:"inactiveItems"});Fe.displayName="ChartLegendInactiveItems";const Yt=t=>a.createElement(l,{...t,_chartKey:"tooltip"}),zt=t=>a.createElement(l,{...t,_chartKey:"outliers"}),qt=t=>a.createElement(l,{...t,_chartKey:"notes"}),Wt=t=>a.createElement(l,{...t,_chartKey:"markers"}),$t=t=>a.createElement(l,{visible:!0,...t,_chartKey:"labels"}),Zt=t=>a.createElement(l,{...t,_chartKey:"highlight"}),Gt=t=>a.createElement(l,{...t,_chartKey:"extremes"}),Jt=t=>a.createElement(l,{...t,_chartKey:"errorBars"}),Qt=t=>a.createElement(l,{...t,_chartKey:"from"}),es=t=>a.createElement(l,{...t,_chartKey:"to"}),ts=t=>a.createElement(l,{...t,_chartKey:"label"}),ss=t=>a.createElement(l,{...t,_chartKey:"icon"}),rs=t=>a.createElement(l,{visible:!0,...t,_chartKey:"crosshair"}),as=t=>a.createElement(l,{visible:!0,...t,_chartKey:"tooltip"}),ns=t=>a.createElement(l,{visible:!0,...t,_chartKey:"labels"}),is=t=>a.createElement(l,{...t,_chartKey:"notes"}),os=t=>a.createElement(l,{...t,_chartKey:"icon"}),ls=t=>a.createElement(l,{...t,_chartKey:"label"}),Me=t=>a.createElement(l,{...t,_chartKey:"title"});Me.displayName="ChartValueAxisTitle";const cs=t=>a.createElement(l,{visible:!0,...t,_chartKey:"crosshair"}),hs=t=>a.createElement(l,{visible:!0,...t,_chartKey:"tooltip"}),us=t=>a.createElement(l,{visible:!0,...t,_chartKey:"labels"}),ds=t=>a.createElement(l,{...t,_chartKey:"notes"}),ps=t=>a.createElement(l,{...t,_chartKey:"icon"}),ms=t=>a.createElement(l,{...t,_chartKey:"label"}),He=t=>a.createElement(l,{...t,_chartKey:"title"});He.displayName="ChartXAxisTitle";const vs=t=>a.createElement(l,{visible:!0,...t,_chartKey:"crosshair"}),Cs=t=>a.createElement(l,{visible:!0,...t,_chartKey:"tooltip"}),gs=t=>a.createElement(l,{visible:!0,...t,_chartKey:"labels"}),fs=t=>a.createElement(l,{...t,_chartKey:"notes"}),ys=t=>a.createElement(l,{...t,_chartKey:"icon"}),bs=t=>a.createElement(l,{...t,_chartKey:"label"}),Ve=t=>a.createElement(l,{...t,_chartKey:"title"});Ve.displayName="ChartYAxisTitle";const je=t=>a.createElement(l,{...t,_chartKey:"categoryAxis"});je.displayName="ChartNavigatorCategoryAxis";const Ss=t=>a.createElement(l,{...t,_chartKey:"hint"}),Be=t=>a.createElement(l,{...t,_chartKey:"pane"});Be.displayName="ChartNavigatorPane";const Es=t=>a.createElement(l,{...t,_chartKey:"select"}),U=t=>a.createElement(l,{...t});U.displayName="ChartNavigatorSeriesItem";const Ue=t=>a.createElement(S,{...t,_chartKey:"series"});Ue.propTypes={children:function(t,e,s){return E(t,e,s,U)}};const xs=(t,e)=>{if(t&&t.chartInstance!==null)return t.chartInstance.findAxisByName(e)},Is=(t,e)=>{if(t&&t.chartInstance!==null)return t.chartInstance.findPaneByIndex(e)},As=(t,e)=>{if(t&&t.chartInstance!==null)return t.chartInstance.findPaneByName(e)},_s=(t,e={})=>{if(t&&t.chartInstance!==null)return t.chartInstance.exportVisual(e)};n.AxisLabelClickEvent=q,n.Chart=Et,n.ChartArea=wt,n.ChartAxisDefaults=Nt,n.ChartAxisDefaultsCrosshair=ke,n.ChartAxisDefaultsCrosshairTooltip=Oe,n.ChartAxisDefaultsLabels=Te,n.ChartAxisDefaultsTitle=Ne,n.ChartBreadcrumb=w,n.ChartCategoryAxis=Ee,n.ChartCategoryAxisCrosshair=Mt,n.ChartCategoryAxisCrosshairTooltip=Ht,n.ChartCategoryAxisItem=F,n.ChartCategoryAxisLabels=Vt,n.ChartCategoryAxisNotes=jt,n.ChartCategoryAxisNotesIcon=Bt,n.ChartCategoryAxisNotesLabel=Ut,n.ChartCategoryAxisRangeLabels=Xt,n.ChartCategoryAxisTitle=Le,n.ChartLegend=Tt,n.ChartLegendInactiveItems=Fe,n.ChartLegendItem=Pe,n.ChartLegendTitle=Re,n.ChartNavigator=kt,n.ChartNavigatorCategoryAxis=je,n.ChartNavigatorHint=Ss,n.ChartNavigatorPane=Be,n.ChartNavigatorSelect=Es,n.ChartNavigatorSeries=Ue,n.ChartNavigatorSeriesItem=U,n.ChartPane=M,n.ChartPaneDefaults=xe,n.ChartPaneDefaultsTitle=Ke,n.ChartPanes=Ie,n.ChartPlotArea=Ot,n.ChartSeries=Ae,n.ChartSeriesDefaults=Lt,n.ChartSeriesErrorBars=Jt,n.ChartSeriesExtremes=Gt,n.ChartSeriesHighlight=Zt,n.ChartSeriesItem=H,n.ChartSeriesItemOutliers=zt,n.ChartSeriesItemTooltip=Yt,n.ChartSeriesLabels=$t,n.ChartSeriesLabelsFrom=Qt,n.ChartSeriesLabelsTo=es,n.ChartSeriesMarkers=Wt,n.ChartSeriesNotes=qt,n.ChartSeriesNotesIcon=ss,n.ChartSeriesNotesLabel=ts,n.ChartSubtitle=Kt,n.ChartTitle=Pt,n.ChartTooltip=Rt,n.ChartValueAxis=_e,n.ChartValueAxisCrosshair=rs,n.ChartValueAxisCrosshairTooltip=as,n.ChartValueAxisItem=V,n.ChartValueAxisLabels=ns,n.ChartValueAxisNotes=is,n.ChartValueAxisNotesIcon=os,n.ChartValueAxisNotesLabel=ls,n.ChartValueAxisTitle=Me,n.ChartXAxis=De,n.ChartXAxisCrosshair=cs,n.ChartXAxisCrosshairTooltip=hs,n.ChartXAxisItem=j,n.ChartXAxisLabels=us,n.ChartXAxisNotes=ds,n.ChartXAxisNotesIcon=ps,n.ChartXAxisNotesLabel=ms,n.ChartXAxisTitle=He,n.ChartYAxis=we,n.ChartYAxisCrosshair=vs,n.ChartYAxisCrosshairTooltip=Cs,n.ChartYAxisItem=B,n.ChartYAxisLabels=gs,n.ChartYAxisNotes=fs,n.ChartYAxisNotesIcon=ys,n.ChartYAxisNotesLabel=bs,n.ChartYAxisTitle=Ve,n.ChartZoomable=Ft,n.CollectionConfigurationComponent=S,n.ConfigurationComponent=l,n.CrosshairTooltip=K,n.CrosshairTooltipContainer=P,n.DonutCenter=R,n.DragEndEvent=$,n.DragEvent=W,n.DragStartEvent=Z,n.DrilldownEvent=T,n.DrilldownStateChangeEvent=Se,n.LegendItemClickEvent=J,n.LegendItemHoverEvent=G,n.NavigatorFilterEvent=Q,n.NoteClickEvent=ee,n.NoteHoverEvent=te,n.PlotAreaClickEvent=se,n.PlotAreaHoverEvent=re,n.RenderEvent=ae,n.SelectEndEvent=ie,n.SelectEvent=ne,n.SelectStartEvent=oe,n.SeriesClickEvent=le,n.SeriesHoverEvent=ce,n.SeriesTooltip=L,n.SharedTooltipContent=ge,n.Sparkline=xt,n.StockChart=At,n.TooltipPoint=O,n.TooltipPopup=D,n.ZoomEndEvent=ue,n.ZoomEvent=he,n.ZoomStartEvent=de,n.exportVisual=_s,n.findAxisByName=xs,n.findPaneByIndex=Is,n.findPaneByName=As,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});
|
|
48
|
+
`;let pt=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=A(this.queryStyle("chart-font")),s=A(this.queryStyle("chart-title-font")),r=A(this.queryStyle("chart-pane-title-font")),i=A(this.queryStyle("chart-label-font"));this.setStyle("axisDefaults.labels.font",i),this.setStyle("axisDefaults.notes.label.font",e),this.setStyle("axisDefaults.title.font",e),this.setStyle("legend.labels.font",e),this.setStyle("seriesDefaults.labels.font",i),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=Ce(e.querySelector(".k-var--series-unset")),i=s.reduce((o,h)=>{const u=ut(h.className),d=Ce(h);return d!==r&&(o[u]=d),o},[]);this.setStyle("seriesColors",i)}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(i=>this.setStyle(`seriesDefaults.${i}.highlight.inactiveOpacity`,r))}};const vt=(t,e,s)=>{const r=new pt(t);if(typeof s=="undefined"){t.dispatch({type:"push",payload:f.chartBaseTheme()});return}const i=r.element=s.createElement("div");i.style.display="none",i.innerHTML=mt,s.body.appendChild(i);try{t.dispatch({type:"push",payload:f.chartBaseTheme()}),r.setColors(),r.setFonts(),r.setSeriesColors()}finally{s.body.removeChild(r.element),delete r.element,e()}},ft=1e3/60,k=t=>{let e,s,r=[];const i=()=>e,o=u=>{e=t(e,u),C.canUseDOM&&(window.clearTimeout(s),s=window.setTimeout(()=>r.forEach(d=>d()),ft))},h=u=>(r.push(u),()=>r=r.filter(d=>d!==u));return o({}),{getState:i,dispatch:o,subscribe:h}},ge=(t,e)=>e.chartCollectionIdxKey?L.collectionConfigurationItem(t,e):e.chartKey?L.configurationItem(t,e):{},Ct=(t,e)=>{if(e.type)switch(e.type){case"set":return L.themeItem(t,e);case"push":return Object.assign(t,e.payload);default:return t}else return{}},gt=(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[]},L={configurationItem(t,e){return Object.assign(t,{[e.chartKey]:e.payload})},collectionConfigurationItem(t,e){let s=!1;const[r,i]=e.chartCollectionIdxKey.split("_"),o=t[r].map((h,u)=>parseInt(i,10)===u?(s=!0,e.payload):h);return s===!1&&o.splice(parseInt(i,10),0,e.payload),Object.assign(t,{[r]:o})},themeItem(t,e){let s={},r=Object.assign(s,t);const{field:i,value:o}=e.payload,h=i.split(".");let u=h.shift();for(;h.length>0;)s=s[u]=s[u]||{},u=h.shift();return s[u]=o,r}};class O{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 yt="k-chart-shared-tooltip-marker",ye=t=>{const{categoryText:e,colorMarker:s,colspan:r,nameColumn:i,points:o}=t,h=(u,d)=>n.createElement("tr",{key:d},s&&n.createElement("td",null,n.createElement("span",{className:yt,style:{backgroundColor:u.series.color}})),i&&n.createElement("td",null,u.series.name),n.createElement("td",{dangerouslySetInnerHTML:{__html:u.formattedValue}}));return n.createElement("table",null,n.createElement("thead",null,n.createElement("tr",null,n.createElement("th",{colSpan:r},e))),n.createElement("tbody",null,o.map(h)))},b=n.createContext(null);b.displayName="ChartContext";const bt={horizontal:"fit",vertical:"fit"},St="k-chart-tooltip",Et="k-chart-tooltip-wrapper";class w extends n.Component{constructor(e,s){super(e,s),this.context=null,this.element=null,this.onChartMouseLeave=r=>{const{syntheticEvent:i}=r;return!!X(i.relatedTarget,this.element)},this.onMouseLeave=r=>{const i=fe(this,r);this.context.childrenObserver.trigger("onMouseLeave",i)&&r.preventDefault()},this.popupRef=r=>{this.element=r;const i=r&&r.closest(".k-animation-container");i&&(i.style.transition="initial")},this.chartObserver=new f.InstanceObserver(this,{onMouseLeave:"onChartMouseLeave"}),s.observersStore.dispatch({type:"add",payload:this.chartObserver})}render(){const{popupShown:e,popupAlign:s,popupOffset:r,popupStyles:i,popupContent:o,className:h}=this.props,u=[St,h].join(" ").trim();return n.createElement(Ge.Popup,{animate:!1,popupAlign:s,offset:r,show:e,collision:bt,className:Et},n.createElement("div",{className:u,style:i,onMouseLeave:this.onMouseLeave,ref:this.popupRef},o()))}componentWillUnmount(){this.context.observersStore.dispatch({type:"remove",payload:this.chartObserver})}}w.contextType=b;const xt="k-chart-shared-tooltip",It="k-chart-tooltip-inverse";class K extends n.Component{constructor(){super(...arguments),this.context=null,this.state={popupShown:!1},this.chartObserver=null}componentDidMount(){this.chartObserver=new f.InstanceObserver(this,{showTooltip:"onShowTooltip",hideTooltip:"onHideTooltip"}),this.context.observersStore.dispatch({type:"add",payload:this.chartObserver})}render(){const{popupContext:e,shared:s,className:r,...i}=this.state,o=this.state.popupShown?()=>{const u=this.findRenderFunction();if(s)return u!==null?u(e):n.createElement(ye,{...e});{const d=e.point,m=this.findRenderFunctionByIndex(d.series.index);return m!==null?m(e):u!==null?u(e):n.createElement("span",{dangerouslySetInnerHTML:{__html:e.point.formattedValue}})}}:Function.prototype,h=C.classNames({[xt]:s,[It]:!!r});return n.createElement(w,{...i,popupContent:o,className:h})}componentWillUnmount(){this.context.observersStore.dispatch({type:"remove",payload:this.chartObserver})}onShowTooltip(e){const{anchor:s,style:r,shared:i,className:o,crosshair:h}=e;let u;h||(i?u=this.createSharedTooltipContext(e):u=this.createTooltipContext(e),this.setState({popupShown:!0,popupAlign:s.align,popupOffset:s.point,popupContext:u,popupStyles:r,className:o,shared:i}))}onHideTooltip(){this.setState({popupShown:!1,popupStyles:{},className:void 0})}createSharedTooltipContext(e){const{points:s,categoryText:r}=e,i=s.filter(u=>typeof u.series.name!="undefined").length>0,o=e.series.length>1;let h=1;return i&&h++,o&&h++,{categoryText:r,colorMarker:o,colspan:h,nameColumn:i,points:e.points.map(u=>new O(u,e.format))}}createTooltipContext(e){const{point:s,format:r}=e;return{point:new O(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}}K.contextType=b;const be=t=>t.children;be.displayName="Container";const At="k-chart-crosshair-tooltip",kt="k-chart-tooltip-inverse";class T extends n.Component{constructor(e,s){super(e,s),this.context=null,this.state={popupShown:!1},this.chartObserver=new f.InstanceObserver(this,{showTooltip:"onShowTooltip",hideTooltip:"onHideTooltip"}),s.observersStore.dispatch({type:"add",payload:this.chartObserver})}render(){const{popupContend:e,className:s,...r}=this.state,i=this.state.popupShown?()=>e:Function.prototype,o=C.classNames({[At]:!0,[kt]:!!s});return n.createElement(w,{...r,popupContent:i,className:o})}componentWillUnmount(){var e;(e=this.context)==null||e.observersStore.dispatch({type:"remove",payload:this.chartObserver})}onShowTooltip(e){const{anchor:s,style:r,className:i,crosshair:o,axisName:h,axisIndex:u,value:d}=e,{name:m,index:v}=this.props;o&&h===m&&u===v&&this.setState({popupShown:!0,popupAlign:s.align,popupOffset:s.point,popupContend:d,popupStyles:r,className:i})}onHideTooltip(){this.setState({popupShown:!1,popupStyles:{},className:void 0})}}T.contextType=b;const Se=["categoryAxis","valueAxis","xAxis","yAxis"];function wt(t){const e={};for(let s=0;s<Se.length;s++){const r=Dt(t,Se[s]);for(let i=0;i<r.length;i++){const o=r[i];e[o.name+o.index]=o}}return e}function Dt(t,e){const s=[];if(t[e]){const r=[].concat(t[e]);for(let i=0;i<r.length;i++){const o=(r[i].crosshair||{}).tooltip;o&&o.visible&&s.push({index:i,name:e})}}return s}class R extends n.Component{constructor(){super(...arguments),this.context=null,this.state={tooltips:{}},this.storeUnsubscriber=Function.prototype,this.subscriber=()=>{var e;this.setState({tooltips:wt((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(T,{...e[r],key:r}));return n.createElement(be,null,s)}componentWillUnmount(){this.storeUnsubscriber()}}R.contextType=b;const F={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 x 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 h;const{series:r}=this.optionsStore.getState(),i=r.find(u=>u.name===s.series.name);if(!i.drilldownSeriesFactory)return!0;const o="onDrilldown";if(this.props.hasOwnProperty(o)){const u={seriesName:i.name,drilldownValue:s.value},d=[...((h=this.props.drilldownState)==null?void 0:h.steps)||[],u],m=this.props.getTarget(),v={...s,currentState:this.props.drilldownState,nextState:{steps:d}},p=new N(v,m);this.props[o].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 i={};const{seriesIndex:o,pointIndex:h}=s,u=r[o];if(h===void 0)i=Object.assign({},u,{visible:Y(u.visible)});else{const d=u.pointVisibility=u.pointVisibility||[];d[h]=Y(d[h]),i=Object.assign({},u)}this.optionsStore.dispatch({chartCollectionIdxKey:`series_${o}`,payload:i}),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&&!X(r.relatedTarget,this.element)&&this.chartInstance.hideElements(),!1},C.validatePackage(F),this.showLicenseWatermark=C.shouldShowValidationUI(F),this.optionsStore=k(ge),this.observersStore=k(gt),this.childrenObserver=new f.InstanceObserver(this,{onMouseLeave:"onChildMouseLeave"}),this.state={optionsStore:this.optionsStore,observersStore:this.observersStore,childrenObserver:this.childrenObserver,drilldownState:{steps:[]}},this.themeStore=k(Ct),this.chartObserver=new f.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;vt(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,...i}=this.props;if(this.chartInstance!==null){const o=_.provideIntlService(this),h=this.chartInstance.chartService,u=o.locale!==h._intlService.locale,d=Object.entries(e).filter(m=>m[0]!=="dir"&&m[0]!=="children").some(m=>{const[v,p]=m;return!(i.hasOwnProperty(v)&&i[v]===p)});u&&(this.chartInstance.chartService._intlService=o,this.chartInstance.chartService.format._intlService=o,d||this.chartInstance.noTransitionsRedraw()),d&&this.refresh(),e.dir!==s&&this.chartInstance.setDirection(this.getDirection(s))}}render(){const{style:e={},className:s,wrapper:r,children:i}=this.props,o=Object.assign({},e,{position:"relative"}),h=n.createElement(r,{className:s,style:o,key:"chartElement"},n.createElement("div",{onMouseLeave:this.onChartMouseLeave,ref:u=>this._element=u,className:"k-chart-surface"},i),n.createElement(n.Fragment,null,this.showLicenseWatermark&&n.createElement(C.WatermarkOverlay,null)));return n.createElement(b.Provider,{value:this.state},n.createElement(K,{key:"seriesTooltip"}),n.createElement(R,{key:"crosshairTooltips"}),h)}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:i,panes:o,transitions:h,seriesColors:u,seriesDefaults:d,axisDefaults:m,deriveOptionsFromParent:v}=this.props;let p={};return e!==void 0&&(p.renderAs=e),s!==void 0&&(p.pannable=s),r!==void 0&&(p.zoomable=r),i!==void 0&&(p.paneDefaults=i),o!==void 0&&(p.panes=o),h!==void 0&&(p.transitions=h),u!==void 0&&(p.seriesColors=u),d!==void 0&&(p.seriesDefaults=d),m!==void 0&&(p.axisDefaults=m),p=Object.assign(p,this.optionsStore.getState()),v&&(p=v(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:_.provideIntlService(this),observer:this.chartObserver,sender:this})}trigger(e,s){const r=this.props.getTarget(),i=lt(e,s,r),o="on"+e.charAt(0).toUpperCase()+e.slice(1),h=this.observersStore.getState();let u=!1;for(let d=0;d<h.length;d++)h[d].trigger(e,s)&&(u=!0);return u===!1&&i&&this.props.hasOwnProperty(o)?(this.props[o].call(void 0,i),i.isDefaultPrevented&&i.isDefaultPrevented()):u}requiresHandlers(e){for(let s=0;s<e.length;s++){const r=e[s],i="on"+r.charAt(0).toUpperCase()+r.slice(1);if(this.props.hasOwnProperty(i))return!0}return!1}triggerDomEvent(e,s){const r=this.observersStore.getState();let i=!1;for(let o=0;o<r.length;o++)r[o].trigger(e,s)&&(i=!0);return i}}x.propTypes={dir:l.string,renderAs:l.oneOf(["svg","canvas"])},x.defaultProps={renderAs:"svg"},_.registerForIntl(x),f.DomEventsBuilder.register(it);class H extends n.Component{constructor(e,s){super(e,s),this.context=null,this.state={donutCenterStyles:null},this.chartObserver=new f.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 v;const s=(v=this.context)==null?void 0:v.optionsStore.getState().series,r=Array.isArray(s)?s[0]:null,i=e.sender._plotArea.charts;if(!r||r.type!=="donut"||i[0].points.length===0)return;const o=i[0].points[0].sector,h=o.innerRadius,u=o.center.y-h,d=o.center.x-h,m=h*2;this.setState({donutCenterStyles:{height:m,left:d,top:u,width:m}})}}H.contextType=b;class _t 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,...i}=this.props;return n.createElement(x,{...i,ref:o=>this._baseChart=o,chartConstructor:f.Chart,getTarget:this.getTarget,wrapper:"div",className:C.classNames("k-chart k-widget",r)},s,n.createElement(H,{render:e}))}}class Nt extends n.Component{constructor(){super(...arguments),this._baseChart=null,this.deriveOptionsFromParent=e=>{const{type:s,data:r}=this.props,i=Object.assign({},e,{type:s,data:r});return f.Sparkline.normalizeOptions(i)},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,...i}=this.props;return n.createElement(x,{...i,ref:o=>this._baseChart=o,chartConstructor:f.Sparkline,getTarget:this.getTarget,wrapper:"span",deriveOptionsFromParent:this.deriveOptionsFromParent,className:C.classNames("k-sparkline k-widget",r)},e)}}const Lt={autoBindElements:!0,liveDrag:!1,partialRedraw:!0};class Ot extends n.Component{constructor(){super(...arguments),this._baseChart=null,this.deriveOptionsFromParent=e=>{const s=Object.assign({},e.navigator||{},Lt);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(x,{...r,ref:i=>this._baseChart=i,chartConstructor:f.StockChart,getTarget:this.getTarget,wrapper:"div",deriveOptionsFromParent:this.deriveOptionsFromParent,onRefresh:this.onRefresh,className:C.classNames("k-stockchart k-widget",s)},e)}}class S extends n.Component{constructor(e,s){super(e,s),this.optionsStore=s.optionsStore}renderChildren(e,s){const{children:r}=e.props,{_chartKey:i,_parentStore:o}=this.props,h={...e.props,_chartCollectionIdxKey:`${i}_${s}`,_parentStore:o};return n.cloneElement(e,h,r)}render(){const{_chartKey:e,_parentStore:s,children:r}=this.props;return(s||this.optionsStore).dispatch({chartKey:e,payload:[]}),n.Children.map(r,(o,h)=>n.isValidElement(o)?this.renderChildren(o,h):o)}}S.contextType=b;class c extends n.Component{constructor(e,s){super(e,s),this.optionsStore=s.optionsStore,this.childStore=k(ge)}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:i,...o}=this.props;(r||this.optionsStore).dispatch({chartKey:e,chartCollectionIdxKey:s,payload:Object.assign({},o,this.childStore.getState())})}renderChildren(e){const{children:s}=e.props,r={...e.props,_parentStore:this.childStore};return n.cloneElement(e,r,s)}}c.contextType=b;class Ee{constructor(e){this.currentState=e.currentState,this.nextState=e.nextState}}const D=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 o=[{id:"0",...t.rootItem||{text:"Home",icon:n.createElement(C.SvgIcon,{icon:Qe.homeIcon,style:{marginInlineEnd:"4px"}})}}];t.drilldownState&&(o=[...o,...t.drilldownState.steps.map((d,m)=>({id:(m+1).toString(),text:d.drilldownValue}))]);const h={...t,data:o},u=d=>{var v;const m="onDrilldownStateChange";if(t.hasOwnProperty(m)){const p=o.findIndex(Zs=>Zs.id===d.id),zs={steps:(((v=t.drilldownState)==null?void 0:v.steps)||[]).slice(0,p)},Ws=new Ee({currentState:t.drilldownState,nextState:zs});t[m].call(void 0,Ws)}};return n.createElement("div",null,n.createElement(Je.Breadcrumb,{...h,onItemSelect:u}))}),Kt={id:l.string,style:l.object,className:l.string,breadcrumbOrderedList:l.elementType,breadcrumbListItem:l.elementType,breadcrumbDelimiter:l.elementType,breadcrumbLink:l.elementType,dir:l.oneOf(["ltr","rtl"]),disabled:l.bool,valueField:l.string,textField:l.string,iconField:l.string,iconClassField:l.string,onItemSelect:l.func,ariaLabel:l.string,onDrilldownStateChange:l.func,drilldownState:l.shape({steps:l.array}),rootItem:l.object},Tt={valueField:"id",textField:"text",iconField:"icon",iconClassField:"iconClass",data:[]};D.displayName="KendoReactChartBreadcrumb",D.propTypes=Kt,D.defaultProps=Tt;const Rt=t=>n.createElement(c,{...t,_chartKey:"chartArea"}),Ft=t=>n.createElement(c,{...t,_chartKey:"axisDefaults"}),M=t=>n.createElement(c,{...t});M.displayName="ChartCategoryAxisItem";const xe=t=>n.createElement(S,{...t,_chartKey:"categoryAxis"});xe.propTypes={children:function(t,e,s){return E(t,e,s,M)}};const Ht=t=>n.createElement(c,{visible:!0,...t,_chartKey:"legend"}),Mt=t=>n.createElement(c,{visible:!0,position:"bottom",...t,_chartKey:"navigator"}),V=t=>n.createElement(c,{...t});V.displayName="ChartPane";const Ie=t=>n.createElement(c,{...t,_chartKey:"paneDefaults"});Ie.displayName="ChartPaneDefaults";const Ae=t=>n.createElement(S,{...t,_chartKey:"panes"});Ae.propTypes={children:function(t,e,s){return E(t,e,s,V)}};const Vt=t=>n.createElement(c,{...t,_chartKey:"plotArea"}),P=t=>{let e=r=>n.createElement(n.Fragment,null);t.drilldownSeriesFactory&&(e=t.drilldownSeriesFactory);const s=r=>{var i,o;return r&&((o=(i=r.drilldownState)==null?void 0:i.steps)==null?void 0:o.find(({seriesName:h})=>h===t.name))};return n.createElement(b.Consumer,null,r=>s(r)?n.createElement(e,{_chartCollectionIdxKey:t._chartCollectionIdxKey,drilldownValue:s(r).drilldownValue}):n.createElement(c,{...t}))};P.displayName="ChartSeriesItem";const ke=t=>n.createElement(S,{...t,_chartKey:"series"});ke.propTypes={children:function(t,e,s){return E(t,e,s,P)}};const Pt=t=>n.createElement(c,{...t,_chartKey:"seriesDefaults"}),jt=t=>n.createElement(c,{...t,_chartKey:"subtitle"}),qt=t=>n.createElement(c,{...t,_chartKey:"title"}),Bt=t=>n.createElement(c,{visible:!0,...t,_chartKey:"tooltip"}),j=t=>n.createElement(c,{...t});j.displayName="ChartValueAxisItem";const we=t=>n.createElement(S,{...t,_chartKey:"valueAxis"});we.propTypes={children:function(t,e,s){return E(t,e,s,j)}};const q=t=>n.createElement(c,{...t});q.displayName="ChartXAxisItem";const De=t=>n.createElement(S,{...t,_chartKey:"xAxis"});De.prototype={children:function(t,e,s){return E(t,e,s,q)}};const B=t=>n.createElement(c,{...t});B.displayName="ChartYAxisItem";const _e=t=>n.createElement(S,{...t,_chartKey:"yAxis"});_e.propTypes={children:function(t,e,s){return E(t,e,s,B)}};const $t=t=>n.createElement(c,{...t,_chartKey:"zoomable"}),Ne=t=>n.createElement(c,{...t,_chartKey:"title"});Ne.displayName="ChartAxisDefaultsTitle";const Le=t=>n.createElement(c,{...t,_chartKey:"labels"});Le.displayName="ChartAxisDefaultsLabels";const Oe=t=>n.createElement(c,{visible:!0,...t,_chartKey:"crosshair"});Oe.displayName="ChartAxisDefaultsCrosshair";const Ke=t=>n.createElement(c,{visible:!0,...t,_chartKey:"tooltip"});Ke.displayName="ChartAxisDefaultsCrosshairTooltip";const Ut=t=>n.createElement(c,{visible:!0,...t,_chartKey:"crosshair"}),Xt=t=>n.createElement(c,{visible:!0,...t,_chartKey:"tooltip"}),Te=t=>n.createElement(c,{...t,_chartKey:"title"});Te.displayName="ChartCategoryAxisTitle";const Yt=t=>n.createElement(c,{visible:!0,...t,_chartKey:"labels"}),zt=t=>n.createElement(c,{...t,_chartKey:"notes"}),Wt=t=>n.createElement(c,{...t,_chartKey:"icon"}),Zt=t=>n.createElement(c,{...t,_chartKey:"label"}),Gt=t=>n.createElement(c,{visible:!0,...t,_chartKey:"rangeLabels"}),Re=t=>n.createElement(c,{...t,_chartKey:"title"});Re.displayName="ChartPaneDefaultsTitle";const Fe=t=>n.createElement(c,{...t,_chartKey:"item"});Fe.displayName="ChartLegendItem";const He=t=>n.createElement(c,{...t,_chartKey:"title"});He.displayName="ChartLegendTitle";const Me=t=>n.createElement(c,{...t,_chartKey:"inactiveItems"});Me.displayName="ChartLegendInactiveItems";const Jt=t=>n.createElement(c,{...t,_chartKey:"tooltip"}),Qt=t=>n.createElement(c,{...t,_chartKey:"outliers"}),es=t=>n.createElement(c,{...t,_chartKey:"notes"}),ts=t=>n.createElement(c,{...t,_chartKey:"markers"}),ss=t=>n.createElement(c,{visible:!0,...t,_chartKey:"labels"}),rs=t=>n.createElement(c,{...t,_chartKey:"highlight"}),ns=t=>n.createElement(c,{...t,_chartKey:"extremes"}),as=t=>n.createElement(c,{...t,_chartKey:"errorBars"}),is=t=>n.createElement(c,{...t,_chartKey:"from"}),os=t=>n.createElement(c,{...t,_chartKey:"to"}),ls=t=>n.createElement(c,{...t,_chartKey:"label"}),cs=t=>n.createElement(c,{...t,_chartKey:"icon"}),hs=t=>n.createElement(c,{visible:!0,...t,_chartKey:"crosshair"}),us=t=>n.createElement(c,{visible:!0,...t,_chartKey:"tooltip"}),ds=t=>n.createElement(c,{visible:!0,...t,_chartKey:"labels"}),ms=t=>n.createElement(c,{...t,_chartKey:"notes"}),ps=t=>n.createElement(c,{...t,_chartKey:"icon"}),vs=t=>n.createElement(c,{...t,_chartKey:"label"}),Ve=t=>n.createElement(c,{...t,_chartKey:"title"});Ve.displayName="ChartValueAxisTitle";const fs=t=>n.createElement(c,{visible:!0,...t,_chartKey:"crosshair"}),Cs=t=>n.createElement(c,{visible:!0,...t,_chartKey:"tooltip"}),gs=t=>n.createElement(c,{visible:!0,...t,_chartKey:"labels"}),ys=t=>n.createElement(c,{...t,_chartKey:"notes"}),bs=t=>n.createElement(c,{...t,_chartKey:"icon"}),Ss=t=>n.createElement(c,{...t,_chartKey:"label"}),Pe=t=>n.createElement(c,{...t,_chartKey:"title"});Pe.displayName="ChartXAxisTitle";const Es=t=>n.createElement(c,{visible:!0,...t,_chartKey:"crosshair"}),xs=t=>n.createElement(c,{visible:!0,...t,_chartKey:"tooltip"}),Is=t=>n.createElement(c,{visible:!0,...t,_chartKey:"labels"}),As=t=>n.createElement(c,{...t,_chartKey:"notes"}),ks=t=>n.createElement(c,{...t,_chartKey:"icon"}),ws=t=>n.createElement(c,{...t,_chartKey:"label"}),je=t=>n.createElement(c,{...t,_chartKey:"title"});je.displayName="ChartYAxisTitle";const qe=t=>n.createElement(c,{...t,_chartKey:"categoryAxis"});qe.displayName="ChartNavigatorCategoryAxis";const Ds=t=>n.createElement(c,{...t,_chartKey:"hint"}),Be=t=>n.createElement(c,{...t,_chartKey:"pane"});Be.displayName="ChartNavigatorPane";const _s=t=>n.createElement(c,{...t,_chartKey:"select"}),$=t=>n.createElement(c,{...t});$.displayName="ChartNavigatorSeriesItem";const $e=t=>n.createElement(S,{...t,_chartKey:"series"});$e.propTypes={children:function(t,e,s){return E(t,e,s,$)}};const Ns=(t,e)=>{if(t&&t.chartInstance!==null)return t.chartInstance.findAxisByName(e)},Ls=(t,e)=>{if(t&&t.chartInstance!==null)return t.chartInstance.findPaneByIndex(e)},Os=(t,e)=>{if(t&&t.chartInstance!==null)return t.chartInstance.findPaneByName(e)},Ks=(t,e={})=>{if(t&&t.chartInstance!==null)return t.chartInstance.exportVisual(e)},Ts=t=>`${t.fontWeight} ${t.fontSize} ${t.fontFamily}`,Ue=t=>window.getComputedStyle(t).backgroundColor,Rs=t=>t.toLowerCase().charCodeAt(0)-"a".charCodeAt(0),Fs=t=>{const e=t.match(/series-([a-z])$/);if(e!==null)return Rs(e[1]);const s=t.split("--series-")[1];return parseInt(s,10)-1},Hs=30,Ms=`
|
|
49
|
+
<div class="k-var--normal-text-color"></div>
|
|
50
|
+
<div class="k-widget k-chart">
|
|
51
|
+
<div class="k-var--chart-font"></div>
|
|
52
|
+
</div>
|
|
53
|
+
<div class="k-var--series-unset"></div>
|
|
54
|
+
<div class="k-var--series">
|
|
55
|
+
${(()=>{let t=`
|
|
56
|
+
<div class="k-var--series-a"></div>
|
|
57
|
+
<div class="k-var--series-b"></div>
|
|
58
|
+
<div class="k-var--series-c"></div>
|
|
59
|
+
<div class="k-var--series-d"></div>
|
|
60
|
+
<div class="k-var--series-e"></div>
|
|
61
|
+
<div class="k-var--series-f"></div>
|
|
62
|
+
`;for(let e=0;e<Hs;e++)t+=`
|
|
63
|
+
<div class="k-var--series-${e+1}"></div>`;return t})()}
|
|
64
|
+
</div>
|
|
65
|
+
`;class Vs{constructor(e){this.store=e}setStyle(e,s){const r=e.split(".");let i=this.store;r.forEach((h,u,d)=>{u<d.length-1&&(i=i[h]=i[h]||{})});const o=r.pop();o&&(i[o]=s)}setColors(){this.mapColor("labels.color","normal-text-color")}setFonts(){const e=Ts(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=Ue(e.querySelector(".k-var--series-unset")),i=s.reduce((o,h)=>{const u=Fs(h.className),d=Ue(h);return d!==r&&(o[u]=d),o},[]);this.setStyle("nodesColors",i)}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 Ps=(t,e)=>{const s={links:{color:"#757575"},nodesColors:[]},r=new Vs(s),i=r.element=t.createElement("div");i.style.display="none",i.innerHTML=Ms,t.body.appendChild(i);try{r.setColors(),r.setFonts(),r.setSeriesColors()}finally{t.body.removeChild(r.element),r.element=null,e(s)}},Xe=l.exact({left:l.number,top:l.number}),Ye={left:l.number,right:l.number},js={...Ye,top:l.number,bottom:l.number},ze={visible:l.bool,font:l.string,color:l.string,opacity:l.number,align:l.oneOf(["left","right","center"]),position:l.oneOf(["inside","before","after"]),padding:l.oneOfType([l.number,l.exact(js)]),margin:l.exact(Ye),border:l.exact({width:l.number,color:l.string,opacity:l.number,dashType:l.string}),offset:Xe},We={color:l.string,opacity:l.number,offset:Xe,padding:l.number,width:l.number},Ze={colorType:l.oneOf(["static","source","target"]),color:l.string,opacity:l.number,highlight:l.exact({opacity:l.number,inactiveOpacity:l.number})},qs=l.exact({text:l.string,...ze}),Bs=l.exact({id:l.oneOfType([l.string,l.number]).isRequired,label:qs.isRequired,...We}),$s=l.exact({sourceId:l.oneOfType([l.string,l.number]).isRequired,targetId:l.oneOfType([l.string,l.number]).isRequired,value:l.number.isRequired,...Ze}),Us={data:l.exact({nodes:l.arrayOf(Bs.isRequired).isRequired,links:l.arrayOf($s.isRequired).isRequired}).isRequired,links:l.exact(Ze),nodes:l.exact(We),labels:l.exact(ze),className:l.string,style:l.object,onNodeEnter:l.func,onNodeLeave:l.func,onLinkEnter:l.func,onLinkLeave:l.func},Xs=["nodeEnter","nodeLeave","linkEnter","linkLeave"],Ys=(t,e)=>{t&&(t.unbind(),Xs.forEach(s=>{e[s]&&t.bind(s,e[s])}))},U=n.forwardRef((t,e)=>{C.validatePackage(F);const s=n.useRef(null),r=n.useRef(null),i=n.useRef(null),{data:o,links:h,nodes:u,labels:d}=t;n.useEffect(()=>(r.current?r.current.setOptions({data:o,links:h,nodes:u,labels:d}):C.canUseDOM&&s.current&&Ps(s.current.ownerDocument,v=>{r.current=new f.Sankey(s.current,{data:o,links:h,nodes:u,labels:d},v)}),()=>{r.current&&(r.current.destroy(),r.current=null)}),[o,h,u,d]),n.useImperativeHandle(i,()=>({get element(){return s.current},props:t}),[]),n.useImperativeHandle(e,()=>i.current);const m=n.useCallback(v=>v&&(p=>{Object.defineProperty(p,"target",{get:()=>i.current}),p.nativeEvent=p.originalEvent||null,v.call(void 0,p)}),[]);return n.useEffect(()=>{Ys(r.current,{nodeEnter:m(t.onNodeEnter),nodeLeave:m(t.onNodeLeave),linkEnter:m(t.onLinkEnter),linkLeave:m(t.onLinkLeave)})},[t.onNodeEnter,t.onNodeLeave,t.onLinkEnter,t.onLinkLeave]),n.createElement("div",{ref:s,className:t.className,style:t.style})});U.propTypes=Us,U.displayName="KendoReactSankey",a.AxisLabelClickEvent=W,a.Chart=_t,a.ChartArea=Rt,a.ChartAxisDefaults=Ft,a.ChartAxisDefaultsCrosshair=Oe,a.ChartAxisDefaultsCrosshairTooltip=Ke,a.ChartAxisDefaultsLabels=Le,a.ChartAxisDefaultsTitle=Ne,a.ChartBreadcrumb=D,a.ChartCategoryAxis=xe,a.ChartCategoryAxisCrosshair=Ut,a.ChartCategoryAxisCrosshairTooltip=Xt,a.ChartCategoryAxisItem=M,a.ChartCategoryAxisLabels=Yt,a.ChartCategoryAxisNotes=zt,a.ChartCategoryAxisNotesIcon=Wt,a.ChartCategoryAxisNotesLabel=Zt,a.ChartCategoryAxisRangeLabels=Gt,a.ChartCategoryAxisTitle=Te,a.ChartLegend=Ht,a.ChartLegendInactiveItems=Me,a.ChartLegendItem=Fe,a.ChartLegendTitle=He,a.ChartNavigator=Mt,a.ChartNavigatorCategoryAxis=qe,a.ChartNavigatorHint=Ds,a.ChartNavigatorPane=Be,a.ChartNavigatorSelect=_s,a.ChartNavigatorSeries=$e,a.ChartNavigatorSeriesItem=$,a.ChartPane=V,a.ChartPaneDefaults=Ie,a.ChartPaneDefaultsTitle=Re,a.ChartPanes=Ae,a.ChartPlotArea=Vt,a.ChartSeries=ke,a.ChartSeriesDefaults=Pt,a.ChartSeriesErrorBars=as,a.ChartSeriesExtremes=ns,a.ChartSeriesHighlight=rs,a.ChartSeriesItem=P,a.ChartSeriesItemOutliers=Qt,a.ChartSeriesItemTooltip=Jt,a.ChartSeriesLabels=ss,a.ChartSeriesLabelsFrom=is,a.ChartSeriesLabelsTo=os,a.ChartSeriesMarkers=ts,a.ChartSeriesNotes=es,a.ChartSeriesNotesIcon=cs,a.ChartSeriesNotesLabel=ls,a.ChartSubtitle=jt,a.ChartTitle=qt,a.ChartTooltip=Bt,a.ChartValueAxis=we,a.ChartValueAxisCrosshair=hs,a.ChartValueAxisCrosshairTooltip=us,a.ChartValueAxisItem=j,a.ChartValueAxisLabels=ds,a.ChartValueAxisNotes=ms,a.ChartValueAxisNotesIcon=ps,a.ChartValueAxisNotesLabel=vs,a.ChartValueAxisTitle=Ve,a.ChartXAxis=De,a.ChartXAxisCrosshair=fs,a.ChartXAxisCrosshairTooltip=Cs,a.ChartXAxisItem=q,a.ChartXAxisLabels=gs,a.ChartXAxisNotes=ys,a.ChartXAxisNotesIcon=bs,a.ChartXAxisNotesLabel=Ss,a.ChartXAxisTitle=Pe,a.ChartYAxis=_e,a.ChartYAxisCrosshair=Es,a.ChartYAxisCrosshairTooltip=xs,a.ChartYAxisItem=B,a.ChartYAxisLabels=Is,a.ChartYAxisNotes=As,a.ChartYAxisNotesIcon=ks,a.ChartYAxisNotesLabel=ws,a.ChartYAxisTitle=je,a.ChartZoomable=$t,a.CollectionConfigurationComponent=S,a.ConfigurationComponent=c,a.CrosshairTooltip=T,a.CrosshairTooltipContainer=R,a.DonutCenter=H,a.DragEndEvent=G,a.DragEvent=Z,a.DragStartEvent=J,a.DrilldownEvent=N,a.DrilldownStateChangeEvent=Ee,a.LegendItemClickEvent=ee,a.LegendItemHoverEvent=Q,a.NavigatorFilterEvent=te,a.NoteClickEvent=se,a.NoteHoverEvent=re,a.PlotAreaClickEvent=ne,a.PlotAreaHoverEvent=ae,a.RenderEvent=ie,a.Sankey=U,a.SelectEndEvent=le,a.SelectEvent=oe,a.SelectStartEvent=ce,a.SeriesClickEvent=he,a.SeriesHoverEvent=ue,a.SeriesTooltip=K,a.SharedTooltipContent=ye,a.Sparkline=Nt,a.StockChart=Ot,a.TooltipPoint=O,a.TooltipPopup=w,a.ZoomEndEvent=me,a.ZoomEvent=de,a.ZoomStartEvent=pe,a.exportVisual=Ks,a.findAxisByName=Ns,a.findPaneByIndex=Ls,a.findPaneByName=Os,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});
|
package/index.d.ts
CHANGED
|
@@ -30,4 +30,5 @@ export * from './common/property-types';
|
|
|
30
30
|
export * from './common/events';
|
|
31
31
|
export * from './common/charts';
|
|
32
32
|
export * from './methods/';
|
|
33
|
+
export * from './sankey';
|
|
33
34
|
export { Chart, ChartProps, Sparkline, SparklineProps, StockChart, StockChartProps, CategoryBaseUnit, BaseUnit, AxisLabelVisualArgs, LineStyle, ValueAxisTitle, SeriesLabels, CollectionConfigurationComponent, ConfigurationComponent, DonutCenter, TooltipPoint, SeriesTooltip, CrosshairTooltip, CrosshairTooltipProps, TooltipPopup, TooltipPopupProps, SharedTooltipContent, CrosshairTooltipContainer, ChartBreadcrumb, ChartBreadcrumbProps };
|
package/index.js
CHANGED
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
5
|
+
"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=`
|
|
6
6
|
<div class="k-var--series-a"></div>
|
|
7
7
|
<div class="k-var--series-b"></div>
|
|
8
8
|
<div class="k-var--series-c"></div>
|
|
9
9
|
<div class="k-var--series-d"></div>
|
|
10
10
|
<div class="k-var--series-e"></div>
|
|
11
11
|
<div class="k-var--series-f"></div>
|
|
12
|
-
`;for(let e=0;e<
|
|
13
|
-
<div class="k-var--series-${e+1}"></div>`;return t},
|
|
12
|
+
`;for(let e=0;e<mt;e++)t+=`
|
|
13
|
+
<div class="k-var--series-${e+1}"></div>`;return t},Ct=`
|
|
14
14
|
<div class="k-var--primary"></div>
|
|
15
15
|
<div class="k-var--base"></div>
|
|
16
16
|
<div class="k-var--background"></div>
|
|
@@ -43,6 +43,23 @@
|
|
|
43
43
|
|
|
44
44
|
<div class="k-var--series-unset"></div>
|
|
45
45
|
<div class="k-var--series">
|
|
46
|
-
${
|
|
46
|
+
${vt()}
|
|
47
47
|
</div>
|
|
48
|
-
`;class ht{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")),n=E(this.queryStyle("chart-label-font"));this.setStyle("axisDefaults.labels.font",n),this.setStyle("axisDefaults.notes.label.font",e),this.setStyle("axisDefaults.title.font",e),this.setStyle("legend.labels.font",e),this.setStyle("seriesDefaults.labels.font",n),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")),n=s.reduce((i,c)=>{const l=it(c.className),h=Y(c);return h!==r&&(i[l]=h),i},[]);this.setStyle("seriesColors",n)}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(n=>this.setStyle(`seriesDefaults.${n}.highlight.inactiveOpacity`,r))}}const pt=(t,e,s)=>{const r=new ht(t);if(typeof s=="undefined"){t.dispatch({type:"push",payload:v.chartBaseTheme()});return}const n=r.element=s.createElement("div");n.style.display="none",n.innerHTML=ct,s.body.appendChild(n);try{t.dispatch({type:"push",payload:v.chartBaseTheme()}),r.setColors(),r.setFonts(),r.setSeriesColors()}finally{s.body.removeChild(r.element),delete r.element,e()}},ut=1e3/60,dt=t=>{let e,s,r=[];const n=()=>e,i=l=>{e=t(e,l),g.canUseDOM&&(window.clearTimeout(s),s=window.setTimeout(()=>r.forEach(h=>h()),ut))},c=l=>(r.push(l),()=>r=r.filter(h=>h!==l));return i({}),{getState:n,dispatch:i,subscribe:c}},I=dt,Ce=(t,e)=>e.chartCollectionIdxKey?k.collectionConfigurationItem(t,e):e.chartKey?k.configurationItem(t,e):{},mt=(t,e)=>{if(e.type)switch(e.type){case"set":return k.themeItem(t,e);case"push":return Object.assign(t,e.payload);default:return t}else return{}},vt=(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[]},k={configurationItem(t,e){return Object.assign(t,{[e.chartKey]:e.payload})},collectionConfigurationItem(t,e){let s=!1;const[r,n]=e.chartCollectionIdxKey.split("_"),i=t[r].map((c,l)=>parseInt(n,10)===l?(s=!0,e.payload):c);return s===!1&&i.splice(parseInt(n,10),0,e.payload),Object.assign(t,{[r]:i})},themeItem(t,e){let s={},r=Object.assign(s,t);const{field:n,value:i}=e.payload,c=n.split(".");let l=c.shift();for(;c.length>0;)s=s[l]=s[l]||{},l=c.shift();return s[l]=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 Ct="k-chart-shared-tooltip-marker",ge=t=>{const{categoryText:e,colorMarker:s,colspan:r,nameColumn:n,points:i}=t,c=(l,h)=>a.createElement("tr",{key:h},s&&a.createElement("td",null,a.createElement("span",{className:Ct,style:{backgroundColor:l.series.color}})),n&&a.createElement("td",null,l.series.name),a.createElement("td",{dangerouslySetInnerHTML:{__html:l.formattedValue}}));return a.createElement("table",null,a.createElement("thead",null,a.createElement("tr",null,a.createElement("th",{colSpan:r},e))),a.createElement("tbody",null,i.map(c)))},y=a.createContext(null);y.displayName="ChartContext";const gt={horizontal:"fit",vertical:"fit"},ft="k-chart-tooltip",yt="k-chart-tooltip-wrapper";class A extends a.Component{constructor(e,s){super(e,s),this.context=null,this.element=null,this.onChartMouseLeave=r=>{const{syntheticEvent:n}=r;return!!W(n.relatedTarget,this.element)},this.onMouseLeave=r=>{const n=ve(this,r);this.context.childrenObserver.trigger("onMouseLeave",n)&&r.preventDefault()},this.popupRef=r=>{this.element=r;const n=r&&r.closest(".k-animation-container");n&&(n.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:n,popupContent:i,className:c}=this.props,l=[ft,c].join(" ").trim();return a.createElement(ze.Popup,{animate:!1,popupAlign:s,offset:r,show:e,collision:gt,className:yt},a.createElement("div",{className:l,style:n,onMouseLeave:this.onMouseLeave,ref:this.popupRef},i()))}componentWillUnmount(){this.context.observersStore.dispatch({type:"remove",payload:this.chartObserver})}}A.contextType=y;const xt="k-chart-shared-tooltip",bt="k-chart-tooltip-inverse";class N extends a.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,...n}=this.state,i=this.state.popupShown?()=>{const l=this.findRenderFunction();if(s)return l!==null?l(e):a.createElement(ge,{...e});{const h=e.point,p=this.findRenderFunctionByIndex(h.series.index);return p!==null?p(e):l!==null?l(e):a.createElement("span",{dangerouslySetInnerHTML:{__html:e.point.formattedValue}})}}:Function.prototype,c=g.classNames({[xt]:s,[bt]:!!r});return a.createElement(A,{...n,popupContent:i,className:c})}componentWillUnmount(){this.context.observersStore.dispatch({type:"remove",payload:this.chartObserver})}onShowTooltip(e){const{anchor:s,style:r,shared:n,className:i,crosshair:c}=e;let l;c||(n?l=this.createSharedTooltipContext(e):l=this.createTooltipContext(e),this.setState({popupShown:!0,popupAlign:s.align,popupOffset:s.point,popupContext:l,popupStyles:r,className:i,shared:n}))}onHideTooltip(){this.setState({popupShown:!1,popupStyles:{},className:void 0})}createSharedTooltipContext(e){const{points:s,categoryText:r}=e,n=s.filter(l=>typeof l.series.name!="undefined").length>0,i=e.series.length>1;let c=1;return n&&c++,i&&c++,{categoryText:r,colorMarker:i,colspan:c,nameColumn:n,points:e.points.map(l=>new D(l,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}}N.contextType=y;const fe=t=>t.children;fe.displayName="Container";const St="k-chart-crosshair-tooltip",Et="k-chart-tooltip-inverse";class O extends a.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,n=this.state.popupShown?()=>e:Function.prototype,i=g.classNames({[St]:!0,[Et]:!!s});return a.createElement(A,{...r,popupContent:n,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:n,crosshair:i,axisName:c,axisIndex:l,value:h}=e,{name:p,index:m}=this.props;i&&c===p&&l===m&&this.setState({popupShown:!0,popupAlign:s.align,popupOffset:s.point,popupContend:h,popupStyles:r,className:n})}onHideTooltip(){this.setState({popupShown:!1,popupStyles:{},className:void 0})}}O.contextType=y;const z=["categoryAxis","valueAxis","xAxis","yAxis"];function It(t){const e={};for(let s=0;s<z.length;s++){const r=At(t,z[s]);for(let n=0;n<r.length;n++){const i=r[n];e[i.name+i.index]=i}}return e}function At(t,e){const s=[];if(t[e]){const r=[].concat(t[e]);for(let n=0;n<r.length;n++){const i=(r[n].crosshair||{}).tooltip;i&&i.visible&&s.push({index:n,name:e})}}return s}class L extends a.Component{constructor(){super(...arguments),this.context=null,this.state={tooltips:{}},this.storeUnsubscriber=Function.prototype,this.subscriber=()=>{var e;this.setState({tooltips:It((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=>a.createElement(O,{...e[r],key:r}));return a.createElement(fe,null,s)}componentWillUnmount(){this.storeUnsubscriber()}}L.contextType=y;const q={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 a.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(),n=r.find(l=>l.name===s.series.name);if(!n.drilldownSeriesFactory)return!0;const i="onDrilldown";if(this.props.hasOwnProperty(i)){const l={seriesName:n.name,drilldownValue:s.value},h=[...((c=this.props.drilldownState)==null?void 0:c.steps)||[],l],p=this.props.getTarget(),m={...s,currentState:this.props.drilldownState,nextState:{steps:h}},d=new w(m,p);this.props[i].call(void 0,d)}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 n={};const{seriesIndex:i,pointIndex:c}=s,l=r[i];if(c===void 0)n=Object.assign({},l,{visible:B(l.visible)});else{const h=l.pointVisibility=l.pointVisibility||[];h[c]=B(h[c]),n=Object.assign({},l)}this.optionsStore.dispatch({chartCollectionIdxKey:`series_${i}`,payload:n}),this.suppressTransitions=!0}},this.onWindowResize=()=>{this.chartInstance!==null&&this.chartInstance.resize()},this.onChartMouseLeave=s=>{const r=ve(this,s);this.triggerDomEvent("onMouseLeave",r)?s.preventDefault():this.chartInstance!==null&&this.chartInstance.hideElements()},this.onChildMouseLeave=s=>{const{syntheticEvent:r}=s;return this.chartInstance&&!W(r.relatedTarget,this.element)&&this.chartInstance.hideElements(),!1},g.validatePackage(q),this.showLicenseWatermark=g.shouldShowValidationUI(q),this.optionsStore=I(Ce),this.observersStore=I(vt),this.childrenObserver=new v.InstanceObserver(this,{onMouseLeave:"onChildMouseLeave"}),this.state={optionsStore:this.optionsStore,observersStore:this.observersStore,childrenObserver:this.childrenObserver,drilldownState:{steps:[]}},this.themeStore=I(mt),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;pt(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,...n}=this.props;if(this.chartInstance!==null){const i=_.provideIntlService(this),c=this.chartInstance.chartService,l=i.locale!==c._intlService.locale,h=Object.entries(e).filter(p=>p[0]!=="dir"&&p[0]!=="children").some(p=>{const[m,d]=p;return!(n.hasOwnProperty(m)&&n[m]===d)});l&&(this.chartInstance.chartService._intlService=i,this.chartInstance.chartService.format._intlService=i,h||this.chartInstance.noTransitionsRedraw()),h&&this.refresh(),e.dir!==s&&this.chartInstance.setDirection(this.getDirection(s))}}render(){const{style:e={},className:s,wrapper:r,children:n}=this.props,i=Object.assign({},e,{position:"relative"}),c=a.createElement(r,{className:s,style:i,key:"chartElement"},a.createElement("div",{onMouseLeave:this.onChartMouseLeave,ref:l=>this._element=l,className:"k-chart-surface"},n),a.createElement(a.Fragment,null,this.showLicenseWatermark&&a.createElement(g.WatermarkOverlay,null)));return a.createElement(y.Provider,{value:this.state},a.createElement(N,{key:"seriesTooltip"}),a.createElement(L,{key:"crosshairTooltips"}),c)}getDirection(e){return(e!==void 0?e:(()=>g.canUseDOM&&window.getComputedStyle(this.element).direction)()||"ltr")==="rtl"}getChartOptions(){const{renderAs:e,pannable:s,zoomable:r,paneDefaults:n,panes:i,transitions:c,seriesColors:l,seriesDefaults:h,axisDefaults:p,deriveOptionsFromParent:m}=this.props;let d={};return e!==void 0&&(d.renderAs=e),s!==void 0&&(d.pannable=s),r!==void 0&&(d.zoomable=r),n!==void 0&&(d.paneDefaults=n),i!==void 0&&(d.panes=i),c!==void 0&&(d.transitions=c),l!==void 0&&(d.seriesColors=l),h!==void 0&&(d.seriesDefaults=h),p!==void 0&&(d.axisDefaults=p),d=Object.assign(d,this.optionsStore.getState()),m&&(d=m(d)),d}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:_.provideIntlService(this),observer:this.chartObserver,sender:this})}trigger(e,s){const r=this.props.getTarget(),n=rt(e,s,r),i="on"+e.charAt(0).toUpperCase()+e.slice(1),c=this.observersStore.getState();let l=!1;for(let h=0;h<c.length;h++)c[h].trigger(e,s)&&(l=!0);return l===!1&&n&&this.props.hasOwnProperty(i)?(this.props[i].call(void 0,n),n.isDefaultPrevented&&n.isDefaultPrevented()):l}requiresHandlers(e){for(let s=0;s<e.length;s++){const r=e[s],n="on"+r.charAt(0).toUpperCase()+r.slice(1);if(this.props.hasOwnProperty(n))return!0}return!1}triggerDomEvent(e,s){const r=this.observersStore.getState();let n=!1;for(let i=0;i<r.length;i++)r[i].trigger(e,s)&&(n=!0);return n}}S.propTypes={dir:u.string,renderAs:u.oneOf(["svg","canvas"])};S.defaultProps={renderAs:"svg"};_.registerForIntl(S);v.DomEventsBuilder.register(tt);class P extends a.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=a.createElement("div",{className:"k-chart-donut-center",style:s},a.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,n=e.sender._plotArea.charts;if(!r||r.type!=="donut"||n[0].points.length===0)return;const i=n[0].points[0].sector,c=i.innerRadius,l=i.center.y-c,h=i.center.x-c,p=c*2;this.setState({donutCenterStyles:{height:p,left:h,top:l,width:p}})}}P.contextType=y;class Tt extends a.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,...n}=this.props;return a.createElement(S,{...n,ref:i=>this._baseChart=i,chartConstructor:v.Chart,getTarget:this.getTarget,wrapper:"div",className:g.classNames("k-chart k-widget",r)},s,a.createElement(P,{render:e}))}}class _t extends a.Component{constructor(){super(...arguments),this._baseChart=null,this.deriveOptionsFromParent=e=>{const{type:s,data:r}=this.props,n=Object.assign({},e,{type:s,data:r});return v.Sparkline.normalizeOptions(n)},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,...n}=this.props;return a.createElement(S,{...n,ref:i=>this._baseChart=i,chartConstructor:v.Sparkline,getTarget:this.getTarget,wrapper:"span",deriveOptionsFromParent:this.deriveOptionsFromParent,className:g.classNames("k-sparkline k-widget",r)},e)}}const kt={autoBindElements:!0,liveDrag:!1,partialRedraw:!0};class Dt extends a.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 a.createElement(S,{...r,ref:n=>this._baseChart=n,chartConstructor:v.StockChart,getTarget:this.getTarget,wrapper:"div",deriveOptionsFromParent:this.deriveOptionsFromParent,onRefresh:this.onRefresh,className:g.classNames("k-stockchart k-widget",s)},e)}}class x extends a.Component{constructor(e,s){super(e,s),this.optionsStore=s.optionsStore}renderChildren(e,s){const{children:r}=e.props,{_chartKey:n,_parentStore:i}=this.props,c={...e.props,_chartCollectionIdxKey:`${n}_${s}`,_parentStore:i};return a.cloneElement(e,c,r)}render(){const{_chartKey:e,_parentStore:s,children:r}=this.props;return(s||this.optionsStore).dispatch({chartKey:e,payload:[]}),a.Children.map(r,(i,c)=>a.isValidElement(i)?this.renderChildren(i,c):i)}}x.contextType=y;class o extends a.Component{constructor(e,s){super(e,s),this.optionsStore=s.optionsStore,this.childStore=I(Ce)}render(){const{children:e}=this.props;return e!==void 0?a.Children.map(e,s=>a.isValidElement(s)?this.renderChildren(s):s):null}componentDidMount(){this.dispatch()}componentDidUpdate(){this.dispatch()}dispatch(){const{_chartKey:e,_chartCollectionIdxKey:s,_parentStore:r,children:n,...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 a.cloneElement(e,r,s)}}o.contextType=y;class ye{constructor(e){this.currentState=e.currentState,this.nextState=e.nextState}}const T=a.forwardRef((t,e)=>{const s=a.useRef(null),r=a.useRef(null);a.useImperativeHandle(s,()=>({element:r.current,props:t})),a.useImperativeHandle(e,()=>s.current);let i=[{id:"0",...t.rootItem||{text:"Home",icon:a.createElement(g.SvgIcon,{icon:We.homeIcon,style:{marginInlineEnd:"4px"}})}}];t.drilldownState&&(i=[...i,...t.drilldownState.steps.map((h,p)=>({id:(p+1).toString(),text:h.drilldownValue}))]);const c={...t,data:i},l=h=>{var m;const p="onDrilldownStateChange";if(t.hasOwnProperty(p)){const d=i.findIndex(Xe=>Xe.id===h.id),Be={steps:(((m=t.drilldownState)==null?void 0:m.steps)||[]).slice(0,d)},Ue=new ye({currentState:t.drilldownState,nextState:Be});t[p].call(void 0,Ue)}};return a.createElement("div",null,a.createElement(qe.Breadcrumb,{...c,onItemSelect:l}))}),wt={id:u.string,style:u.object,className:u.string,breadcrumbOrderedList:u.elementType,breadcrumbListItem:u.elementType,breadcrumbDelimiter:u.elementType,breadcrumbLink:u.elementType,dir:u.oneOf(["ltr","rtl"]),disabled:u.bool,valueField:u.string,textField:u.string,iconField:u.string,iconClassField:u.string,onItemSelect:u.func,ariaLabel:u.string,onDrilldownStateChange:u.func,drilldownState:u.shape({steps:u.array}),rootItem:u.object},Nt={valueField:"id",textField:"text",iconField:"icon",iconClassField:"iconClass",data:[]};T.displayName="KendoReactChartBreadcrumb";T.propTypes=wt;T.defaultProps=Nt;const Ot=t=>a.createElement(o,{...t,_chartKey:"chartArea"}),Lt=t=>a.createElement(o,{...t,_chartKey:"axisDefaults"}),K=t=>a.createElement(o,{...t});K.displayName="ChartCategoryAxisItem";const xe=t=>a.createElement(x,{...t,_chartKey:"categoryAxis"});xe.propTypes={children:function(t,e,s){return b(t,e,s,K)}};const Pt=t=>a.createElement(o,{visible:!0,...t,_chartKey:"legend"}),Kt=t=>a.createElement(o,{visible:!0,position:"bottom",...t,_chartKey:"navigator"}),R=t=>a.createElement(o,{...t});R.displayName="ChartPane";const be=t=>a.createElement(o,{...t,_chartKey:"paneDefaults"});be.displayName="ChartPaneDefaults";const Se=t=>a.createElement(x,{...t,_chartKey:"panes"});Se.propTypes={children:function(t,e,s){return b(t,e,s,R)}};const Rt=t=>a.createElement(o,{...t,_chartKey:"plotArea"}),F=t=>{let e=r=>a.createElement(a.Fragment,null);t.drilldownSeriesFactory&&(e=t.drilldownSeriesFactory);const s=r=>{var n,i;return r&&((i=(n=r.drilldownState)==null?void 0:n.steps)==null?void 0:i.find(({seriesName:c})=>c===t.name))};return a.createElement(y.Consumer,null,r=>s(r)?a.createElement(e,{_chartCollectionIdxKey:t._chartCollectionIdxKey,drilldownValue:s(r).drilldownValue}):a.createElement(o,{...t}))};F.displayName="ChartSeriesItem";const Ee=t=>a.createElement(x,{...t,_chartKey:"series"});Ee.propTypes={children:function(t,e,s){return b(t,e,s,F)}};const Ft=t=>a.createElement(o,{...t,_chartKey:"seriesDefaults"}),Mt=t=>a.createElement(o,{...t,_chartKey:"subtitle"}),Ht=t=>a.createElement(o,{...t,_chartKey:"title"}),Vt=t=>a.createElement(o,{visible:!0,...t,_chartKey:"tooltip"}),M=t=>a.createElement(o,{...t});M.displayName="ChartValueAxisItem";const Ie=t=>a.createElement(x,{...t,_chartKey:"valueAxis"});Ie.propTypes={children:function(t,e,s){return b(t,e,s,M)}};const H=t=>a.createElement(o,{...t});H.displayName="ChartXAxisItem";const Ae=t=>a.createElement(x,{...t,_chartKey:"xAxis"});Ae.prototype={children:function(t,e,s){return b(t,e,s,H)}};const V=t=>a.createElement(o,{...t});V.displayName="ChartYAxisItem";const Te=t=>a.createElement(x,{...t,_chartKey:"yAxis"});Te.propTypes={children:function(t,e,s){return b(t,e,s,V)}};const jt=t=>a.createElement(o,{...t,_chartKey:"zoomable"}),_e=t=>a.createElement(o,{...t,_chartKey:"title"});_e.displayName="ChartAxisDefaultsTitle";const ke=t=>a.createElement(o,{...t,_chartKey:"labels"});ke.displayName="ChartAxisDefaultsLabels";const De=t=>a.createElement(o,{visible:!0,...t,_chartKey:"crosshair"});De.displayName="ChartAxisDefaultsCrosshair";const we=t=>a.createElement(o,{visible:!0,...t,_chartKey:"tooltip"});we.displayName="ChartAxisDefaultsCrosshairTooltip";const Bt=t=>a.createElement(o,{visible:!0,...t,_chartKey:"crosshair"}),Ut=t=>a.createElement(o,{visible:!0,...t,_chartKey:"tooltip"}),Ne=t=>a.createElement(o,{...t,_chartKey:"title"});Ne.displayName="ChartCategoryAxisTitle";const Xt=t=>a.createElement(o,{visible:!0,...t,_chartKey:"labels"}),Yt=t=>a.createElement(o,{...t,_chartKey:"notes"}),zt=t=>a.createElement(o,{...t,_chartKey:"icon"}),qt=t=>a.createElement(o,{...t,_chartKey:"label"}),Wt=t=>a.createElement(o,{visible:!0,...t,_chartKey:"rangeLabels"}),Oe=t=>a.createElement(o,{...t,_chartKey:"title"});Oe.displayName="ChartPaneDefaultsTitle";const Le=t=>a.createElement(o,{...t,_chartKey:"item"});Le.displayName="ChartLegendItem";const Pe=t=>a.createElement(o,{...t,_chartKey:"title"});Pe.displayName="ChartLegendTitle";const Ke=t=>a.createElement(o,{...t,_chartKey:"inactiveItems"});Ke.displayName="ChartLegendInactiveItems";const $t=t=>a.createElement(o,{...t,_chartKey:"tooltip"}),Zt=t=>a.createElement(o,{...t,_chartKey:"outliers"}),Gt=t=>a.createElement(o,{...t,_chartKey:"notes"}),Jt=t=>a.createElement(o,{...t,_chartKey:"markers"}),Qt=t=>a.createElement(o,{visible:!0,...t,_chartKey:"labels"}),es=t=>a.createElement(o,{...t,_chartKey:"highlight"}),ts=t=>a.createElement(o,{...t,_chartKey:"extremes"}),ss=t=>a.createElement(o,{...t,_chartKey:"errorBars"}),rs=t=>a.createElement(o,{...t,_chartKey:"from"}),as=t=>a.createElement(o,{...t,_chartKey:"to"}),ns=t=>a.createElement(o,{...t,_chartKey:"label"}),is=t=>a.createElement(o,{...t,_chartKey:"icon"}),os=t=>a.createElement(o,{visible:!0,...t,_chartKey:"crosshair"}),ls=t=>a.createElement(o,{visible:!0,...t,_chartKey:"tooltip"}),cs=t=>a.createElement(o,{visible:!0,...t,_chartKey:"labels"}),hs=t=>a.createElement(o,{...t,_chartKey:"notes"}),ps=t=>a.createElement(o,{...t,_chartKey:"icon"}),us=t=>a.createElement(o,{...t,_chartKey:"label"}),Re=t=>a.createElement(o,{...t,_chartKey:"title"});Re.displayName="ChartValueAxisTitle";const ds=t=>a.createElement(o,{visible:!0,...t,_chartKey:"crosshair"}),ms=t=>a.createElement(o,{visible:!0,...t,_chartKey:"tooltip"}),vs=t=>a.createElement(o,{visible:!0,...t,_chartKey:"labels"}),Cs=t=>a.createElement(o,{...t,_chartKey:"notes"}),gs=t=>a.createElement(o,{...t,_chartKey:"icon"}),fs=t=>a.createElement(o,{...t,_chartKey:"label"}),Fe=t=>a.createElement(o,{...t,_chartKey:"title"});Fe.displayName="ChartXAxisTitle";const ys=t=>a.createElement(o,{visible:!0,...t,_chartKey:"crosshair"}),xs=t=>a.createElement(o,{visible:!0,...t,_chartKey:"tooltip"}),bs=t=>a.createElement(o,{visible:!0,...t,_chartKey:"labels"}),Ss=t=>a.createElement(o,{...t,_chartKey:"notes"}),Es=t=>a.createElement(o,{...t,_chartKey:"icon"}),Is=t=>a.createElement(o,{...t,_chartKey:"label"}),Me=t=>a.createElement(o,{...t,_chartKey:"title"});Me.displayName="ChartYAxisTitle";const He=t=>a.createElement(o,{...t,_chartKey:"categoryAxis"});He.displayName="ChartNavigatorCategoryAxis";const As=t=>a.createElement(o,{...t,_chartKey:"hint"}),Ve=t=>a.createElement(o,{...t,_chartKey:"pane"});Ve.displayName="ChartNavigatorPane";const Ts=t=>a.createElement(o,{...t,_chartKey:"select"}),j=t=>a.createElement(o,{...t});j.displayName="ChartNavigatorSeriesItem";const je=t=>a.createElement(x,{...t,_chartKey:"series"});je.propTypes={children:function(t,e,s){return b(t,e,s,j)}};const _s=(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)},Ds=(t,e)=>{if(t&&t.chartInstance!==null)return t.chartInstance.findPaneByName(e)},ws=(t,e={})=>{if(t&&t.chartInstance!==null)return t.chartInstance.exportVisual(e)};exports.AxisLabelClickEvent=$;exports.Chart=Tt;exports.ChartArea=Ot;exports.ChartAxisDefaults=Lt;exports.ChartAxisDefaultsCrosshair=De;exports.ChartAxisDefaultsCrosshairTooltip=we;exports.ChartAxisDefaultsLabels=ke;exports.ChartAxisDefaultsTitle=_e;exports.ChartBreadcrumb=T;exports.ChartCategoryAxis=xe;exports.ChartCategoryAxisCrosshair=Bt;exports.ChartCategoryAxisCrosshairTooltip=Ut;exports.ChartCategoryAxisItem=K;exports.ChartCategoryAxisLabels=Xt;exports.ChartCategoryAxisNotes=Yt;exports.ChartCategoryAxisNotesIcon=zt;exports.ChartCategoryAxisNotesLabel=qt;exports.ChartCategoryAxisRangeLabels=Wt;exports.ChartCategoryAxisTitle=Ne;exports.ChartLegend=Pt;exports.ChartLegendInactiveItems=Ke;exports.ChartLegendItem=Le;exports.ChartLegendTitle=Pe;exports.ChartNavigator=Kt;exports.ChartNavigatorCategoryAxis=He;exports.ChartNavigatorHint=As;exports.ChartNavigatorPane=Ve;exports.ChartNavigatorSelect=Ts;exports.ChartNavigatorSeries=je;exports.ChartNavigatorSeriesItem=j;exports.ChartPane=R;exports.ChartPaneDefaults=be;exports.ChartPaneDefaultsTitle=Oe;exports.ChartPanes=Se;exports.ChartPlotArea=Rt;exports.ChartSeries=Ee;exports.ChartSeriesDefaults=Ft;exports.ChartSeriesErrorBars=ss;exports.ChartSeriesExtremes=ts;exports.ChartSeriesHighlight=es;exports.ChartSeriesItem=F;exports.ChartSeriesItemOutliers=Zt;exports.ChartSeriesItemTooltip=$t;exports.ChartSeriesLabels=Qt;exports.ChartSeriesLabelsFrom=rs;exports.ChartSeriesLabelsTo=as;exports.ChartSeriesMarkers=Jt;exports.ChartSeriesNotes=Gt;exports.ChartSeriesNotesIcon=is;exports.ChartSeriesNotesLabel=ns;exports.ChartSubtitle=Mt;exports.ChartTitle=Ht;exports.ChartTooltip=Vt;exports.ChartValueAxis=Ie;exports.ChartValueAxisCrosshair=os;exports.ChartValueAxisCrosshairTooltip=ls;exports.ChartValueAxisItem=M;exports.ChartValueAxisLabels=cs;exports.ChartValueAxisNotes=hs;exports.ChartValueAxisNotesIcon=ps;exports.ChartValueAxisNotesLabel=us;exports.ChartValueAxisTitle=Re;exports.ChartXAxis=Ae;exports.ChartXAxisCrosshair=ds;exports.ChartXAxisCrosshairTooltip=ms;exports.ChartXAxisItem=H;exports.ChartXAxisLabels=vs;exports.ChartXAxisNotes=Cs;exports.ChartXAxisNotesIcon=gs;exports.ChartXAxisNotesLabel=fs;exports.ChartXAxisTitle=Fe;exports.ChartYAxis=Te;exports.ChartYAxisCrosshair=ys;exports.ChartYAxisCrosshairTooltip=xs;exports.ChartYAxisItem=V;exports.ChartYAxisLabels=bs;exports.ChartYAxisNotes=Ss;exports.ChartYAxisNotesIcon=Es;exports.ChartYAxisNotesLabel=Is;exports.ChartYAxisTitle=Me;exports.ChartZoomable=jt;exports.CollectionConfigurationComponent=x;exports.ConfigurationComponent=o;exports.CrosshairTooltip=O;exports.CrosshairTooltipContainer=L;exports.DonutCenter=P;exports.DragEndEvent=G;exports.DragEvent=Z;exports.DragStartEvent=J;exports.DrilldownEvent=w;exports.DrilldownStateChangeEvent=ye;exports.LegendItemClickEvent=ee;exports.LegendItemHoverEvent=Q;exports.NavigatorFilterEvent=te;exports.NoteClickEvent=se;exports.NoteHoverEvent=re;exports.PlotAreaClickEvent=ae;exports.PlotAreaHoverEvent=ne;exports.RenderEvent=ie;exports.SelectEndEvent=le;exports.SelectEvent=oe;exports.SelectStartEvent=ce;exports.SeriesClickEvent=he;exports.SeriesHoverEvent=pe;exports.SeriesTooltip=N;exports.SharedTooltipContent=ge;exports.Sparkline=_t;exports.StockChart=Dt;exports.TooltipPoint=D;exports.TooltipPopup=A;exports.ZoomEndEvent=de;exports.ZoomEvent=ue;exports.ZoomStartEvent=me;exports.exportVisual=ws;exports.findAxisByName=_s;exports.findPaneByIndex=ks;exports.findPaneByName=Ds;
|
|
48
|
+
`;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=`
|
|
49
|
+
<div class="k-var--series-a"></div>
|
|
50
|
+
<div class="k-var--series-b"></div>
|
|
51
|
+
<div class="k-var--series-c"></div>
|
|
52
|
+
<div class="k-var--series-d"></div>
|
|
53
|
+
<div class="k-var--series-e"></div>
|
|
54
|
+
<div class="k-var--series-f"></div>
|
|
55
|
+
`;for(let e=0;e<js;e++)t+=`
|
|
56
|
+
<div class="k-var--series-${e+1}"></div>`;return t},Bs=`
|
|
57
|
+
<div class="k-var--normal-text-color"></div>
|
|
58
|
+
<div class="k-widget k-chart">
|
|
59
|
+
<div class="k-var--chart-font"></div>
|
|
60
|
+
</div>
|
|
61
|
+
<div class="k-var--series-unset"></div>
|
|
62
|
+
<div class="k-var--series">
|
|
63
|
+
${qs()}
|
|
64
|
+
</div>
|
|
65
|
+
`;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;
|