@progress/kendo-react-charts 7.0.1 → 7.0.2-develop.2

package/BaseChart.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as React from 'react';
-import * as PropTypes from 'prop-types';
+import PropTypes from 'prop-types';
 import { Surface } from '@progress/kendo-drawing';
 import { InstanceObserver } from '@progress/kendo-charts';
 import { DomEvent } from './events/dom-event';

package/dist/cdn/js/kendo-react-charts.js

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

package/index.d.mts

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+export * from './index';

package/index.js

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

package/index.mjs

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 "use client";
 import * as n from "react";
-import * as d from "prop-types";
+import d from "prop-types";
 import { provideIntlService as D, registerForIntl as ne } from "@progress/kendo-react-intl";
 import { chartBaseTheme as T, InstanceObserver as x, DomEventsBuilder as ae, Chart as ie, Sparkline as A, StockChart as oe } from "@progress/kendo-charts";
 import { canUseDOM as M, classNames as S, validatePackage as le, shouldShowValidationUI as ce, WatermarkOverlay as he, SvgIcon as pe } from "@progress/kendo-react-common";
@@ -870,7 +870,7 @@ const F = {
   name: "@progress/kendo-react-charts",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1702377209,
+  publishDate: 1702631849,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };
@@ -1127,7 +1127,7 @@ class W extends n.Component {
   }
 }
 W.contextType = y;
-class zt extends n.Component {
+class $t extends n.Component {
   constructor() {
     super(...arguments), this._baseChart = null, this.getTarget = () => this;
   }
@@ -1169,7 +1169,7 @@ class zt extends n.Component {
     );
   }
 }
-class $t extends n.Component {
+class Xt extends n.Component {
   constructor() {
     super(...arguments), this._baseChart = null, this.deriveOptionsFromParent = (e) => {
       const { type: s, data: r } = this.props, a = Object.assign({}, e, { type: s, data: r });
@@ -1219,7 +1219,7 @@ const dt = {
   liveDrag: !1,
   partialRedraw: !0
 };
-class Xt extends n.Component {
+class Wt extends n.Component {
   constructor() {
     super(...arguments), this._baseChart = null, this.deriveOptionsFromParent = (e) => {
       const s = Object.assign({}, e.navigator || {}, dt);
@@ -1387,7 +1387,7 @@ const k = n.forwardRef((t, e) => {
 k.displayName = "KendoReactChartBreadcrumb";
 k.propTypes = mt;
 k.defaultProps = vt;
-const Wt = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "chartArea" }), Yt = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "axisDefaults" }), Y = (t) => /* @__PURE__ */ n.createElement(o, { ...t });
+const Yt = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "chartArea" }), qt = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "axisDefaults" }), Y = (t) => /* @__PURE__ */ n.createElement(o, { ...t });
 Y.displayName = "ChartCategoryAxisItem";
 const ft = (t) => /* @__PURE__ */ n.createElement(g, { ...t, _chartKey: "categoryAxis" });
 ft.propTypes = {
@@ -1395,7 +1395,7 @@ ft.propTypes = {
     return C(t, e, s, Y);
   }
 };
-const qt = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "legend" }), Gt = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, position: "bottom", ...t, _chartKey: "navigator" }), q = (t) => /* @__PURE__ */ n.createElement(o, { ...t });
+const Gt = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "legend" }), Zt = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, position: "bottom", ...t, _chartKey: "navigator" }), q = (t) => /* @__PURE__ */ n.createElement(o, { ...t });
 q.displayName = "ChartPane";
 const yt = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "paneDefaults" });
 yt.displayName = "ChartPaneDefaults";
@@ -1405,7 +1405,7 @@ gt.propTypes = {
     return C(t, e, s, q);
   }
 };
-const Zt = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "plotArea" }), G = (t) => {
+const Jt = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "plotArea" }), G = (t) => {
   let e = (r) => /* @__PURE__ */ n.createElement(n.Fragment, null);
   t.drilldownSeriesFactory && (e = t.drilldownSeriesFactory);
   const s = (r) => {
@@ -1427,7 +1427,7 @@ Ct.propTypes = {
     return C(t, e, s, G);
   }
 };
-const Jt = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "seriesDefaults" }), Qt = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "subtitle" }), es = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "title" }), ts = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "tooltip" }), Z = (t) => /* @__PURE__ */ n.createElement(o, { ...t });
+const Qt = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "seriesDefaults" }), es = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "subtitle" }), ts = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "title" }), ss = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "tooltip" }), Z = (t) => /* @__PURE__ */ n.createElement(o, { ...t });
 Z.displayName = "ChartValueAxisItem";
 const xt = (t) => /* @__PURE__ */ n.createElement(g, { ...t, _chartKey: "valueAxis" });
 xt.propTypes = {
@@ -1451,7 +1451,7 @@ St.propTypes = {
     return C(t, e, s, Q);
   }
 };
