@progress/kendo-react-charts 9.0.0-develop.2 → 9.0.0-develop.4
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/ChartBreadcrumb.mjs +7 -1
- package/README.md +54 -52
- package/dist/cdn/js/kendo-react-charts.js +1 -1
- package/index.d.mts +2 -2
- package/index.d.ts +2 -2
- package/package-metadata.mjs +1 -1
- package/package.json +5 -5
- package/sankey/Sankey.mjs +56 -33
- package/sankey/SankeyTooltip.mjs +10 -2
- package/sankey/propTypes.mjs +1 -4
- package/store/reducer.js +1 -1
- package/store/reducer.mjs +10 -10
- package/tooltip/Crosshair.mjs +1 -8
- package/tooltip/Popup.mjs +1 -10
- package/tooltip/Series.js +1 -1
- package/tooltip/Series.mjs +9 -16
- package/tooltip/SharedTooltipContent.mjs +1 -7
- package/utils/index.js +1 -1
- package/utils/index.mjs +7 -9
package/ChartBreadcrumb.mjs
CHANGED
|
@@ -37,7 +37,13 @@ const s = n.forwardRef((t, m) => {
|
|
|
37
37
|
)
|
|
38
38
|
}
|
|
39
39
|
}];
|
|
40
|
-
t.drilldownState && (l = [
|
|
40
|
+
t.drilldownState && (l = [
|
|
41
|
+
...l,
|
|
42
|
+
...t.drilldownState.steps.map((o, r) => ({
|
|
43
|
+
id: (r + 1).toString(),
|
|
44
|
+
text: o.drilldownValue
|
|
45
|
+
}))
|
|
46
|
+
]);
|
|
41
47
|
const b = { ...d, data: l }, p = (o) => {
|
|
42
48
|
var c;
|
|
43
49
|
const r = "onDrilldownStateChange";
|
package/README.md
CHANGED
|
@@ -5,10 +5,11 @@
|
|
|
5
5
|
# KendoReact Charts Library for React
|
|
6
6
|
|
|
7
7
|
> **Important**
|
|
8
|
-
>
|
|
9
|
-
>
|
|
10
|
-
>
|
|
11
|
-
>
|
|
8
|
+
>
|
|
9
|
+
> - This package is а part of [KendoReact](https://www.telerik.com/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts)—a commercial UI library.
|
|
10
|
+
> - You will need to install a license key when adding the package to your project. For more information, please refer to the [KendoReact My License page](https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts).
|
|
11
|
+
> - To receive a license key, you need to either [purchase a license](https://www.telerik.com/kendo-react-ui/pricing?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts) or register for a [free trial](https://www.telerik.com/try/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts). Doing so indicates that you [accept the KendoReact License Agreement](https://www.telerik.com/purchase/license-agreement/progress-kendoreact?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts).
|
|
12
|
+
> - The 30-day free trial gives you access to all the KendoReact components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the KendoReact dev team!
|
|
12
13
|
>
|
|
13
14
|
> [Start using KendoReact](https://www.telerik.com/try/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts) and speed up your development process!
|
|
14
15
|
|
|
@@ -16,34 +17,35 @@ The React Chart, part of KendoReact, renders a wide range of high-quality data v
|
|
|
16
17
|
|
|
17
18
|
What's in this package (ToC):
|
|
18
19
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
20
|
+
- [React Chart component](#react-chart-component)
|
|
21
|
+
- [React Sankey component](#react-sankey-component)
|
|
22
|
+
- [React Sparkline component](#react-sparkline-component)
|
|
23
|
+
- [React StockChart component](#react-stockchart-component)
|
|
24
|
+
- [React Charts Components Library Features](#react-charts-library-shared-features)
|
|
25
|
+
- [Support Options](#support-options)
|
|
26
|
+
- [Resources](#resources)
|
|
27
|
+
|
|
26
28
|
## React Chart Component
|
|
27
29
|
|
|
28
30
|
[The React Chart component](https://www.telerik.com/kendo-react-ui/components/charts/chart/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts) found in KendoReact is a powerful data visualization tool that can fit into any application. This one component includes over 16 different types of charts, all with built-in support for interactivity, tooltips, zooming and panning, and much more. Available chart types include:
|
|
29
31
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
32
|
+
- [React Area Chart](https://www.telerik.com/kendo-react-ui/components/charts/series-types/area/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts)
|
|
33
|
+
- [React Bar Chart](https://www.telerik.com/kendo-react-ui/components/charts/series-types/bar/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts)
|
|
34
|
+
- [React Box Plot Chart](https://www.telerik.com/kendo-react-ui/components/charts/series-types/box-plot/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts)
|
|
35
|
+
- [React Bubble Chart](https://www.telerik.com/kendo-react-ui/components/charts/series-types/bubble/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts)
|
|
36
|
+
- [React Bullet Chart](https://www.telerik.com/kendo-react-ui/components/charts/series-types/bullet/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts)
|
|
37
|
+
- [React Donut Chart](https://www.telerik.com/kendo-react-ui/components/charts/series-types/donut/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts)
|
|
38
|
+
- [React Funnel Chart](https://www.telerik.com/kendo-react-ui/components/charts/series-types/funnel/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts)
|
|
39
|
+
- [React Pyramid Chart](https://www.telerik.com/kendo-react-ui/components/charts/series-types/pyramid/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts)
|
|
40
|
+
- [React Heatmap Chart](https://www.telerik.com/kendo-react-ui/components/charts/series-types/heatmap/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts)
|
|
41
|
+
- [React Line Chart](https://www.telerik.com/kendo-react-ui/components/charts/series-types/line/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts)
|
|
42
|
+
- [React Pie Chart](https://www.telerik.com/kendo-react-ui/components/charts/series-types/pie/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts)
|
|
43
|
+
- [React Polar Chart](https://www.telerik.com/kendo-react-ui/components/charts/series-types/polar/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts)
|
|
44
|
+
- [React Radar Chart](https://www.telerik.com/kendo-react-ui/components/charts/series-types/radar/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts)
|
|
45
|
+
- [React Range Area Chart](https://www.telerik.com/kendo-react-ui/components/charts/series-types/range-area/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts)
|
|
46
|
+
- [React Range Bar Chart](https://www.telerik.com/kendo-react-ui/components/charts/series-types/range-bar/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts)
|
|
47
|
+
- [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)
|
|
48
|
+
- [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)
|
|
47
49
|
|
|
48
50
|
## React Sankey Component
|
|
49
51
|
|
|
@@ -61,40 +63,40 @@ What's in this package (ToC):
|
|
|
61
63
|
|
|
62
64
|
Among the many features which the KendoReact Charts deliver are:
|
|
63
65
|
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
66
|
+
- **Types**—You can choose from wide variety of types to render the data in the Chart (Line, Area, Bar, Column, Donut and many more).
|
|
67
|
+
- **Axes**—The Charts provide very in-depth customization for its axes. You can customize over 100+ options for the category and the values axes of the Charts.
|
|
68
|
+
- **Rendering modes**—You can render the Charts as SVG or Canvas.
|
|
69
|
+
- **Export**—The Charts can be exported to an image, a PDF or a SVG, allowing to easily save them locally or on the server.
|
|
70
|
+
- **Panning and Zooming**—The Chart enables the user to change the displayed range by panning and zooming.
|
|
71
|
+
- **Customization**—The Charts are highly customizable with more than **1 thousand** customization options available.
|
|
72
|
+
- [**Theme support**](https://www.telerik.com/kendo-react-ui/components/styling/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts)—The KendoReact Charts, as well as all 100+ components in the KendoReact suite, are styled in three polished themes (Bootstrap, Material, and Default) and can be further customized to match your specific design guidelines.
|
|
71
73
|
|
|
72
74
|
## Support Options
|
|
73
75
|
|
|
74
76
|
For any issues you might encounter while working with the KendoReact Charts, use any of the available support channels:
|
|
75
77
|
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
78
|
+
- Industry-leading technical support—KendoReact paid license holders and users with an active (free) trial license can take advantage of our outstanding customer support. To submit a ticket, use [the dedicated KendoReact support system](https://www.telerik.com/account/support-tickets?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts).
|
|
79
|
+
- Product forums—The [KendoReact forums](https://www.telerik.com/forums/kendo-ui-react?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts) are part of the free support you can get from the community and from the KendoReact team.
|
|
80
|
+
- Feedback portal—The [KendoReact feedback portal](https://feedback.telerik.com/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts) is where you can request and vote for new features to be added.
|
|
79
81
|
|
|
80
82
|
## Resources
|
|
81
83
|
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
84
|
+
- [Getting Started with KendoReact](https://www.telerik.com/kendo-react-ui/components/getting-started/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts)
|
|
85
|
+
- [Getting Started with the KendoReact Charts](https://www.telerik.com/kendo-react-ui/components/charts/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts)
|
|
86
|
+
- [API Reference of the KendoReact Charts](https://www.telerik.com/kendo-react-ui/components/charts/api/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts)
|
|
87
|
+
- [KendoReact Roadmap](https://www.telerik.com/support/whats-new/kendo-react-ui/roadmap?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts)
|
|
88
|
+
- [Blogs](https://www.telerik.com/blogs/tag/kendoreact?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts)
|
|
89
|
+
- [Demos, documentation, and component reference](https://www.telerik.com/kendo-react-ui/components/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts)
|
|
90
|
+
- [KendoReact pricing and licensing](https://www.telerik.com/kendo-react-ui/pricing?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts)
|
|
91
|
+
- [Changelog](https://www.telerik.com/kendo-react-ui/components/changelogs/ui-for-react/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-charts)
|
|
90
92
|
|
|
91
93
|
High-level component overview pages
|
|
92
94
|
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
95
|
+
- [React Charts Component](https://www.telerik.com/kendo-react-ui/charts)
|
|
96
|
+
- [React Sankey Component](https://www.telerik.com/kendo-react-ui/sankey)
|
|
97
|
+
- [React Heatmap Chart Component](https://www.telerik.com/kendo-react-ui/heatmap)
|
|
98
|
+
- [React Sparkline Component](https://www.telerik.com/kendo-react-ui/sparkline)
|
|
97
99
|
|
|
98
|
-
|
|
100
|
+
_Copyright © 2024 Progress Software Corporation and/or its subsidiaries or affiliates. All Rights Reserved._
|
|
99
101
|
|
|
100
|
-
|
|
102
|
+
_Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries._
|
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(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")):"function"==typeof define&&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"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactCharts={},e.React,e.PropTypes,e.KendoReactIntl,e.KendoCharts,e.KendoReactCommon,e.KendoReactPopup,e.KendoReactLayout,e.KendoSvgIcons)}(this,(function(e,t,r,s,a,n,o,i,l){"use strict";function c(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var h=c(t);function d(e,t){let r=e;for(;r&&r!==t;)r=r.parentNode;return!!r}function p(e,t,r,s){const a=e[t];if(a&&Array.isArray(a))for(let e of a)if(!e.type||e.type!==s)return new Error(`${r} children should be Array of type ${s.displayName}.`);return null}const u=e=>void 0!==e&&!e;let m=class{constructor(e){this.target=e}},v=class extends m{constructor(e,t){super(t),this.axis=e.axis,this.dataItem=e.dataItem,this.index=e.index,this.text=e.text,this.value=e.value}},y=class extends m{constructor(){super(...arguments),this.prevented=!1}preventDefault(){this.prevented=!0}isDefaultPrevented(){return this.prevented}},g=class extends y{constructor(e,t){super(t),this.axisRanges=e.axisRanges,this.nativeEvent=e.originalEvent}},C=class extends m{constructor(e,t){super(t),this.axisRanges=e.axisRanges,this.nativeEvent=e.originalEvent}},f=class extends y{constructor(e,t){super(t),this.axisRanges=e.axisRanges,this.nativeEvent=e.originalEvent}},b=class extends m{constructor(e,t){super(t),this.value=e.value,this.point=e.point,this.series=e.series,this.currentState=e.currentState,this.nextState=e.nextState}},x=class extends y{constructor(e,t){super(t),this.series=e.series,this.seriesIndex=e.seriesIndex,this.pointIndex=e.pointIndex,this.text=e.text}preventDefault(){super.preventDefault()}},S=class extends y{constructor(e,t){super(t),this.series=e.series,this.seriesIndex=e.seriesIndex,this.pointIndex=e.pointIndex,this.text=e.text}preventDefault(){super.preventDefault()}},E=class extends m{constructor(e,t){super(t),this.from=e.from,this.to=e.to}},k=class extends m{constructor(e,t){super(t),this.category=e.category,this.dataItem=e.dataItem,this.series=e.series,this.value=e.value,this.visual=e.visual}},I=class extends m{constructor(e,t){super(t),this.category=e.category,this.dataItem=e.dataItem,this.series=e.series,this.value=e.value,this.visual=e.visual}},w=class extends m{constructor(e,t){super(t),this.category=e.category,this.nativeEvent=e.originalEvent,this.value=e.value,this.x=e.x,this.y=e.y}},N=class extends m{constructor(e,t){super(t),this.category=e.category,this.nativeEvent=e.originalEvent,this.value=e.value,this.x=e.x,this.y=e.y}},_=class extends m{constructor(e,t){super(t)}},D=class extends y{constructor(e,t){super(t),this.axis=e.axis,this.from=e.from,this.to=e.to}},T=class extends m{constructor(e,t){super(t),this.axis=e.axis,this.from=e.from,this.to=e.to}},A=class extends y{constructor(e,t){super(t),this.axis=e.axis,this.from=e.from,this.to=e.to}},K=class extends m{constructor(e,t){super(t),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}},O=class extends y{constructor(e,t){super(t),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}},L=class extends y{constructor(e,t){super(t),this.axisRanges=e.axisRanges,this.delta=e.delta,this.nativeEvent=e.originalEvent}},R=class extends m{constructor(e,t){super(t),this.axisRanges=e.axisRanges,this.nativeEvent=e.originalEvent}},P=class extends y{constructor(e,t){super(t),this.axisRanges=e.axisRanges,this.nativeEvent=e.originalEvent}};const F={axisLabelClick:v,drag:g,dragEnd:C,dragStart:f,drilldownEvent:b,legendItemHover:x,legendItemClick:S,legendItemLeave:class extends y{constructor(e,t){super(t),this.series=e.series,this.seriesIndex=e.seriesIndex,this.pointIndex=e.pointIndex,this.text=e.text}preventDefault(){super.preventDefault()}},navigatorFilter:E,noteClick:k,noteHover:I,plotAreaClick:w,plotAreaHover:N,render:_,select:D,selectEnd:T,selectStart:A,seriesClick:K,seriesHover:O,zoom:L,zoomEnd:R,zoomStart:P};let q=class{constructor(e,t){this.sender=e,this.syntheticEvent=t}};function j(e,t){return new q(e,t)}const V=e=>`${e.fontWeight} ${e.fontSize} ${e.fontFamily}`,H=e=>window.getComputedStyle(e).backgroundColor,M=`\n <div class="k-var--primary"></div>\n <div class="k-var--base"></div>\n <div class="k-var--background"></div>\n\n <div class="k-var--normal-background"></div>\n <div class="k-var--normal-text-color"></div>\n <div class="k-var--hover-background"></div>\n <div class="k-var--hover-text-color"></div>\n <div class="k-var--selected-background"></div>\n <div class="k-var--selected-text-color"></div>\n <div class="k-var--chart-error-bars-background"></div>\n <div class="k-var--chart-notes-background"></div>\n <div class="k-var--chart-notes-border"></div>\n <div class="k-var--chart-notes-lines"></div>\n <div class="k-var--chart-crosshair-background"></div>\n\n <div class="k-var--chart-inactive"></div>\n <div class="k-var--chart-major-lines"></div>\n <div class="k-var--chart-minor-lines"></div>\n <div class="k-var--chart-area-opacity"></div>\n <div class="k-var--chart-area-inactive-opacity"></div>\n <div class="k-var--chart-line-inactive-opacity"></div>\n\n <div class="k-widget k-chart">\n <div class="k-var--chart-font"></div>\n <div class="k-var--chart-title-font"></div>\n <div class="k-var--chart-pane-title-font"></div>\n <div class="k-var--chart-label-font"></div>\n </div>\n\n <div class="k-var--series-unset"></div>\n <div class="k-var--series">\n ${(()=>{let e='\n <div class="k-var--series-a"></div>\n <div class="k-var--series-b"></div>\n <div class="k-var--series-c"></div>\n <div class="k-var--series-d"></div>\n <div class="k-var--series-e"></div>\n <div class="k-var--series-f"></div>\n';for(let t=0;t<30;t++)e+=`\n <div class="k-var--series-${t+1}"></div>`;return e})()}\n </div>\n`;class U{constructor(e){this.store=e}setStyle(e,t){this.store.dispatch({type:"set",payload:{field:e,value:t}})}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=V(this.queryStyle("chart-font")),t=V(this.queryStyle("chart-title-font")),r=V(this.queryStyle("chart-pane-title-font")),s=V(this.queryStyle("chart-label-font"));this.setStyle("axisDefaults.labels.font",s),this.setStyle("axisDefaults.notes.label.font",e),this.setStyle("axisDefaults.title.font",e),this.setStyle("legend.labels.font",e),this.setStyle("seriesDefaults.labels.font",s),this.setStyle("seriesDefaults.notes.label.font",e),this.setStyle("title.font",t),this.setStyle("subtitle.font",r),this.setStyle("paneDefaults.title.font",r)}setSeriesColors(){const e=this.element,t=[].slice.call(e.querySelectorAll(".k-var--series div")),r=H(e.querySelector(".k-var--series-unset")),s=t.reduce(((e,t)=>{const s=(e=>{const t=e.match(/series-([a-z])$/);if(null!==t)return(e=>e.toLowerCase().charCodeAt(0)-97)(t[1]);const r=e.split("--series-")[1];return parseInt(r,10)-1})(t.className),a=H(t);return a!==r&&(e[s]=a),e}),[]);this.setStyle("seriesColors",s)}mapColor(e,t){this.setStyle(e,this.queryStyle(t).backgroundColor)}queryStyle(e){const t=this.element;return window.getComputedStyle(t.querySelector(`.k-var--${e}`))}setInactiveOpacity(e,t){const r=parseFloat(this.queryStyle(t).opacity);!isNaN(r)&&r<1&&e.forEach((e=>this.setStyle(`seriesDefaults.${e}.highlight.inactiveOpacity`,r)))}}const z=e=>{let t,r,s=[];const a=a=>{t=e(t,a),n.canUseDOM&&(window.clearTimeout(r),r=window.setTimeout((()=>s.forEach((e=>e()))),16.666666666666668))};return a({}),{getState:()=>t,dispatch:a,subscribe:e=>(s.push(e),()=>s=s.filter((t=>t!==e)))}},B=(e,t)=>t.chartCollectionIdxKey?X.collectionConfigurationItem(e,t):t.chartKey?X.configurationItem(e,t):{},$=(e,t)=>{if(!t.type)return{};switch(t.type){case"set":return X.themeItem(e,t);case"push":return Object.assign(e,t.payload);default:return e}},W=(e,t)=>{if(!t.type)return[];switch(t.type){case"add":return[...e,t.payload];case"remove":return e.filter((e=>e!==t.payload));default:return e}},X={configurationItem:(e,t)=>Object.assign(e,{[t.chartKey]:t.payload}),collectionConfigurationItem(e,t){let r=!1;const[s,a]=t.chartCollectionIdxKey.split("_"),n=e[s].map(((e,s)=>parseInt(a,10)===s?(r=!0,t.payload):e));return!1===r&&n.splice(parseInt(a,10),0,t.payload),Object.assign(e,{[s]:n})},themeItem(e,t){let r={},s=Object.assign(r,e);const{field:a,value:n}=t.payload,o=a.split(".");let i=o.shift();for(;o.length>0;)r=r[i]=r[i]||{},i=o.shift();return r[i]=n,s}};let Y=class{constructor(e,t){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||t}get formattedValue(){return this.format?this.point.formatValue(this.format):String(this.value)}};const Z=e=>{const{categoryText:t,colorMarker:r,colspan:s,nameColumn:a,points:n}=e;return h.createElement("table",null,h.createElement("thead",null,h.createElement("tr",null,h.createElement("th",{colSpan:s},t))),h.createElement("tbody",null,n.map(((e,t)=>h.createElement("tr",{key:t},r&&h.createElement("td",null,h.createElement("span",{className:"k-chart-shared-tooltip-marker",style:{backgroundColor:e.series.color}})),a&&h.createElement("td",null,e.series.name),h.createElement("td",{dangerouslySetInnerHTML:{__html:e.formattedValue}}))))))},G=h.createContext(null);G.displayName="ChartContext";const J={horizontal:"fit",vertical:"fit"},Q="k-chart-tooltip",ee=class extends h.Component{constructor(e,t){super(e,t),this.context=null,this.element=null,this.onChartMouseLeave=e=>{const{syntheticEvent:t}=e;return!!d(t.relatedTarget,this.element)},this.onMouseLeave=e=>{const t=j(this,e);this.context.childrenObserver.trigger("onMouseLeave",t)&&e.preventDefault()},this.popupRef=e=>{this.element=e;const t=e&&e.closest(".k-animation-container");t&&(t.style.transition="initial")},this.chartObserver=new a.InstanceObserver(this,{onMouseLeave:"onChartMouseLeave"}),t.observersStore.dispatch({type:"add",payload:this.chartObserver})}render(){const{popupShown:e,popupAlign:t,popupOffset:r,popupStyles:s,popupContent:a,className:n}=this.props,i=[Q,n].join(" ").trim();return h.createElement(o.Popup,{animate:!1,popupAlign:t,offset:r,show:e,collision:J,className:"k-chart-tooltip-wrapper"},h.createElement("div",{className:i,style:s,onMouseLeave:this.onMouseLeave,ref:this.popupRef},a()))}componentWillUnmount(){this.context.observersStore.dispatch({type:"remove",payload:this.chartObserver})}};ee.contextType=G;let te=ee;const re=class extends h.Component{constructor(){super(...arguments),this.context=null,this.state={popupShown:!1},this.chartObserver=null}componentDidMount(){this.chartObserver=new a.InstanceObserver(this,{showTooltip:"onShowTooltip",hideTooltip:"onHideTooltip"}),this.context.observersStore.dispatch({type:"add",payload:this.chartObserver})}render(){const{popupContext:e,shared:t,className:r,...s}=this.state,a=this.state.popupShown?()=>{const r=this.findRenderFunction();if(t)return null!==r?r(e):h.createElement(Z,{...e});{const t=e.point,s=this.findRenderFunctionByIndex(t.series.index);return null!==s?s(e):null!==r?r(e):h.createElement("span",{dangerouslySetInnerHTML:{__html:e.point.formattedValue}})}}:Function.prototype,o=n.classNames({"k-chart-shared-tooltip":t,"k-chart-tooltip-inverse":!!r});return h.createElement(te,{...s,popupContent:a,className:o})}componentWillUnmount(){this.context.observersStore.dispatch({type:"remove",payload:this.chartObserver})}onShowTooltip(e){const{anchor:t,style:r,shared:s,className:a,crosshair:n}=e;let o;n||(o=s?this.createSharedTooltipContext(e):this.createTooltipContext(e),this.setState({popupShown:!0,popupAlign:t.align,popupOffset:t.point,popupContext:o,popupStyles:r,className:a,shared:s}))}onHideTooltip(){this.setState({popupShown:!1,popupStyles:{},className:void 0})}createSharedTooltipContext(e){const{points:t,categoryText:r}=e,s=t.filter((e=>void 0!==e.series.name)).length>0,a=e.series.length>1;let n=1;return s&&n++,a&&n++,{categoryText:r,colorMarker:a,colspan:n,nameColumn:s,points:e.points.map((t=>new Y(t,e.format)))}}createTooltipContext(e){const{point:t,format:r}=e;return{point:new Y(t,r)}}findRenderFunctionByIndex(e){const t=this.context.optionsStore.getState().series;return void 0!==t&&Array.isArray(t)&&void 0!==t[e]&&t[e].hasOwnProperty("tooltip")&&t[e].tooltip.hasOwnProperty("render")?t[e].tooltip.render:null}findRenderFunction(){const e=this.context.optionsStore.getState().tooltip;return void 0!==e&&e.hasOwnProperty("render")?e.render:null}};re.contextType=G;let se=re;const ae=e=>e.children;ae.displayName="Container";const ne=class extends h.Component{constructor(e,t){super(e,t),this.context=null,this.state={popupShown:!1},this.chartObserver=new a.InstanceObserver(this,{showTooltip:"onShowTooltip",hideTooltip:"onHideTooltip"}),t.observersStore.dispatch({type:"add",payload:this.chartObserver})}render(){const{popupContend:e,className:t,...r}=this.state,s=this.state.popupShown?()=>e:Function.prototype,a=n.classNames({"k-chart-crosshair-tooltip":!0,"k-chart-tooltip-inverse":!!t});return h.createElement(te,{...r,popupContent:s,className:a})}componentWillUnmount(){var e;null==(e=this.context)||e.observersStore.dispatch({type:"remove",payload:this.chartObserver})}onShowTooltip(e){const{anchor:t,style:r,className:s,crosshair:a,axisName:n,axisIndex:o,value:i}=e,{name:l,index:c}=this.props;a&&n===l&&o===c&&this.setState({popupShown:!0,popupAlign:t.align,popupOffset:t.point,popupContend:i,popupStyles:r,className:s})}onHideTooltip(){this.setState({popupShown:!1,popupStyles:{},className:void 0})}};ne.contextType=G;let oe=ne;const ie=["categoryAxis","valueAxis","xAxis","yAxis"];function le(e){const t={};for(let r=0;r<ie.length;r++){const s=ce(e,ie[r]);for(let e=0;e<s.length;e++){const r=s[e];t[r.name+r.index]=r}}return t}function ce(e,t){const r=[];if(e[t]){const s=[].concat(e[t]);for(let e=0;e<s.length;e++){const a=(s[e].crosshair||{}).tooltip;a&&a.visible&&r.push({index:e,name:t})}}return r}const he=class extends h.Component{constructor(){super(...arguments),this.context=null,this.state={tooltips:{}},this.storeUnsubscriber=Function.prototype,this.subscriber=()=>{var e;this.setState({tooltips:le(null==(e=this.context)?void 0:e.optionsStore.getState())})}}componentDidMount(){this.storeUnsubscriber=this.context.optionsStore.subscribe(this.subscriber)}render(){const{tooltips:e}=this.state,t=Object.keys(e).map((t=>h.createElement(oe,{...e[t],key:t})));return h.createElement(ae,null,t)}componentWillUnmount(){this.storeUnsubscriber()}};he.contextType=G;let de=he;const pe={name:"@progress/kendo-react-charts",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},ue=class extends h.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=e=>{null!==this.chartInstance&&(this.surface=e.sender.surface,this.trigger("render",e))},this.onDrilldown=e=>{var t;const{series:r}=this.optionsStore.getState(),s=r.find((t=>t.name===e.series.name));if(!s.drilldownSeriesFactory)return!0;const a="onDrilldown";if(this.props.hasOwnProperty(a)){const r={seriesName:s.name,drilldownValue:e.value},n=[...(null==(t=this.props.drilldownState)?void 0:t.steps)||[],r],o=this.props.getTarget(),i={...e,currentState:this.props.drilldownState,nextState:{steps:n}},l=new b(i,o);this.props[a].call(void 0,l)}return!0},this.onLegendItemClick=e=>{if(null!==this.chartInstance)if(this.props.onLegendItemClick)this.trigger("legendItemClick",e);else{const{series:t}=this.optionsStore.getState();if(!t)return;let r={};const{seriesIndex:s,pointIndex:a}=e,n=t[s];if(void 0===a)r=Object.assign({},n,{visible:u(n.visible)});else{const e=n.pointVisibility=n.pointVisibility||[];e[a]=u(e[a]),r=Object.assign({},n)}this.optionsStore.dispatch({chartCollectionIdxKey:`series_${s}`,payload:r}),this.suppressTransitions=!0}},this.onWindowResize=()=>{null!==this.chartInstance&&this.chartInstance.resize()},this.onChartMouseLeave=e=>{const t=j(this,e);this.triggerDomEvent("onMouseLeave",t)?e.preventDefault():null!==this.chartInstance&&this.chartInstance.hideElements()},this.onChildMouseLeave=e=>{const{syntheticEvent:t}=e;return this.chartInstance&&!d(t.relatedTarget,this.element)&&this.chartInstance.hideElements(),!1},n.validatePackage(pe),this.showLicenseWatermark=n.shouldShowValidationUI(pe),this.optionsStore=z(B),this.observersStore=z(W),this.childrenObserver=new a.InstanceObserver(this,{onMouseLeave:"onChildMouseLeave"}),this.state={optionsStore:this.optionsStore,observersStore:this.observersStore,childrenObserver:this.childrenObserver,drilldownState:{steps:[]}},this.themeStore=z($),this.chartObserver=new a.InstanceObserver(this,{render:"onRender",legendItemClick:"onLegendItemClick",drilldown:"onDrilldown"})}get element(){return this._element}static getDerivedStateFromProps(e,t){return{...t,drilldownState:e.drilldownState||[]}}componentDidMount(){var e;const t=(null==(e=this._element)?void 0:e.ownerDocument)||document;((e,t,r)=>{const s=new U(e);if(void 0===r)return void e.dispatch({type:"push",payload:a.chartBaseTheme()});const n=s.element=r.createElement("div");n.style.display="none",n.innerHTML=M,r.body.appendChild(n);try{e.dispatch({type:"push",payload:a.chartBaseTheme()}),s.setColors(),s.setFonts(),s.setSeriesColors()}finally{r.body.removeChild(s.element),delete s.element,t()}})(this.themeStore,this.instantiateCoreChart.bind(this),t),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(),null!==this.chartInstance&&(this.chartInstance.destroy(),this.chartInstance=null),window.removeEventListener("resize",this.onWindowResize)}componentDidUpdate(e){const{dir:t,children:r,...a}=this.props;if(null!==this.chartInstance){const r=s.provideIntlService(this),n=this.chartInstance.chartService,o=r.locale!==n._intlService.locale,i=Object.entries(e).filter((e=>"dir"!==e[0]&&"children"!==e[0])).some((e=>{const[t,r]=e;return!(a.hasOwnProperty(t)&&a[t]===r)}));o&&(this.chartInstance.chartService._intlService=r,this.chartInstance.chartService.format._intlService=r,i||this.chartInstance.noTransitionsRedraw()),i&&this.refresh(),e.dir!==t&&this.chartInstance.setDirection(this.getDirection(t))}}render(){const{style:e={},className:t,wrapper:r,children:s}=this.props,a=Object.assign({},e,{position:"relative"}),o=h.createElement(r,{className:t,style:a,key:"chartElement"},h.createElement("div",{onMouseLeave:this.onChartMouseLeave,ref:e=>this._element=e,className:"k-chart-surface"},s),h.createElement(h.Fragment,null,this.showLicenseWatermark&&h.createElement(n.WatermarkOverlay,null)));return h.createElement(G.Provider,{value:this.state},h.createElement(se,{key:"seriesTooltip"}),h.createElement(de,{key:"crosshairTooltips"}),o)}getDirection(e){return"rtl"===(void 0!==e?e:n.canUseDOM&&window.getComputedStyle(this.element).direction||"ltr")}getChartOptions(){const{renderAs:e,pannable:t,zoomable:r,paneDefaults:s,panes:a,transitions:n,seriesColors:o,seriesDefaults:i,axisDefaults:l,deriveOptionsFromParent:c}=this.props;let h={};return void 0!==e&&(h.renderAs=e),void 0!==t&&(h.pannable=t),void 0!==r&&(h.zoomable=r),void 0!==s&&(h.paneDefaults=s),void 0!==a&&(h.panes=a),void 0!==n&&(h.transitions=n),void 0!==o&&(h.seriesColors=o),void 0!==i&&(h.seriesDefaults=i),void 0!==l&&(h.axisDefaults=l),h=Object.assign(h,this.optionsStore.getState()),c&&(h=c(h)),h}refresh(){if(null!==this.chartInstance){const e=this.themeStore.getState(),t=this.getChartOptions(),r=t.transitions;this.suppressTransitions&&(t.transitions=!1),this.props.onRefresh?this.props.onRefresh.call(void 0,t,e,this.chartInstance):this.chartInstance.setOptions(t,e),this.suppressTransitions&&(t.transitions=r,this.suppressTransitions=!1)}}instantiateCoreChart(){const{dir:e,chartConstructor:t}=this.props,r=this.getChartOptions();this.chartInstance=new t(this.element,r,this.themeStore.getState(),{rtl:this.getDirection(e),intlService:s.provideIntlService(this),observer:this.chartObserver,sender:this})}trigger(e,t){const r=function(e,t,r){if(F[e])return new F[e](t,r)}(e,t,this.props.getTarget()),s="on"+e.charAt(0).toUpperCase()+e.slice(1),a=this.observersStore.getState();let n=!1;for(let r=0;r<a.length;r++)a[r].trigger(e,t)&&(n=!0);return!1===n&&r&&this.props.hasOwnProperty(s)?(this.props[s].call(void 0,r),r.isDefaultPrevented&&r.isDefaultPrevented()):n}requiresHandlers(e){for(let t=0;t<e.length;t++){const r=e[t],s="on"+r.charAt(0).toUpperCase()+r.slice(1);if(this.props.hasOwnProperty(s))return!0}return!1}triggerDomEvent(e,t){const r=this.observersStore.getState();let s=!1;for(let a=0;a<r.length;a++)r[a].trigger(e,t)&&(s=!0);return s}};ue.propTypes={dir:r.string,renderAs:r.oneOf(["svg","canvas"])},ue.defaultProps={renderAs:"svg"};let me=ue;s.registerForIntl(me);const ve=class extends h.Component{constructor(e,t){super(e,t),this.context=null,this.state={donutCenterStyles:null},this.chartObserver=new a.InstanceObserver(this,{render:"onRender"}),t.observersStore.dispatch({type:"add",payload:this.chartObserver})}render(){const{render:e}=this.props,{donutCenterStyles:t}=this.state;let r=null;return e&&t&&(r=h.createElement("div",{className:"k-chart-donut-center",style:t},h.createElement(e,null))),r}onRender(e){var t;const r=null==(t=this.context)?void 0:t.optionsStore.getState().series,s=Array.isArray(r)?r[0]:null,a=e.sender._plotArea.charts;if(!s||"donut"!==s.type||0===a[0].points.length)return;const n=a[0].points[0].sector,o=n.innerRadius,i=n.center.y-o,l=n.center.x-o,c=2*o;this.setState({donutCenterStyles:{height:c,left:l,top:i,width:c}})}};ve.contextType=G;let ye=ve,ge=class extends h.Component{constructor(){super(...arguments),this._baseChart=null,this.getTarget=()=>this}get chartInstance(){return null!==this._baseChart?this._baseChart.chartInstance:null}get surface(){return null!==this._baseChart?this._baseChart.surface:null}get element(){return null!==this._baseChart?this._baseChart.element:null}render(){const{donutCenterRender:e,children:t,className:r,...s}=this.props;return h.createElement(me,{...s,ref:e=>this._baseChart=e,chartConstructor:a.Chart,getTarget:this.getTarget,wrapper:"div",className:n.classNames("k-chart k-widget",r)},t,h.createElement(ye,{render:e}))}},Ce=class extends h.Component{constructor(){super(...arguments),this._baseChart=null,this.deriveOptionsFromParent=e=>{const{type:t,data:r}=this.props,s=Object.assign({},e,{type:t,data:r});return a.Sparkline.normalizeOptions(s)},this.getTarget=()=>this}get chartInstance(){return null!==this._baseChart?this._baseChart.chartInstance:null}get surface(){return null!==this._baseChart?this._baseChart.surface:null}get element(){return null!==this._baseChart?this._baseChart.element:null}render(){const{children:e,type:t,className:r,...s}=this.props;return h.createElement(me,{...s,ref:e=>this._baseChart=e,chartConstructor:a.Sparkline,getTarget:this.getTarget,wrapper:"span",deriveOptionsFromParent:this.deriveOptionsFromParent,className:n.classNames("k-sparkline k-widget",r)},e)}};const fe={autoBindElements:!0,liveDrag:!1,partialRedraw:!0};let be=class extends h.Component{constructor(){super(...arguments),this._baseChart=null,this.deriveOptionsFromParent=e=>{const t=Object.assign({},e.navigator||{},fe);return Object.assign({},e,{navigator:t})},this.onRefresh=(e,t,r)=>{this.props.partialRedraw?(r.applyOptions(e),r.bindCategories(),r.navigator.redrawSlaves()):r.setOptions(e,t)},this.getTarget=()=>this}get chartInstance(){return null!==this._baseChart?this._baseChart.chartInstance:null}get surface(){return null!==this._baseChart?this._baseChart.surface:null}get element(){return null!==this._baseChart?this._baseChart.element:null}render(){const{children:e,className:t,...r}=this.props;return h.createElement(me,{...r,ref:e=>this._baseChart=e,chartConstructor:a.StockChart,getTarget:this.getTarget,wrapper:"div",deriveOptionsFromParent:this.deriveOptionsFromParent,onRefresh:this.onRefresh,className:n.classNames("k-stockchart k-widget",t)},e)}};const xe=class extends h.Component{constructor(e,t){super(e,t),this.optionsStore=t.optionsStore}renderChildren(e,t){const{children:r}=e.props,{_chartKey:s,_parentStore:a}=this.props,n={...e.props,_chartCollectionIdxKey:`${s}_${t}`,_parentStore:a};return h.cloneElement(e,n,r)}render(){const{_chartKey:e,_parentStore:t,children:r}=this.props;return(t||this.optionsStore).dispatch({chartKey:e,payload:[]}),h.Children.map(r,((e,t)=>h.isValidElement(e)?this.renderChildren(e,t):e))}};xe.contextType=G;let Se=xe;const Ee=class extends h.Component{constructor(e,t){super(e,t),this.optionsStore=t.optionsStore,this.childStore=z(B)}render(){const{children:e}=this.props;return void 0!==e?h.Children.map(e,(e=>h.isValidElement(e)?this.renderChildren(e):e)):null}componentDidMount(){this.dispatch()}componentDidUpdate(){this.dispatch()}dispatch(){const{_chartKey:e,_chartCollectionIdxKey:t,_parentStore:r,children:s,...a}=this.props;(r||this.optionsStore).dispatch({chartKey:e,chartCollectionIdxKey:t,payload:Object.assign({},a,this.childStore.getState())})}renderChildren(e){const{children:t}=e.props,r={...e.props,_parentStore:this.childStore};return h.cloneElement(e,r,t)}};Ee.contextType=G;let ke=Ee,Ie=class{constructor(e){this.currentState=e.currentState,this.nextState=e.nextState}};const we=h.forwardRef(((e,t)=>{const r=h.useRef(null),s=h.useRef(null),a={valueField:_e.valueField,textField:_e.textField,iconField:_e.iconField,iconClassField:_e.iconClassField,...e};h.useImperativeHandle(r,(()=>({element:s.current,props:a}))),h.useImperativeHandle(t,(()=>r.current));let o=[{id:"0",...e.rootItem||{text:"Home",icon:h.createElement(n.SvgIcon,{icon:l.homeIcon,style:{marginInlineEnd:"4px"}})}}];e.drilldownState&&(o=[...o,...e.drilldownState.steps.map(((e,t)=>({id:(t+1).toString(),text:e.drilldownValue})))]);const c={...a,data:o};return h.createElement("div",null,h.createElement(i.Breadcrumb,{...c,onItemSelect:t=>{var r;const s="onDrilldownStateChange";if(e.hasOwnProperty(s)){const a=o.findIndex((e=>e.id===t.id)),n={steps:((null==(r=e.drilldownState)?void 0:r.steps)||[]).slice(0,a)},i=new Ie({currentState:e.drilldownState,nextState:n});e[s].call(void 0,i)}}}))})),Ne={id:r.string,style:r.object,className:r.string,breadcrumbOrderedList:r.elementType,breadcrumbListItem:r.elementType,breadcrumbDelimiter:r.elementType,breadcrumbLink:r.elementType,dir:r.oneOf(["ltr","rtl"]),disabled:r.bool,valueField:r.string,textField:r.string,iconField:r.string,iconClassField:r.string,onItemSelect:r.func,ariaLabel:r.string,onDrilldownStateChange:r.func,drilldownState:r.shape({steps:r.array}),rootItem:r.object},_e={valueField:"id",textField:"text",iconField:"icon",iconClassField:"iconClass",data:[]};we.displayName="KendoReactChartBreadcrumb",we.propTypes=Ne;const De=e=>h.createElement(ke,{...e,_chartKey:"title"});De.displayName="ChartAxisDefaultsTitle";const Te=e=>h.createElement(ke,{...e,_chartKey:"labels"});Te.displayName="ChartAxisDefaultsLabels";const Ae=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"crosshair"});Ae.displayName="ChartAxisDefaultsCrosshair";const Ke=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"tooltip"});Ke.displayName="ChartAxisDefaultsCrosshairTooltip";const Oe=e=>h.createElement(ke,{...e,_chartKey:"title"});Oe.displayName="ChartCategoryAxisTitle";const Le=e=>h.createElement(ke,{...e,_chartKey:"title"});Le.displayName="ChartPaneDefaultsTitle";const Re=e=>h.createElement(ke,{...e,_chartKey:"item"});Re.displayName="ChartLegendItem";const Pe=e=>h.createElement(ke,{...e,_chartKey:"title"});Pe.displayName="ChartLegendTitle";const Fe=e=>h.createElement(ke,{...e,_chartKey:"inactiveItems"});Fe.displayName="ChartLegendInactiveItems";const qe=e=>h.createElement(ke,{...e,_chartKey:"title"});qe.displayName="ChartValueAxisTitle";const je=e=>h.createElement(ke,{...e,_chartKey:"title"});je.displayName="ChartXAxisTitle";const Ve=e=>h.createElement(ke,{...e,_chartKey:"title"});Ve.displayName="ChartYAxisTitle";const He=e=>h.createElement(ke,{...e,_chartKey:"categoryAxis"});He.displayName="ChartNavigatorCategoryAxis";const Me=e=>h.createElement(ke,{...e,_chartKey:"pane"});Me.displayName="ChartNavigatorPane";const Ue=e=>h.createElement(ke,{...e});Ue.displayName="ChartNavigatorSeriesItem";const ze=e=>h.createElement(Se,{...e,_chartKey:"series"});ze.propTypes={children:function(e,t,r){return p(e,t,r,Ue)}};const Be=e=>h.createElement(ke,{...e,_chartKey:"chartArea"});Be.displayName="ChartArea";const $e=e=>h.createElement(ke,{...e});$e.displayName="ChartCategoryAxisItem";const We=e=>h.createElement(Se,{...e,_chartKey:"categoryAxis"});We.propTypes={children:function(e,t,r){return p(e,t,r,$e)}},We.displayName="ChartCategoryAxis";const Xe=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"legend"});Xe.displayName="ChartLegend";const Ye=e=>h.createElement(ke,{visible:!0,position:"bottom",...e,_chartKey:"navigator"});Ye.displayName="ChartNavigator";const Ze=e=>h.createElement(ke,{...e});Ze.displayName="ChartPane";const Ge=e=>h.createElement(ke,{...e,_chartKey:"paneDefaults"});Ge.displayName="ChartPaneDefaults";const Je=e=>h.createElement(Se,{...e,_chartKey:"panes"});Je.propTypes={children:function(e,t,r){return p(e,t,r,Ze)}};const Qe=e=>{let t=e=>h.createElement(h.Fragment,null);e.drilldownSeriesFactory&&(t=e.drilldownSeriesFactory);const r=t=>{var r,s;return t&&(null==(s=null==(r=t.drilldownState)?void 0:r.steps)?void 0:s.find((({seriesName:t})=>t===e.name)))};return h.createElement(G.Consumer,null,(s=>r(s)?h.createElement(t,{_chartCollectionIdxKey:e._chartCollectionIdxKey,drilldownValue:r(s).drilldownValue}):h.createElement(ke,{...e})))};Qe.displayName="ChartSeriesItem";const et=e=>h.createElement(Se,{...e,_chartKey:"series"});et.propTypes={children:function(e,t,r){return p(e,t,r,Qe)}},et.displayName="ChartSeries";const tt=e=>h.createElement(ke,{...e,_chartKey:"subtitle"});tt.displayName="ChartSubtitle";const rt=e=>h.createElement(ke,{...e,_chartKey:"title"});rt.displayName="ChartTitle";const st=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"tooltip"});st.displayName="ChartTooltip";const at=e=>h.createElement(ke,{...e});at.displayName="ChartValueAxisItem";const nt=e=>h.createElement(Se,{...e,_chartKey:"valueAxis"});nt.propTypes={children:function(e,t,r){return p(e,t,r,at)}},nt.displayName="ChartValueAxis";const ot=e=>h.createElement(ke,{...e});ot.displayName="ChartXAxisItem";const it=e=>h.createElement(Se,{...e,_chartKey:"xAxis"});it.prototype={children:function(e,t,r){return p(e,t,r,ot)}},it.displayName="ChartXAxis";const lt=e=>h.createElement(ke,{...e});lt.displayName="ChartYAxisItem";const ct=e=>h.createElement(Se,{...e,_chartKey:"yAxis"});ct.propTypes={children:function(e,t,r){return p(e,t,r,lt)}},ct.displayName="ChartYAxis";const ht=e=>`${e.fontWeight} ${e.fontSize} ${e.fontFamily}`,dt=e=>window.getComputedStyle(e).backgroundColor,pt=`\n <div class="k-var--background"></div>\n <div class="k-var--normal-text-color"></div>\n <div class="k-var--kendo-color-subtle"></div>\n\n <div class="k-widget k-chart">\n <div class="k-var--chart-font"></div>\n <div class="k-var--chart-title-font"></div>\n </div>\n <div class="k-var--series-unset"></div>\n <div class="k-var--series">\n ${(()=>{let e='\n <div class="k-var--series-a"></div>\n <div class="k-var--series-b"></div>\n <div class="k-var--series-c"></div>\n <div class="k-var--series-d"></div>\n <div class="k-var--series-e"></div>\n <div class="k-var--series-f"></div>\n';for(let t=0;t<30;t++)e+=`\n <div class="k-var--series-${t+1}"></div>`;return e})()}\n </div>\n`;let ut=class{constructor(e){this.store=e}setStyle(e,t){const r=e.split(".");let s=this.store;r.forEach(((e,t,r)=>{t<r.length-1&&(s=s[e]=s[e]||{})}));const a=r.pop();a&&(s[a]=t)}setColors(){this.mapColor("labels.color","normal-text-color"),this.mapColor("labels.stroke.color","background");this.element.querySelector(".k-var--kendo-color-subtle").style.color="var(--kendo-color-subtle)",this.mapColor("links.color","kendo-color-subtle","color"),this.mapColor("legend.labels.color","normal-text-color"),this.mapColor("title.color","normal-text-color")}setFonts(){const e=ht(this.queryStyle("chart-title-font")),t=ht(this.queryStyle("chart-font"));this.setStyle("title.font",e),this.setStyle("labels.font",t),this.setStyle("legend.labels.font",t)}setNodeColors(){const e=this.element;if(!e)return;const t=[].slice.call(e.querySelectorAll(".k-var--series div")),r=dt(e.querySelector(".k-var--series-unset")),s=t.reduce(((e,t)=>{const s=(e=>{const t=e.match(/series-([a-z])$/);if(null!==t)return(e=>e.toLowerCase().charCodeAt(0)-97)(t[1]);const r=e.split("--series-")[1];return parseInt(r,10)-1})(t.className),a=dt(t);return a!==r&&(e[s]=a),e}),[]);this.setStyle("nodeColors",s)}mapColor(e,t,r="backgroundColor"){this.setStyle(e,this.queryStyle(t)[r])}queryStyle(e){const t=this.element;return window.getComputedStyle(t.querySelector(`.k-var--${e}`))}};const mt=(e,t)=>{const r={nodeColors:[]},s=new ut(r),a=s.element=e.createElement("div");a.style.display="none",a.innerHTML=pt,e.body.appendChild(a);try{s.setColors(),s.setFonts(),s.setNodeColors()}finally{e.body.removeChild(s.element),s.element=null,t(r)}},vt=r.exact({left:r.number,top:r.number}),yt={left:r.number,right:r.number},gt={...yt,top:r.number,bottom:r.number},Ct=r.oneOfType([r.number,r.exact(gt)]),ft=Ct,bt=r.exact({width:r.number,color:r.string,opacity:r.number,dashType:r.string}),xt={visible:r.bool,font:r.string,color:r.string,opacity:r.number,align:r.oneOf(["left","right","center"]),position:r.oneOf(["inside","before","after"]),padding:ft,margin:r.exact(yt),border:bt,offset:vt},St={color:r.string,opacity:r.number,offset:vt,padding:r.number,width:r.number},Et={colorType:r.oneOf(["static","source","target"]),color:r.string,opacity:r.number,highlight:r.exact({opacity:r.number,inactiveOpacity:r.number})},kt=r.exact({text:r.string,...xt}),It=r.exact({id:r.oneOfType([r.string,r.number]).isRequired,label:kt.isRequired,...St}),wt=r.exact({sourceId:r.oneOfType([r.string,r.number]).isRequired,targetId:r.oneOfType([r.string,r.number]).isRequired,value:r.number.isRequired,...Et}),Nt={data:r.exact({nodes:r.arrayOf(It.isRequired).isRequired,links:r.arrayOf(wt.isRequired).isRequired}).isRequired,links:r.exact(Et),nodes:r.exact(St),labels:r.exact(xt),legend:r.exact({align:r.oneOf(["start","center","end"]),background:r.string,border:bt,height:r.number,labels:r.object,margin:Ct,offsetX:r.number,offsetY:r.number,orientation:r.oneOf(["vertical","horizontal"]),padding:ft,position:r.oneOf(["top","bottom","left","right","custom"]),reverse:r.bool,visible:r.bool,width:r.number,item:r.object,title:r.object}),title:r.exact({align:r.oneOf(["center","left","right"]),background:r.string,border:bt,color:r.string,font:r.string,margin:Ct,padding:ft,position:r.oneOf(["top","bottom"]),text:r.string,visible:r.bool}),tooltip:r.exact({visible:r.bool,offset:r.number,followPointer:r.bool,delay:r.number,linkComponent:r.any,nodeComponent:r.any}),className:r.string,style:r.object,dir:r.string,disableAutoLayout:r.bool,disableKeyboardNavigation:r.bool,onNodeEnter:r.func,onNodeLeave:r.func,onLinkEnter:r.func,onLinkLeave:r.func,onNodeClick:r.func,onLinkClick:r.func},_t="sankey.tooltipUnitFormat",Dt={[_t]:"({0} units)"},Tt=e=>{const{Content:t,dir:r,offset:s,event:{tooltipData:a,dataItem:n,nodeValue:o}}=e,i=h.useRef(null);return h.useEffect((()=>{const e=i.current;if(!a||!e)return;const t=e.offsetWidth,r=e.offsetHeight,n={...a.popupOffset},o=a.popupAlign;n.left+="left"===o.horizontal?s:-1*s,"right"===o.horizontal&&(n.left-=t),"bottom"===o.vertical?n.top-=r+s:n.top+=s,e.style.left=`${n.left}px`,e.style.top=`${n.top}px`,e.style.visibility=""}),[a]),h.createElement("div",{ref:i,style:{visibility:"hidden"},dir:r,className:"k-tooltip k-sankey-tooltip k-chart-tooltip k-chart-shared-tooltip"},h.createElement("div",{className:"k-tooltip-content"},h.createElement(t,{dir:r,dataItem:n,nodeValue:o})))},At={display:"flex",alignItems:"center"},Kt=e=>h.createElement("div",{style:{width:15,height:15,backgroundColor:e.color,display:"inline-flex",marginLeft:3}}),Ot=e=>h.createElement("span",{style:{margin:"0 3px"}},e.children),Lt=e=>s.useInternationalization().format(s.useLocalization().toLanguageString(_t,Dt[_t]),[e||0]),Rt=e=>{const{color:t,label:r}=e.dataItem;return h.createElement("div",{style:At,className:"k-tooltip-content"},h.createElement(Kt,{color:t}),h.createElement(Ot,null,r.text),h.createElement(Ot,null,Lt(e.nodeValue)))},Pt=e=>{const{source:t,target:r,value:s}=e.dataItem,a="rtl"===e.dir?l.arrowLeftIcon:l.arrowRightIcon;return h.createElement("div",{style:At},h.createElement(Kt,{color:t.color}),h.createElement(Ot,null,t.label.text),h.createElement(n.IconWrap,{icon:a,name:a.name}),h.createElement(Kt,{color:r.color}),h.createElement(Ot,null,r.label.text),h.createElement(Ot,null,Lt(s)))},Ft=12,qt={offset:Ft,visible:!0},jt=["nodeEnter","nodeLeave","linkEnter","linkLeave","nodeClick","linkClick"],Vt=h.forwardRef(((e,t)=>{n.validatePackage(pe);const r=h.useRef(null),s=h.useRef(null),o=n.useRtl(r,e.dir,[e.dir,r.current]),i=h.useRef(null),{data:l,links:c,nodes:d,labels:p,title:u,legend:m,tooltip:v=qt,disableAutoLayout:y,disableKeyboardNavigation:g}=e,C=h.useRef();C.current=e;const[f,b]=h.useState(null),x=h.useCallback((e=>{const{visible:t,offset:r=Ft,nodeComponent:s=Rt,linkComponent:a=Pt}={...qt,...v};if(t){const t={event:e,offset:r,dir:o,Content:"node"===e.targetType?s:a};b(t)}}),[v,o]),S=h.useCallback((()=>{b(null)}),[]),E=h.useCallback(((e,t)=>{const r=C.current[e];if(r){const e={...t,nativeEvent:t.originalEvent,target:i.current};r.call(void 0,e)}}),[]);return h.useEffect((()=>{const e={data:l,links:c,nodes:d,labels:p,title:u,legend:m,disableAutoLayout:y,disableKeyboardNavigation:g,rtl:"rtl"===o,tooltip:{...qt,...v}};return s.current?s.current.setOptions(e):n.canUseDOM&&r.current&&mt(r.current.ownerDocument,(t=>{s.current=new a.Sankey(r.current,e,t),((e,t)=>{e&&(e.unbind(),jt.forEach((r=>{t[r]&&e.bind(r,t[r])})))})(s.current,{nodeEnter:e=>{E("onNodeEnter",e)},nodeLeave:e=>{E("onNodeLeave",e)},linkEnter:e=>{E("onLinkEnter",e)},linkLeave:e=>{E("onLinkLeave",e)},nodeClick:e=>{E("onNodeClick",e)},linkClick:e=>{E("onLinkClick",e)}}),s.current.bind("tooltipShow",x),s.current.bind("tooltipHide",S)})),()=>{s.current&&(s.current.destroy(),s.current=null)}}),[l,c,d,p,u,m,y,g,o,v,S,x,E]),h.useImperativeHandle(i,(()=>({get element(){return r.current},exportVisual:e=>s.current.exportVisual(e),props:e})),[]),h.useImperativeHandle(t,(()=>i.current)),h.createElement(h.Fragment,null,h.createElement("div",{ref:r,className:e.className,style:e.style,dir:o}),f&&h.createElement(Tt,{...f}))}));Vt.propTypes=Nt,Vt.displayName="KendoReactSankey";const Ht=a.createSankeyData;e.AxisLabelClickEvent=v,e.Chart=ge,e.ChartArea=Be,e.ChartAxisDefaults=e=>h.createElement(ke,{...e,_chartKey:"axisDefaults"}),e.ChartAxisDefaultsCrosshair=Ae,e.ChartAxisDefaultsCrosshairTooltip=Ke,e.ChartAxisDefaultsLabels=Te,e.ChartAxisDefaultsTitle=De,e.ChartBreadcrumb=we,e.ChartCategoryAxis=We,e.ChartCategoryAxisCrosshair=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"crosshair"}),e.ChartCategoryAxisCrosshairTooltip=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"tooltip"}),e.ChartCategoryAxisItem=$e,e.ChartCategoryAxisLabels=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"labels"}),e.ChartCategoryAxisNotes=e=>h.createElement(ke,{...e,_chartKey:"notes"}),e.ChartCategoryAxisNotesIcon=e=>h.createElement(ke,{...e,_chartKey:"icon"}),e.ChartCategoryAxisNotesLabel=e=>h.createElement(ke,{...e,_chartKey:"label"}),e.ChartCategoryAxisRangeLabels=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"rangeLabels"}),e.ChartCategoryAxisTitle=Oe,e.ChartLegend=Xe,e.ChartLegendInactiveItems=Fe,e.ChartLegendItem=Re,e.ChartLegendTitle=Pe,e.ChartNavigator=Ye,e.ChartNavigatorCategoryAxis=He,e.ChartNavigatorHint=e=>h.createElement(ke,{...e,_chartKey:"hint"}),e.ChartNavigatorPane=Me,e.ChartNavigatorSelect=e=>h.createElement(ke,{...e,_chartKey:"select"}),e.ChartNavigatorSeries=ze,e.ChartNavigatorSeriesItem=Ue,e.ChartPane=Ze,e.ChartPaneDefaults=Ge,e.ChartPaneDefaultsTitle=Le,e.ChartPanes=Je,e.ChartPlotArea=e=>h.createElement(ke,{...e,_chartKey:"plotArea"}),e.ChartSeries=et,e.ChartSeriesDefaults=e=>h.createElement(ke,{...e,_chartKey:"seriesDefaults"}),e.ChartSeriesErrorBars=e=>h.createElement(ke,{...e,_chartKey:"errorBars"}),e.ChartSeriesExtremes=e=>h.createElement(ke,{...e,_chartKey:"extremes"}),e.ChartSeriesHighlight=e=>h.createElement(ke,{...e,_chartKey:"highlight"}),e.ChartSeriesItem=Qe,e.ChartSeriesItemOutliers=e=>h.createElement(ke,{...e,_chartKey:"outliers"}),e.ChartSeriesItemTooltip=e=>h.createElement(ke,{...e,_chartKey:"tooltip"}),e.ChartSeriesLabels=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"labels"}),e.ChartSeriesLabelsFrom=e=>h.createElement(ke,{...e,_chartKey:"from"}),e.ChartSeriesLabelsTo=e=>h.createElement(ke,{...e,_chartKey:"to"}),e.ChartSeriesMarkers=e=>h.createElement(ke,{...e,_chartKey:"markers"}),e.ChartSeriesNotes=e=>h.createElement(ke,{...e,_chartKey:"notes"}),e.ChartSeriesNotesIcon=e=>h.createElement(ke,{...e,_chartKey:"icon"}),e.ChartSeriesNotesLabel=e=>h.createElement(ke,{...e,_chartKey:"label"}),e.ChartSubtitle=tt,e.ChartTitle=rt,e.ChartTooltip=st,e.ChartValueAxis=nt,e.ChartValueAxisCrosshair=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"crosshair"}),e.ChartValueAxisCrosshairTooltip=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"tooltip"}),e.ChartValueAxisItem=at,e.ChartValueAxisLabels=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"labels"}),e.ChartValueAxisNotes=e=>h.createElement(ke,{...e,_chartKey:"notes"}),e.ChartValueAxisNotesIcon=e=>h.createElement(ke,{...e,_chartKey:"icon"}),e.ChartValueAxisNotesLabel=e=>h.createElement(ke,{...e,_chartKey:"label"}),e.ChartValueAxisTitle=qe,e.ChartXAxis=it,e.ChartXAxisCrosshair=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"crosshair"}),e.ChartXAxisCrosshairTooltip=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"tooltip"}),e.ChartXAxisItem=ot,e.ChartXAxisLabels=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"labels"}),e.ChartXAxisNotes=e=>h.createElement(ke,{...e,_chartKey:"notes"}),e.ChartXAxisNotesIcon=e=>h.createElement(ke,{...e,_chartKey:"icon"}),e.ChartXAxisNotesLabel=e=>h.createElement(ke,{...e,_chartKey:"label"}),e.ChartXAxisTitle=je,e.ChartYAxis=ct,e.ChartYAxisCrosshair=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"crosshair"}),e.ChartYAxisCrosshairTooltip=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"tooltip"}),e.ChartYAxisItem=lt,e.ChartYAxisLabels=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"labels"}),e.ChartYAxisNotes=e=>h.createElement(ke,{...e,_chartKey:"notes"}),e.ChartYAxisNotesIcon=e=>h.createElement(ke,{...e,_chartKey:"icon"}),e.ChartYAxisNotesLabel=e=>h.createElement(ke,{...e,_chartKey:"label"}),e.ChartYAxisTitle=Ve,e.ChartZoomable=e=>h.createElement(ke,{...e,_chartKey:"zoomable"}),e.CollectionConfigurationComponent=Se,e.ConfigurationComponent=ke,e.CrosshairTooltip=oe,e.CrosshairTooltipContainer=de,e.DonutCenter=ye,e.DragEndEvent=C,e.DragEvent=g,e.DragStartEvent=f,e.DrilldownEvent=b,e.DrilldownStateChangeEvent=Ie,e.LegendItemClickEvent=S,e.LegendItemHoverEvent=x,e.NavigatorFilterEvent=E,e.NoteClickEvent=k,e.NoteHoverEvent=I,e.PlotAreaClickEvent=w,e.PlotAreaHoverEvent=N,e.RenderEvent=_,e.Sankey=Vt,e.SelectEndEvent=T,e.SelectEvent=D,e.SelectStartEvent=A,e.SeriesClickEvent=K,e.SeriesHoverEvent=O,e.SeriesTooltip=se,e.SharedTooltipContent=Z,e.Sparkline=Ce,e.StockChart=be,e.TooltipPoint=Y,e.TooltipPopup=te,e.ZoomEndEvent=R,e.ZoomEvent=L,e.ZoomStartEvent=P,e.createSankeyData=Ht,e.exportVisual=(e,t={})=>{if(e&&null!==e.chartInstance)return e.chartInstance.exportVisual(t)},e.findAxisByName=(e,t)=>{if(e&&null!==e.chartInstance)return e.chartInstance.findAxisByName(t)},e.findPaneByIndex=(e,t)=>{if(e&&null!==e.chartInstance)return e.chartInstance.findPaneByIndex(t)},e.findPaneByName=(e,t)=>{if(e&&null!==e.chartInstance)return e.chartInstance.findPaneByName(t)}}));
|
|
8
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(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")):"function"==typeof define&&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"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactCharts={},e.React,e.PropTypes,e.KendoReactIntl,e.KendoCharts,e.KendoReactCommon,e.KendoReactPopup,e.KendoReactLayout,e.KendoSvgIcons)}(this,(function(e,t,r,s,a,n,o,i,l){"use strict";function c(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var h=c(t);function d(e,t){let r=e;for(;r&&r!==t;)r=r.parentNode;return!!r}function p(e,t,r,s){const a=e[t];if(a&&Array.isArray(a))for(const e of a)if(!e.type||e.type!==s)return new Error(`${r} children should be Array of type ${s.displayName}.`);return null}const u=e=>void 0!==e&&!e;let m=class{constructor(e){this.target=e}},v=class extends m{constructor(e,t){super(t),this.axis=e.axis,this.dataItem=e.dataItem,this.index=e.index,this.text=e.text,this.value=e.value}},y=class extends m{constructor(){super(...arguments),this.prevented=!1}preventDefault(){this.prevented=!0}isDefaultPrevented(){return this.prevented}},g=class extends y{constructor(e,t){super(t),this.axisRanges=e.axisRanges,this.nativeEvent=e.originalEvent}},C=class extends m{constructor(e,t){super(t),this.axisRanges=e.axisRanges,this.nativeEvent=e.originalEvent}},f=class extends y{constructor(e,t){super(t),this.axisRanges=e.axisRanges,this.nativeEvent=e.originalEvent}},b=class extends m{constructor(e,t){super(t),this.value=e.value,this.point=e.point,this.series=e.series,this.currentState=e.currentState,this.nextState=e.nextState}},x=class extends y{constructor(e,t){super(t),this.series=e.series,this.seriesIndex=e.seriesIndex,this.pointIndex=e.pointIndex,this.text=e.text}preventDefault(){super.preventDefault()}},S=class extends y{constructor(e,t){super(t),this.series=e.series,this.seriesIndex=e.seriesIndex,this.pointIndex=e.pointIndex,this.text=e.text}preventDefault(){super.preventDefault()}},E=class extends m{constructor(e,t){super(t),this.from=e.from,this.to=e.to}},k=class extends m{constructor(e,t){super(t),this.category=e.category,this.dataItem=e.dataItem,this.series=e.series,this.value=e.value,this.visual=e.visual}},I=class extends m{constructor(e,t){super(t),this.category=e.category,this.dataItem=e.dataItem,this.series=e.series,this.value=e.value,this.visual=e.visual}},w=class extends m{constructor(e,t){super(t),this.category=e.category,this.nativeEvent=e.originalEvent,this.value=e.value,this.x=e.x,this.y=e.y}},N=class extends m{constructor(e,t){super(t),this.category=e.category,this.nativeEvent=e.originalEvent,this.value=e.value,this.x=e.x,this.y=e.y}},_=class extends m{constructor(e,t){super(t)}},D=class extends y{constructor(e,t){super(t),this.axis=e.axis,this.from=e.from,this.to=e.to}},T=class extends m{constructor(e,t){super(t),this.axis=e.axis,this.from=e.from,this.to=e.to}},A=class extends y{constructor(e,t){super(t),this.axis=e.axis,this.from=e.from,this.to=e.to}},K=class extends m{constructor(e,t){super(t),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}},O=class extends y{constructor(e,t){super(t),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}},L=class extends y{constructor(e,t){super(t),this.axisRanges=e.axisRanges,this.delta=e.delta,this.nativeEvent=e.originalEvent}},R=class extends m{constructor(e,t){super(t),this.axisRanges=e.axisRanges,this.nativeEvent=e.originalEvent}},P=class extends y{constructor(e,t){super(t),this.axisRanges=e.axisRanges,this.nativeEvent=e.originalEvent}};const F={axisLabelClick:v,drag:g,dragEnd:C,dragStart:f,drilldownEvent:b,legendItemHover:x,legendItemClick:S,legendItemLeave:class extends y{constructor(e,t){super(t),this.series=e.series,this.seriesIndex=e.seriesIndex,this.pointIndex=e.pointIndex,this.text=e.text}preventDefault(){super.preventDefault()}},navigatorFilter:E,noteClick:k,noteHover:I,plotAreaClick:w,plotAreaHover:N,render:_,select:D,selectEnd:T,selectStart:A,seriesClick:K,seriesHover:O,zoom:L,zoomEnd:R,zoomStart:P};let q=class{constructor(e,t){this.sender=e,this.syntheticEvent=t}};function j(e,t){return new q(e,t)}const V=e=>`${e.fontWeight} ${e.fontSize} ${e.fontFamily}`,H=e=>window.getComputedStyle(e).backgroundColor,M=`\n <div class="k-var--primary"></div>\n <div class="k-var--base"></div>\n <div class="k-var--background"></div>\n\n <div class="k-var--normal-background"></div>\n <div class="k-var--normal-text-color"></div>\n <div class="k-var--hover-background"></div>\n <div class="k-var--hover-text-color"></div>\n <div class="k-var--selected-background"></div>\n <div class="k-var--selected-text-color"></div>\n <div class="k-var--chart-error-bars-background"></div>\n <div class="k-var--chart-notes-background"></div>\n <div class="k-var--chart-notes-border"></div>\n <div class="k-var--chart-notes-lines"></div>\n <div class="k-var--chart-crosshair-background"></div>\n\n <div class="k-var--chart-inactive"></div>\n <div class="k-var--chart-major-lines"></div>\n <div class="k-var--chart-minor-lines"></div>\n <div class="k-var--chart-area-opacity"></div>\n <div class="k-var--chart-area-inactive-opacity"></div>\n <div class="k-var--chart-line-inactive-opacity"></div>\n\n <div class="k-widget k-chart">\n <div class="k-var--chart-font"></div>\n <div class="k-var--chart-title-font"></div>\n <div class="k-var--chart-pane-title-font"></div>\n <div class="k-var--chart-label-font"></div>\n </div>\n\n <div class="k-var--series-unset"></div>\n <div class="k-var--series">\n ${(()=>{let e='\n <div class="k-var--series-a"></div>\n <div class="k-var--series-b"></div>\n <div class="k-var--series-c"></div>\n <div class="k-var--series-d"></div>\n <div class="k-var--series-e"></div>\n <div class="k-var--series-f"></div>\n';for(let t=0;t<30;t++)e+=`\n <div class="k-var--series-${t+1}"></div>`;return e})()}\n </div>\n`;class U{constructor(e){this.store=e}setStyle(e,t){this.store.dispatch({type:"set",payload:{field:e,value:t}})}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=V(this.queryStyle("chart-font")),t=V(this.queryStyle("chart-title-font")),r=V(this.queryStyle("chart-pane-title-font")),s=V(this.queryStyle("chart-label-font"));this.setStyle("axisDefaults.labels.font",s),this.setStyle("axisDefaults.notes.label.font",e),this.setStyle("axisDefaults.title.font",e),this.setStyle("legend.labels.font",e),this.setStyle("seriesDefaults.labels.font",s),this.setStyle("seriesDefaults.notes.label.font",e),this.setStyle("title.font",t),this.setStyle("subtitle.font",r),this.setStyle("paneDefaults.title.font",r)}setSeriesColors(){const e=this.element,t=[].slice.call(e.querySelectorAll(".k-var--series div")),r=H(e.querySelector(".k-var--series-unset")),s=t.reduce(((e,t)=>{const s=(e=>{const t=e.match(/series-([a-z])$/);if(null!==t)return(e=>e.toLowerCase().charCodeAt(0)-97)(t[1]);const r=e.split("--series-")[1];return parseInt(r,10)-1})(t.className),a=H(t);return a!==r&&(e[s]=a),e}),[]);this.setStyle("seriesColors",s)}mapColor(e,t){this.setStyle(e,this.queryStyle(t).backgroundColor)}queryStyle(e){const t=this.element;return window.getComputedStyle(t.querySelector(`.k-var--${e}`))}setInactiveOpacity(e,t){const r=parseFloat(this.queryStyle(t).opacity);!isNaN(r)&&r<1&&e.forEach((e=>this.setStyle(`seriesDefaults.${e}.highlight.inactiveOpacity`,r)))}}const z=e=>{let t,r,s=[];const a=a=>{t=e(t,a),n.canUseDOM&&(window.clearTimeout(r),r=window.setTimeout((()=>s.forEach((e=>e()))),16.666666666666668))};return a({}),{getState:()=>t,dispatch:a,subscribe:e=>(s.push(e),()=>s=s.filter((t=>t!==e)))}},B=(e,t)=>t.chartCollectionIdxKey?X.collectionConfigurationItem(e,t):t.chartKey?X.configurationItem(e,t):{},$=(e,t)=>{if(!t.type)return{};switch(t.type){case"set":return X.themeItem(e,t);case"push":return Object.assign(e,t.payload);default:return e}},W=(e,t)=>{if(!t.type)return[];switch(t.type){case"add":return[...e,t.payload];case"remove":return e.filter((e=>e!==t.payload));default:return e}},X={configurationItem:(e,t)=>Object.assign(e,{[t.chartKey]:t.payload}),collectionConfigurationItem(e,t){let r=!1;const[s,a]=t.chartCollectionIdxKey.split("_"),n=e[s].map(((e,s)=>parseInt(a,10)===s?(r=!0,t.payload):e));return!1===r&&n.splice(parseInt(a,10),0,t.payload),Object.assign(e,{[s]:n})},themeItem(e,t){let r={};const s=Object.assign(r,e),{field:a,value:n}=t.payload,o=a.split(".");let i=o.shift();for(;o.length>0;)r=r[i]=r[i]||{},i=o.shift();return r[i]=n,s}};let Y=class{constructor(e,t){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||t}get formattedValue(){return this.format?this.point.formatValue(this.format):String(this.value)}};const Z=e=>{const{categoryText:t,colorMarker:r,colspan:s,nameColumn:a,points:n}=e;return h.createElement("table",null,h.createElement("thead",null,h.createElement("tr",null,h.createElement("th",{colSpan:s},t))),h.createElement("tbody",null,n.map(((e,t)=>h.createElement("tr",{key:t},r&&h.createElement("td",null,h.createElement("span",{className:"k-chart-shared-tooltip-marker",style:{backgroundColor:e.series.color}})),a&&h.createElement("td",null,e.series.name),h.createElement("td",{dangerouslySetInnerHTML:{__html:e.formattedValue}}))))))},G=h.createContext(null);G.displayName="ChartContext";const J={horizontal:"fit",vertical:"fit"},Q="k-chart-tooltip",ee=class extends h.Component{constructor(e,t){super(e,t),this.context=null,this.element=null,this.onChartMouseLeave=e=>{const{syntheticEvent:t}=e;return!!d(t.relatedTarget,this.element)},this.onMouseLeave=e=>{const t=j(this,e);this.context.childrenObserver.trigger("onMouseLeave",t)&&e.preventDefault()},this.popupRef=e=>{this.element=e;const t=e&&e.closest(".k-animation-container");t&&(t.style.transition="initial")},this.chartObserver=new a.InstanceObserver(this,{onMouseLeave:"onChartMouseLeave"}),t.observersStore.dispatch({type:"add",payload:this.chartObserver})}render(){const{popupShown:e,popupAlign:t,popupOffset:r,popupStyles:s,popupContent:a,className:n}=this.props,i=[Q,n].join(" ").trim();return h.createElement(o.Popup,{animate:!1,popupAlign:t,offset:r,show:e,collision:J,className:"k-chart-tooltip-wrapper"},h.createElement("div",{className:i,style:s,onMouseLeave:this.onMouseLeave,ref:this.popupRef},a()))}componentWillUnmount(){this.context.observersStore.dispatch({type:"remove",payload:this.chartObserver})}};ee.contextType=G;let te=ee;const re=class extends h.Component{constructor(){super(...arguments),this.context=null,this.state={popupShown:!1},this.chartObserver=null}componentDidMount(){this.chartObserver=new a.InstanceObserver(this,{showTooltip:"onShowTooltip",hideTooltip:"onHideTooltip"}),this.context.observersStore.dispatch({type:"add",payload:this.chartObserver})}render(){const{popupContext:e,shared:t,className:r,...s}=this.state,a=this.state.popupShown?()=>{const r=this.findRenderFunction();if(t)return null!==r?r(e):h.createElement(Z,{...e});const s=e.point,a=this.findRenderFunctionByIndex(s.series.index);return null!==a?a(e):null!==r?r(e):h.createElement("span",{dangerouslySetInnerHTML:{__html:e.point.formattedValue}})}:Function.prototype,o=n.classNames({"k-chart-shared-tooltip":t,"k-chart-tooltip-inverse":!!r});return h.createElement(te,{...s,popupContent:a,className:o})}componentWillUnmount(){this.context.observersStore.dispatch({type:"remove",payload:this.chartObserver})}onShowTooltip(e){const{anchor:t,style:r,shared:s,className:a,crosshair:n}=e;let o;n||(o=s?this.createSharedTooltipContext(e):this.createTooltipContext(e),this.setState({popupShown:!0,popupAlign:t.align,popupOffset:t.point,popupContext:o,popupStyles:r,className:a,shared:s}))}onHideTooltip(){this.setState({popupShown:!1,popupStyles:{},className:void 0})}createSharedTooltipContext(e){const{points:t,categoryText:r}=e,s=t.filter((e=>void 0!==e.series.name)).length>0,a=e.series.length>1;let n=1;return s&&n++,a&&n++,{categoryText:r,colorMarker:a,colspan:n,nameColumn:s,points:e.points.map((t=>new Y(t,e.format)))}}createTooltipContext(e){const{point:t,format:r}=e;return{point:new Y(t,r)}}findRenderFunctionByIndex(e){const t=this.context.optionsStore.getState().series;return void 0!==t&&Array.isArray(t)&&void 0!==t[e]&&t[e].hasOwnProperty("tooltip")&&t[e].tooltip.hasOwnProperty("render")?t[e].tooltip.render:null}findRenderFunction(){const e=this.context.optionsStore.getState().tooltip;return void 0!==e&&e.hasOwnProperty("render")?e.render:null}};re.contextType=G;let se=re;const ae=e=>e.children;ae.displayName="Container";const ne=class extends h.Component{constructor(e,t){super(e,t),this.context=null,this.state={popupShown:!1},this.chartObserver=new a.InstanceObserver(this,{showTooltip:"onShowTooltip",hideTooltip:"onHideTooltip"}),t.observersStore.dispatch({type:"add",payload:this.chartObserver})}render(){const{popupContend:e,className:t,...r}=this.state,s=this.state.popupShown?()=>e:Function.prototype,a=n.classNames({"k-chart-crosshair-tooltip":!0,"k-chart-tooltip-inverse":!!t});return h.createElement(te,{...r,popupContent:s,className:a})}componentWillUnmount(){var e;null==(e=this.context)||e.observersStore.dispatch({type:"remove",payload:this.chartObserver})}onShowTooltip(e){const{anchor:t,style:r,className:s,crosshair:a,axisName:n,axisIndex:o,value:i}=e,{name:l,index:c}=this.props;a&&n===l&&o===c&&this.setState({popupShown:!0,popupAlign:t.align,popupOffset:t.point,popupContend:i,popupStyles:r,className:s})}onHideTooltip(){this.setState({popupShown:!1,popupStyles:{},className:void 0})}};ne.contextType=G;let oe=ne;const ie=["categoryAxis","valueAxis","xAxis","yAxis"];function le(e){const t={};for(let r=0;r<ie.length;r++){const s=ce(e,ie[r]);for(let e=0;e<s.length;e++){const r=s[e];t[r.name+r.index]=r}}return t}function ce(e,t){const r=[];if(e[t]){const s=[].concat(e[t]);for(let e=0;e<s.length;e++){const a=(s[e].crosshair||{}).tooltip;a&&a.visible&&r.push({index:e,name:t})}}return r}const he=class extends h.Component{constructor(){super(...arguments),this.context=null,this.state={tooltips:{}},this.storeUnsubscriber=Function.prototype,this.subscriber=()=>{var e;this.setState({tooltips:le(null==(e=this.context)?void 0:e.optionsStore.getState())})}}componentDidMount(){this.storeUnsubscriber=this.context.optionsStore.subscribe(this.subscriber)}render(){const{tooltips:e}=this.state,t=Object.keys(e).map((t=>h.createElement(oe,{...e[t],key:t})));return h.createElement(ae,null,t)}componentWillUnmount(){this.storeUnsubscriber()}};he.contextType=G;let de=he;const pe={name:"@progress/kendo-react-charts",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},ue=class extends h.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=e=>{null!==this.chartInstance&&(this.surface=e.sender.surface,this.trigger("render",e))},this.onDrilldown=e=>{var t;const{series:r}=this.optionsStore.getState(),s=r.find((t=>t.name===e.series.name));if(!s.drilldownSeriesFactory)return!0;const a="onDrilldown";if(this.props.hasOwnProperty(a)){const r={seriesName:s.name,drilldownValue:e.value},n=[...(null==(t=this.props.drilldownState)?void 0:t.steps)||[],r],o=this.props.getTarget(),i={...e,currentState:this.props.drilldownState,nextState:{steps:n}},l=new b(i,o);this.props[a].call(void 0,l)}return!0},this.onLegendItemClick=e=>{if(null!==this.chartInstance)if(this.props.onLegendItemClick)this.trigger("legendItemClick",e);else{const{series:t}=this.optionsStore.getState();if(!t)return;let r={};const{seriesIndex:s,pointIndex:a}=e,n=t[s];if(void 0===a)r=Object.assign({},n,{visible:u(n.visible)});else{const e=n.pointVisibility=n.pointVisibility||[];e[a]=u(e[a]),r=Object.assign({},n)}this.optionsStore.dispatch({chartCollectionIdxKey:`series_${s}`,payload:r}),this.suppressTransitions=!0}},this.onWindowResize=()=>{null!==this.chartInstance&&this.chartInstance.resize()},this.onChartMouseLeave=e=>{const t=j(this,e);this.triggerDomEvent("onMouseLeave",t)?e.preventDefault():null!==this.chartInstance&&this.chartInstance.hideElements()},this.onChildMouseLeave=e=>{const{syntheticEvent:t}=e;return this.chartInstance&&!d(t.relatedTarget,this.element)&&this.chartInstance.hideElements(),!1},n.validatePackage(pe),this.showLicenseWatermark=n.shouldShowValidationUI(pe),this.optionsStore=z(B),this.observersStore=z(W),this.childrenObserver=new a.InstanceObserver(this,{onMouseLeave:"onChildMouseLeave"}),this.state={optionsStore:this.optionsStore,observersStore:this.observersStore,childrenObserver:this.childrenObserver,drilldownState:{steps:[]}},this.themeStore=z($),this.chartObserver=new a.InstanceObserver(this,{render:"onRender",legendItemClick:"onLegendItemClick",drilldown:"onDrilldown"})}get element(){return this._element}static getDerivedStateFromProps(e,t){return{...t,drilldownState:e.drilldownState||[]}}componentDidMount(){var e;const t=(null==(e=this._element)?void 0:e.ownerDocument)||document;((e,t,r)=>{const s=new U(e);if(void 0===r)return void e.dispatch({type:"push",payload:a.chartBaseTheme()});const n=s.element=r.createElement("div");n.style.display="none",n.innerHTML=M,r.body.appendChild(n);try{e.dispatch({type:"push",payload:a.chartBaseTheme()}),s.setColors(),s.setFonts(),s.setSeriesColors()}finally{r.body.removeChild(s.element),delete s.element,t()}})(this.themeStore,this.instantiateCoreChart.bind(this),t),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(),null!==this.chartInstance&&(this.chartInstance.destroy(),this.chartInstance=null),window.removeEventListener("resize",this.onWindowResize)}componentDidUpdate(e){const{dir:t,children:r,...a}=this.props;if(null!==this.chartInstance){const r=s.provideIntlService(this),n=this.chartInstance.chartService,o=r.locale!==n._intlService.locale,i=Object.entries(e).filter((e=>"dir"!==e[0]&&"children"!==e[0])).some((e=>{const[t,r]=e;return!(a.hasOwnProperty(t)&&a[t]===r)}));o&&(this.chartInstance.chartService._intlService=r,this.chartInstance.chartService.format._intlService=r,i||this.chartInstance.noTransitionsRedraw()),i&&this.refresh(),e.dir!==t&&this.chartInstance.setDirection(this.getDirection(t))}}render(){const{style:e={},className:t,wrapper:r,children:s}=this.props,a=Object.assign({},e,{position:"relative"}),o=h.createElement(r,{className:t,style:a,key:"chartElement"},h.createElement("div",{onMouseLeave:this.onChartMouseLeave,ref:e=>this._element=e,className:"k-chart-surface"},s),h.createElement(h.Fragment,null,this.showLicenseWatermark&&h.createElement(n.WatermarkOverlay,null)));return h.createElement(G.Provider,{value:this.state},h.createElement(se,{key:"seriesTooltip"}),h.createElement(de,{key:"crosshairTooltips"}),o)}getDirection(e){return"rtl"===(void 0!==e?e:n.canUseDOM&&window.getComputedStyle(this.element).direction||"ltr")}getChartOptions(){const{renderAs:e,pannable:t,zoomable:r,paneDefaults:s,panes:a,transitions:n,seriesColors:o,seriesDefaults:i,axisDefaults:l,deriveOptionsFromParent:c}=this.props;let h={};return void 0!==e&&(h.renderAs=e),void 0!==t&&(h.pannable=t),void 0!==r&&(h.zoomable=r),void 0!==s&&(h.paneDefaults=s),void 0!==a&&(h.panes=a),void 0!==n&&(h.transitions=n),void 0!==o&&(h.seriesColors=o),void 0!==i&&(h.seriesDefaults=i),void 0!==l&&(h.axisDefaults=l),h=Object.assign(h,this.optionsStore.getState()),c&&(h=c(h)),h}refresh(){if(null!==this.chartInstance){const e=this.themeStore.getState(),t=this.getChartOptions(),r=t.transitions;this.suppressTransitions&&(t.transitions=!1),this.props.onRefresh?this.props.onRefresh.call(void 0,t,e,this.chartInstance):this.chartInstance.setOptions(t,e),this.suppressTransitions&&(t.transitions=r,this.suppressTransitions=!1)}}instantiateCoreChart(){const{dir:e,chartConstructor:t}=this.props,r=this.getChartOptions();this.chartInstance=new t(this.element,r,this.themeStore.getState(),{rtl:this.getDirection(e),intlService:s.provideIntlService(this),observer:this.chartObserver,sender:this})}trigger(e,t){const r=function(e,t,r){if(F[e])return new F[e](t,r)}(e,t,this.props.getTarget()),s="on"+e.charAt(0).toUpperCase()+e.slice(1),a=this.observersStore.getState();let n=!1;for(let r=0;r<a.length;r++)a[r].trigger(e,t)&&(n=!0);return!1===n&&r&&this.props.hasOwnProperty(s)?(this.props[s].call(void 0,r),r.isDefaultPrevented&&r.isDefaultPrevented()):n}requiresHandlers(e){for(let t=0;t<e.length;t++){const r=e[t],s="on"+r.charAt(0).toUpperCase()+r.slice(1);if(this.props.hasOwnProperty(s))return!0}return!1}triggerDomEvent(e,t){const r=this.observersStore.getState();let s=!1;for(let a=0;a<r.length;a++)r[a].trigger(e,t)&&(s=!0);return s}};ue.propTypes={dir:r.string,renderAs:r.oneOf(["svg","canvas"])},ue.defaultProps={renderAs:"svg"};let me=ue;s.registerForIntl(me);const ve=class extends h.Component{constructor(e,t){super(e,t),this.context=null,this.state={donutCenterStyles:null},this.chartObserver=new a.InstanceObserver(this,{render:"onRender"}),t.observersStore.dispatch({type:"add",payload:this.chartObserver})}render(){const{render:e}=this.props,{donutCenterStyles:t}=this.state;let r=null;return e&&t&&(r=h.createElement("div",{className:"k-chart-donut-center",style:t},h.createElement(e,null))),r}onRender(e){var t;const r=null==(t=this.context)?void 0:t.optionsStore.getState().series,s=Array.isArray(r)?r[0]:null,a=e.sender._plotArea.charts;if(!s||"donut"!==s.type||0===a[0].points.length)return;const n=a[0].points[0].sector,o=n.innerRadius,i=n.center.y-o,l=n.center.x-o,c=2*o;this.setState({donutCenterStyles:{height:c,left:l,top:i,width:c}})}};ve.contextType=G;let ye=ve,ge=class extends h.Component{constructor(){super(...arguments),this._baseChart=null,this.getTarget=()=>this}get chartInstance(){return null!==this._baseChart?this._baseChart.chartInstance:null}get surface(){return null!==this._baseChart?this._baseChart.surface:null}get element(){return null!==this._baseChart?this._baseChart.element:null}render(){const{donutCenterRender:e,children:t,className:r,...s}=this.props;return h.createElement(me,{...s,ref:e=>this._baseChart=e,chartConstructor:a.Chart,getTarget:this.getTarget,wrapper:"div",className:n.classNames("k-chart k-widget",r)},t,h.createElement(ye,{render:e}))}},Ce=class extends h.Component{constructor(){super(...arguments),this._baseChart=null,this.deriveOptionsFromParent=e=>{const{type:t,data:r}=this.props,s=Object.assign({},e,{type:t,data:r});return a.Sparkline.normalizeOptions(s)},this.getTarget=()=>this}get chartInstance(){return null!==this._baseChart?this._baseChart.chartInstance:null}get surface(){return null!==this._baseChart?this._baseChart.surface:null}get element(){return null!==this._baseChart?this._baseChart.element:null}render(){const{children:e,type:t,className:r,...s}=this.props;return h.createElement(me,{...s,ref:e=>this._baseChart=e,chartConstructor:a.Sparkline,getTarget:this.getTarget,wrapper:"span",deriveOptionsFromParent:this.deriveOptionsFromParent,className:n.classNames("k-sparkline k-widget",r)},e)}};const fe={autoBindElements:!0,liveDrag:!1,partialRedraw:!0};let be=class extends h.Component{constructor(){super(...arguments),this._baseChart=null,this.deriveOptionsFromParent=e=>{const t=Object.assign({},e.navigator||{},fe);return Object.assign({},e,{navigator:t})},this.onRefresh=(e,t,r)=>{this.props.partialRedraw?(r.applyOptions(e),r.bindCategories(),r.navigator.redrawSlaves()):r.setOptions(e,t)},this.getTarget=()=>this}get chartInstance(){return null!==this._baseChart?this._baseChart.chartInstance:null}get surface(){return null!==this._baseChart?this._baseChart.surface:null}get element(){return null!==this._baseChart?this._baseChart.element:null}render(){const{children:e,className:t,...r}=this.props;return h.createElement(me,{...r,ref:e=>this._baseChart=e,chartConstructor:a.StockChart,getTarget:this.getTarget,wrapper:"div",deriveOptionsFromParent:this.deriveOptionsFromParent,onRefresh:this.onRefresh,className:n.classNames("k-stockchart k-widget",t)},e)}};const xe=class extends h.Component{constructor(e,t){super(e,t),this.optionsStore=t.optionsStore}renderChildren(e,t){const{children:r}=e.props,{_chartKey:s,_parentStore:a}=this.props,n={...e.props,_chartCollectionIdxKey:`${s}_${t}`,_parentStore:a};return h.cloneElement(e,n,r)}render(){const{_chartKey:e,_parentStore:t,children:r}=this.props;return(t||this.optionsStore).dispatch({chartKey:e,payload:[]}),h.Children.map(r,((e,t)=>h.isValidElement(e)?this.renderChildren(e,t):e))}};xe.contextType=G;let Se=xe;const Ee=class extends h.Component{constructor(e,t){super(e,t),this.optionsStore=t.optionsStore,this.childStore=z(B)}render(){const{children:e}=this.props;return void 0!==e?h.Children.map(e,(e=>h.isValidElement(e)?this.renderChildren(e):e)):null}componentDidMount(){this.dispatch()}componentDidUpdate(){this.dispatch()}dispatch(){const{_chartKey:e,_chartCollectionIdxKey:t,_parentStore:r,children:s,...a}=this.props;(r||this.optionsStore).dispatch({chartKey:e,chartCollectionIdxKey:t,payload:Object.assign({},a,this.childStore.getState())})}renderChildren(e){const{children:t}=e.props,r={...e.props,_parentStore:this.childStore};return h.cloneElement(e,r,t)}};Ee.contextType=G;let ke=Ee,Ie=class{constructor(e){this.currentState=e.currentState,this.nextState=e.nextState}};const we=h.forwardRef(((e,t)=>{const r=h.useRef(null),s=h.useRef(null),a={valueField:_e.valueField,textField:_e.textField,iconField:_e.iconField,iconClassField:_e.iconClassField,...e};h.useImperativeHandle(r,(()=>({element:s.current,props:a}))),h.useImperativeHandle(t,(()=>r.current));let o=[{id:"0",...e.rootItem||{text:"Home",icon:h.createElement(n.SvgIcon,{icon:l.homeIcon,style:{marginInlineEnd:"4px"}})}}];e.drilldownState&&(o=[...o,...e.drilldownState.steps.map(((e,t)=>({id:(t+1).toString(),text:e.drilldownValue})))]);const c={...a,data:o};return h.createElement("div",null,h.createElement(i.Breadcrumb,{...c,onItemSelect:t=>{var r;const s="onDrilldownStateChange";if(e.hasOwnProperty(s)){const a=o.findIndex((e=>e.id===t.id)),n={steps:((null==(r=e.drilldownState)?void 0:r.steps)||[]).slice(0,a)},i=new Ie({currentState:e.drilldownState,nextState:n});e[s].call(void 0,i)}}}))})),Ne={id:r.string,style:r.object,className:r.string,breadcrumbOrderedList:r.elementType,breadcrumbListItem:r.elementType,breadcrumbDelimiter:r.elementType,breadcrumbLink:r.elementType,dir:r.oneOf(["ltr","rtl"]),disabled:r.bool,valueField:r.string,textField:r.string,iconField:r.string,iconClassField:r.string,onItemSelect:r.func,ariaLabel:r.string,onDrilldownStateChange:r.func,drilldownState:r.shape({steps:r.array}),rootItem:r.object},_e={valueField:"id",textField:"text",iconField:"icon",iconClassField:"iconClass",data:[]};we.displayName="KendoReactChartBreadcrumb",we.propTypes=Ne;const De=e=>h.createElement(ke,{...e,_chartKey:"title"});De.displayName="ChartAxisDefaultsTitle";const Te=e=>h.createElement(ke,{...e,_chartKey:"labels"});Te.displayName="ChartAxisDefaultsLabels";const Ae=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"crosshair"});Ae.displayName="ChartAxisDefaultsCrosshair";const Ke=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"tooltip"});Ke.displayName="ChartAxisDefaultsCrosshairTooltip";const Oe=e=>h.createElement(ke,{...e,_chartKey:"title"});Oe.displayName="ChartCategoryAxisTitle";const Le=e=>h.createElement(ke,{...e,_chartKey:"title"});Le.displayName="ChartPaneDefaultsTitle";const Re=e=>h.createElement(ke,{...e,_chartKey:"item"});Re.displayName="ChartLegendItem";const Pe=e=>h.createElement(ke,{...e,_chartKey:"title"});Pe.displayName="ChartLegendTitle";const Fe=e=>h.createElement(ke,{...e,_chartKey:"inactiveItems"});Fe.displayName="ChartLegendInactiveItems";const qe=e=>h.createElement(ke,{...e,_chartKey:"title"});qe.displayName="ChartValueAxisTitle";const je=e=>h.createElement(ke,{...e,_chartKey:"title"});je.displayName="ChartXAxisTitle";const Ve=e=>h.createElement(ke,{...e,_chartKey:"title"});Ve.displayName="ChartYAxisTitle";const He=e=>h.createElement(ke,{...e,_chartKey:"categoryAxis"});He.displayName="ChartNavigatorCategoryAxis";const Me=e=>h.createElement(ke,{...e,_chartKey:"pane"});Me.displayName="ChartNavigatorPane";const Ue=e=>h.createElement(ke,{...e});Ue.displayName="ChartNavigatorSeriesItem";const ze=e=>h.createElement(Se,{...e,_chartKey:"series"});ze.propTypes={children:function(e,t,r){return p(e,t,r,Ue)}};const Be=e=>h.createElement(ke,{...e,_chartKey:"chartArea"});Be.displayName="ChartArea";const $e=e=>h.createElement(ke,{...e});$e.displayName="ChartCategoryAxisItem";const We=e=>h.createElement(Se,{...e,_chartKey:"categoryAxis"});We.propTypes={children:function(e,t,r){return p(e,t,r,$e)}},We.displayName="ChartCategoryAxis";const Xe=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"legend"});Xe.displayName="ChartLegend";const Ye=e=>h.createElement(ke,{visible:!0,position:"bottom",...e,_chartKey:"navigator"});Ye.displayName="ChartNavigator";const Ze=e=>h.createElement(ke,{...e});Ze.displayName="ChartPane";const Ge=e=>h.createElement(ke,{...e,_chartKey:"paneDefaults"});Ge.displayName="ChartPaneDefaults";const Je=e=>h.createElement(Se,{...e,_chartKey:"panes"});Je.propTypes={children:function(e,t,r){return p(e,t,r,Ze)}};const Qe=e=>{let t=e=>h.createElement(h.Fragment,null);e.drilldownSeriesFactory&&(t=e.drilldownSeriesFactory);const r=t=>{var r,s;return t&&(null==(s=null==(r=t.drilldownState)?void 0:r.steps)?void 0:s.find((({seriesName:t})=>t===e.name)))};return h.createElement(G.Consumer,null,(s=>r(s)?h.createElement(t,{_chartCollectionIdxKey:e._chartCollectionIdxKey,drilldownValue:r(s).drilldownValue}):h.createElement(ke,{...e})))};Qe.displayName="ChartSeriesItem";const et=e=>h.createElement(Se,{...e,_chartKey:"series"});et.propTypes={children:function(e,t,r){return p(e,t,r,Qe)}},et.displayName="ChartSeries";const tt=e=>h.createElement(ke,{...e,_chartKey:"subtitle"});tt.displayName="ChartSubtitle";const rt=e=>h.createElement(ke,{...e,_chartKey:"title"});rt.displayName="ChartTitle";const st=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"tooltip"});st.displayName="ChartTooltip";const at=e=>h.createElement(ke,{...e});at.displayName="ChartValueAxisItem";const nt=e=>h.createElement(Se,{...e,_chartKey:"valueAxis"});nt.propTypes={children:function(e,t,r){return p(e,t,r,at)}},nt.displayName="ChartValueAxis";const ot=e=>h.createElement(ke,{...e});ot.displayName="ChartXAxisItem";const it=e=>h.createElement(Se,{...e,_chartKey:"xAxis"});it.prototype={children:function(e,t,r){return p(e,t,r,ot)}},it.displayName="ChartXAxis";const lt=e=>h.createElement(ke,{...e});lt.displayName="ChartYAxisItem";const ct=e=>h.createElement(Se,{...e,_chartKey:"yAxis"});ct.propTypes={children:function(e,t,r){return p(e,t,r,lt)}},ct.displayName="ChartYAxis";const ht=e=>`${e.fontWeight} ${e.fontSize} ${e.fontFamily}`,dt=e=>window.getComputedStyle(e).backgroundColor,pt=`\n <div class="k-var--background"></div>\n <div class="k-var--normal-text-color"></div>\n <div class="k-var--kendo-color-subtle"></div>\n\n <div class="k-widget k-chart">\n <div class="k-var--chart-font"></div>\n <div class="k-var--chart-title-font"></div>\n </div>\n <div class="k-var--series-unset"></div>\n <div class="k-var--series">\n ${(()=>{let e='\n <div class="k-var--series-a"></div>\n <div class="k-var--series-b"></div>\n <div class="k-var--series-c"></div>\n <div class="k-var--series-d"></div>\n <div class="k-var--series-e"></div>\n <div class="k-var--series-f"></div>\n';for(let t=0;t<30;t++)e+=`\n <div class="k-var--series-${t+1}"></div>`;return e})()}\n </div>\n`;let ut=class{constructor(e){this.store=e}setStyle(e,t){const r=e.split(".");let s=this.store;r.forEach(((e,t,r)=>{t<r.length-1&&(s=s[e]=s[e]||{})}));const a=r.pop();a&&(s[a]=t)}setColors(){this.mapColor("labels.color","normal-text-color"),this.mapColor("labels.stroke.color","background");this.element.querySelector(".k-var--kendo-color-subtle").style.color="var(--kendo-color-subtle)",this.mapColor("links.color","kendo-color-subtle","color"),this.mapColor("legend.labels.color","normal-text-color"),this.mapColor("title.color","normal-text-color")}setFonts(){const e=ht(this.queryStyle("chart-title-font")),t=ht(this.queryStyle("chart-font"));this.setStyle("title.font",e),this.setStyle("labels.font",t),this.setStyle("legend.labels.font",t)}setNodeColors(){const e=this.element;if(!e)return;const t=[].slice.call(e.querySelectorAll(".k-var--series div")),r=dt(e.querySelector(".k-var--series-unset")),s=t.reduce(((e,t)=>{const s=(e=>{const t=e.match(/series-([a-z])$/);if(null!==t)return(e=>e.toLowerCase().charCodeAt(0)-97)(t[1]);const r=e.split("--series-")[1];return parseInt(r,10)-1})(t.className),a=dt(t);return a!==r&&(e[s]=a),e}),[]);this.setStyle("nodeColors",s)}mapColor(e,t,r="backgroundColor"){this.setStyle(e,this.queryStyle(t)[r])}queryStyle(e){const t=this.element;return window.getComputedStyle(t.querySelector(`.k-var--${e}`))}};const mt=(e,t)=>{const r={nodeColors:[]},s=new ut(r),a=s.element=e.createElement("div");a.style.display="none",a.innerHTML=pt,e.body.appendChild(a);try{s.setColors(),s.setFonts(),s.setNodeColors()}finally{e.body.removeChild(s.element),s.element=null,t(r)}},vt=r.exact({left:r.number,top:r.number}),yt={left:r.number,right:r.number},gt={...yt,top:r.number,bottom:r.number},Ct=r.oneOfType([r.number,r.exact(gt)]),ft=Ct,bt=r.exact({width:r.number,color:r.string,opacity:r.number,dashType:r.string}),xt={visible:r.bool,font:r.string,color:r.string,opacity:r.number,align:r.oneOf(["left","right","center"]),position:r.oneOf(["inside","before","after"]),padding:ft,margin:r.exact(yt),border:bt,offset:vt},St={color:r.string,opacity:r.number,offset:vt,padding:r.number,width:r.number},Et={colorType:r.oneOf(["static","source","target"]),color:r.string,opacity:r.number,highlight:r.exact({opacity:r.number,inactiveOpacity:r.number})},kt=r.exact({text:r.string,...xt}),It=r.exact({id:r.oneOfType([r.string,r.number]).isRequired,label:kt.isRequired,...St}),wt=r.exact({sourceId:r.oneOfType([r.string,r.number]).isRequired,targetId:r.oneOfType([r.string,r.number]).isRequired,value:r.number.isRequired,...Et}),Nt={data:r.exact({nodes:r.arrayOf(It.isRequired).isRequired,links:r.arrayOf(wt.isRequired).isRequired}).isRequired,links:r.exact(Et),nodes:r.exact(St),labels:r.exact(xt),legend:r.exact({align:r.oneOf(["start","center","end"]),background:r.string,border:bt,height:r.number,labels:r.object,margin:Ct,offsetX:r.number,offsetY:r.number,orientation:r.oneOf(["vertical","horizontal"]),padding:ft,position:r.oneOf(["top","bottom","left","right","custom"]),reverse:r.bool,visible:r.bool,width:r.number,item:r.object,title:r.object}),title:r.exact({align:r.oneOf(["center","left","right"]),background:r.string,border:bt,color:r.string,font:r.string,margin:Ct,padding:ft,position:r.oneOf(["top","bottom"]),text:r.string,visible:r.bool}),tooltip:r.exact({visible:r.bool,offset:r.number,followPointer:r.bool,delay:r.number,linkComponent:r.any,nodeComponent:r.any}),className:r.string,style:r.object,dir:r.string,disableAutoLayout:r.bool,disableKeyboardNavigation:r.bool,onNodeEnter:r.func,onNodeLeave:r.func,onLinkEnter:r.func,onLinkLeave:r.func,onNodeClick:r.func,onLinkClick:r.func},_t="sankey.tooltipUnitFormat",Dt={[_t]:"({0} units)"},Tt=e=>{const{Content:t,dir:r,offset:s,event:{tooltipData:a,dataItem:n,nodeValue:o}}=e,i=h.useRef(null);return h.useEffect((()=>{const e=i.current;if(!a||!e)return;const t=e.offsetWidth,r=e.offsetHeight,n={...a.popupOffset},o=a.popupAlign;n.left+="left"===o.horizontal?s:-1*s,"right"===o.horizontal&&(n.left-=t),"bottom"===o.vertical?n.top-=r+s:n.top+=s,e.style.left=`${n.left}px`,e.style.top=`${n.top}px`,e.style.visibility=""}),[a]),h.createElement("div",{ref:i,style:{visibility:"hidden"},dir:r,className:"k-tooltip k-sankey-tooltip k-chart-tooltip k-chart-shared-tooltip"},h.createElement("div",{className:"k-tooltip-content"},h.createElement(t,{dir:r,dataItem:n,nodeValue:o})))},At={display:"flex",alignItems:"center"},Kt=e=>h.createElement("div",{style:{width:15,height:15,backgroundColor:e.color,display:"inline-flex",marginLeft:3}}),Ot=e=>h.createElement("span",{style:{margin:"0 3px"}},e.children),Lt=e=>s.useInternationalization().format(s.useLocalization().toLanguageString(_t,Dt[_t]),[e||0]),Rt=e=>{const{color:t,label:r}=e.dataItem;return h.createElement("div",{style:At,className:"k-tooltip-content"},h.createElement(Kt,{color:t}),h.createElement(Ot,null,r.text),h.createElement(Ot,null,Lt(e.nodeValue)))},Pt=e=>{const{source:t,target:r,value:s}=e.dataItem,a="rtl"===e.dir?l.arrowLeftIcon:l.arrowRightIcon;return h.createElement("div",{style:At},h.createElement(Kt,{color:t.color}),h.createElement(Ot,null,t.label.text),h.createElement(n.IconWrap,{icon:a,name:a.name}),h.createElement(Kt,{color:r.color}),h.createElement(Ot,null,r.label.text),h.createElement(Ot,null,Lt(s)))},Ft=12,qt={offset:Ft,visible:!0},jt=["nodeEnter","nodeLeave","linkEnter","linkLeave","nodeClick","linkClick"],Vt=h.forwardRef(((e,t)=>{n.validatePackage(pe);const r=h.useRef(null),s=h.useRef(null),o=n.useRtl(r,e.dir,[e.dir,r.current]),i=h.useRef(null),{data:l,links:c,nodes:d,labels:p,title:u,legend:m,tooltip:v=qt,disableAutoLayout:y,disableKeyboardNavigation:g}=e,C=h.useRef();C.current=e;const[f,b]=h.useState(null),x=h.useCallback((e=>{const{visible:t,offset:r=Ft,nodeComponent:s=Rt,linkComponent:a=Pt}={...qt,...v};if(t){const t={event:e,offset:r,dir:o,Content:"node"===e.targetType?s:a};b(t)}}),[v,o]),S=h.useCallback((()=>{b(null)}),[]),E=h.useCallback(((e,t)=>{const r=C.current[e];if(r){const e={...t,nativeEvent:t.originalEvent,target:i.current};r.call(void 0,e)}}),[]);return h.useEffect((()=>{const e={data:l,links:c,nodes:d,labels:p,title:u,legend:m,disableAutoLayout:y,disableKeyboardNavigation:g,rtl:"rtl"===o,tooltip:{...qt,...v}};return s.current?s.current.setOptions(e):n.canUseDOM&&r.current&&mt(r.current.ownerDocument,(t=>{s.current=new a.Sankey(r.current,e,t),((e,t)=>{e&&(e.unbind(),jt.forEach((r=>{t[r]&&e.bind(r,t[r])})))})(s.current,{nodeEnter:e=>{E("onNodeEnter",e)},nodeLeave:e=>{E("onNodeLeave",e)},linkEnter:e=>{E("onLinkEnter",e)},linkLeave:e=>{E("onLinkLeave",e)},nodeClick:e=>{E("onNodeClick",e)},linkClick:e=>{E("onLinkClick",e)}}),s.current.bind("tooltipShow",x),s.current.bind("tooltipHide",S)})),()=>{s.current&&(s.current.destroy(),s.current=null)}}),[l,c,d,p,u,m,y,g,o,v,S,x,E]),h.useImperativeHandle(i,(()=>({get element(){return r.current},exportVisual:e=>s.current.exportVisual(e),props:e})),[]),h.useImperativeHandle(t,(()=>i.current)),h.createElement(h.Fragment,null,h.createElement("div",{ref:r,className:e.className,style:e.style,dir:o}),f&&h.createElement(Tt,{...f}))}));Vt.propTypes=Nt,Vt.displayName="KendoReactSankey";const Ht=a.createSankeyData;e.AxisLabelClickEvent=v,e.Chart=ge,e.ChartArea=Be,e.ChartAxisDefaults=e=>h.createElement(ke,{...e,_chartKey:"axisDefaults"}),e.ChartAxisDefaultsCrosshair=Ae,e.ChartAxisDefaultsCrosshairTooltip=Ke,e.ChartAxisDefaultsLabels=Te,e.ChartAxisDefaultsTitle=De,e.ChartBreadcrumb=we,e.ChartCategoryAxis=We,e.ChartCategoryAxisCrosshair=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"crosshair"}),e.ChartCategoryAxisCrosshairTooltip=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"tooltip"}),e.ChartCategoryAxisItem=$e,e.ChartCategoryAxisLabels=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"labels"}),e.ChartCategoryAxisNotes=e=>h.createElement(ke,{...e,_chartKey:"notes"}),e.ChartCategoryAxisNotesIcon=e=>h.createElement(ke,{...e,_chartKey:"icon"}),e.ChartCategoryAxisNotesLabel=e=>h.createElement(ke,{...e,_chartKey:"label"}),e.ChartCategoryAxisRangeLabels=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"rangeLabels"}),e.ChartCategoryAxisTitle=Oe,e.ChartLegend=Xe,e.ChartLegendInactiveItems=Fe,e.ChartLegendItem=Re,e.ChartLegendTitle=Pe,e.ChartNavigator=Ye,e.ChartNavigatorCategoryAxis=He,e.ChartNavigatorHint=e=>h.createElement(ke,{...e,_chartKey:"hint"}),e.ChartNavigatorPane=Me,e.ChartNavigatorSelect=e=>h.createElement(ke,{...e,_chartKey:"select"}),e.ChartNavigatorSeries=ze,e.ChartNavigatorSeriesItem=Ue,e.ChartPane=Ze,e.ChartPaneDefaults=Ge,e.ChartPaneDefaultsTitle=Le,e.ChartPanes=Je,e.ChartPlotArea=e=>h.createElement(ke,{...e,_chartKey:"plotArea"}),e.ChartSeries=et,e.ChartSeriesDefaults=e=>h.createElement(ke,{...e,_chartKey:"seriesDefaults"}),e.ChartSeriesErrorBars=e=>h.createElement(ke,{...e,_chartKey:"errorBars"}),e.ChartSeriesExtremes=e=>h.createElement(ke,{...e,_chartKey:"extremes"}),e.ChartSeriesHighlight=e=>h.createElement(ke,{...e,_chartKey:"highlight"}),e.ChartSeriesItem=Qe,e.ChartSeriesItemOutliers=e=>h.createElement(ke,{...e,_chartKey:"outliers"}),e.ChartSeriesItemTooltip=e=>h.createElement(ke,{...e,_chartKey:"tooltip"}),e.ChartSeriesLabels=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"labels"}),e.ChartSeriesLabelsFrom=e=>h.createElement(ke,{...e,_chartKey:"from"}),e.ChartSeriesLabelsTo=e=>h.createElement(ke,{...e,_chartKey:"to"}),e.ChartSeriesMarkers=e=>h.createElement(ke,{...e,_chartKey:"markers"}),e.ChartSeriesNotes=e=>h.createElement(ke,{...e,_chartKey:"notes"}),e.ChartSeriesNotesIcon=e=>h.createElement(ke,{...e,_chartKey:"icon"}),e.ChartSeriesNotesLabel=e=>h.createElement(ke,{...e,_chartKey:"label"}),e.ChartSubtitle=tt,e.ChartTitle=rt,e.ChartTooltip=st,e.ChartValueAxis=nt,e.ChartValueAxisCrosshair=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"crosshair"}),e.ChartValueAxisCrosshairTooltip=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"tooltip"}),e.ChartValueAxisItem=at,e.ChartValueAxisLabels=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"labels"}),e.ChartValueAxisNotes=e=>h.createElement(ke,{...e,_chartKey:"notes"}),e.ChartValueAxisNotesIcon=e=>h.createElement(ke,{...e,_chartKey:"icon"}),e.ChartValueAxisNotesLabel=e=>h.createElement(ke,{...e,_chartKey:"label"}),e.ChartValueAxisTitle=qe,e.ChartXAxis=it,e.ChartXAxisCrosshair=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"crosshair"}),e.ChartXAxisCrosshairTooltip=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"tooltip"}),e.ChartXAxisItem=ot,e.ChartXAxisLabels=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"labels"}),e.ChartXAxisNotes=e=>h.createElement(ke,{...e,_chartKey:"notes"}),e.ChartXAxisNotesIcon=e=>h.createElement(ke,{...e,_chartKey:"icon"}),e.ChartXAxisNotesLabel=e=>h.createElement(ke,{...e,_chartKey:"label"}),e.ChartXAxisTitle=je,e.ChartYAxis=ct,e.ChartYAxisCrosshair=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"crosshair"}),e.ChartYAxisCrosshairTooltip=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"tooltip"}),e.ChartYAxisItem=lt,e.ChartYAxisLabels=e=>h.createElement(ke,{visible:!0,...e,_chartKey:"labels"}),e.ChartYAxisNotes=e=>h.createElement(ke,{...e,_chartKey:"notes"}),e.ChartYAxisNotesIcon=e=>h.createElement(ke,{...e,_chartKey:"icon"}),e.ChartYAxisNotesLabel=e=>h.createElement(ke,{...e,_chartKey:"label"}),e.ChartYAxisTitle=Ve,e.ChartZoomable=e=>h.createElement(ke,{...e,_chartKey:"zoomable"}),e.CollectionConfigurationComponent=Se,e.ConfigurationComponent=ke,e.CrosshairTooltip=oe,e.CrosshairTooltipContainer=de,e.DonutCenter=ye,e.DragEndEvent=C,e.DragEvent=g,e.DragStartEvent=f,e.DrilldownEvent=b,e.DrilldownStateChangeEvent=Ie,e.LegendItemClickEvent=S,e.LegendItemHoverEvent=x,e.NavigatorFilterEvent=E,e.NoteClickEvent=k,e.NoteHoverEvent=I,e.PlotAreaClickEvent=w,e.PlotAreaHoverEvent=N,e.RenderEvent=_,e.Sankey=Vt,e.SelectEndEvent=T,e.SelectEvent=D,e.SelectStartEvent=A,e.SeriesClickEvent=K,e.SeriesHoverEvent=O,e.SeriesTooltip=se,e.SharedTooltipContent=Z,e.Sparkline=Ce,e.StockChart=be,e.TooltipPoint=Y,e.TooltipPopup=te,e.ZoomEndEvent=R,e.ZoomEvent=L,e.ZoomStartEvent=P,e.createSankeyData=Ht,e.exportVisual=(e,t={})=>{if(e&&null!==e.chartInstance)return e.chartInstance.exportVisual(t)},e.findAxisByName=(e,t)=>{if(e&&null!==e.chartInstance)return e.chartInstance.findAxisByName(t)},e.findPaneByIndex=(e,t)=>{if(e&&null!==e.chartInstance)return e.chartInstance.findPaneByIndex(t)},e.findPaneByName=(e,t)=>{if(e&&null!==e.chartInstance)return e.chartInstance.findPaneByName(t)}}));
|
package/index.d.mts
CHANGED
|
@@ -505,11 +505,11 @@ export declare interface AxisRange {
|
|
|
505
505
|
/**
|
|
506
506
|
* The axis minimum value.
|
|
507
507
|
*/
|
|
508
|
-
min:
|
|
508
|
+
min: number | Date;
|
|
509
509
|
/**
|
|
510
510
|
* The axis maximum value.
|
|
511
511
|
*/
|
|
512
|
-
max:
|
|
512
|
+
max: number | Date;
|
|
513
513
|
}
|
|
514
514
|
|
|
515
515
|
/**
|
package/index.d.ts
CHANGED
|
@@ -505,11 +505,11 @@ export declare interface AxisRange {
|
|
|
505
505
|
/**
|
|
506
506
|
* The axis minimum value.
|
|
507
507
|
*/
|
|
508
|
-
min:
|
|
508
|
+
min: number | Date;
|
|
509
509
|
/**
|
|
510
510
|
* The axis maximum value.
|
|
511
511
|
*/
|
|
512
|
-
max:
|
|
512
|
+
max: number | Date;
|
|
513
513
|
}
|
|
514
514
|
|
|
515
515
|
/**
|
package/package-metadata.mjs
CHANGED
|
@@ -10,7 +10,7 @@ const e = {
|
|
|
10
10
|
name: "@progress/kendo-react-charts",
|
|
11
11
|
productName: "KendoReact",
|
|
12
12
|
productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
|
|
13
|
-
publishDate:
|
|
13
|
+
publishDate: 1729499340,
|
|
14
14
|
version: "",
|
|
15
15
|
licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
16
16
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-charts",
|
|
3
|
-
"version": "9.0.0-develop.
|
|
3
|
+
"version": "9.0.0-develop.4",
|
|
4
4
|
"description": "React Chart renders a wide range of high-quality data visualizations. KendoReact Charts package",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -24,10 +24,10 @@
|
|
|
24
24
|
"peerDependencies": {
|
|
25
25
|
"@progress/kendo-drawing": "^1.20.4",
|
|
26
26
|
"@progress/kendo-licensing": "^1.3.4",
|
|
27
|
-
"@progress/kendo-react-common": "9.0.0-develop.
|
|
28
|
-
"@progress/kendo-react-intl": "9.0.0-develop.
|
|
29
|
-
"@progress/kendo-react-layout": "9.0.0-develop.
|
|
30
|
-
"@progress/kendo-react-popup": "9.0.0-develop.
|
|
27
|
+
"@progress/kendo-react-common": "9.0.0-develop.4",
|
|
28
|
+
"@progress/kendo-react-intl": "9.0.0-develop.4",
|
|
29
|
+
"@progress/kendo-react-layout": "9.0.0-develop.4",
|
|
30
|
+
"@progress/kendo-react-popup": "9.0.0-develop.4",
|
|
31
31
|
"@progress/kendo-svg-icons": "^3.0.0",
|
|
32
32
|
"react": "^16.8.2 || ^17.0.0 || ^18.0.0",
|
|
33
33
|
"react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
|
package/sankey/Sankey.mjs
CHANGED
|
@@ -22,25 +22,38 @@ const S = 12, p = {
|
|
|
22
22
|
}));
|
|
23
23
|
}, P = t.forwardRef((n, c) => {
|
|
24
24
|
H(M);
|
|
25
|
-
const o = t.useRef(null), r = t.useRef(null), s = I(o, n.dir, [n.dir, o.current]), d = t.useRef(null), {
|
|
25
|
+
const o = t.useRef(null), r = t.useRef(null), s = I(o, n.dir, [n.dir, o.current]), d = t.useRef(null), {
|
|
26
|
+
data: k,
|
|
27
|
+
links: m,
|
|
28
|
+
nodes: y,
|
|
29
|
+
labels: v,
|
|
30
|
+
title: E,
|
|
31
|
+
legend: C,
|
|
32
|
+
tooltip: u = p,
|
|
33
|
+
disableAutoLayout: b,
|
|
34
|
+
disableKeyboardNavigation: g
|
|
35
|
+
} = n, T = t.useRef();
|
|
26
36
|
T.current = n;
|
|
27
|
-
const [L, R] = t.useState(null), N = t.useCallback(
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
37
|
+
const [L, R] = t.useState(null), N = t.useCallback(
|
|
38
|
+
(l) => {
|
|
39
|
+
const {
|
|
40
|
+
visible: a,
|
|
41
|
+
offset: e = S,
|
|
42
|
+
nodeComponent: f = F,
|
|
43
|
+
linkComponent: w = U
|
|
44
|
+
} = { ...p, ...u };
|
|
45
|
+
if (a) {
|
|
46
|
+
const x = {
|
|
47
|
+
event: l,
|
|
48
|
+
offset: e,
|
|
49
|
+
dir: s,
|
|
50
|
+
Content: l.targetType === "node" ? f : w
|
|
51
|
+
};
|
|
52
|
+
R(x);
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
[u, s]
|
|
56
|
+
), h = t.useCallback(() => {
|
|
44
57
|
R(null);
|
|
45
58
|
}, []), i = t.useCallback((l, a) => {
|
|
46
59
|
const e = T.current[l];
|
|
@@ -90,21 +103,31 @@ const S = 12, p = {
|
|
|
90
103
|
}), () => {
|
|
91
104
|
r.current && (r.current.destroy(), r.current = null);
|
|
92
105
|
};
|
|
93
|
-
}, [
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
),
|
|
106
|
+
}, [
|
|
107
|
+
k,
|
|
108
|
+
m,
|
|
109
|
+
y,
|
|
110
|
+
v,
|
|
111
|
+
E,
|
|
112
|
+
C,
|
|
113
|
+
b,
|
|
114
|
+
g,
|
|
115
|
+
s,
|
|
116
|
+
u,
|
|
117
|
+
h,
|
|
118
|
+
N,
|
|
119
|
+
i
|
|
120
|
+
]), t.useImperativeHandle(
|
|
121
|
+
d,
|
|
122
|
+
() => ({
|
|
123
|
+
get element() {
|
|
124
|
+
return o.current;
|
|
125
|
+
},
|
|
126
|
+
exportVisual: (l) => r.current.exportVisual(l),
|
|
127
|
+
props: n
|
|
128
|
+
}),
|
|
129
|
+
[]
|
|
130
|
+
), t.useImperativeHandle(c, () => d.current), /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", { ref: o, className: n.className, style: n.style, dir: s }), L && /* @__PURE__ */ t.createElement(A, { ...L }));
|
|
108
131
|
});
|
|
109
132
|
P.propTypes = V;
|
|
110
133
|
P.displayName = "KendoReactSankey";
|
package/sankey/SankeyTooltip.mjs
CHANGED
|
@@ -12,7 +12,12 @@ import { arrowLeftIcon as v, arrowRightIcon as k } from "@progress/kendo-svg-ico
|
|
|
12
12
|
import { useInternationalization as I, useLocalization as b } from "@progress/kendo-react-intl";
|
|
13
13
|
import { tooltipUnitFormat as u, messages as w } from "./messages.mjs";
|
|
14
14
|
const R = (e) => {
|
|
15
|
-
const {
|
|
15
|
+
const {
|
|
16
|
+
Content: l,
|
|
17
|
+
dir: o,
|
|
18
|
+
offset: i,
|
|
19
|
+
event: { tooltipData: n, dataItem: E, nodeValue: y }
|
|
20
|
+
} = e, p = t.useRef(null);
|
|
16
21
|
return t.useEffect(() => {
|
|
17
22
|
const r = p.current;
|
|
18
23
|
if (!n || !r)
|
|
@@ -40,7 +45,10 @@ const R = (e) => {
|
|
|
40
45
|
marginLeft: d
|
|
41
46
|
}
|
|
42
47
|
}
|
|
43
|
-
), c = (e) => /* @__PURE__ */ t.createElement("span", { style: { margin: z } }, e.children), g = (e) => I().format(
|
|
48
|
+
), c = (e) => /* @__PURE__ */ t.createElement("span", { style: { margin: z } }, e.children), g = (e) => I().format(
|
|
49
|
+
b().toLanguageString(u, w[u]),
|
|
50
|
+
[e || 0]
|
|
51
|
+
), S = (e) => {
|
|
44
52
|
const { color: l, label: o } = e.dataItem;
|
|
45
53
|
return /* @__PURE__ */ t.createElement("div", { style: h, className: "k-tooltip-content" }, /* @__PURE__ */ t.createElement(m, { color: l }), /* @__PURE__ */ t.createElement(c, null, o.text), /* @__PURE__ */ t.createElement(c, null, g(e.nodeValue)));
|
|
46
54
|
}, $ = (e) => {
|
package/sankey/propTypes.mjs
CHANGED
|
@@ -17,10 +17,7 @@ const r = e.exact({
|
|
|
17
17
|
...i,
|
|
18
18
|
top: e.number,
|
|
19
19
|
bottom: e.number
|
|
20
|
-
}, o = e.oneOfType([
|
|
21
|
-
e.number,
|
|
22
|
-
e.exact(l)
|
|
23
|
-
]), t = o, n = e.exact({
|
|
20
|
+
}, o = e.oneOfType([e.number, e.exact(l)]), t = o, n = e.exact({
|
|
24
21
|
width: e.number,
|
|
25
22
|
color: e.string,
|
|
26
23
|
opacity: e.number,
|
package/store/reducer.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=(t,e)=>e.chartCollectionIdxKey?
|
|
8
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=(t,e)=>e.chartCollectionIdxKey?i.collectionConfigurationItem(t,e):e.chartKey?i.configurationItem(t,e):{},a=(t,e)=>{if(e.type)switch(e.type){case"set":return i.themeItem(t,e);case"push":return Object.assign(t,e.payload);default:return t}else return{}},d=(t,e)=>{if(e.type)switch(e.type){case"add":return[...t,e.payload];case"remove":return t.filter(r=>r!==e.payload);default:return t}else return[]},i={configurationItem(t,e){return Object.assign(t,{[e.chartKey]:e.payload})},collectionConfigurationItem(t,e){let r=!1;const[o,n]=e.chartCollectionIdxKey.split("_"),c=t[o].map((l,s)=>parseInt(n,10)===s?(r=!0,e.payload):l);return r===!1&&c.splice(parseInt(n,10),0,e.payload),Object.assign(t,{[o]:c})},themeItem(t,e){let r={};const o=Object.assign(r,t),{field:n,value:c}=e.payload,l=n.split(".");let s=l.shift();for(;l.length>0;)r=r[s]=r[s]||{},s=l.shift();return r[s]=c,o}};exports.observersReducer=d;exports.optionsReducer=u;exports.themeReducer=a;
|
package/store/reducer.mjs
CHANGED
|
@@ -24,7 +24,7 @@ const u = (t, e) => e.chartCollectionIdxKey ? c.collectionConfigurationItem(t, e
|
|
|
24
24
|
case "add":
|
|
25
25
|
return [...t, e.payload];
|
|
26
26
|
case "remove":
|
|
27
|
-
return t.filter((
|
|
27
|
+
return t.filter((r) => r !== e.payload);
|
|
28
28
|
default:
|
|
29
29
|
return t;
|
|
30
30
|
}
|
|
@@ -37,19 +37,19 @@ const u = (t, e) => e.chartCollectionIdxKey ? c.collectionConfigurationItem(t, e
|
|
|
37
37
|
});
|
|
38
38
|
},
|
|
39
39
|
collectionConfigurationItem(t, e) {
|
|
40
|
-
let
|
|
41
|
-
const [o, n] = e.chartCollectionIdxKey.split("_"), i = t[o].map((
|
|
42
|
-
return
|
|
40
|
+
let r = !1;
|
|
41
|
+
const [o, n] = e.chartCollectionIdxKey.split("_"), i = t[o].map((l, s) => parseInt(n, 10) === s ? (r = !0, e.payload) : l);
|
|
42
|
+
return r === !1 && i.splice(parseInt(n, 10), 0, e.payload), Object.assign(t, {
|
|
43
43
|
[o]: i
|
|
44
44
|
});
|
|
45
45
|
},
|
|
46
46
|
themeItem(t, e) {
|
|
47
|
-
let
|
|
48
|
-
const { field: n, value: i } = e.payload,
|
|
49
|
-
let
|
|
50
|
-
for (;
|
|
51
|
-
|
|
52
|
-
return
|
|
47
|
+
let r = {};
|
|
48
|
+
const o = Object.assign(r, t), { field: n, value: i } = e.payload, l = n.split(".");
|
|
49
|
+
let s = l.shift();
|
|
50
|
+
for (; l.length > 0; )
|
|
51
|
+
r = r[s] = r[s] || {}, s = l.shift();
|
|
52
|
+
return r[s] = i, o;
|
|
53
53
|
}
|
|
54
54
|
};
|
|
55
55
|
export {
|
package/tooltip/Crosshair.mjs
CHANGED
|
@@ -28,14 +28,7 @@ const v = "k-chart-crosshair-tooltip", C = "k-chart-tooltip-inverse", n = class
|
|
|
28
28
|
[v]: !0,
|
|
29
29
|
[C]: !!o
|
|
30
30
|
});
|
|
31
|
-
return /* @__PURE__ */ r.createElement(
|
|
32
|
-
d,
|
|
33
|
-
{
|
|
34
|
-
...e,
|
|
35
|
-
popupContent: p,
|
|
36
|
-
className: s
|
|
37
|
-
}
|
|
38
|
-
);
|
|
31
|
+
return /* @__PURE__ */ r.createElement(d, { ...e, popupContent: p, className: s });
|
|
39
32
|
}
|
|
40
33
|
componentWillUnmount() {
|
|
41
34
|
var t;
|
package/tooltip/Popup.mjs
CHANGED
|
@@ -43,16 +43,7 @@ const v = { horizontal: "fit", vertical: "fit" }, d = "k-chart-tooltip", C = "k-
|
|
|
43
43
|
collision: v,
|
|
44
44
|
className: C
|
|
45
45
|
},
|
|
46
|
-
/* @__PURE__ */ n.createElement(
|
|
47
|
-
"div",
|
|
48
|
-
{
|
|
49
|
-
className: c,
|
|
50
|
-
style: t,
|
|
51
|
-
onMouseLeave: this.onMouseLeave,
|
|
52
|
-
ref: this.popupRef
|
|
53
|
-
},
|
|
54
|
-
a()
|
|
55
|
-
)
|
|
46
|
+
/* @__PURE__ */ n.createElement("div", { className: c, style: t, onMouseLeave: this.onMouseLeave, ref: this.popupRef }, a())
|
|
56
47
|
);
|
|
57
48
|
}
|
|
58
49
|
componentWillUnmount() {
|
package/tooltip/Series.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),m=require("@progress/kendo-react-common"),S=require("@progress/kendo-charts"),h=require("./Point.js"),y=require("./SharedTooltipContent.js"),T=require("./Popup.js"),C=require("../ChartContext.js");function O(p){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(p){for(const e in p)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(p,e);Object.defineProperty(t,e,n.get?n:{enumerable:!0,get:()=>p[e]})}}return t.default=p,Object.freeze(t)}const a=O(f),x="k-chart-shared-tooltip",g="k-chart-tooltip-inverse",
|
|
8
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),m=require("@progress/kendo-react-common"),S=require("@progress/kendo-charts"),h=require("./Point.js"),y=require("./SharedTooltipContent.js"),T=require("./Popup.js"),C=require("../ChartContext.js");function O(p){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(p){for(const e in p)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(p,e);Object.defineProperty(t,e,n.get?n:{enumerable:!0,get:()=>p[e]})}}return t.default=p,Object.freeze(t)}const a=O(f),x="k-chart-shared-tooltip",g="k-chart-tooltip-inverse",l=class l extends a.Component{constructor(){super(...arguments),this.context=null,this.state={popupShown:!1},this.chartObserver=null}componentDidMount(){this.chartObserver=new S.InstanceObserver(this,{showTooltip:"onShowTooltip",hideTooltip:"onHideTooltip"}),this.context.observersStore.dispatch({type:"add",payload:this.chartObserver})}render(){const{popupContext:t,shared:e,className:n,...r}=this.state,i=this.state.popupShown?()=>{const o=this.findRenderFunction();if(e)return o!==null?o(t):a.createElement(y.SharedTooltipContent,{...t});const d=t.point,u=this.findRenderFunctionByIndex(d.series.index);return u!==null?u(t):o!==null?o(t):a.createElement("span",{dangerouslySetInnerHTML:{__html:t.point.formattedValue}})}:Function.prototype,s=m.classNames({[x]:e,[g]:!!n});return a.createElement(T.TooltipPopup,{...r,popupContent:i,className:s})}componentWillUnmount(){this.context.observersStore.dispatch({type:"remove",payload:this.chartObserver})}onShowTooltip(t){const{anchor:e,style:n,shared:r,className:i,crosshair:s}=t;let o;s||(r?o=this.createSharedTooltipContext(t):o=this.createTooltipContext(t),this.setState({popupShown:!0,popupAlign:e.align,popupOffset:e.point,popupContext:o,popupStyles:n,className:i,shared:r}))}onHideTooltip(){this.setState({popupShown:!1,popupStyles:{},className:void 0})}createSharedTooltipContext(t){const{points:e,categoryText:n}=t,r=e.filter(o=>typeof o.series.name!="undefined").length>0,i=t.series.length>1;let s=1;return r&&s++,i&&s++,{categoryText:n,colorMarker:i,colspan:s,nameColumn:r,points:t.points.map(o=>new h.TooltipPoint(o,t.format))}}createTooltipContext(t){const{point:e,format:n}=t;return{point:new h.TooltipPoint(e,n)}}findRenderFunctionByIndex(t){const e=this.context.optionsStore.getState().series;return e!==void 0&&Array.isArray(e)&&e[t]!==void 0&&e[t].hasOwnProperty("tooltip")&&e[t].tooltip.hasOwnProperty("render")?e[t].tooltip.render:null}findRenderFunction(){const t=this.context.optionsStore.getState().tooltip;return t!==void 0&&t.hasOwnProperty("render")?t.render:null}};l.contextType=C.ChartContext;let c=l;exports.SeriesTooltip=c;
|
package/tooltip/Series.mjs
CHANGED
|
@@ -33,27 +33,20 @@ const T = "k-chart-shared-tooltip", x = "k-chart-tooltip-inverse", a = class a e
|
|
|
33
33
|
const o = this.findRenderFunction();
|
|
34
34
|
if (e)
|
|
35
35
|
return o !== null ? o(t) : /* @__PURE__ */ p.createElement(f, { ...t });
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
{
|
|
41
|
-
|
|
36
|
+
const u = t.point, l = this.findRenderFunctionByIndex(u.series.index);
|
|
37
|
+
return l !== null ? l(t) : o !== null ? o(t) : /* @__PURE__ */ p.createElement(
|
|
38
|
+
"span",
|
|
39
|
+
{
|
|
40
|
+
dangerouslySetInnerHTML: {
|
|
41
|
+
__html: t.point.formattedValue
|
|
42
42
|
}
|
|
43
|
-
|
|
44
|
-
|
|
43
|
+
}
|
|
44
|
+
);
|
|
45
45
|
} : Function.prototype, s = d({
|
|
46
46
|
[T]: e,
|
|
47
47
|
[x]: !!n
|
|
48
48
|
});
|
|
49
|
-
return /* @__PURE__ */ p.createElement(
|
|
50
|
-
S,
|
|
51
|
-
{
|
|
52
|
-
...r,
|
|
53
|
-
popupContent: i,
|
|
54
|
-
className: s
|
|
55
|
-
}
|
|
56
|
-
);
|
|
49
|
+
return /* @__PURE__ */ p.createElement(S, { ...r, popupContent: i, className: s });
|
|
57
50
|
}
|
|
58
51
|
componentWillUnmount() {
|
|
59
52
|
this.context.observersStore.dispatch({
|
|
@@ -8,13 +8,7 @@
|
|
|
8
8
|
"use client";
|
|
9
9
|
import * as e from "react";
|
|
10
10
|
const u = "k-chart-shared-tooltip-marker", E = (l) => {
|
|
11
|
-
const { categoryText: r, colorMarker: n, colspan: a, nameColumn: o, points: c } = l, m = (t, s) => /* @__PURE__ */ e.createElement("tr", { key: s }, n && /* @__PURE__ */ e.createElement("td", null, /* @__PURE__ */ e.createElement(
|
|
12
|
-
"span",
|
|
13
|
-
{
|
|
14
|
-
className: u,
|
|
15
|
-
style: { backgroundColor: t.series.color }
|
|
16
|
-
}
|
|
17
|
-
)), o && /* @__PURE__ */ e.createElement("td", null, t.series.name), /* @__PURE__ */ e.createElement("td", { dangerouslySetInnerHTML: { __html: t.formattedValue } }));
|
|
11
|
+
const { categoryText: r, colorMarker: n, colspan: a, nameColumn: o, points: c } = l, m = (t, s) => /* @__PURE__ */ e.createElement("tr", { key: s }, n && /* @__PURE__ */ e.createElement("td", null, /* @__PURE__ */ e.createElement("span", { className: u, style: { backgroundColor: t.series.color } })), o && /* @__PURE__ */ e.createElement("td", null, t.series.name), /* @__PURE__ */ e.createElement("td", { dangerouslySetInnerHTML: { __html: t.formattedValue } }));
|
|
18
12
|
return /* @__PURE__ */ e.createElement("table", null, /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, /* @__PURE__ */ e.createElement("th", { colSpan: a }, r))), /* @__PURE__ */ e.createElement("tbody", null, c.map(m)));
|
|
19
13
|
};
|
|
20
14
|
export {
|
package/utils/index.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function
|
|
8
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function l(r,t){let e=r;for(;e&&e!==t;)e=e.parentNode;return!!e}function i(r,t,e,o){const n=r[t];if(n&&Array.isArray(n)){for(const a of n)if(!a.type||a.type!==o)return new Error(`${e} children should be Array of type ${o.displayName}.`)}return null}const u=r=>r===void 0?!1:!r;exports.hasParent=l;exports.toggle=u;exports.validateChildren=i;
|
package/utils/index.mjs
CHANGED
|
@@ -6,26 +6,24 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
function
|
|
9
|
+
function i(r, t) {
|
|
10
10
|
let e = r;
|
|
11
11
|
for (; e && e !== t; )
|
|
12
12
|
e = e.parentNode;
|
|
13
13
|
return !!e;
|
|
14
14
|
}
|
|
15
|
-
function
|
|
15
|
+
function l(r, t, e, o) {
|
|
16
16
|
const n = r[t];
|
|
17
17
|
if (n && Array.isArray(n)) {
|
|
18
|
-
for (
|
|
19
|
-
if (!
|
|
20
|
-
return new Error(
|
|
21
|
-
`${e} children should be Array of type ${o.displayName}.`
|
|
22
|
-
);
|
|
18
|
+
for (const a of n)
|
|
19
|
+
if (!a.type || a.type !== o)
|
|
20
|
+
return new Error(`${e} children should be Array of type ${o.displayName}.`);
|
|
23
21
|
}
|
|
24
22
|
return null;
|
|
25
23
|
}
|
|
26
24
|
const u = (r) => r === void 0 ? !1 : !r;
|
|
27
25
|
export {
|
|
28
|
-
|
|
26
|
+
i as hasParent,
|
|
29
27
|
u as toggle,
|
|
30
|
-
|
|
28
|
+
l as validateChildren
|
|
31
29
|
};
|