@progress/kendo-react-charts 7.1.0-develop.8 → 7.1.0

package/index.mjs

@@ -4,14 +4,14 @@
 *-------------------------------------------------------------------------------------------*/
 "use client";
 import * as n from "react";
-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";
-import { Popup as de } from "@progress/kendo-react-popup";
-import { Breadcrumb as ue } from "@progress/kendo-react-layout";
-import { homeIcon as me } from "@progress/kendo-svg-icons";
-function H(t, e) {
+import o from "prop-types";
+import { provideIntlService as A, registerForIntl as ue } from "@progress/kendo-react-intl";
+import { chartBaseTheme as O, InstanceObserver as b, DomEventsBuilder as pe, Chart as me, Sparkline as N, StockChart as ve, Sankey as fe } from "@progress/kendo-charts";
+import { canUseDOM as T, classNames as S, validatePackage as $, shouldShowValidationUI as ye, WatermarkOverlay as ge, SvgIcon as Ce } from "@progress/kendo-react-common";
+import { Popup as be } from "@progress/kendo-react-popup";
+import { Breadcrumb as xe } from "@progress/kendo-react-layout";
+import { homeIcon as Se } from "@progress/kendo-svg-icons";
+function V(t, e) {
   let s = t;
   for (; s && s !== e; )
     s = s.parentNode;
@@ -28,19 +28,19 @@ function C(t, e, s, r) {
   }
   return null;
 }
-const N = (t) => t === void 0 ? !1 : !t, ve = (t) => ({
+const L = (t) => t === void 0 ? !1 : !t, Ee = (t) => ({
   x: {
     location: t.pageX
   },
   y: {
     location: t.pageY
   }
-}), fe = (t, e) => {
+}), Ie = (t, e) => {
   const s = t.pointers, r = s[0], a = 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));
+    const h = s[0], d = s[1];
+    c = Math.sqrt(Math.pow(h.pageX - d.pageX, 2) + Math.pow(h.pageY - d.pageY, 2));
   }
   return {
     distance: c,
@@ -49,7 +49,7 @@ const N = (t) => t === void 0 ? !1 : !t, ve = (t) => ({
       t.preventDefault();
     },
     target: t.target,
-    touches: s.map(ve),
+    touches: s.map(Ee),
     type: t.type,
     x: {
       delta: e ? a - e.x.location : 0,
@@ -65,13 +65,13 @@ const N = (t) => t === void 0 ? !1 : !t, ve = (t) => ({
     }
   };
 };
-function ye(t, e) {
+function ke(t, e) {
   for (let s = 0; s < t.length; s++)
     if (e[t[s]])
       return !0;
   return !1;
 }
-const O = [{
+const P = [{
   end: "panend",
   move: "panmove",
   start: "panstart"
@@ -84,7 +84,7 @@ const O = [{
 }, {
   tap: "tap"
 }];
-class ge {
+class we {
   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);
   }
@@ -113,14 +113,14 @@ class ge {
     this.trigger("gestureend", e);
   }
   trigger(e, s) {
-    const r = fe(s, this.previous);
+    const r = Ie(s, this.previous);
     return this.eventHandlers[e] && this.eventHandlers[e](r), r;
   }
   bind(e = {}) {
     this.unbind(), this.eventHandlers = e;
-    for (let s = 0; s < O.length; s++) {
-      const r = O[s], a = Object.keys(r);
-      if (ye(a, e))
+    for (let s = 0; s < P.length; s++) {
+      const r = P[s], a = Object.keys(r);
+      if (ke(a, e))
         for (let i = 0; i < a.length; i++) {
           const c = r[a[i]];
           this.hammerInstance.on(c, this[c]);
@@ -145,13 +145,13 @@ class ge {
     });
   }
 }
-const Ce = "Hammerjs is not loaded.Solution: http://www.telerik.com/kendo-react-ui/components/charts/troubleshooting/#toc-installation";
-class xe {
+const Te = "Hammerjs is not loaded.Solution: http://www.telerik.com/kendo-react-ui/components/charts/troubleshooting/#toc-installation";
+class _e {
   static create(e, s) {
     if (typeof window != "undefined") {
       const r = window.Hammer;
       if (!r) {
-        process.env.NODE_ENV !== "production" && console.warn(Ce);
+        process.env.NODE_ENV !== "production" && console.warn(Te);
         return;
       }
       const a = new r(e, {
@@ -162,7 +162,7 @@ class xe {
           [r.Press, { time: 0 }]
         ]
       });
-      return new ge(a, s);
+      return new we(a, s);
     }
   }
 }
@@ -174,7 +174,7 @@ class v {
     this.target = e;
   }
 }
-class be extends v {
+class De extends v {
   /**
    * @hidden
    */
@@ -203,7 +203,7 @@ class f extends v {
     return this.prevented;
   }
 }
-class Se extends f {
+class Ae extends f {
   /**
    * @hidden
    */
@@ -211,7 +211,7 @@ class Se extends f {
     super(s), this.axisRanges = e.axisRanges, this.nativeEvent = e.originalEvent;
   }
 }
-class Ee extends v {
+class Oe extends v {
   /**
    * @hidden
    */
@@ -219,7 +219,7 @@ class Ee extends v {
     super(s), this.axisRanges = e.axisRanges, this.nativeEvent = e.originalEvent;
   }
 }
-class Ie extends f {
+class Ne extends f {
   /**
    * @hidden
    */
@@ -227,7 +227,7 @@ class Ie extends f {
     super(s), this.axisRanges = e.axisRanges, this.nativeEvent = e.originalEvent;
   }
 }
-class V extends v {
+class j extends v {
   /**
    * @hidden
    */
@@ -235,7 +235,7 @@ class V extends v {
     super(s), this.value = e.value, this.point = e.point, this.series = e.series, this.currentState = e.currentState, this.nextState = e.nextState;
   }
 }
-class _e extends f {
+class Le extends f {
   /**
    * @hidden
    */
@@ -249,7 +249,7 @@ class _e extends f {
     super.preventDefault();
   }
 }
-class we extends f {
+class Pe extends f {
   /**
    * @hidden
    */
@@ -263,7 +263,7 @@ class we extends f {
     super.preventDefault();
   }
 }
-class ke extends f {
+class Ke extends f {
   /**
    * @hidden
    */
@@ -277,7 +277,7 @@ class ke extends f {
     super.preventDefault();
   }
 }
-class De extends v {
+class Re extends v {
   /**
    * Constructs the event arguments from a raw object.
    */
@@ -285,7 +285,7 @@ class De extends v {
     super(s), this.from = e.from, this.to = e.to;
   }
 }
-class Te extends v {
+class Fe extends v {
   /**
    * @hidden
    */
@@ -293,7 +293,7 @@ class Te extends v {
     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 v {
+class He extends v {
   /**
    * @hidden
    */
@@ -301,7 +301,7 @@ class Ae extends v {
     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 v {
+class Me extends v {
   /**
    * @hidden
    */
@@ -309,7 +309,7 @@ class Ne extends v {
     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 v {
+class $e extends v {
   /**
    * @hidden
    */
@@ -317,7 +317,7 @@ class Oe extends v {
     super(s), this.category = e.category, this.nativeEvent = e.originalEvent, this.value = e.value, this.x = e.x, this.y = e.y;
   }
 }
-class Ke extends v {
+class Ve extends v {
   /**
    * @hidden
    */
@@ -325,7 +325,7 @@ class Ke extends v {
     super(s);
   }
 }
-class Le extends f {
+class je extends f {
   /**
    * @hidden
    */
@@ -333,7 +333,7 @@ class Le extends f {
     super(s), this.axis = e.axis, this.from = e.from, this.to = e.to;
   }
 }
-class Pe extends v {
+class Be extends v {
   /**
    * @hidden
    */
@@ -341,7 +341,7 @@ class Pe extends v {
     super(s), this.axis = e.axis, this.from = e.from, this.to = e.to;
   }
 }
-class Re extends f {
+class qe extends f {
   /**
    * @hidden
    */
@@ -349,7 +349,7 @@ class Re extends f {
     super(s), this.axis = e.axis, this.from = e.from, this.to = e.to;
   }
 }
-class Fe extends v {
+class Ue extends v {
   // tslint:enable:max-line-length
   /**
    * @hidden
@@ -358,7 +358,7 @@ class Fe extends v {
     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 Me extends f {
+class ze extends f {
   /**
    * @hidden
    */
@@ -366,7 +366,7 @@ class Me extends f {
     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 f {
+class We extends f {
   // tslint:enable:max-line-length
   /**
    * @hidden
@@ -375,7 +375,7 @@ class He extends f {
     super(s), this.axisRanges = e.axisRanges, this.delta = e.delta, this.nativeEvent = e.originalEvent;
   }
 }
-class Ve extends v {
+class Xe extends v {
   // tslint:enable:max-line-length
   /**
    * @hidden
@@ -384,7 +384,7 @@ class Ve extends v {
     super(s), this.axisRanges = e.axisRanges, this.nativeEvent = e.originalEvent;
   }
 }
-class je extends f {
+class Ye extends f {
   // tslint:enable:max-line-length
   /**
    * @hidden
@@ -394,34 +394,34 @@ class je extends f {
   }
 }
 const K = {
-  axisLabelClick: be,
-  drag: Se,
-  dragEnd: Ee,
-  dragStart: Ie,
-  drilldownEvent: V,
-  legendItemHover: _e,
-  legendItemClick: we,
-  legendItemLeave: ke,
-  navigatorFilter: De,
-  noteClick: Te,
-  noteHover: Ae,
-  plotAreaClick: Ne,
-  plotAreaHover: Oe,
-  render: Ke,
-  select: Le,
-  selectEnd: Pe,
-  selectStart: Re,
-  seriesClick: Fe,
-  seriesHover: Me,
-  zoom: He,
-  zoomEnd: Ve,
-  zoomStart: je
+  axisLabelClick: De,
+  drag: Ae,
+  dragEnd: Oe,
+  dragStart: Ne,
+  drilldownEvent: j,
+  legendItemHover: Le,
+  legendItemClick: Pe,
+  legendItemLeave: Ke,
+  navigatorFilter: Re,
+  noteClick: Fe,
+  noteHover: He,
+  plotAreaClick: Me,
+  plotAreaHover: $e,
+  render: Ve,
+  select: je,
+  selectEnd: Be,
+  selectStart: qe,
+  seriesClick: Ue,
+  seriesHover: ze,
+  zoom: We,
+  zoomEnd: Xe,
+  zoomStart: Ye
 };
-function Be(t, e, s) {
+function Ge(t, e, s) {
   if (K[t])
     return new K[t](e, s);
 }
-class Ue {
+class Ze {
   /**
    * @hidden
    */
@@ -429,16 +429,16 @@ class Ue {
     this.sender = e, this.syntheticEvent = s;
   }
 }
-function j(t, e) {
-  return new Ue(t, e);
+function B(t, e) {
+  return new Ze(t, e);
 }
-const E = (t) => `${t.fontWeight} ${t.fontSize} ${t.fontFamily}`, L = (t) => window.getComputedStyle(t).backgroundColor, ze = (t) => t.toLowerCase().charCodeAt(0) - "a".charCodeAt(0), $e = (t) => {
+const E = (t) => `${t.fontWeight} ${t.fontSize} ${t.fontFamily}`, R = (t) => window.getComputedStyle(t).backgroundColor, Je = (t) => t.toLowerCase().charCodeAt(0) - "a".charCodeAt(0), Qe = (t) => {
   const e = t.match(/series-([a-z])$/);
   if (e !== null)
-    return ze(e[1]);
+    return Je(e[1]);
   const s = t.split("--series-")[1];
   return parseInt(s, 10) - 1;
-}, Xe = 30, We = () => {
+}, et = 30, tt = () => {
   let t = `
       <div class="k-var--series-a"></div>
       <div class="k-var--series-b"></div>
@@ -447,11 +447,11 @@ const E = (t) => `${t.fontWeight} ${t.fontSize} ${t.fontFamily}`, L = (t) => win
       <div class="k-var--series-e"></div>
       <div class="k-var--series-f"></div>
 `;
-  for (let e = 0; e < Xe; e++)
+  for (let e = 0; e < et; e++)
     t += `
       <div class="k-var--series-${e + 1}"></div>`;
   return t;
-}, Ye = `
+}, st = `
     <div class="k-var--primary"></div>
     <div class="k-var--base"></div>
     <div class="k-var--background"></div>
@@ -484,10 +484,10 @@ const E = (t) => `${t.fontWeight} ${t.fontSize} ${t.fontFamily}`, L = (t) => win
 
     <div class="k-var--series-unset"></div>
     <div class="k-var--series">
-      ${We()}
+      ${tt()}
     </div>
 `;
-class qe {
+let rt = class {
   constructor(e) {
     this.store = e;
   }
@@ -504,10 +504,10 @@ class qe {
     this.setStyle("axisDefaults.labels.font", a), this.setStyle("axisDefaults.notes.label.font", e), this.setStyle("axisDefaults.title.font", e), this.setStyle("legend.labels.font", e), this.setStyle("seriesDefaults.labels.font", a), this.setStyle("seriesDefaults.notes.label.font", e), this.setStyle("title.font", s), this.setStyle("subtitle.font", r), this.setStyle("paneDefaults.title.font", r);
   }
   setSeriesColors() {
-    const e = this.element, s = [].slice.call(e.querySelectorAll(".k-var--series div")), r = L(e.querySelector(".k-var--series-unset")), a = s.reduce(
+    const e = this.element, s = [].slice.call(e.querySelectorAll(".k-var--series div")), r = R(e.querySelector(".k-var--series-unset")), a = s.reduce(
       (i, c) => {
-        const l = $e(c.className), h = L(c);
-        return h !== r && (i[l] = h), i;
+        const h = Qe(c.className), d = R(c);
+        return d !== r && (i[h] = d), i;
       },
       []
       // Will populate the series colors in this array
@@ -527,31 +527,31 @@ class qe {
       (a) => this.setStyle(`seriesDefaults.${a}.highlight.inactiveOpacity`, r)
     );
   }
-}
-const Ge = (t, e, s) => {
-  const r = new qe(t);
+};
+const nt = (t, e, s) => {
+  const r = new rt(t);
   if (typeof s == "undefined") {
-    t.dispatch({ type: "push", payload: T() });
+    t.dispatch({ type: "push", payload: O() });
     return;
   }
   const a = r.element = s.createElement("div");
-  a.style.display = "none", a.innerHTML = Ye, s.body.appendChild(a);
+  a.style.display = "none", a.innerHTML = st, s.body.appendChild(a);
   try {
-    t.dispatch({ type: "push", payload: T() }), r.setColors(), r.setFonts(), r.setSeriesColors();
+    t.dispatch({ type: "push", payload: O() }), r.setColors(), r.setFonts(), r.setSeriesColors();
   } finally {
     s.body.removeChild(r.element), delete r.element, e();
   }
-}, Ze = 1e3 / 60, Je = (t) => {
+}, at = 1e3 / 60, it = (t) => {
   let e, s, r = [];
-  const a = () => e, i = (l) => {
-    e = t(e, l), M && (window.clearTimeout(s), s = window.setTimeout(() => r.forEach((h) => h()), Ze));
-  }, c = (l) => (r.push(l), () => r = r.filter((h) => h !== l));
+  const a = () => e, i = (h) => {
+    e = t(e, h), T && (window.clearTimeout(s), s = window.setTimeout(() => r.forEach((d) => d()), at));
+  }, c = (h) => (r.push(h), () => r = r.filter((d) => d !== h));
   return i({}), { getState: a, dispatch: i, subscribe: c };
-}, I = Je, B = (t, e) => e.chartCollectionIdxKey ? _.collectionConfigurationItem(t, e) : e.chartKey ? _.configurationItem(t, e) : {}, Qe = (t, e) => {
+}, I = it, q = (t, e) => e.chartCollectionIdxKey ? k.collectionConfigurationItem(t, e) : e.chartKey ? k.configurationItem(t, e) : {}, ot = (t, e) => {
   if (e.type)
     switch (e.type) {
       case "set":
-        return _.themeItem(t, e);
+        return k.themeItem(t, e);
       case "push":
         return Object.assign(t, e.payload);
       default:
@@ -559,7 +559,7 @@ const Ge = (t, e, s) => {
     }
   else
     return {};
-}, et = (t, e) => {
+}, lt = (t, e) => {
   if (e.type)
     switch (e.type) {
       case "add":
@@ -571,7 +571,7 @@ const Ge = (t, e, s) => {
     }
   else
     return [];
-}, _ = {
+}, k = {
   configurationItem(t, e) {
     return Object.assign(t, {
       [e.chartKey]: e.payload
@@ -579,7 +579,7 @@ const Ge = (t, e, s) => {
   },
   collectionConfigurationItem(t, e) {
     let s = !1;
-    const [r, a] = e.chartCollectionIdxKey.split("_"), i = t[r].map((c, l) => parseInt(a, 10) === l ? (s = !0, e.payload) : c);
+    const [r, a] = e.chartCollectionIdxKey.split("_"), i = t[r].map((c, h) => parseInt(a, 10) === h ? (s = !0, e.payload) : c);
     return s === !1 && i.splice(parseInt(a, 10), 0, e.payload), Object.assign(t, {
       [r]: i
     });
@@ -587,13 +587,13 @@ const Ge = (t, e, s) => {
   themeItem(t, e) {
     let s = {}, r = Object.assign(s, t);
     const { field: a, value: i } = e.payload, c = a.split(".");
-    let l = c.shift();
+    let h = c.shift();
     for (; c.length > 0; )
-      s = s[l] = s[l] || {}, l = c.shift();
-    return s[l] = i, r;
+      s = s[h] = s[h] || {}, h = c.shift();
+    return s[h] = i, r;
   }
 };
-class P {
+class F {
   /**
    * @hidden
    */
@@ -604,31 +604,31 @@ class P {
     return this.format ? this.point.formatValue(this.format) : String(this.value);
   }
 }
-const tt = "k-chart-shared-tooltip-marker", st = (t) => {
-  const { categoryText: e, colorMarker: s, colspan: r, nameColumn: a, points: i } = t, c = (l, h) => /* @__PURE__ */ n.createElement("tr", { key: h }, s && /* @__PURE__ */ n.createElement("td", null, /* @__PURE__ */ n.createElement(
+const ct = "k-chart-shared-tooltip-marker", ht = (t) => {
+  const { categoryText: e, colorMarker: s, colspan: r, nameColumn: a, points: i } = t, c = (h, d) => /* @__PURE__ */ n.createElement("tr", { key: d }, s && /* @__PURE__ */ n.createElement("td", null, /* @__PURE__ */ n.createElement(
     "span",
     {
-      className: tt,
-      style: { backgroundColor: l.series.color }
+      className: ct,
+      style: { backgroundColor: h.series.color }
     }
-  )), a && /* @__PURE__ */ n.createElement("td", null, l.series.name), /* @__PURE__ */ n.createElement("td", { dangerouslySetInnerHTML: { __html: l.formattedValue } }));
+  )), a && /* @__PURE__ */ n.createElement("td", null, h.series.name), /* @__PURE__ */ n.createElement("td", { dangerouslySetInnerHTML: { __html: h.formattedValue } }));
   return /* @__PURE__ */ n.createElement("table", null, /* @__PURE__ */ n.createElement("thead", null, /* @__PURE__ */ n.createElement("tr", null, /* @__PURE__ */ n.createElement("th", { colSpan: r }, e))), /* @__PURE__ */ n.createElement("tbody", null, i.map(c)));
 }, y = n.createContext(null);
 y.displayName = "ChartContext";
-const rt = { horizontal: "fit", vertical: "fit" }, nt = "k-chart-tooltip", at = "k-chart-tooltip-wrapper";
-class w extends n.Component {
+const dt = { horizontal: "fit", vertical: "fit" }, ut = "k-chart-tooltip", pt = "k-chart-tooltip-wrapper";
+class _ extends n.Component {
   constructor(e, s) {
     super(e, s), this.context = null, this.element = null, this.onChartMouseLeave = (r) => {
       const { syntheticEvent: a } = r;
-      return !!H(a.relatedTarget, this.element);
+      return !!V(a.relatedTarget, this.element);
     }, this.onMouseLeave = (r) => {
-      const a = j(this, r);
+      const a = B(this, r);
       this.context.childrenObserver.trigger("onMouseLeave", a) && r.preventDefault();
     }, this.popupRef = (r) => {
       this.element = r;
       const a = r && r.closest(".k-animation-container");
       a && (a.style.transition = "initial");
-    }, this.chartObserver = new x(this, {
+    }, this.chartObserver = new b(this, {
       onMouseLeave: "onChartMouseLeave"
     }), s.observersStore.dispatch({
       type: "add",
@@ -636,21 +636,21 @@ class w extends n.Component {
     });
   }
   render() {
-    const { popupShown: e, popupAlign: s, popupOffset: r, popupStyles: a, popupContent: i, className: c } = this.props, l = [nt, c].join(" ").trim();
+    const { popupShown: e, popupAlign: s, popupOffset: r, popupStyles: a, popupContent: i, className: c } = this.props, h = [ut, c].join(" ").trim();
     return /* @__PURE__ */ n.createElement(
-      de,
+      be,
       {
         animate: !1,
         popupAlign: s,
         offset: r,
         show: e,
-        collision: rt,
-        className: at
+        collision: dt,
+        className: pt
       },
       /* @__PURE__ */ n.createElement(
         "div",
         {
-          className: l,
+          className: h,
           style: a,
           onMouseLeave: this.onMouseLeave,
           ref: this.popupRef
@@ -666,8 +666,8 @@ class w extends n.Component {
     });
   }
 }
-w.contextType = y;
-const it = "k-chart-shared-tooltip", ot = "k-chart-tooltip-inverse";
+_.contextType = y;
+const mt = "k-chart-shared-tooltip", vt = "k-chart-tooltip-inverse";
 class U extends n.Component {
   constructor() {
     super(...arguments), this.context = null, this.state = {
@@ -675,7 +675,7 @@ class U extends n.Component {
     }, this.chartObserver = null;
   }
   componentDidMount() {
-    this.chartObserver = new x(this, {
+    this.chartObserver = new b(this, {
       showTooltip: "onShowTooltip",
       hideTooltip: "onHideTooltip"
     }), this.context.observersStore.dispatch({
@@ -685,12 +685,12 @@ class U extends n.Component {
   }
   render() {
     const { popupContext: e, shared: s, className: r, ...a } = this.state, i = this.state.popupShown ? () => {
-      const l = this.findRenderFunction();
+      const h = this.findRenderFunction();
       if (s)
-        return l !== null ? l(e) : /* @__PURE__ */ n.createElement(st, { ...e });
+        return h !== null ? h(e) : /* @__PURE__ */ n.createElement(ht, { ...e });
       {
-        const h = e.point, p = this.findRenderFunctionByIndex(h.series.index);
-        return p !== null ? p(e) : l !== null ? l(e) : /* @__PURE__ */ n.createElement(
+        const d = e.point, u = this.findRenderFunctionByIndex(d.series.index);
+        return u !== null ? u(e) : h !== null ? h(e) : /* @__PURE__ */ n.createElement(
           "span",
           {
             dangerouslySetInnerHTML: { __html: e.point.formattedValue }
@@ -698,11 +698,11 @@ class U extends n.Component {
         );
       }
     } : Function.prototype, c = S({
-      [it]: s,
-      [ot]: !!r
+      [mt]: s,
+      [vt]: !!r
     });
     return /* @__PURE__ */ n.createElement(
-      w,
+      _,
       {
         ...a,
         popupContent: i,
@@ -718,12 +718,12 @@ class U extends n.Component {
   }
   onShowTooltip(e) {
     const { anchor: s, style: r, shared: a, className: i, crosshair: c } = e;
-    let l;
-    c || (a ? l = this.createSharedTooltipContext(e) : l = this.createTooltipContext(e), this.setState({
+    let h;
+    c || (a ? h = this.createSharedTooltipContext(e) : h = this.createTooltipContext(e), this.setState({
       popupShown: !0,
       popupAlign: s.align,
       popupOffset: s.point,
-      popupContext: l,
+      popupContext: h,
       popupStyles: r,
       className: i,
       shared: a
@@ -737,19 +737,19 @@ class U extends n.Component {
     });
   }
   createSharedTooltipContext(e) {
-    const { points: s, categoryText: r } = e, a = s.filter((l) => typeof l.series.name != "undefined").length > 0, i = e.series.length > 1;
+    const { points: s, categoryText: r } = e, a = s.filter((h) => typeof h.series.name != "undefined").length > 0, i = e.series.length > 1;
     let c = 1;
     return a && c++, i && c++, {
       categoryText: r,
       colorMarker: i,
       colspan: c,
       nameColumn: a,
-      points: e.points.map((l) => new P(l, e.format))
+      points: e.points.map((h) => new F(h, e.format))
     };
   }
   createTooltipContext(e) {
     const { point: s, format: r } = e;
-    return { point: new P(s, r) };
+    return { point: new F(s, r) };
   }
   findRenderFunctionByIndex(e) {
     const s = this.context.optionsStore.getState().series;
@@ -763,12 +763,12 @@ class U extends n.Component {
 U.contextType = y;
 const z = (t) => t.children;
 z.displayName = "Container";
-const lt = "k-chart-crosshair-tooltip", ct = "k-chart-tooltip-inverse";
-class $ extends n.Component {
+const ft = "k-chart-crosshair-tooltip", yt = "k-chart-tooltip-inverse";
+class W extends n.Component {
   constructor(e, s) {
     super(e, s), this.context = null, this.state = {
       popupShown: !1
-    }, this.chartObserver = new x(this, {
+    }, this.chartObserver = new b(this, {
       showTooltip: "onShowTooltip",
       hideTooltip: "onHideTooltip"
     }), s.observersStore.dispatch({
@@ -778,11 +778,11 @@ class $ extends n.Component {
   }
   render() {
     const { popupContend: e, className: s, ...r } = this.state, a = this.state.popupShown ? () => e : Function.prototype, i = S({
-      [lt]: !0,
-      [ct]: !!s
+      [ft]: !0,
+      [yt]: !!s
     });
     return /* @__PURE__ */ n.createElement(
-      w,
+      _,
       {
         ...r,
         popupContent: a,
@@ -798,12 +798,12 @@ class $ extends n.Component {
     });
   }
   onShowTooltip(e) {
-    const { anchor: s, style: r, className: a, crosshair: i, axisName: c, axisIndex: l, value: h } = e, { name: p, index: m } = this.props;
-    i && c === p && l === m && this.setState({
+    const { anchor: s, style: r, className: a, crosshair: i, axisName: c, axisIndex: h, value: d } = e, { name: u, index: m } = this.props;
+    i && c === u && h === m && this.setState({
       popupShown: !0,
       popupAlign: s.align,
       popupOffset: s.point,
-      popupContend: h,
+      popupContend: d,
       popupStyles: r,
       className: a
     });
@@ -816,12 +816,12 @@ class $ extends n.Component {
     });
   }
 }
-$.contextType = y;
-const R = ["categoryAxis", "valueAxis", "xAxis", "yAxis"];
-function ht(t) {
+W.contextType = y;
+const H = ["categoryAxis", "valueAxis", "xAxis", "yAxis"];
+function gt(t) {
   const e = {};
-  for (let s = 0; s < R.length; s++) {
-    const r = pt(t, R[s]);
+  for (let s = 0; s < H.length; s++) {
+    const r = Ct(t, H[s]);
     for (let a = 0; a < r.length; a++) {
       const i = r[a];
       e[i.name + i.index] = i;
@@ -829,7 +829,7 @@ function ht(t) {
   }
   return e;
 }
-function pt(t, e) {
+function Ct(t, e) {
   const s = [];
   if (t[e]) {
     const r = [].concat(t[e]);
@@ -850,7 +850,7 @@ class X extends n.Component {
     }, this.storeUnsubscriber = Function.prototype, this.subscriber = () => {
       var e;
       this.setState({
-        tooltips: ht((e = this.context) == null ? void 0 : e.optionsStore.getState())
+        tooltips: gt((e = this.context) == null ? void 0 : e.optionsStore.getState())
       });
     };
   }
@@ -858,7 +858,7 @@ class X extends n.Component {
     this.storeUnsubscriber = this.context.optionsStore.subscribe(this.subscriber);
   }
   render() {
-    const { tooltips: e } = this.state, s = Object.keys(e).map((r) => /* @__PURE__ */ n.createElement($, { ...e[r], key: r }));
+    const { tooltips: e } = this.state, s = Object.keys(e).map((r) => /* @__PURE__ */ n.createElement(W, { ...e[r], key: r }));
     return /* @__PURE__ */ n.createElement(z, null, s);
   }
   componentWillUnmount() {
@@ -866,31 +866,31 @@ class X extends n.Component {
   }
 }
 X.contextType = y;
-const F = {
+const w = {
   name: "@progress/kendo-react-charts",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1705940544,
+  publishDate: 1706619625,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };
-class b extends n.Component {
+class x extends n.Component {
   constructor(e) {
     super(e), this.chartInstance = null, this.surface = null, this._element = null, this.optionsStore = {}, this.optionsUnsubscriber = Function.prototype, this.themeStore = {}, this.themeUnsubscriber = Function.prototype, this.observersStore = {}, this.suppressTransitions = !1, this.showLicenseWatermark = !1, this.onRender = (s) => {
       this.chartInstance !== null && (this.surface = s.sender.surface, this.trigger("render", s));
     }, this.onDrilldown = (s) => {
       var c;
-      const { series: r } = this.optionsStore.getState(), a = r.find((l) => l.name === s.series.name);
+      const { series: r } = this.optionsStore.getState(), a = r.find((h) => h.name === s.series.name);
       if (!a.drilldownSeriesFactory)
         return !0;
       const i = "onDrilldown";
       if (this.props.hasOwnProperty(i)) {
-        const l = { seriesName: a.name, drilldownValue: s.value }, h = [...((c = this.props.drilldownState) == null ? void 0 : c.steps) || [], l], p = this.props.getTarget(), m = {
+        const h = { seriesName: a.name, drilldownValue: s.value }, d = [...((c = this.props.drilldownState) == null ? void 0 : c.steps) || [], h], u = this.props.getTarget(), m = {
           ...s,
           currentState: this.props.drilldownState,
-          nextState: { steps: h }
-        }, u = new V(m, p);
-        this.props[i].call(void 0, u);
+          nextState: { steps: d }
+        }, p = new j(m, u);
+        this.props[i].call(void 0, p);
       }
       return !0;
     }, this.onLegendItemClick = (s) => {
@@ -902,12 +902,12 @@ class b extends n.Component {
           if (!r)
             return;
           let a = {};
-          const { seriesIndex: i, pointIndex: c } = s, l = r[i];
+          const { seriesIndex: i, pointIndex: c } = s, h = r[i];
           if (c === void 0)
-            a = Object.assign({}, l, { visible: N(l.visible) });
+            a = Object.assign({}, h, { visible: L(h.visible) });
           else {
-            const h = l.pointVisibility = l.pointVisibility || [];
-            h[c] = N(h[c]), a = Object.assign({}, l);
+            const d = h.pointVisibility = h.pointVisibility || [];
+            d[c] = L(d[c]), a = Object.assign({}, h);
           }
           this.optionsStore.dispatch({
             chartCollectionIdxKey: `series_${i}`,
@@ -917,17 +917,17 @@ class b extends n.Component {
     }, this.onWindowResize = () => {
       this.chartInstance !== null && this.chartInstance.resize();
     }, this.onChartMouseLeave = (s) => {
-      const r = j(this, s);
+      const r = B(this, s);
       this.triggerDomEvent("onMouseLeave", r) ? s.preventDefault() : this.chartInstance !== null && this.chartInstance.hideElements();
     }, this.onChildMouseLeave = (s) => {
       const { syntheticEvent: r } = s;
-      return this.chartInstance && !H(r.relatedTarget, this.element) && this.chartInstance.hideElements(), !1;
-    }, le(F), this.showLicenseWatermark = ce(F), this.optionsStore = I(B), this.observersStore = I(et), this.childrenObserver = new x(this, { onMouseLeave: "onChildMouseLeave" }), this.state = {
+      return this.chartInstance && !V(r.relatedTarget, this.element) && this.chartInstance.hideElements(), !1;
+    }, $(w), this.showLicenseWatermark = ye(w), this.optionsStore = I(q), this.observersStore = I(lt), this.childrenObserver = new b(this, { onMouseLeave: "onChildMouseLeave" }), this.state = {
       optionsStore: this.optionsStore,
       observersStore: this.observersStore,
       childrenObserver: this.childrenObserver,
       drilldownState: { steps: [] }
-    }, this.themeStore = I(Qe), this.chartObserver = new x(this, {
+    }, this.themeStore = I(ot), this.chartObserver = new b(this, {
       render: "onRender",
       legendItemClick: "onLegendItemClick",
       drilldown: "onDrilldown"
@@ -954,7 +954,7 @@ class b extends n.Component {
   componentDidMount() {
     var s;
     const e = ((s = this._element) == null ? void 0 : s.ownerDocument) || document;
-    Ge(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);
+    nt(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);
   }
   /**
    * @hidden
@@ -968,11 +968,11 @@ class b extends n.Component {
   componentDidUpdate(e) {
     const { dir: s, children: r, ...a } = this.props;
     if (this.chartInstance !== null) {
-      const i = D(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, u] = p;
-        return !(a.hasOwnProperty(m) && a[m] === u);
+      const i = A(this), c = this.chartInstance.chartService, h = i.locale !== c._intlService.locale, d = Object.entries(e).filter((u) => u[0] !== "dir" && u[0] !== "children").some((u) => {
+        const [m, p] = u;
+        return !(a.hasOwnProperty(m) && a[m] === p);
       });
-      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));
+      h && (this.chartInstance.chartService._intlService = i, this.chartInstance.chartService.format._intlService = i, d || this.chartInstance.noTransitionsRedraw()), d && this.refresh(), e.dir !== s && this.chartInstance.setDirection(this.getDirection(s));
     }
   }
   /**
@@ -990,12 +990,12 @@ class b extends n.Component {
         "div",
         {
           onMouseLeave: this.onChartMouseLeave,
-          ref: (l) => this._element = l,
+          ref: (h) => this._element = h,
           className: "k-chart-surface"
         },
         a
       ),
-      /* @__PURE__ */ n.createElement(n.Fragment, null, this.showLicenseWatermark && /* @__PURE__ */ n.createElement(he, null))
+      /* @__PURE__ */ n.createElement(n.Fragment, null, this.showLicenseWatermark && /* @__PURE__ */ n.createElement(ge, null))
     );
     return /* @__PURE__ */ n.createElement(y.Provider, { value: this.state }, /* @__PURE__ */ n.createElement(U, { key: "seriesTooltip" }), /* @__PURE__ */ n.createElement(X, { key: "crosshairTooltips" }), c);
   }
@@ -1003,7 +1003,7 @@ class b extends n.Component {
    * @hidden
    */
   getDirection(e) {
-    return (e !== void 0 ? e : (() => M && window.getComputedStyle(this.element).direction)() || "ltr") === "rtl";
+    return (e !== void 0 ? e : (() => T && window.getComputedStyle(this.element).direction)() || "ltr") === "rtl";
   }
   /**
    * @hidden
@@ -1016,13 +1016,13 @@ class b extends n.Component {
       paneDefaults: a,
       panes: i,
       transitions: c,
-      seriesColors: l,
-      seriesDefaults: h,
-      axisDefaults: p,
+      seriesColors: h,
+      seriesDefaults: d,
+      axisDefaults: u,
       deriveOptionsFromParent: m
     } = this.props;
-    let u = {};
-    return e !== void 0 && (u.renderAs = e), s !== void 0 && (u.pannable = s), r !== void 0 && (u.zoomable = r), a !== void 0 && (u.paneDefaults = a), i !== void 0 && (u.panes = i), c !== void 0 && (u.transitions = c), l !== void 0 && (u.seriesColors = l), h !== void 0 && (u.seriesDefaults = h), p !== void 0 && (u.axisDefaults = p), u = Object.assign(u, this.optionsStore.getState()), m && (u = m(u)), u;
+    let p = {};
+    return e !== void 0 && (p.renderAs = e), s !== void 0 && (p.pannable = s), r !== void 0 && (p.zoomable = r), a !== void 0 && (p.paneDefaults = a), i !== void 0 && (p.panes = i), c !== void 0 && (p.transitions = c), h !== void 0 && (p.seriesColors = h), d !== void 0 && (p.seriesDefaults = d), u !== void 0 && (p.axisDefaults = u), p = Object.assign(p, this.optionsStore.getState()), m && (p = m(p)), p;
   }
   /**
    * @hidden
@@ -1044,7 +1044,7 @@ class b extends n.Component {
       this.themeStore.getState(),
       {
         rtl: this.getDirection(e),
-        intlService: D(this),
+        intlService: A(this),
         observer: this.chartObserver,
         sender: this
       }
@@ -1055,11 +1055,11 @@ class b extends n.Component {
    * @hidden
    */
   trigger(e, s) {
-    const r = this.props.getTarget(), a = Be(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 && a && this.props.hasOwnProperty(i) ? (this.props[i].call(void 0, a), a.isDefaultPrevented && a.isDefaultPrevented()) : l;
+    const r = this.props.getTarget(), a = Ge(e, s, r), i = "on" + e.charAt(0).toUpperCase() + e.slice(1), c = this.observersStore.getState();
+    let h = !1;
+    for (let d = 0; d < c.length; d++)
+      c[d].trigger(e, s) && (h = !0);
+    return h === !1 && a && this.props.hasOwnProperty(i) ? (this.props[i].call(void 0, a), a.isDefaultPrevented && a.isDefaultPrevented()) : h;
   }
   /* Used by (event)InstanceObserver to check the wrapper for supported events */
   /**
@@ -1085,20 +1085,20 @@ class b extends n.Component {
     return a;
   }
 }
-b.propTypes = {
-  dir: d.string,
-  renderAs: d.oneOf(["svg", "canvas"])
+x.propTypes = {
+  dir: o.string,
+  renderAs: o.oneOf(["svg", "canvas"])
 };
-b.defaultProps = {
+x.defaultProps = {
   renderAs: "svg"
 };
-ne(b);
-ae.register(xe);
-class W extends n.Component {
+ue(x);
+pe.register(_e);
+class Y extends n.Component {
   constructor(e, s) {
     super(e, s), this.context = null, this.state = {
       donutCenterStyles: null
-    }, this.chartObserver = new x(this, {
+    }, this.chartObserver = new b(this, {
       render: "onRender"
     }), s.observersStore.dispatch({
       type: "add",
@@ -1115,19 +1115,19 @@ class W extends n.Component {
     const s = (m = this.context) == null ? void 0 : m.optionsStore.getState().series, r = Array.isArray(s) ? s[0] : null, a = e.sender._plotArea.charts;
     if (!r || r.type !== "donut" || a[0].points.length === 0)
       return;
-    const i = a[0].points[0].sector, c = i.innerRadius, l = i.center.y - c, h = i.center.x - c, p = c * 2;
+    const i = a[0].points[0].sector, c = i.innerRadius, h = i.center.y - c, d = i.center.x - c, u = c * 2;
     this.setState({
       donutCenterStyles: {
-        height: p,
-        left: h,
-        top: l,
-        width: p
+        height: u,
+        left: d,
+        top: h,
+        width: u
       }
     });
   }
 }
-W.contextType = y;
-class $t extends n.Component {
+Y.contextType = y;
+class vs extends n.Component {
   constructor() {
     super(...arguments), this._baseChart = null, this.getTarget = () => this;
   }
@@ -1155,25 +1155,25 @@ class $t extends n.Component {
   render() {
     const { donutCenterRender: e, children: s, className: r, ...a } = this.props;
     return /* @__PURE__ */ n.createElement(
-      b,
+      x,
       {
         ...a,
         ref: (i) => this._baseChart = i,
-        chartConstructor: ie,
+        chartConstructor: me,
         getTarget: this.getTarget,
         wrapper: "div",
         className: S("k-chart k-widget", r)
       },
       s,
-      /* @__PURE__ */ n.createElement(W, { render: e })
+      /* @__PURE__ */ n.createElement(Y, { render: e })
     );
   }
 }
-class Xt extends n.Component {
+class fs extends n.Component {
   constructor() {
     super(...arguments), this._baseChart = null, this.deriveOptionsFromParent = (e) => {
       const { type: s, data: r } = this.props, a = Object.assign({}, e, { type: s, data: r });
-      return A.normalizeOptions(a);
+      return N.normalizeOptions(a);
     }, this.getTarget = () => this;
   }
   /**
@@ -1200,11 +1200,11 @@ class Xt extends n.Component {
   render() {
     const { children: e, type: s, className: r, ...a } = this.props;
     return /* @__PURE__ */ n.createElement(
-      b,
+      x,
       {
         ...a,
         ref: (i) => this._baseChart = i,
-        chartConstructor: A,
+        chartConstructor: N,
         getTarget: this.getTarget,
         wrapper: "span",
         deriveOptionsFromParent: this.deriveOptionsFromParent,
@@ -1214,15 +1214,15 @@ class Xt extends n.Component {
     );
   }
 }
-const dt = {
+const bt = {
   autoBindElements: !0,
   liveDrag: !1,
   partialRedraw: !0
 };
-class Wt extends n.Component {
+class ys extends n.Component {
   constructor() {
     super(...arguments), this._baseChart = null, this.deriveOptionsFromParent = (e) => {
-      const s = Object.assign({}, e.navigator || {}, dt);
+      const s = Object.assign({}, e.navigator || {}, bt);
       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);
@@ -1252,11 +1252,11 @@ class Wt extends n.Component {
   render() {
     const { children: e, className: s, ...r } = this.props;
     return /* @__PURE__ */ n.createElement(
-      b,
+      x,
       {
         ...r,
         ref: (a) => this._baseChart = a,
-        chartConstructor: oe,
+        chartConstructor: ve,
         getTarget: this.getTarget,
         wrapper: "div",
         deriveOptionsFromParent: this.deriveOptionsFromParent,
@@ -1288,9 +1288,9 @@ class g extends n.Component {
   }
 }
 g.contextType = y;
-class o extends n.Component {
+class l extends n.Component {
   constructor(e, s) {
-    super(e, s), this.optionsStore = s.optionsStore, this.childStore = I(B);
+    super(e, s), this.optionsStore = s.optionsStore, this.childStore = I(q);
   }
   render() {
     const { children: e } = this.props;
@@ -1318,8 +1318,8 @@ class o extends n.Component {
     return n.cloneElement(e, r, s);
   }
 }
-o.contextType = y;
-class ut {
+l.contextType = y;
+class xt {
   /**
    * @hidden
    */
@@ -1327,7 +1327,7 @@ class ut {
     this.currentState = e.currentState, this.nextState = e.nextState;
   }
 }
-const k = n.forwardRef((t, e) => {
+const D = n.forwardRef((t, e) => {
   const s = n.useRef(null), r = n.useRef(null);
   n.useImperativeHandle(s, () => ({
     element: r.current,
@@ -1338,74 +1338,74 @@ const k = n.forwardRef((t, e) => {
     ...t.rootItem || {
       text: "Home",
       icon: /* @__PURE__ */ n.createElement(
-        pe,
+        Ce,
         {
-          icon: me,
+          icon: Se,
           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) => {
+  t.drilldownState && (i = [...i, ...t.drilldownState.steps.map((d, u) => ({ id: (u + 1).toString(), text: d.drilldownValue }))]);
+  const c = { ...t, data: i }, h = (d) => {
     var m;
-    const p = "onDrilldownStateChange";
-    if (t.hasOwnProperty(p)) {
-      const u = i.findIndex((re) => re.id === h.id), te = { steps: (((m = t.drilldownState) == null ? void 0 : m.steps) || []).slice(0, u) }, se = new ut({ currentState: t.drilldownState, nextState: te });
-      t[p].call(void 0, se);
+    const u = "onDrilldownStateChange";
+    if (t.hasOwnProperty(u)) {
+      const p = i.findIndex((de) => de.id === d.id), ce = { steps: (((m = t.drilldownState) == null ? void 0 : m.steps) || []).slice(0, p) }, he = new xt({ currentState: t.drilldownState, nextState: ce });
+      t[u].call(void 0, he);
     }
   };
-  return /* @__PURE__ */ n.createElement("div", null, /* @__PURE__ */ n.createElement(ue, { ...c, onItemSelect: l }));
-}), mt = {
-  id: d.string,
-  style: d.object,
-  className: d.string,
-  breadcrumbOrderedList: d.elementType,
-  breadcrumbListItem: d.elementType,
-  breadcrumbDelimiter: d.elementType,
-  breadcrumbLink: d.elementType,
-  dir: d.oneOf(["ltr", "rtl"]),
-  disabled: d.bool,
-  valueField: d.string,
-  textField: d.string,
-  iconField: d.string,
-  iconClassField: d.string,
-  onItemSelect: d.func,
-  ariaLabel: d.string,
-  onDrilldownStateChange: d.func,
-  drilldownState: d.shape({
-    steps: d.array
+  return /* @__PURE__ */ n.createElement("div", null, /* @__PURE__ */ n.createElement(xe, { ...c, onItemSelect: h }));
+}), St = {
+  id: o.string,
+  style: o.object,
+  className: o.string,
+  breadcrumbOrderedList: o.elementType,
+  breadcrumbListItem: o.elementType,
+  breadcrumbDelimiter: o.elementType,
+  breadcrumbLink: o.elementType,
+  dir: o.oneOf(["ltr", "rtl"]),
+  disabled: o.bool,
+  valueField: o.string,
+  textField: o.string,
+  iconField: o.string,
+  iconClassField: o.string,
+  onItemSelect: o.func,
+  ariaLabel: o.string,
+  onDrilldownStateChange: o.func,
+  drilldownState: o.shape({
+    steps: o.array
   }),
-  rootItem: d.object
-}, vt = {
+  rootItem: o.object
+}, Et = {
   valueField: "id",
   textField: "text",
   iconField: "icon",
   iconClassField: "iconClass",
   data: []
 };
-k.displayName = "KendoReactChartBreadcrumb";
-k.propTypes = mt;
-k.defaultProps = vt;
-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 = {
+D.displayName = "KendoReactChartBreadcrumb";
+D.propTypes = St;
+D.defaultProps = Et;
+const gs = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "chartArea" }), Cs = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "axisDefaults" }), G = (t) => /* @__PURE__ */ n.createElement(l, { ...t });
+G.displayName = "ChartCategoryAxisItem";
+const It = (t) => /* @__PURE__ */ n.createElement(g, { ...t, _chartKey: "categoryAxis" });
+It.propTypes = {
   children: function(t, e, s) {
-    return C(t, e, s, Y);
+    return C(t, e, s, G);
   }
 };
-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";
-const gt = (t) => /* @__PURE__ */ n.createElement(g, { ...t, _chartKey: "panes" });
-gt.propTypes = {
+const bs = (t) => /* @__PURE__ */ n.createElement(l, { visible: !0, ...t, _chartKey: "legend" }), xs = (t) => /* @__PURE__ */ n.createElement(l, { visible: !0, position: "bottom", ...t, _chartKey: "navigator" }), Z = (t) => /* @__PURE__ */ n.createElement(l, { ...t });
+Z.displayName = "ChartPane";
+const kt = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "paneDefaults" });
+kt.displayName = "ChartPaneDefaults";
+const wt = (t) => /* @__PURE__ */ n.createElement(g, { ...t, _chartKey: "panes" });
+wt.propTypes = {
   children: function(t, e, s) {
-    return C(t, e, s, q);
+    return C(t, e, s, Z);
   }
 };
-const Jt = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "plotArea" }), G = (t) => {
+const Ss = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "plotArea" }), J = (t) => {
   let e = (r) => /* @__PURE__ */ n.createElement(n.Fragment, null);
   t.drilldownSeriesFactory && (e = t.drilldownSeriesFactory);
   const s = (r) => {
@@ -1418,204 +1418,406 @@ const Jt = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "plotAre
       _chartCollectionIdxKey: t._chartCollectionIdxKey,
       drilldownValue: s(r).drilldownValue
     }
-  ) : /* @__PURE__ */ n.createElement(o, { ...t }));
+  ) : /* @__PURE__ */ n.createElement(l, { ...t }));
 };
-G.displayName = "ChartSeriesItem";
-const Ct = (t) => /* @__PURE__ */ n.createElement(g, { ...t, _chartKey: "series" });
-Ct.propTypes = {
+J.displayName = "ChartSeriesItem";
+const Tt = (t) => /* @__PURE__ */ n.createElement(g, { ...t, _chartKey: "series" });
+Tt.propTypes = {
   children: function(t, e, s) {
-    return C(t, e, s, G);
+    return C(t, e, s, J);
   }
 };
-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 = {
+const Es = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "seriesDefaults" }), Is = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "subtitle" }), ks = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "title" }), ws = (t) => /* @__PURE__ */ n.createElement(l, { visible: !0, ...t, _chartKey: "tooltip" }), Q = (t) => /* @__PURE__ */ n.createElement(l, { ...t });
+Q.displayName = "ChartValueAxisItem";
+const _t = (t) => /* @__PURE__ */ n.createElement(g, { ...t, _chartKey: "valueAxis" });
+_t.propTypes = {
   children: function(t, e, s) {
-    return C(t, e, s, Z);
+    return C(t, e, s, Q);
   }
 };
-const J = (t) => /* @__PURE__ */ n.createElement(o, { ...t });
-J.displayName = "ChartXAxisItem";
-const bt = (t) => /* @__PURE__ */ n.createElement(g, { ...t, _chartKey: "xAxis" });
-bt.prototype = {
+const ee = (t) => /* @__PURE__ */ n.createElement(l, { ...t });
+ee.displayName = "ChartXAxisItem";
+const Dt = (t) => /* @__PURE__ */ n.createElement(g, { ...t, _chartKey: "xAxis" });
+Dt.prototype = {
   children: function(t, e, s) {
-    return C(t, e, s, J);
+    return C(t, e, s, ee);
   }
 };
-const Q = (t) => /* @__PURE__ */ n.createElement(o, { ...t });
-Q.displayName = "ChartYAxisItem";
-const St = (t) => /* @__PURE__ */ n.createElement(g, { ...t, _chartKey: "yAxis" });
-St.propTypes = {
+const te = (t) => /* @__PURE__ */ n.createElement(l, { ...t });
+te.displayName = "ChartYAxisItem";
+const At = (t) => /* @__PURE__ */ n.createElement(g, { ...t, _chartKey: "yAxis" });
+At.propTypes = {
   children: function(t, e, s) {
-    return C(t, e, s, Q);
+    return C(t, e, s, te);
   }
 };
-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";
-const _t = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "crosshair" });
-_t.displayName = "ChartAxisDefaultsCrosshair";
-const wt = (t) => /* @__PURE__ */ n.createElement(o, { visible: !0, ...t, _chartKey: "tooltip" });
-wt.displayName = "ChartAxisDefaultsCrosshairTooltip";
-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 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";
-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 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 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 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 js = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "hint" }), Rt = (t) => /* @__PURE__ */ n.createElement(o, { ...t, _chartKey: "pane" });
-Rt.displayName = "ChartNavigatorPane";
-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 = {
+const Ts = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "zoomable" }), Ot = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "title" });
+Ot.displayName = "ChartAxisDefaultsTitle";
+const Nt = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "labels" });
+Nt.displayName = "ChartAxisDefaultsLabels";
+const Lt = (t) => /* @__PURE__ */ n.createElement(l, { visible: !0, ...t, _chartKey: "crosshair" });
+Lt.displayName = "ChartAxisDefaultsCrosshair";
+const Pt = (t) => /* @__PURE__ */ n.createElement(l, { visible: !0, ...t, _chartKey: "tooltip" });
+Pt.displayName = "ChartAxisDefaultsCrosshairTooltip";
+const _s = (t) => /* @__PURE__ */ n.createElement(l, { visible: !0, ...t, _chartKey: "crosshair" }), Ds = (t) => /* @__PURE__ */ n.createElement(l, { visible: !0, ...t, _chartKey: "tooltip" }), Kt = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "title" });
+Kt.displayName = "ChartCategoryAxisTitle";
+const As = (t) => /* @__PURE__ */ n.createElement(l, { visible: !0, ...t, _chartKey: "labels" }), Os = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "notes" }), Ns = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "icon" }), Ls = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "label" }), Ps = (t) => /* @__PURE__ */ n.createElement(l, { visible: !0, ...t, _chartKey: "rangeLabels" }), Rt = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "title" });
+Rt.displayName = "ChartPaneDefaultsTitle";
+const Ft = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "item" });
+Ft.displayName = "ChartLegendItem";
+const Ht = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "title" });
+Ht.displayName = "ChartLegendTitle";
+const Mt = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "inactiveItems" });
+Mt.displayName = "ChartLegendInactiveItems";
+const Ks = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "tooltip" }), Rs = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "outliers" }), Fs = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "notes" }), Hs = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "markers" }), Ms = (t) => /* @__PURE__ */ n.createElement(l, { visible: !0, ...t, _chartKey: "labels" }), $s = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "highlight" }), Vs = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "extremes" }), js = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "errorBars" }), Bs = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "from" }), qs = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "to" }), Us = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "label" }), zs = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "icon" }), Ws = (t) => /* @__PURE__ */ n.createElement(l, { visible: !0, ...t, _chartKey: "crosshair" }), Xs = (t) => /* @__PURE__ */ n.createElement(l, { visible: !0, ...t, _chartKey: "tooltip" }), Ys = (t) => /* @__PURE__ */ n.createElement(l, { visible: !0, ...t, _chartKey: "labels" }), Gs = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "notes" }), Zs = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "icon" }), Js = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "label" }), $t = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "title" });
+$t.displayName = "ChartValueAxisTitle";
+const Qs = (t) => /* @__PURE__ */ n.createElement(l, { visible: !0, ...t, _chartKey: "crosshair" }), er = (t) => /* @__PURE__ */ n.createElement(l, { visible: !0, ...t, _chartKey: "tooltip" }), tr = (t) => /* @__PURE__ */ n.createElement(l, { visible: !0, ...t, _chartKey: "labels" }), sr = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "notes" }), rr = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "icon" }), nr = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "label" }), Vt = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "title" });
+Vt.displayName = "ChartXAxisTitle";
+const ar = (t) => /* @__PURE__ */ n.createElement(l, { visible: !0, ...t, _chartKey: "crosshair" }), ir = (t) => /* @__PURE__ */ n.createElement(l, { visible: !0, ...t, _chartKey: "tooltip" }), or = (t) => /* @__PURE__ */ n.createElement(l, { visible: !0, ...t, _chartKey: "labels" }), lr = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "notes" }), cr = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "icon" }), hr = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "label" }), jt = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "title" });
+jt.displayName = "ChartYAxisTitle";
+const Bt = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "categoryAxis" });
+Bt.displayName = "ChartNavigatorCategoryAxis";
+const dr = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "hint" }), qt = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "pane" });
+qt.displayName = "ChartNavigatorPane";
+const ur = (t) => /* @__PURE__ */ n.createElement(l, { ...t, _chartKey: "select" }), se = (t) => /* @__PURE__ */ n.createElement(l, { ...t });
+se.displayName = "ChartNavigatorSeriesItem";
+const Ut = (t) => /* @__PURE__ */ n.createElement(g, { ...t, _chartKey: "series" });
+Ut.propTypes = {
   children: function(t, e, s) {
-    return C(t, e, s, ee);
+    return C(t, e, s, se);
   }
 };
-const Us = (t, e) => {
+const pr = (t, e) => {
   if (t && t.chartInstance !== null)
     return t.chartInstance.findAxisByName(e);
-}, zs = (t, e) => {
+}, mr = (t, e) => {
   if (t && t.chartInstance !== null)
     return t.chartInstance.findPaneByIndex(e);
-}, $s = (t, e) => {
+}, vr = (t, e) => {
   if (t && t.chartInstance !== null)
     return t.chartInstance.findPaneByName(e);
-}, Xs = (t, e = {}) => {
+}, fr = (t, e = {}) => {
   if (t && t.chartInstance !== null)
     return t.chartInstance.exportVisual(e);
-};
+}, zt = (t) => `${t.fontWeight} ${t.fontSize} ${t.fontFamily}`, M = (t) => window.getComputedStyle(t).backgroundColor, Wt = (t) => t.toLowerCase().charCodeAt(0) - "a".charCodeAt(0), Xt = (t) => {
+  const e = t.match(/series-([a-z])$/);
+  if (e !== null)
+    return Wt(e[1]);
+  const s = t.split("--series-")[1];
+  return parseInt(s, 10) - 1;
+}, Yt = 30, Gt = () => {
+  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 < Yt; e++)
+    t += `
+      <div class="k-var--series-${e + 1}"></div>`;
+  return t;
+}, Zt = `
+    <div class="k-var--normal-text-color"></div>
+    <div class="k-widget k-chart">
+        <div class="k-var--chart-font"></div>
+    </div>
+    <div class="k-var--series-unset"></div>
+    <div class="k-var--series">
+      ${Gt()}
+    </div>
+`;
+class Jt {
+  constructor(e) {
+    this.store = e;
+  }
+  setStyle(e, s) {
+    const r = e.split(".");
+    let a = this.store;
+    r.forEach((c, h, d) => {
+      h < d.length - 1 && (a = a[c] = a[c] || {});
+    });
+    const i = r.pop();
+    i && (a[i] = s);
+  }
+  setColors() {
+    this.mapColor("labels.color", "normal-text-color");
+  }
+  setFonts() {
+    const e = zt(this.queryStyle("chart-font"));
+    this.setStyle("labels.font", e);
+  }
+  setSeriesColors() {
+    const e = this.element;
+    if (!e)
+      return;
+    const s = [].slice.call(e.querySelectorAll(".k-var--series div")), r = M(e.querySelector(".k-var--series-unset")), a = s.reduce(
+      (i, c) => {
+        const h = Xt(c.className), d = M(c);
+        return d !== r && (i[h] = d), i;
+      },
+      []
+      // Will populate the colors in this array
+    );
+    this.setStyle("nodesColors", a);
+  }
+  mapColor(e, s) {
+    this.setStyle(e, this.queryStyle(s).backgroundColor);
+  }
+  queryStyle(e) {
+    const s = this.element;
+    return window.getComputedStyle(s.querySelector(`.k-var--${e}`));
+  }
+}
+const Qt = (t, e) => {
+  const s = {
+    // TODO: Move it to themes
+    links: {
+      color: "#757575"
+    },
+    nodesColors: []
+  }, r = new Jt(s), a = r.element = t.createElement("div");
+  a.style.display = "none", a.innerHTML = Zt, t.body.appendChild(a);
+  try {
+    r.setColors(), r.setFonts(), r.setSeriesColors();
+  } finally {
+    t.body.removeChild(r.element), r.element = null, e(s);
+  }
+}, re = o.exact({
+  left: o.number,
+  top: o.number
+}), ne = {
+  left: o.number,
+  right: o.number
+}, es = {
+  ...ne,
+  top: o.number,
+  bottom: o.number
+}, ae = {
+  visible: o.bool,
+  font: o.string,
+  color: o.string,
+  opacity: o.number,
+  align: o.oneOf(["left", "right", "center"]),
+  position: o.oneOf(["inside", "before", "after"]),
+  padding: o.oneOfType([
+    o.number,
+    o.exact(es)
+  ]),
+  margin: o.exact(ne),
+  border: o.exact({
+    width: o.number,
+    color: o.string,
+    opacity: o.number,
+    dashType: o.string
+  }),
+  offset: re
+}, ie = {
+  color: o.string,
+  opacity: o.number,
+  offset: re,
+  padding: o.number,
+  width: o.number
+}, oe = {
+  colorType: o.oneOf(["static", "source", "target"]),
+  color: o.string,
+  opacity: o.number,
+  highlight: o.exact({
+    opacity: o.number,
+    inactiveOpacity: o.number
+  })
+}, ts = o.exact({
+  text: o.string,
+  ...ae
+}), ss = o.exact({
+  id: o.oneOfType([o.string, o.number]).isRequired,
+  label: ts.isRequired,
+  ...ie
+}), rs = o.exact({
+  sourceId: o.oneOfType([o.string, o.number]).isRequired,
+  targetId: o.oneOfType([o.string, o.number]).isRequired,
+  value: o.number.isRequired,
+  ...oe
+}), ns = {
+  data: o.exact({
+    nodes: o.arrayOf(ss.isRequired).isRequired,
+    links: o.arrayOf(rs.isRequired).isRequired
+  }).isRequired,
+  links: o.exact(oe),
+  nodes: o.exact(ie),
+  labels: o.exact(ae),
+  className: o.string,
+  style: o.object,
+  onNodeEnter: o.func,
+  onNodeLeave: o.func,
+  onLinkEnter: o.func,
+  onLinkLeave: o.func
+}, as = ["nodeEnter", "nodeLeave", "linkEnter", "linkLeave"], is = (t, e) => {
+  t && (t.unbind(), as.forEach((s) => {
+    e[s] && t.bind(s, e[s]);
+  }));
+}, le = n.forwardRef((t, e) => {
+  $(w);
+  const s = n.useRef(null), r = n.useRef(null), a = n.useRef(null), { data: i, links: c, nodes: h, labels: d } = t;
+  n.useEffect(() => (r.current ? r.current.setOptions({
+    data: i,
+    links: c,
+    nodes: h,
+    labels: d
+  }) : T && s.current && Qt(s.current.ownerDocument, (m) => {
+    r.current = new fe(s.current, {
+      data: i,
+      links: c,
+      nodes: h,
+      labels: d
+    }, m);
+  }), () => {
+    r.current && (r.current.destroy(), r.current = null);
+  }), [i, c, h, d]), n.useImperativeHandle(a, () => ({
+    get element() {
+      return s.current;
+    },
+    props: t
+  }), []), n.useImperativeHandle(e, () => a.current);
+  const u = n.useCallback((m) => m && ((p) => {
+    Object.defineProperty(p, "target", { get: () => a.current }), p.nativeEvent = p.originalEvent || null, m.call(void 0, p);
+  }), []);
+  return n.useEffect(() => {
+    is(r.current, {
+      nodeEnter: u(t.onNodeEnter),
+      nodeLeave: u(t.onNodeLeave),
+      linkEnter: u(t.onLinkEnter),
+      linkLeave: u(t.onLinkLeave)
+    });
+  }, [t.onNodeEnter, t.onNodeLeave, t.onLinkEnter, t.onLinkLeave]), /* @__PURE__ */ n.createElement(
+    "div",
+    {
+      ref: s,
+      className: t.className,
+      style: t.style
+    }
+  );
+});
+le.propTypes = ns;
+le.displayName = "KendoReactSankey";
 export {
-  be as AxisLabelClickEvent,
-  $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,
-  ns as ChartCategoryAxisCrosshair,
-  as as ChartCategoryAxisCrosshairTooltip,
-  Y as ChartCategoryAxisItem,
-  is as ChartCategoryAxisLabels,
-  os as ChartCategoryAxisNotes,
-  ls as ChartCategoryAxisNotesIcon,
-  cs as ChartCategoryAxisNotesLabel,
-  hs as ChartCategoryAxisRangeLabels,
-  kt as ChartCategoryAxisTitle,
-  Gt as ChartLegend,
-  Nt as ChartLegendInactiveItems,
-  Tt as ChartLegendItem,
-  At as ChartLegendTitle,
-  Zt as ChartNavigator,
-  Pt as ChartNavigatorCategoryAxis,
-  js as ChartNavigatorHint,
-  Rt as ChartNavigatorPane,
-  Bs as ChartNavigatorSelect,
-  Ft as ChartNavigatorSeries,
-  ee as ChartNavigatorSeriesItem,
-  q as ChartPane,
-  yt as ChartPaneDefaults,
-  Dt as ChartPaneDefaultsTitle,
-  gt as ChartPanes,
-  Jt as ChartPlotArea,
-  Ct as ChartSeries,
-  Qt as ChartSeriesDefaults,
-  gs as ChartSeriesErrorBars,
-  ys as ChartSeriesExtremes,
-  fs as ChartSeriesHighlight,
-  G as ChartSeriesItem,
-  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,
-  Es as ChartValueAxisCrosshair,
-  Is as ChartValueAxisCrosshairTooltip,
-  Z as ChartValueAxisItem,
-  _s as ChartValueAxisLabels,
-  ws as ChartValueAxisNotes,
-  ks as ChartValueAxisNotesIcon,
-  Ds as ChartValueAxisNotesLabel,
-  Ot as ChartValueAxisTitle,
-  bt as ChartXAxis,
-  Ts as ChartXAxisCrosshair,
-  As as ChartXAxisCrosshairTooltip,
-  J as ChartXAxisItem,
-  Ns as ChartXAxisLabels,
-  Os as ChartXAxisNotes,
-  Ks as ChartXAxisNotesIcon,
-  Ls as ChartXAxisNotesLabel,
-  Kt as ChartXAxisTitle,
-  St as ChartYAxis,
-  Ps as ChartYAxisCrosshair,
-  Rs as ChartYAxisCrosshairTooltip,
-  Q as ChartYAxisItem,
-  Fs as ChartYAxisLabels,
-  Ms as ChartYAxisNotes,
-  Hs as ChartYAxisNotesIcon,
-  Vs as ChartYAxisNotesLabel,
-  Lt as ChartYAxisTitle,
-  rs as ChartZoomable,
+  De as AxisLabelClickEvent,
+  vs as Chart,
+  gs as ChartArea,
+  Cs as ChartAxisDefaults,
+  Lt as ChartAxisDefaultsCrosshair,
+  Pt as ChartAxisDefaultsCrosshairTooltip,
+  Nt as ChartAxisDefaultsLabels,
+  Ot as ChartAxisDefaultsTitle,
+  D as ChartBreadcrumb,
+  It as ChartCategoryAxis,
+  _s as ChartCategoryAxisCrosshair,
+  Ds as ChartCategoryAxisCrosshairTooltip,
+  G as ChartCategoryAxisItem,
+  As as ChartCategoryAxisLabels,
+  Os as ChartCategoryAxisNotes,
+  Ns as ChartCategoryAxisNotesIcon,
+  Ls as ChartCategoryAxisNotesLabel,
+  Ps as ChartCategoryAxisRangeLabels,
+  Kt as ChartCategoryAxisTitle,
+  bs as ChartLegend,
+  Mt as ChartLegendInactiveItems,
+  Ft as ChartLegendItem,
+  Ht as ChartLegendTitle,
+  xs as ChartNavigator,
+  Bt as ChartNavigatorCategoryAxis,
+  dr as ChartNavigatorHint,
+  qt as ChartNavigatorPane,
+  ur as ChartNavigatorSelect,
+  Ut as ChartNavigatorSeries,
+  se as ChartNavigatorSeriesItem,
+  Z as ChartPane,
+  kt as ChartPaneDefaults,
+  Rt as ChartPaneDefaultsTitle,
+  wt as ChartPanes,
+  Ss as ChartPlotArea,
+  Tt as ChartSeries,
+  Es as ChartSeriesDefaults,
+  js as ChartSeriesErrorBars,
+  Vs as ChartSeriesExtremes,
+  $s as ChartSeriesHighlight,
+  J as ChartSeriesItem,
+  Rs as ChartSeriesItemOutliers,
+  Ks as ChartSeriesItemTooltip,
+  Ms as ChartSeriesLabels,
+  Bs as ChartSeriesLabelsFrom,
+  qs as ChartSeriesLabelsTo,
+  Hs as ChartSeriesMarkers,
+  Fs as ChartSeriesNotes,
+  zs as ChartSeriesNotesIcon,
+  Us as ChartSeriesNotesLabel,
+  Is as ChartSubtitle,
+  ks as ChartTitle,
+  ws as ChartTooltip,
+  _t as ChartValueAxis,
+  Ws as ChartValueAxisCrosshair,
+  Xs as ChartValueAxisCrosshairTooltip,
+  Q as ChartValueAxisItem,
+  Ys as ChartValueAxisLabels,
+  Gs as ChartValueAxisNotes,
+  Zs as ChartValueAxisNotesIcon,
+  Js as ChartValueAxisNotesLabel,
+  $t as ChartValueAxisTitle,
+  Dt as ChartXAxis,
+  Qs as ChartXAxisCrosshair,
+  er as ChartXAxisCrosshairTooltip,
+  ee as ChartXAxisItem,
+  tr as ChartXAxisLabels,
+  sr as ChartXAxisNotes,
+  rr as ChartXAxisNotesIcon,
+  nr as ChartXAxisNotesLabel,
+  Vt as ChartXAxisTitle,
+  At as ChartYAxis,
+  ar as ChartYAxisCrosshair,
+  ir as ChartYAxisCrosshairTooltip,
+  te as ChartYAxisItem,
+  or as ChartYAxisLabels,
+  lr as ChartYAxisNotes,
+  cr as ChartYAxisNotesIcon,
+  hr as ChartYAxisNotesLabel,
+  jt as ChartYAxisTitle,
+  Ts as ChartZoomable,
   g as CollectionConfigurationComponent,
-  o as ConfigurationComponent,
-  $ as CrosshairTooltip,
+  l as ConfigurationComponent,
+  W as CrosshairTooltip,
   X as CrosshairTooltipContainer,
-  W as DonutCenter,
-  Ee as DragEndEvent,
-  Se as DragEvent,
-  Ie as DragStartEvent,
-  V as DrilldownEvent,
-  ut as DrilldownStateChangeEvent,
-  we as LegendItemClickEvent,
-  _e as LegendItemHoverEvent,
-  De as NavigatorFilterEvent,
-  Te as NoteClickEvent,
-  Ae as NoteHoverEvent,
-  Ne as PlotAreaClickEvent,
-  Oe as PlotAreaHoverEvent,
-  Ke as RenderEvent,
-  Pe as SelectEndEvent,
-  Le as SelectEvent,
-  Re as SelectStartEvent,
-  Fe as SeriesClickEvent,
-  Me as SeriesHoverEvent,
+  Y as DonutCenter,
+  Oe as DragEndEvent,
+  Ae as DragEvent,
+  Ne as DragStartEvent,
+  j as DrilldownEvent,
+  xt as DrilldownStateChangeEvent,
+  Pe as LegendItemClickEvent,
+  Le as LegendItemHoverEvent,
+  Re as NavigatorFilterEvent,
+  Fe as NoteClickEvent,
+  He as NoteHoverEvent,
+  Me as PlotAreaClickEvent,
+  $e as PlotAreaHoverEvent,
+  Ve as RenderEvent,
+  le as Sankey,
+  Be as SelectEndEvent,
+  je as SelectEvent,
+  qe as SelectStartEvent,
+  Ue as SeriesClickEvent,
+  ze as SeriesHoverEvent,
   U as SeriesTooltip,
-  st as SharedTooltipContent,
-  Xt as Sparkline,
-  Wt as StockChart,
-  P as TooltipPoint,
-  w as TooltipPopup,
-  Ve as ZoomEndEvent,
-  He as ZoomEvent,
-  je as ZoomStartEvent,
-  Xs as exportVisual,
-  Us as findAxisByName,
-  zs as findPaneByIndex,
-  $s as findPaneByName
+  ht as SharedTooltipContent,
+  fs as Sparkline,
+  ys as StockChart,
+  F as TooltipPoint,
+  _ as TooltipPopup,
+  Xe as ZoomEndEvent,
+  We as ZoomEvent,
+  Ye as ZoomStartEvent,
+  fr as exportVisual,
+  pr as findAxisByName,
+  mr as findPaneByIndex,
+  vr as findPaneByName
 };