-const ss = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "zoomable" }), Et = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "title" });
+const rs = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "zoomable" }), Et = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "title" });
 Et.displayName = "ChartAxisDefaultsTitle";
 const It = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "labels" });
 It.displayName = "ChartAxisDefaultsLabels";
@@ -1459,9 +1459,9 @@ const _t = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chart
 _t.displayName = "ChartAxisDefaultsCrosshair";
 const wt = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "tooltip" });
 wt.displayName = "ChartAxisDefaultsCrosshairTooltip";
-const rs = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "crosshair" }), ns = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "tooltip" }), kt = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "title" });
+const ns = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "crosshair" }), as = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "tooltip" }), kt = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "title" });
 kt.displayName = "ChartCategoryAxisTitle";
-const as = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "labels" }), is = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "notes" }), os = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "icon" }), ls = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "label" }), cs = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "rangeLabels" }), Dt = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "title" });
+const is = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "labels" }), os = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "notes" }), ls = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "icon" }), cs = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "label" }), hs = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "rangeLabels" }), Dt = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "title" });
 Dt.displayName = "ChartPaneDefaultsTitle";
 const Tt = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "item" });
 Tt.displayName = "ChartLegendItem";
@@ -1469,17 +1469,17 @@ const At = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "title"
 At.displayName = "ChartLegendTitle";
 const Nt = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "inactiveItems" });
 Nt.displayName = "ChartLegendInactiveItems";
-const hs = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "tooltip" }), ps = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "outliers" }), ds = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "notes" }), us = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "markers" }), ms = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "labels" }), vs = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "highlight" }), fs = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "extremes" }), ys = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "errorBars" }), gs = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "from" }), Cs = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "to" }), xs = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "label" }), bs = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "icon" }), Ss = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "crosshair" }), Es = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "tooltip" }), Is = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "labels" }), _s = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "notes" }), ws = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "icon" }), ks = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "label" }), Ot = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "title" });
+const ps = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "tooltip" }), ds = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "outliers" }), us = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "notes" }), ms = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "markers" }), vs = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "labels" }), fs = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "highlight" }), ys = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "extremes" }), gs = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "errorBars" }), Cs = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "from" }), xs = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "to" }), bs = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "label" }), Ss = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "icon" }), Es = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "crosshair" }), Is = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "tooltip" }), _s = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "labels" }), ws = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "notes" }), ks = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "icon" }), Ds = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "label" }), Ot = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "title" });
 Ot.displayName = "ChartValueAxisTitle";
-const Ds = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "crosshair" }), Ts = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "tooltip" }), As = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "labels" }), Ns = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "notes" }), Os = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "icon" }), Ks = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "label" }), Kt = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "title" });
+const Ts = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "crosshair" }), As = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "tooltip" }), Ns = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "labels" }), Os = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "notes" }), Ks = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "icon" }), Ls = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "label" }), Kt = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "title" });
 Kt.displayName = "ChartXAxisTitle";
-const Ls = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "crosshair" }), Ps = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "tooltip" }), Rs = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "labels" }), Fs = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "notes" }), Ms = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "icon" }), Hs = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "label" }), Lt = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "title" });
+const Ps = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "crosshair" }), Rs = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "tooltip" }), Fs = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "labels" }), Ms = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "notes" }), Hs = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "icon" }), Vs = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "label" }), Lt = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "title" });
 Lt.displayName = "ChartYAxisTitle";
 const Pt = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "categoryAxis" });
 Pt.displayName = "ChartNavigatorCategoryAxis";
-const Vs = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "hint" }), Rt = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "pane" });
+const js = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "hint" }), Rt = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "pane" });
 Rt.displayName = "ChartNavigatorPane";
-const js = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "select" }), ee = (t) => /* @__PURE__ */ n.createElement(o, { ...t });
+const Bs = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "select" }), ee = (t) => /* @__PURE__ */ n.createElement(o, { ...t });
 ee.displayName = "ChartNavigatorSeriesItem";
 const Ft = (t) => /* @__PURE__ */ n.createElement(g, { ...t, _chartKey: "series" });
 Ft.propTypes = {
@@ -1487,101 +1487,101 @@ Ft.propTypes = {
     return C(t, e, s, ee);
   }
 };
