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

package/index.mjs

@@ -1,1823 +1,243 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
 "use client";
-import * as n from "react";
-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;
-  return !!s;
-}
-function C(t, e, s, r) {
-  const a = t[e];
-  if (a && Array.isArray(a)) {
-    for (let i of a)
-      if (!i.type || i.type !== r)
-        return new Error(
-          `${s} children should be Array of type ${r.displayName}.`
-        );
-  }
-  return null;
-}
-const L = (t) => t === void 0 ? !1 : !t, Ee = (t) => ({
-  x: {
-    location: t.pageX
-  },
-  y: {
-    location: t.pageY
-  }
-}), Ie = (t, e) => {
-  const s = t.pointers, r = s[0], a = r.pageX, i = r.pageY;
-  let c = 0;
-  if (s.length > 1) {
-    const h = s[0], d = s[1];
-    c = Math.sqrt(Math.pow(h.pageX - d.pageX, 2) + Math.pow(h.pageY - d.pageY, 2));
-  }
-  return {
-    distance: c,
-    event: t.srcEvent,
-    preventDefault: function() {
-      t.preventDefault();
-    },
-    target: t.target,
-    touches: s.map(Ee),
-    type: t.type,
-    x: {
-      delta: e ? a - e.x.location : 0,
-      initialDelta: t.deltaX,
-      location: a,
-      startLocation: a - t.deltaX
-    },
-    y: {
-      delta: e ? i - e.y.location : 0,
-      initialDelta: t.deltaY,
-      location: i,
-      startLocation: i - t.deltaY
-    }
-  };
-};
-function ke(t, e) {
-  for (let s = 0; s < t.length; s++)
-    if (e[t[s]])
-      return !0;
-  return !1;
-}
-const P = [{
-  end: "panend",
-  move: "panmove",
-  start: "panstart"
-}, {
-  gesturechange: "pinchmove",
-  gestureend: "pinchend",
-  gesturestart: "pinchstart"
-}, {
-  press: "press"
-}, {
-  tap: "tap"
-}];
-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);
-  }
-  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 = 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 < 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]);
-        }
-    }
-  }
-  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 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(Te);
-        return;
-      }
-      const a = new r(e, {
-        recognizers: [
-          [r.Tap],
-          [r.Pan],
-          [r.Pinch],
-          [r.Press, { time: 0 }]
-        ]
-      });
-      return new we(a, s);
-    }
-  }
-}
-class v {
-  /**
-   * @hidden
-   */
-  constructor(e) {
-    this.target = e;
-  }
-}
-class De extends v {
-  /**
-   * @hidden
-   */
-  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 v {
-  constructor() {
-    super(...arguments), this.prevented = !1;
-  }
-  /* eslint-disable max-len */
-  /**
-   * Prevents the default action for a specified event. In this way, the source component suppresses the built-in behavior that follows the event.
-   */
-  preventDefault() {
-    this.prevented = !0;
-  }
-  /**
-   * Returns `true` if the event was prevented by any of its subscribers.
-   *
-   * @returns `true` if the default action was prevented.
-   * Otherwise, returns `false`.
-   */
-  isDefaultPrevented() {
-    return this.prevented;
-  }
-}
-class Ae extends f {
-  /**
-   * @hidden
-   */
-  constructor(e, s) {
-    super(s), this.axisRanges = e.axisRanges, this.nativeEvent = e.originalEvent;
-  }
-}
-class Oe extends v {
-  /**
-   * @hidden
-   */
-  constructor(e, s) {
-    super(s), this.axisRanges = e.axisRanges, this.nativeEvent = e.originalEvent;
-  }
-}
-class Ne extends f {
-  /**
-   * @hidden
-   */
-  constructor(e, s) {
-    super(s), this.axisRanges = e.axisRanges, this.nativeEvent = e.originalEvent;
-  }
-}
-class j extends v {
-  /**
-   * @hidden
-   */
-  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 Le extends f {
-  /**
-   * @hidden
-   */
-  constructor(e, s) {
-    super(s), this.series = e.series, this.seriesIndex = e.seriesIndex, this.pointIndex = e.pointIndex, this.text = e.text;
-  }
-  /**
-   * If called, the series highlight is not shown as a result of hovering over the legend item.
-   */
-  preventDefault() {
-    super.preventDefault();
-  }
-}
-class Pe extends f {
-  /**
-   * @hidden
-   */
-  constructor(e, s) {
-    super(s), this.series = e.series, this.seriesIndex = e.seriesIndex, this.pointIndex = e.pointIndex, this.text = e.text;
-  }
-  /**
-   * If called, the series visibility is not toggled as a result of clicking the legend item.
-   */
-  preventDefault() {
-    super.preventDefault();
-  }
-}
-class Ke extends f {
-  /**
-   * @hidden
-   */
-  constructor(e, s) {
-    super(s), this.series = e.series, this.seriesIndex = e.seriesIndex, this.pointIndex = e.pointIndex, this.text = e.text;
-  }
-  /**
-   * @hidden
-   */
-  preventDefault() {
-    super.preventDefault();
-  }
-}
-class Re extends v {
-  /**
-   * Constructs the event arguments from a raw object.
-   */
-  constructor(e, s) {
-    super(s), this.from = e.from, this.to = e.to;
-  }
-}
-class Fe extends v {
-  /**
-   * @hidden
-   */
-  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 He extends v {
-  /**
-   * @hidden
-   */
-  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 Me extends v {
-  /**
-   * @hidden
-   */
-  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 $e extends v {
-  /**
-   * @hidden
-   */
-  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 Ve extends v {
-  /**
-   * @hidden
-   */
-  constructor(e, s) {
-    super(s);
-  }
-}
-class je extends f {
-  /**
-   * @hidden
-   */
-  constructor(e, s) {
-    super(s), this.axis = e.axis, this.from = e.from, this.to = e.to;
-  }
-}
-class Be extends v {
-  /**
-   * @hidden
-   */
-  constructor(e, s) {
-    super(s), this.axis = e.axis, this.from = e.from, this.to = e.to;
-  }
-}
-class qe extends f {
-  /**
-   * @hidden
-   */
-  constructor(e, s) {
-    super(s), this.axis = e.axis, this.from = e.from, this.to = e.to;
-  }
-}
-class Ue extends v {
-  // tslint:enable:max-line-length
-  /**
-   * @hidden
-   */
-  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 ze extends f {
-  /**
-   * @hidden
-   */
-  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 We extends f {
-  // tslint:enable:max-line-length
-  /**
-   * @hidden
-   */
-  constructor(e, s) {
-    super(s), this.axisRanges = e.axisRanges, this.delta = e.delta, this.nativeEvent = e.originalEvent;
-  }
-}
-class Xe extends v {
-  // tslint:enable:max-line-length
-  /**
-   * @hidden
-   */
-  constructor(e, s) {
-    super(s), this.axisRanges = e.axisRanges, this.nativeEvent = e.originalEvent;
-  }
-}
-class Ye extends f {
-  // tslint:enable:max-line-length
-  /**
-   * @hidden
-   */
-  constructor(e, s) {
-    super(s), this.axisRanges = e.axisRanges, this.nativeEvent = e.originalEvent;
-  }
-}
-const K = {
-  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 Ge(t, e, s) {
-  if (K[t])
-    return new K[t](e, s);
-}
-class Ze {
-  /**
-   * @hidden
-   */
-  constructor(e, s) {
-    this.sender = e, this.syntheticEvent = s;
-  }
-}
-function B(t, e) {
-  return new Ze(t, e);
-}
-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 Je(e[1]);
-  const s = t.split("--series-")[1];
-  return parseInt(s, 10) - 1;
-}, et = 30, tt = () => {
-  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 < et; e++)
-    t += `
-      <div class="k-var--series-${e + 1}"></div>`;
-  return t;
-}, st = `
-    <div class="k-var--primary"></div>
-    <div class="k-var--base"></div>
-    <div class="k-var--background"></div>
-
-    <div class="k-var--normal-background"></div>
-    <div class="k-var--normal-text-color"></div>
-    <div class="k-var--hover-background"></div>
-    <div class="k-var--hover-text-color"></div>
-    <div class="k-var--selected-background"></div>
-    <div class="k-var--selected-text-color"></div>
-    <div class="k-var--chart-error-bars-background"></div>
-    <div class="k-var--chart-notes-background"></div>
-    <div class="k-var--chart-notes-border"></div>
-    <div class="k-var--chart-notes-lines"></div>
-    <div class="k-var--chart-crosshair-background"></div>
-
-    <div class="k-var--chart-inactive"></div>
-    <div class="k-var--chart-major-lines"></div>
-    <div class="k-var--chart-minor-lines"></div>
-    <div class="k-var--chart-area-opacity"></div>
-    <div class="k-var--chart-area-inactive-opacity"></div>
-    <div class="k-var--chart-line-inactive-opacity"></div>
-
-    <div class="k-widget k-chart">
-        <div class="k-var--chart-font"></div>
-        <div class="k-var--chart-title-font"></div>
-        <div class="k-var--chart-pane-title-font"></div>
-        <div class="k-var--chart-label-font"></div>
-    </div>
-
-    <div class="k-var--series-unset"></div>
-    <div class="k-var--series">
-      ${tt()}
-    </div>
-`;
-let rt = class {
-  constructor(e) {
-    this.store = e;
-  }
-  setStyle(e, s) {
-    this.store.dispatch({ type: "set", payload: { field: e, value: s } });
-  }
-  setColors() {
-    this.mapColor("axisDefaults.crosshair.color", "chart-crosshair-background"), this.mapColor("axisDefaults.labels.color", "normal-text-color"), this.mapColor("axisDefaults.line.color", "chart-major-lines"), this.mapColor("axisDefaults.majorGridLines.color", "chart-major-lines"), this.mapColor("axisDefaults.minorGridLines.color", "chart-minor-lines"), this.mapColor("axisDefaults.notes.icon.background", "chart-notes-background"), this.mapColor("axisDefaults.notes.icon.border.color", "chart-notes-border"), this.mapColor("axisDefaults.notes.line.color", "chart-notes-lines"), this.mapColor("axisDefaults.title.color", "normal-text-color"), this.mapColor("chartArea.background", "background"), this.mapColor("legend.inactiveItems.labels.color", "chart-inactive"), this.mapColor("legend.inactiveItems.markers.color", "chart-inactive"), this.mapColor("legend.labels.color", "normal-text-color"), this.mapColor("seriesDefaults.boxPlot.downColor", "chart-major-lines"), this.mapColor("seriesDefaults.boxPlot.mean.color", "base"), this.mapColor("seriesDefaults.boxPlot.median.color", "base"), this.mapColor("seriesDefaults.boxPlot.whiskers.color", "primary"), this.mapColor("seriesDefaults.bullet.target.color", "normal-text-color"), this.mapColor("seriesDefaults.candlestick.downColor", "normal-text-color"), this.mapColor("seriesDefaults.candlestick.line.color", "normal-text-color"), this.mapColor("seriesDefaults.errorBars.color", "chart-error-bars-background"), this.mapColor("seriesDefaults.horizontalWaterfall.line.color", "chart-major-lines"), this.mapColor("seriesDefaults.icon.border.color", "chart-major-lines"), this.mapColor("seriesDefaults.labels.background", "background"), this.mapColor("seriesDefaults.labels.color", "normal-text-color"), this.mapColor("seriesDefaults.notes.icon.background", "chart-notes-background"), this.mapColor("seriesDefaults.notes.icon.border.color", "chart-notes-border"), this.mapColor("seriesDefaults.notes.line.color", "chart-notes-lines"), this.mapColor("seriesDefaults.verticalBoxPlot.downColor", "chart-major-lines"), this.mapColor("seriesDefaults.verticalBoxPlot.mean.color", "base"), this.mapColor("seriesDefaults.verticalBoxPlot.median.color", "base"), this.mapColor("seriesDefaults.verticalBoxPlot.whiskers.color", "primary"), this.mapColor("seriesDefaults.verticalBullet.target.color", "normal-text-color"), this.mapColor("seriesDefaults.waterfall.line.color", "chart-major-lines"), this.mapColor("title.color", "normal-text-color"), this.mapColor("subtitle.color", "normal-text-color");
-    const e = parseFloat(this.queryStyle("chart-area-opacity").opacity);
-    isNaN(e) || (this.setStyle("seriesDefaults.area.opacity", e), this.setStyle("seriesDefaults.radarArea.opacity", e), this.setStyle("seriesDefaults.verticalArea.opacity", e), this.setStyle("seriesDefaults.labels.opacity", e)), this.setInactiveOpacity(["area", "verticalArea"], "chart-area-inactive-opacity"), this.setInactiveOpacity(["line", "verticalLine"], "chart-line-inactive-opacity");
-  }
-  setFonts() {
-    const e = E(this.queryStyle("chart-font")), s = E(this.queryStyle("chart-title-font")), r = E(this.queryStyle("chart-pane-title-font")), a = E(this.queryStyle("chart-label-font"));
-    this.setStyle("axisDefaults.labels.font", a), this.setStyle("axisDefaults.notes.label.font", e), this.setStyle("axisDefaults.title.font", e), this.setStyle("legend.labels.font", e), this.setStyle("seriesDefaults.labels.font", a), this.setStyle("seriesDefaults.notes.label.font", e), this.setStyle("title.font", s), this.setStyle("subtitle.font", r), this.setStyle("paneDefaults.title.font", r);
-  }
-  setSeriesColors() {
-    const e = this.element, s = [].slice.call(e.querySelectorAll(".k-var--series div")), r = R(e.querySelector(".k-var--series-unset")), a = s.reduce(
-      (i, c) => {
-        const h = Qe(c.className), d = R(c);
-        return d !== r && (i[h] = d), i;
-      },
-      []
-      // Will populate the series colors in this array
-    );
-    this.setStyle("seriesColors", a);
-  }
-  mapColor(e, s) {
-    this.setStyle(e, this.queryStyle(s).backgroundColor);
-  }
-  queryStyle(e) {
-    const s = this.element;
-    return window.getComputedStyle(s.querySelector(`.k-var--${e}`));
-  }
-  setInactiveOpacity(e, s) {
-    const r = parseFloat(this.queryStyle(s).opacity);
-    !isNaN(r) && r < 1 && e.forEach(
-      (a) => this.setStyle(`seriesDefaults.${a}.highlight.inactiveOpacity`, r)
-    );
-  }
-};
-const nt = (t, e, s) => {
-  const r = new rt(t);
-  if (typeof s == "undefined") {
-    t.dispatch({ type: "push", payload: O() });
-    return;
-  }
-  const a = r.element = s.createElement("div");
-  a.style.display = "none", a.innerHTML = st, s.body.appendChild(a);
-  try {
-    t.dispatch({ type: "push", payload: O() }), r.setColors(), r.setFonts(), r.setSeriesColors();
-  } finally {
-    s.body.removeChild(r.element), delete r.element, e();
-  }
-}, at = 1e3 / 60, it = (t) => {
-  let e, s, r = [];
-  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 = 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 k.themeItem(t, e);
-      case "push":
-        return Object.assign(t, e.payload);
-      default:
-        return t;
-    }
-  else
-    return {};
-}, lt = (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, a] = e.chartCollectionIdxKey.split("_"), i = t[r].map((c, h) => parseInt(a, 10) === h ? (s = !0, e.payload) : c);
-    return s === !1 && i.splice(parseInt(a, 10), 0, e.payload), Object.assign(t, {
-      [r]: i
-    });
-  },
-  themeItem(t, e) {
-    let s = {}, r = Object.assign(s, t);
-    const { field: a, value: i } = e.payload, c = a.split(".");
-    let h = c.shift();
-    for (; c.length > 0; )
-      s = s[h] = s[h] || {}, h = c.shift();
-    return s[h] = i, r;
-  }
-};
-class F {
-  /**
-   * @hidden
-   */
-  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", 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: ct,
-      style: { backgroundColor: h.series.color }
-    }
-  )), 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 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 !!V(a.relatedTarget, this.element);
-    }, this.onMouseLeave = (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 b(this, {
-      onMouseLeave: "onChartMouseLeave"
-    }), s.observersStore.dispatch({
-      type: "add",
-      payload: this.chartObserver
-    });
-  }
-  render() {
-    const { popupShown: e, popupAlign: s, popupOffset: r, popupStyles: a, popupContent: i, className: c } = this.props, h = [ut, c].join(" ").trim();
-    return /* @__PURE__ */ n.createElement(
-      be,
-      {
-        animate: !1,
-        popupAlign: s,
-        offset: r,
-        show: e,
-        collision: dt,
-        className: pt
-      },
-      /* @__PURE__ */ n.createElement(
-        "div",
-        {
-          className: h,
-          style: a,
-          onMouseLeave: this.onMouseLeave,
-          ref: this.popupRef
-        },
-        i()
-      )
-    );
-  }
-  componentWillUnmount() {
-    this.context.observersStore.dispatch({
-      type: "remove",
-      payload: this.chartObserver
-    });
-  }
-}
-_.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 = {
-      popupShown: !1
-    }, this.chartObserver = null;
-  }
-  componentDidMount() {
-    this.chartObserver = new b(this, {
-      showTooltip: "onShowTooltip",
-      hideTooltip: "onHideTooltip"
-    }), this.context.observersStore.dispatch({
-      type: "add",
-      payload: this.chartObserver
-    });
-  }
-  render() {
-    const { popupContext: e, shared: s, className: r, ...a } = this.state, i = this.state.popupShown ? () => {
-      const h = this.findRenderFunction();
-      if (s)
-        return h !== null ? h(e) : /* @__PURE__ */ n.createElement(ht, { ...e });
-      {
-        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 }
-          }
-        );
-      }
-    } : Function.prototype, c = S({
-      [mt]: s,
-      [vt]: !!r
-    });
-    return /* @__PURE__ */ n.createElement(
-      _,
-      {
-        ...a,
-        popupContent: i,
-        className: c
-      }
-    );
-  }
-  componentWillUnmount() {
-    this.context.observersStore.dispatch({
-      type: "remove",
-      payload: this.chartObserver
-    });
-  }
-  onShowTooltip(e) {
-    const { anchor: s, style: r, shared: a, className: i, crosshair: c } = e;
-    let h;
-    c || (a ? h = this.createSharedTooltipContext(e) : h = this.createTooltipContext(e), this.setState({
-      popupShown: !0,
-      popupAlign: s.align,
-      popupOffset: s.point,
-      popupContext: h,
-      popupStyles: r,
-      className: i,
-      shared: a
-    }));
-  }
-  onHideTooltip() {
-    this.setState({
-      popupShown: !1,
-      popupStyles: {},
-      className: void 0
-    });
-  }
-  createSharedTooltipContext(e) {
-    const { points: s, categoryText: r } = e, a = s.filter((h) => typeof h.series.name != "undefined").length > 0, i = e.series.length > 1;
-    let c = 1;
-    return a && c++, i && c++, {
-      categoryText: r,
-      colorMarker: i,
-      colspan: c,
-      nameColumn: a,
-      points: e.points.map((h) => new F(h, e.format))
-    };
-  }
-  createTooltipContext(e) {
-    const { point: s, format: r } = e;
-    return { point: new F(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;
-  }
-}
-U.contextType = y;
-const z = (t) => t.children;
-z.displayName = "Container";
-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 b(this, {
-      showTooltip: "onShowTooltip",
-      hideTooltip: "onHideTooltip"
-    }), s.observersStore.dispatch({
-      type: "add",
-      payload: this.chartObserver
-    });
-  }
-  render() {
-    const { popupContend: e, className: s, ...r } = this.state, a = this.state.popupShown ? () => e : Function.prototype, i = S({
-      [ft]: !0,
-      [yt]: !!s
-    });
-    return /* @__PURE__ */ n.createElement(
-      _,
-      {
-        ...r,
-        popupContent: a,
-        className: i
-      }
-    );
-  }
-  componentWillUnmount() {
-    var e;
-    (e = this.context) == null || e.observersStore.dispatch({
-      type: "remove",
-      payload: this.chartObserver
-    });
-  }
-  onShowTooltip(e) {
-    const { anchor: s, style: r, className: a, crosshair: i, axisName: c, axisIndex: h, value: d } = e, { name: u, index: m } = this.props;
-    i && c === u && h === m && this.setState({
-      popupShown: !0,
-      popupAlign: s.align,
-      popupOffset: s.point,
-      popupContend: d,
-      popupStyles: r,
-      className: a
-    });
-  }
-  onHideTooltip() {
-    this.setState({
-      popupShown: !1,
-      popupStyles: {},
-      className: void 0
-    });
-  }
-}
-W.contextType = y;
-const H = ["categoryAxis", "valueAxis", "xAxis", "yAxis"];
-function gt(t) {
-  const e = {};
-  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;
-    }
-  }
-  return e;
-}
-function Ct(t, e) {
-  const s = [];
-  if (t[e]) {
-    const r = [].concat(t[e]);
-    for (let a = 0; a < r.length; a++) {
-      const i = (r[a].crosshair || {}).tooltip;
-      i && i.visible && s.push({
-        index: a,
-        name: e
-      });
-    }
-  }
-  return s;
-}
-class X extends n.Component {
-  constructor() {
-    super(...arguments), this.context = null, this.state = {
-      tooltips: {}
-    }, this.storeUnsubscriber = Function.prototype, this.subscriber = () => {
-      var e;
-      this.setState({
-        tooltips: gt((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) => /* @__PURE__ */ n.createElement(W, { ...e[r], key: r }));
-    return /* @__PURE__ */ n.createElement(z, null, s);
-  }
-  componentWillUnmount() {
-    this.storeUnsubscriber();
-  }
-}
-X.contextType = y;
-const w = {
-  name: "@progress/kendo-react-charts",
-  productName: "KendoReact",
-  productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1709198446,
-  version: "",
-  licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
-};
-class x extends n.Component {
-  constructor(e) {
-    super(e), this.chartInstance = null, this.surface = null, this._element = null, this.optionsStore = {}, this.optionsUnsubscriber = Function.prototype, this.themeStore = {}, this.themeUnsubscriber = Function.prototype, this.observersStore = {}, this.suppressTransitions = !1, this.showLicenseWatermark = !1, this.onRender = (s) => {
-      this.chartInstance !== null && (this.surface = s.sender.surface, this.trigger("render", s));
-    }, this.onDrilldown = (s) => {
-      var c;
-      const { series: r } = this.optionsStore.getState(), a = r.find((h) => h.name === s.series.name);
-      if (!a.drilldownSeriesFactory)
-        return !0;
-      const i = "onDrilldown";
-      if (this.props.hasOwnProperty(i)) {
-        const h = { seriesName: a.name, drilldownValue: s.value }, d = [...((c = this.props.drilldownState) == null ? void 0 : c.steps) || [], h], u = this.props.getTarget(), m = {
-          ...s,
-          currentState: this.props.drilldownState,
-          nextState: { steps: d }
-        }, p = new j(m, u);
-        this.props[i].call(void 0, p);
-      }
-      return !0;
-    }, this.onLegendItemClick = (s) => {
-      if (this.chartInstance !== null)
-        if (this.props.onLegendItemClick)
-          this.trigger("legendItemClick", s);
-        else {
-          const { series: r } = this.optionsStore.getState();
-          if (!r)
-            return;
-          let a = {};
-          const { seriesIndex: i, pointIndex: c } = s, h = r[i];
-          if (c === void 0)
-            a = Object.assign({}, h, { visible: L(h.visible) });
-          else {
-            const d = h.pointVisibility = h.pointVisibility || [];
-            d[c] = L(d[c]), a = Object.assign({}, h);
-          }
-          this.optionsStore.dispatch({
-            chartCollectionIdxKey: `series_${i}`,
-            payload: a
-          }), this.suppressTransitions = !0;
-        }
-    }, this.onWindowResize = () => {
-      this.chartInstance !== null && this.chartInstance.resize();
-    }, this.onChartMouseLeave = (s) => {
-      const r = 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 && !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(ot), this.chartObserver = new b(this, {
-      render: "onRender",
-      legendItemClick: "onLegendItemClick",
-      drilldown: "onDrilldown"
-    });
-  }
-  /**
-   * @hidden
-   */
-  get element() {
-    return this._element;
-  }
-  /**
-   * @hidden
-   */
-  static getDerivedStateFromProps(e, s) {
-    return {
-      ...s,
-      drilldownState: e.drilldownState || []
-    };
-  }
-  /**
-   * @hidden
-   */
-  componentDidMount() {
-    var s;
-    const e = ((s = this._element) == null ? void 0 : s.ownerDocument) || document;
-    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
-   */
-  componentWillUnmount() {
-    this.optionsUnsubscriber(), this.themeUnsubscriber(), this.chartInstance !== null && (this.chartInstance.destroy(), this.chartInstance = null), window.removeEventListener("resize", this.onWindowResize);
-  }
-  /**
-   * @hidden
-   */
-  componentDidUpdate(e) {
-    const { dir: s, children: r, ...a } = this.props;
-    if (this.chartInstance !== null) {
-      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);
-      });
-      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));
-    }
-  }
-  /**
-   * @hidden
-   */
-  render() {
-    const { style: e = {}, className: s, wrapper: r, children: a } = this.props, i = Object.assign({}, e, { position: "relative" }), c = n.createElement(
-      r,
-      {
-        className: s,
-        style: i,
-        key: "chartElement"
-      },
-      /* @__PURE__ */ n.createElement(
-        "div",
-        {
-          onMouseLeave: this.onChartMouseLeave,
-          ref: (h) => this._element = h,
-          className: "k-chart-surface"
-        },
-        a
-      ),
-      /* @__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);
-  }
-  /**
-   * @hidden
-   */
-  getDirection(e) {
-    return (e !== void 0 ? e : (() => T && window.getComputedStyle(this.element).direction)() || "ltr") === "rtl";
-  }
-  /**
-   * @hidden
-   */
-  getChartOptions() {
-    const {
-      renderAs: e,
-      pannable: s,
-      zoomable: r,
-      paneDefaults: a,
-      panes: i,
-      transitions: c,
-      seriesColors: h,
-      seriesDefaults: d,
-      axisDefaults: u,
-      deriveOptionsFromParent: m
-    } = this.props;
-    let p = {};
-    return e !== void 0 && (p.renderAs = e), s !== void 0 && (p.pannable = s), r !== void 0 && (p.zoomable = r), a !== void 0 && (p.paneDefaults = a), i !== void 0 && (p.panes = i), c !== void 0 && (p.transitions = c), h !== void 0 && (p.seriesColors = h), 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
-   */
-  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);
-    }
-  }
-  /**
-   * @hidden
-   */
-  instantiateCoreChart() {
-    const { dir: e, chartConstructor: s } = this.props, r = this.getChartOptions();
-    this.chartInstance = new s(
-      this.element,
-      r,
-      this.themeStore.getState(),
-      {
-        rtl: this.getDirection(e),
-        intlService: A(this),
-        observer: this.chartObserver,
-        sender: this
-      }
-    );
-  }
-  /* Triggers public dom event handlers */
-  /**
-   * @hidden
-   */
-  trigger(e, s) {
-    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 */
-  /**
-   * @hidden
-   */
-  requiresHandlers(e) {
-    for (let s = 0; s < e.length; s++) {
-      const r = e[s], a = "on" + r.charAt(0).toUpperCase() + r.slice(1);
-      if (this.props.hasOwnProperty(a))
-        return !0;
-    }
-    return !1;
-  }
-  /* Triggers private dom event handlers */
-  /**
-   * @hidden
-   */
-  triggerDomEvent(e, s) {
-    const r = this.observersStore.getState();
-    let a = !1;
-    for (let i = 0; i < r.length; i++)
-      r[i].trigger(e, s) && (a = !0);
-    return a;
-  }
-}
-x.propTypes = {
-  dir: o.string,
-  renderAs: o.oneOf(["svg", "canvas"])
-};
-x.defaultProps = {
-  renderAs: "svg"
-};
-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 b(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 = /* @__PURE__ */ n.createElement("div", { className: "k-chart-donut-center", style: s }, /* @__PURE__ */ n.createElement(e, null))), r;
-  }
-  onRender(e) {
-    var m;
-    const s = (m = this.context) == null ? void 0 : m.optionsStore.getState().series, r = Array.isArray(s) ? s[0] : null, a = e.sender._plotArea.charts;
-    if (!r || r.type !== "donut" || a[0].points.length === 0)
-      return;
-    const i = a[0].points[0].sector, c = i.innerRadius, h = i.center.y - c, d = i.center.x - c, u = c * 2;
-    this.setState({
-      donutCenterStyles: {
-        height: u,
-        left: d,
-        top: h,
-        width: u
-      }
-    });
-  }
-}
-Y.contextType = y;
-class vs extends n.Component {
-  constructor() {
-    super(...arguments), this._baseChart = null, this.getTarget = () => this;
-  }
-  /**
-   * @hidden
-   */
-  get chartInstance() {
-    return this._baseChart !== null ? this._baseChart.chartInstance : null;
-  }
-  /**
-   * The Drawing `Surface` of the Chart.
-   */
-  get surface() {
-    return this._baseChart !== null ? this._baseChart.surface : null;
-  }
-  /**
-   * The DOM element of the Chart.
-   */
-  get element() {
-    return this._baseChart !== null ? this._baseChart.element : null;
-  }
-  /**
-   * @hidden
-   */
-  render() {
-    const { donutCenterRender: e, children: s, className: r, ...a } = this.props;
-    return /* @__PURE__ */ n.createElement(
-      x,
-      {
-        ...a,
-        ref: (i) => this._baseChart = i,
-        chartConstructor: me,
-        getTarget: this.getTarget,
-        wrapper: "div",
-        className: S("k-chart k-widget", r)
-      },
-      s,
-      /* @__PURE__ */ n.createElement(Y, { render: e })
-    );
-  }
-}
-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 N.normalizeOptions(a);
-    }, this.getTarget = () => this;
-  }
-  /**
-   * @hidden
-   */
-  get chartInstance() {
-    return this._baseChart !== null ? this._baseChart.chartInstance : null;
-  }
-  /**
-   * The Drawing `Surface` of the Sparkline.
-   */
-  get surface() {
-    return this._baseChart !== null ? this._baseChart.surface : null;
-  }
-  /**
-   * The DOM element of the Sparkline.
-   */
-  get element() {
-    return this._baseChart !== null ? this._baseChart.element : null;
-  }
-  /**
-   * @hidden
-   */
-  render() {
-    const { children: e, type: s, className: r, ...a } = this.props;
-    return /* @__PURE__ */ n.createElement(
-      x,
-      {
-        ...a,
-        ref: (i) => this._baseChart = i,
-        chartConstructor: N,
-        getTarget: this.getTarget,
-        wrapper: "span",
-        deriveOptionsFromParent: this.deriveOptionsFromParent,
-        className: S("k-sparkline k-widget", r)
-      },
-      e
-    );
-  }
-}
-const bt = {
-  autoBindElements: !0,
-  liveDrag: !1,
-  partialRedraw: !0
-};
-class ys extends n.Component {
-  constructor() {
-    super(...arguments), this._baseChart = null, this.deriveOptionsFromParent = (e) => {
-      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);
-    }, this.getTarget = () => this;
-  }
-  /**
-   * @hidden
-   */
-  get chartInstance() {
-    return this._baseChart !== null ? this._baseChart.chartInstance : null;
-  }
-  /**
-   * The Drawing `Surface` of the StockChart.
-   */
-  get surface() {
-    return this._baseChart !== null ? this._baseChart.surface : null;
-  }
-  /**
-   * The DOM element of the StockChart.
-   */
-  get element() {
-    return this._baseChart !== null ? this._baseChart.element : null;
-  }
-  /**
-   * @hidden
-   */
-  render() {
-    const { children: e, className: s, ...r } = this.props;
-    return /* @__PURE__ */ n.createElement(
-      x,
-      {
-        ...r,
-        ref: (a) => this._baseChart = a,
-        chartConstructor: ve,
-        getTarget: this.getTarget,
-        wrapper: "div",
-        deriveOptionsFromParent: this.deriveOptionsFromParent,
-        onRefresh: this.onRefresh,
-        className: S("k-stockchart k-widget", s)
-      },
-      e
-    );
-  }
-}
-class g extends n.Component {
-  constructor(e, s) {
-    super(e, s), this.optionsStore = s.optionsStore;
-  }
-  renderChildren(e, s) {
-    const { children: r } = e.props, { _chartKey: a, _parentStore: i } = this.props, c = {
-      ...e.props,
-      _chartCollectionIdxKey: `${a}_${s}`,
-      _parentStore: i
-    };
-    return n.cloneElement(e, c, r);
-  }
-  render() {
-    const { _chartKey: e, _parentStore: s, children: r } = this.props;
-    return (s || this.optionsStore).dispatch({
-      chartKey: e,
-      payload: []
-    }), n.Children.map(r, (i, c) => n.isValidElement(i) ? this.renderChildren(i, c) : i);
-  }
-}
-g.contextType = y;
-class l extends n.Component {
-  constructor(e, s) {
-    super(e, s), this.optionsStore = s.optionsStore, this.childStore = I(q);
-  }
-  render() {
-    const { children: e } = this.props;
-    return e !== void 0 ? n.Children.map(e, (s) => n.isValidElement(s) ? this.renderChildren(s) : s) : null;
-  }
-  componentDidMount() {
-    this.dispatch();
-  }
-  componentDidUpdate() {
-    this.dispatch();
-  }
-  dispatch() {
-    const { _chartKey: e, _chartCollectionIdxKey: s, _parentStore: r, children: a, ...i } = this.props;
-    (r || this.optionsStore).dispatch({
-      chartKey: e,
-      chartCollectionIdxKey: s,
-      payload: Object.assign({}, i, this.childStore.getState())
-    });
-  }
-  renderChildren(e) {
-    const { children: s } = e.props, r = {
-      ...e.props,
-      _parentStore: this.childStore
-    };
-    return n.cloneElement(e, r, s);
-  }
-}
-l.contextType = y;
-class xt {
-  /**
-   * @hidden
-   */
-  constructor(e) {
-    this.currentState = e.currentState, this.nextState = e.nextState;
-  }
-}
-const D = n.forwardRef((t, e) => {
-  const s = n.useRef(null), r = n.useRef(null);
-  n.useImperativeHandle(s, () => ({
-    element: r.current,
-    props: t
-  })), n.useImperativeHandle(e, () => s.current);
-  let i = [{
-    id: "0",
-    ...t.rootItem || {
-      text: "Home",
-      icon: /* @__PURE__ */ n.createElement(
-        Ce,
-        {
-          icon: Se,
-          style: { marginInlineEnd: "4px" }
-        }
-      )
-    }
-  }];
-  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 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(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: o.object
-}, Et = {
-  valueField: "id",
-  textField: "text",
-  iconField: "icon",
-  iconClassField: "iconClass",
-  data: []
-};
-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, G);
-  }
-};
-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, Z);
-  }
-};
-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) => {
-    var a, i;
-    return r && ((i = (a = r.drilldownState) == null ? void 0 : a.steps) == null ? void 0 : i.find(({ seriesName: c }) => c === t.name));
-  };
-  return /* @__PURE__ */ n.createElement(y.Consumer, null, (r) => s(r) ? /* @__PURE__ */ n.createElement(
-    e,
-    {
-      _chartCollectionIdxKey: t._chartCollectionIdxKey,
-      drilldownValue: s(r).drilldownValue
-    }
-  ) : /* @__PURE__ */ n.createElement(l, { ...t }));
-};
-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, J);
-  }
-};
-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, Q);
-  }
-};
-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, ee);
-  }
-};
-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, te);
-  }
-};
-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, se);
-  }
-};
-const pr = (t, e) => {
-  if (t && t.chartInstance !== null)
-    return t.chartInstance.findAxisByName(e);
-}, mr = (t, e) => {
-  if (t && t.chartInstance !== null)
-    return t.chartInstance.findPaneByIndex(e);
-}, vr = (t, e) => {
-  if (t && t.chartInstance !== null)
-    return t.chartInstance.findPaneByName(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";
+import { Chart as t } from "./Chart.mjs";
+import { Sparkline as a } from "./Sparkline.mjs";
+import { StockChart as m } from "./StockChart.mjs";
+import { CollectionConfigurationComponent as i } from "./components/base/CollectionConfigurationComponent.mjs";
+import { ConfigurationComponent as f } from "./components/base/ConfigurationComponent.mjs";
+import { DonutCenter as h } from "./DonutCenter.mjs";
+import { TooltipPoint as n } from "./tooltip/Point.mjs";
+import { SeriesTooltip as v } from "./tooltip/Series.mjs";
+import { CrosshairTooltip as S } from "./tooltip/Crosshair.mjs";
+import { TooltipPopup as N } from "./tooltip/Popup.mjs";
+import { SharedTooltipContent as T } from "./tooltip/SharedTooltipContent.mjs";
+import { CrosshairTooltipContainer as c } from "./tooltip/CrosshairContainer.mjs";
+import { ChartBreadcrumb as b } from "./ChartBreadcrumb.mjs";
+import { exportVisual as y, findAxisByName as D, findPaneByIndex as P, findPaneByName as V } from "./methods/index.mjs";
+import { ChartAxisDefaultsTitle as X } from "./components/axis-defaults/Title.mjs";
+import { ChartAxisDefaultsLabels as H } from "./components/axis-defaults/Labels.mjs";
+import { ChartAxisDefaultsCrosshair as Z } from "./components/axis-defaults/Crosshair.mjs";
+import { ChartAxisDefaultsCrosshairTooltip as F } from "./components/axis-defaults/CrosshairTooltip.mjs";
+import { ChartCategoryAxisCrosshair as M } from "./components/category-axis-item/Crosshair.mjs";
+import { ChartCategoryAxisCrosshairTooltip as j } from "./components/category-axis-item/CrosshairTooltip.mjs";
+import { ChartCategoryAxisTitle as z } from "./components/category-axis-item/Title.mjs";
+import { ChartCategoryAxisLabels as J } from "./components/category-axis-item/Labels.mjs";
+import { ChartCategoryAxisNotes as Q } from "./components/category-axis-item/Notes.mjs";
+import { ChartCategoryAxisNotesIcon as W } from "./components/category-axis-item/NotesIcon.mjs";
+import { ChartCategoryAxisNotesLabel as $ } from "./components/category-axis-item/NotesLabel.mjs";
+import { ChartCategoryAxisRangeLabels as or } from "./components/category-axis-item/RangeLabels.mjs";
+import { ChartPaneDefaultsTitle as er } from "./components/pane-defaults/Title.mjs";
+import { ChartLegendItem as xr } from "./components/legend/Item.mjs";
+import { ChartLegendTitle as pr } from "./components/legend/Title.mjs";
+import { ChartLegendInactiveItems as sr } from "./components/legend/InactiveItems.mjs";
+import { ChartSeriesItemTooltip as Cr } from "./components/series-item/Tooltip.mjs";
+import { ChartSeriesItemOutliers as lr } from "./components/series-item/Outliers.mjs";
+import { ChartSeriesNotes as Ar } from "./components/series-item/Notes.mjs";
+import { ChartSeriesMarkers as gr } from "./components/series-item/Markers.mjs";
+import { ChartSeriesLabels as Er } from "./components/series-item/Labels.mjs";
+import { ChartSeriesHighlight as ur } from "./components/series-item/Highlight.mjs";
+import { ChartSeriesExtremes as Lr } from "./components/series-item/Extremes.mjs";
+import { ChartSeriesErrorBars as Ir } from "./components/series-item/ErrorBars.mjs";
+import { ChartSeriesLabelsFrom as dr } from "./components/series-item/LabelsFrom.mjs";
+import { ChartSeriesLabelsTo as Dr } from "./components/series-item/LabelsTo.mjs";
+import { ChartSeriesNotesLabel as Vr } from "./components/series-item/NotesLabel.mjs";
+import { ChartSeriesNotesIcon as Xr } from "./components/series-item/NotesIcon.mjs";
+import { ChartValueAxisCrosshair as Hr } from "./components/value-axis-item/Crosshair.mjs";
+import { ChartValueAxisCrosshairTooltip as Zr } from "./components/value-axis-item/CrosshairTooltip.mjs";
+import { ChartValueAxisTitle as Fr } from "./components/value-axis-item/Title.mjs";
+import { ChartValueAxisLabels as Mr } from "./components/value-axis-item/Labels.mjs";
+import { ChartValueAxisNotes as jr } from "./components/value-axis-item/Notes.mjs";
+import { ChartValueAxisNotesIcon as zr } from "./components/value-axis-item/NotesIcon.mjs";
+import { ChartValueAxisNotesLabel as Jr } from "./components/value-axis-item/NotesLabel.mjs";
+import { ChartXAxisCrosshair as Qr } from "./components/x-axis-item/Crosshair.mjs";
+import { ChartXAxisCrosshairTooltip as Wr } from "./components/x-axis-item/CrosshairTooltip.mjs";
+import { ChartXAxisTitle as $r } from "./components/x-axis-item/Title.mjs";
+import { ChartXAxisLabels as oo } from "./components/x-axis-item/Labels.mjs";
+import { ChartXAxisNotes as eo } from "./components/x-axis-item/Notes.mjs";
+import { ChartXAxisNotesIcon as xo } from "./components/x-axis-item/NotesIcon.mjs";
+import { ChartXAxisNotesLabel as po } from "./components/x-axis-item/NotesLabel.mjs";
+import { ChartYAxisCrosshair as so } from "./components/y-axis-item/Crosshair.mjs";
+import { ChartYAxisCrosshairTooltip as Co } from "./components/y-axis-item/CrosshairTooltip.mjs";
+import { ChartYAxisTitle as lo } from "./components/y-axis-item/Title.mjs";
+import { ChartYAxisLabels as Ao } from "./components/y-axis-item/Labels.mjs";
+import { ChartYAxisNotes as go } from "./components/y-axis-item/Notes.mjs";
+import { ChartYAxisNotesIcon as Eo } from "./components/y-axis-item/NotesIcon.mjs";
+import { ChartYAxisNotesLabel as uo } from "./components/y-axis-item/NotesLabel.mjs";
+import { ChartNavigatorCategoryAxis as Lo } from "./components/navigator/CategoryAxis.mjs";
+import { ChartNavigatorHint as Io } from "./components/navigator/Hint.mjs";
+import { ChartNavigatorPane as yo } from "./components/navigator/Pane.mjs";
+import { ChartNavigatorSelect as Po } from "./components/navigator/Select.mjs";
+import { ChartNavigatorSeries as ko } from "./components/navigator/Series.mjs";
+import { ChartNavigatorSeriesItem as Yo } from "./components/navigator/SeriesItem.mjs";
+import { ChartArea as Bo } from "./components/ChartArea.mjs";
+import { ChartAxisDefaults as wo } from "./components/AxisDefaults.mjs";
+import { ChartCategoryAxis as Ro } from "./components/CategoryAxis.mjs";
+import { ChartCategoryAxisItem as Oo } from "./components/CategoryAxisItem.mjs";
+import { ChartLegend as qo } from "./components/Legend.mjs";
+import { ChartNavigator as Go } from "./components/Navigator.mjs";
+import { ChartPane as Ko } from "./components/Pane.mjs";
+import { ChartPaneDefaults as Uo } from "./components/PaneDefaults.mjs";
+import { ChartPanes as _o } from "./components/Panes.mjs";
+import { ChartPlotArea as rt } from "./components/PlotArea.mjs";
+import { ChartSeries as tt } from "./components/Series.mjs";
+import { ChartSeriesDefaults as at } from "./components/SeriesDefaults.mjs";
+import { ChartSeriesItem as mt } from "./components/SeriesItem.mjs";
+import { ChartSubtitle as it } from "./components/Subtitle.mjs";
+import { ChartTitle as ft } from "./components/Title.mjs";
+import { ChartTooltip as ht } from "./components/Tooltip.mjs";
+import { ChartValueAxis as nt } from "./components/ValueAxis.mjs";
+import { ChartValueAxisItem as vt } from "./components/ValueAxisItem.mjs";
+import { ChartXAxis as St } from "./components/XAxis.mjs";
+import { ChartXAxisItem as Nt } from "./components/XAxisItem.mjs";
+import { ChartYAxis as Tt } from "./components/YAxis.mjs";
+import { ChartYAxisItem as ct } from "./components/YAxisItem.mjs";
+import { ChartZoomable as bt } from "./components/Zoomable.mjs";
+import { AxisLabelClickEvent as yt } from "./events/axis-label-click-event.mjs";
+import { DragEndEvent as Pt } from "./events/drag-end-event.mjs";
+import { DragEvent as kt } from "./events/drag-event.mjs";
+import { DragStartEvent as Yt } from "./events/drag-start-event.mjs";
+import { DrilldownEvent as Bt } from "./events/drilldown-event.mjs";
+import { DrilldownStateChangeEvent as wt } from "./events/drilldown-state-change-event.mjs";
+import { LegendItemClickEvent as Rt } from "./events/legend-item-click-event.mjs";
+import { LegendItemHoverEvent as Ot } from "./events/legend-item-hover-event.mjs";
+import { NavigatorFilterEvent as qt } from "./events/navigator-filter-event.mjs";
+import { NoteClickEvent as Gt } from "./events/note-click-event.mjs";
+import { NoteHoverEvent as Kt } from "./events/note-hover-event.mjs";
+import { PlotAreaClickEvent as Ut } from "./events/plot-area-click-event.mjs";
+import { PlotAreaHoverEvent as _t } from "./events/plot-area-hover-event.mjs";
+import { RenderEvent as re } from "./events/render-event.mjs";
+import { SelectEndEvent as te } from "./events/select-end-event.mjs";
+import { SelectEvent as ae } from "./events/select-event.mjs";
+import { SelectStartEvent as me } from "./events/select-start-event.mjs";
+import { SeriesClickEvent as ie } from "./events/series-click-event.mjs";
+import { SeriesHoverEvent as fe } from "./events/series-hover-event.mjs";
+import { ZoomEndEvent as he } from "./events/zoom-end-event.mjs";
+import { ZoomEvent as ne } from "./events/zoom-event.mjs";
+import { ZoomStartEvent as ve } from "./events/zoom-start-event.mjs";
+import { Sankey as Se } from "./sankey/Sankey.mjs";
 export {
-  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,
-  l as ConfigurationComponent,
-  W as CrosshairTooltip,
-  X as CrosshairTooltipContainer,
-  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,
-  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
+  yt as AxisLabelClickEvent,
+  t as Chart,
+  Bo as ChartArea,
+  wo as ChartAxisDefaults,
+  Z as ChartAxisDefaultsCrosshair,
+  F as ChartAxisDefaultsCrosshairTooltip,
+  H as ChartAxisDefaultsLabels,
+  X as ChartAxisDefaultsTitle,
+  b as ChartBreadcrumb,
+  Ro as ChartCategoryAxis,
+  M as ChartCategoryAxisCrosshair,
+  j as ChartCategoryAxisCrosshairTooltip,
+  Oo as ChartCategoryAxisItem,
+  J as ChartCategoryAxisLabels,
+  Q as ChartCategoryAxisNotes,
+  W as ChartCategoryAxisNotesIcon,
+  $ as ChartCategoryAxisNotesLabel,
+  or as ChartCategoryAxisRangeLabels,
+  z as ChartCategoryAxisTitle,
+  qo as ChartLegend,
+  sr as ChartLegendInactiveItems,
+  xr as ChartLegendItem,
+  pr as ChartLegendTitle,
+  Go as ChartNavigator,
+  Lo as ChartNavigatorCategoryAxis,
+  Io as ChartNavigatorHint,
+  yo as ChartNavigatorPane,
+  Po as ChartNavigatorSelect,
+  ko as ChartNavigatorSeries,
+  Yo as ChartNavigatorSeriesItem,
+  Ko as ChartPane,
+  Uo as ChartPaneDefaults,
+  er as ChartPaneDefaultsTitle,
+  _o as ChartPanes,
+  rt as ChartPlotArea,
+  tt as ChartSeries,
+  at as ChartSeriesDefaults,
+  Ir as ChartSeriesErrorBars,
+  Lr as ChartSeriesExtremes,
+  ur as ChartSeriesHighlight,
+  mt as ChartSeriesItem,
+  lr as ChartSeriesItemOutliers,
+  Cr as ChartSeriesItemTooltip,
+  Er as ChartSeriesLabels,
+  dr as ChartSeriesLabelsFrom,
+  Dr as ChartSeriesLabelsTo,
+  gr as ChartSeriesMarkers,
+  Ar as ChartSeriesNotes,
+  Xr as ChartSeriesNotesIcon,
+  Vr as ChartSeriesNotesLabel,
+  it as ChartSubtitle,
+  ft as ChartTitle,
+  ht as ChartTooltip,
+  nt as ChartValueAxis,
+  Hr as ChartValueAxisCrosshair,
+  Zr as ChartValueAxisCrosshairTooltip,
+  vt as ChartValueAxisItem,
+  Mr as ChartValueAxisLabels,
+  jr as ChartValueAxisNotes,
+  zr as ChartValueAxisNotesIcon,
+  Jr as ChartValueAxisNotesLabel,
+  Fr as ChartValueAxisTitle,
+  St as ChartXAxis,
+  Qr as ChartXAxisCrosshair,
+  Wr as ChartXAxisCrosshairTooltip,
+  Nt as ChartXAxisItem,
+  oo as ChartXAxisLabels,
+  eo as ChartXAxisNotes,
+  xo as ChartXAxisNotesIcon,
+  po as ChartXAxisNotesLabel,
+  $r as ChartXAxisTitle,
+  Tt as ChartYAxis,
+  so as ChartYAxisCrosshair,
+  Co as ChartYAxisCrosshairTooltip,
+  ct as ChartYAxisItem,
+  Ao as ChartYAxisLabels,
+  go as ChartYAxisNotes,
+  Eo as ChartYAxisNotesIcon,
+  uo as ChartYAxisNotesLabel,
+  lo as ChartYAxisTitle,
+  bt as ChartZoomable,
+  i as CollectionConfigurationComponent,
+  f as ConfigurationComponent,
+  S as CrosshairTooltip,
+  c as CrosshairTooltipContainer,
+  h as DonutCenter,
+  Pt as DragEndEvent,
+  kt as DragEvent,
+  Yt as DragStartEvent,
+  Bt as DrilldownEvent,
+  wt as DrilldownStateChangeEvent,
+  Rt as LegendItemClickEvent,
+  Ot as LegendItemHoverEvent,
+  qt as NavigatorFilterEvent,
+  Gt as NoteClickEvent,
+  Kt as NoteHoverEvent,
+  Ut as PlotAreaClickEvent,
+  _t as PlotAreaHoverEvent,
+  re as RenderEvent,
+  Se as Sankey,
+  te as SelectEndEvent,
+  ae as SelectEvent,
+  me as SelectStartEvent,
+  ie as SeriesClickEvent,
+  fe as SeriesHoverEvent,
+  v as SeriesTooltip,
+  T as SharedTooltipContent,
+  a as Sparkline,
+  m as StockChart,
+  n as TooltipPoint,
+  N as TooltipPopup,
+  he as ZoomEndEvent,
+  ne as ZoomEvent,
+  ve as ZoomStartEvent,
+  y as exportVisual,
+  D as findAxisByName,
+  P as findPaneByIndex,
+  V as findPaneByName
 };