-const Bs = (t, e) => {
+const Us = (t, e) => {
   if (t && t.chartInstance !== null)
     return t.chartInstance.findAxisByName(e);
-}, Us = (t, e) => {
+}, zs = (t, e) => {
   if (t && t.chartInstance !== null)
     return t.chartInstance.findPaneByIndex(e);
-}, zs = (t, e) => {
+}, $s = (t, e) => {
   if (t && t.chartInstance !== null)
     return t.chartInstance.findPaneByName(e);
-}, $s = (t, e = {}) => {
+}, Xs = (t, e = {}) => {
   if (t && t.chartInstance !== null)
     return t.chartInstance.exportVisual(e);
 };
 export {
   be as AxisLabelClickEvent,
-  zt as Chart,
-  Wt as ChartArea,
-  Yt as ChartAxisDefaults,
+  $t as Chart,
+  Yt as ChartArea,
+  qt as ChartAxisDefaults,
   _t as ChartAxisDefaultsCrosshair,
   wt as ChartAxisDefaultsCrosshairTooltip,
   It as ChartAxisDefaultsLabels,
   Et as ChartAxisDefaultsTitle,
   k as ChartBreadcrumb,
   ft as ChartCategoryAxis,
-  rs as ChartCategoryAxisCrosshair,
-  ns as ChartCategoryAxisCrosshairTooltip,
+  ns as ChartCategoryAxisCrosshair,
+  as as ChartCategoryAxisCrosshairTooltip,
   Y as ChartCategoryAxisItem,
-  as as ChartCategoryAxisLabels,
-  is as ChartCategoryAxisNotes,
-  os as ChartCategoryAxisNotesIcon,
-  ls as ChartCategoryAxisNotesLabel,
-  cs as ChartCategoryAxisRangeLabels,
+  is as ChartCategoryAxisLabels,
+  os as ChartCategoryAxisNotes,
+  ls as ChartCategoryAxisNotesIcon,
+  cs as ChartCategoryAxisNotesLabel,
+  hs as ChartCategoryAxisRangeLabels,
   kt as ChartCategoryAxisTitle,
-  qt as ChartLegend,
+  Gt as ChartLegend,
   Nt as ChartLegendInactiveItems,
   Tt as ChartLegendItem,
   At as ChartLegendTitle,
-  Gt as ChartNavigator,
+  Zt as ChartNavigator,
   Pt as ChartNavigatorCategoryAxis,
-  Vs as ChartNavigatorHint,
+  js as ChartNavigatorHint,
   Rt as ChartNavigatorPane,
-  js as ChartNavigatorSelect,
+  Bs as ChartNavigatorSelect,
   Ft as ChartNavigatorSeries,
   ee as ChartNavigatorSeriesItem,
   q as ChartPane,
   yt as ChartPaneDefaults,
   Dt as ChartPaneDefaultsTitle,
   gt as ChartPanes,
-  Zt as ChartPlotArea,
+  Jt as ChartPlotArea,
   Ct as ChartSeries,
-  Jt as ChartSeriesDefaults,
-  ys as ChartSeriesErrorBars,
-  fs as ChartSeriesExtremes,
-  vs as ChartSeriesHighlight,
+  Qt as ChartSeriesDefaults,
+  gs as ChartSeriesErrorBars,
+  ys as ChartSeriesExtremes,
+  fs as ChartSeriesHighlight,
   G as ChartSeriesItem,
-  ps as ChartSeriesItemOutliers,
-  hs as ChartSeriesItemTooltip,
-  ms as ChartSeriesLabels,
-  gs as ChartSeriesLabelsFrom,
-  Cs as ChartSeriesLabelsTo,
-  us as ChartSeriesMarkers,
-  ds as ChartSeriesNotes,
-  bs as ChartSeriesNotesIcon,
-  xs as ChartSeriesNotesLabel,
-  Qt as ChartSubtitle,
-  es as ChartTitle,
-  ts as ChartTooltip,
+  ds as ChartSeriesItemOutliers,
+  ps as ChartSeriesItemTooltip,
+  vs as ChartSeriesLabels,
+  Cs as ChartSeriesLabelsFrom,
+  xs as ChartSeriesLabelsTo,
+  ms as ChartSeriesMarkers,
+  us as ChartSeriesNotes,
+  Ss as ChartSeriesNotesIcon,
+  bs as ChartSeriesNotesLabel,
+  es as ChartSubtitle,
+  ts as ChartTitle,
+  ss as ChartTooltip,
   xt as ChartValueAxis,
-  Ss as ChartValueAxisCrosshair,
-  Es as ChartValueAxisCrosshairTooltip,
+  Es as ChartValueAxisCrosshair,
+  Is as ChartValueAxisCrosshairTooltip,
   Z as ChartValueAxisItem,
-  Is as ChartValueAxisLabels,
-  _s as ChartValueAxisNotes,
-  ws as ChartValueAxisNotesIcon,
-  ks as ChartValueAxisNotesLabel,
+  _s as ChartValueAxisLabels,
+  ws as ChartValueAxisNotes,
+  ks as ChartValueAxisNotesIcon,
+  Ds as ChartValueAxisNotesLabel,
   Ot as ChartValueAxisTitle,
   bt as ChartXAxis,
-  Ds as ChartXAxisCrosshair,
-  Ts as ChartXAxisCrosshairTooltip,
+  Ts as ChartXAxisCrosshair,
+  As as ChartXAxisCrosshairTooltip,
   J as ChartXAxisItem,
-  As as ChartXAxisLabels,
-  Ns as ChartXAxisNotes,
-  Os as ChartXAxisNotesIcon,
-  Ks as ChartXAxisNotesLabel,
+  Ns as ChartXAxisLabels,
+  Os as ChartXAxisNotes,
+  Ks as ChartXAxisNotesIcon,
+  Ls as ChartXAxisNotesLabel,
   Kt as ChartXAxisTitle,
   St as ChartYAxis,
-  Ls as ChartYAxisCrosshair,
-  Ps as ChartYAxisCrosshairTooltip,
+  Ps as ChartYAxisCrosshair,
+  Rs as ChartYAxisCrosshairTooltip,
   Q as ChartYAxisItem,
-  Rs as ChartYAxisLabels,
-  Fs as ChartYAxisNotes,
-  Ms as ChartYAxisNotesIcon,
-  Hs as ChartYAxisNotesLabel,
+  Fs as ChartYAxisLabels,
+  Ms as ChartYAxisNotes,
+  Hs as ChartYAxisNotesIcon,
+  Vs as ChartYAxisNotesLabel,
   Lt as ChartYAxisTitle,
-  ss as ChartZoomable,
+  rs as ChartZoomable,
   g as CollectionConfigurationComponent,
   o as ConfigurationComponent,
   $ as CrosshairTooltip,
@@ -1607,15 +1607,15 @@ export {
   Me as SeriesHoverEvent,
   U as SeriesTooltip,
   st as SharedTooltipContent,
-  $t as Sparkline,
-  Xt as StockChart,
+  Xt as Sparkline,
+  Wt as StockChart,
   P as TooltipPoint,
   w as TooltipPopup,
   Ve as ZoomEndEvent,
   He as ZoomEvent,
   je as ZoomStartEvent,
-  $s as exportVisual,
-  Bs as findAxisByName,
-  Us as findPaneByIndex,
-  zs as findPaneByName
+  Xs as exportVisual,
+  Us as findAxisByName,
+  zs as findPaneByIndex,
+  $s as findPaneByName
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-charts",
-  "version": "7.0.1",
+  "version": "7.0.2-develop.2",
   "description": "React Chart renders a wide range of high-quality data visualizations. KendoReact Charts package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -10,18 +10,24 @@
   "types": "./index.d.ts",
   "exports": {
     ".": {
-      "import": "./index.mjs",
-      "require": "./index.js"
+      "import": {
+        "types": "./index.d.mts",
+        "default": "./index.mjs"
+      },
+      "require": {
+        "types": "./index.d.ts",
+        "default": "./index.js"
+      }
     }
   },
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-drawing": "^1.17.2",
-    "@progress/kendo-licensing": "^1.3.0",
-    "@progress/kendo-react-common": "7.0.1",
-    "@progress/kendo-react-intl": "7.0.1",
-    "@progress/kendo-react-layout": "7.0.1",
-    "@progress/kendo-react-popup": "7.0.1",
+    "@progress/kendo-licensing": "^1.3.4",
+    "@progress/kendo-react-common": "7.0.2-develop.2",
+    "@progress/kendo-react-intl": "7.0.2-develop.2",
+    "@progress/kendo-react-layout": "7.0.2-develop.2",
+    "@progress/kendo-react-popup": "7.0.2-develop.2",
     "@progress/kendo-svg-icons": "^2.0.0",
     "hammerjs": "^2.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",