@progress/kendo-react-charts 7.2.4-develop.3 → 7.3.0-develop.1

package/BaseChart.js

@@ -0,0 +1,8 @@
+/**
+ * @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";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react"),I=require("prop-types"),b=require("@progress/kendo-react-intl"),w=require("@progress/kendo-charts"),p=require("@progress/kendo-react-common"),m=require("./utils/index.js"),D=require("./events/dom-events-builder.js"),y=require("./events/chart-event-builder.js"),E=require("./events/dom-event.js"),k=require("./theming/theme-service.js"),g=require("./store/store.js"),S=require("./store/reducer.js"),P=require("./tooltip/Series.js"),q=require("./tooltip/CrosshairContainer.js"),T=require("./ChartContext.js"),O=require("./package-metadata.js"),x=require("./events/drilldown-event.js");function L(u){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(u){for(const e in u)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(u,e);Object.defineProperty(t,e,s.get?s:{enumerable:!0,get:()=>u[e]})}}return t.default=u,Object.freeze(t)}const l=L(C),f=class f extends l.Component{constructor(t){super(t),this.chartInstance=null,this.surface=null,this._element=null,this.optionsStore={},this.optionsUnsubscriber=Function.prototype,this.themeStore={},this.themeUnsubscriber=Function.prototype,this.observersStore={},this.suppressTransitions=!1,this.showLicenseWatermark=!1,this.onRender=e=>{this.chartInstance!==null&&(this.surface=e.sender.surface,this.trigger("render",e))},this.onDrilldown=e=>{var a;const{series:s}=this.optionsStore.getState(),r=s.find(n=>n.name===e.series.name);if(!r.drilldownSeriesFactory)return!0;const i="onDrilldown";if(this.props.hasOwnProperty(i)){const n={seriesName:r.name,drilldownValue:e.value},c=[...((a=this.props.drilldownState)==null?void 0:a.steps)||[],n],h=this.props.getTarget(),d={...e,currentState:this.props.drilldownState,nextState:{steps:c}},o=new x.DrilldownEvent(d,h);this.props[i].call(void 0,o)}return!0},this.onLegendItemClick=e=>{if(this.chartInstance!==null)if(this.props.onLegendItemClick)this.trigger("legendItemClick",e);else{const{series:s}=this.optionsStore.getState();if(!s)return;let r={};const{seriesIndex:i,pointIndex:a}=e,n=s[i];if(a===void 0)r=Object.assign({},n,{visible:m.toggle(n.visible)});else{const c=n.pointVisibility=n.pointVisibility||[];c[a]=m.toggle(c[a]),r=Object.assign({},n)}this.optionsStore.dispatch({chartCollectionIdxKey:`series_${i}`,payload:r}),this.suppressTransitions=!0}},this.onWindowResize=()=>{this.chartInstance!==null&&this.chartInstance.resize()},this.onChartMouseLeave=e=>{const s=E.toDomEvent(this,e);this.triggerDomEvent("onMouseLeave",s)?e.preventDefault():this.chartInstance!==null&&this.chartInstance.hideElements()},this.onChildMouseLeave=e=>{const{syntheticEvent:s}=e;return this.chartInstance&&!m.hasParent(s.relatedTarget,this.element)&&this.chartInstance.hideElements(),!1},p.validatePackage(O.packageMetadata),this.showLicenseWatermark=p.shouldShowValidationUI(O.packageMetadata),this.optionsStore=g.default(S.optionsReducer),this.observersStore=g.default(S.observersReducer),this.childrenObserver=new w.InstanceObserver(this,{onMouseLeave:"onChildMouseLeave"}),this.state={optionsStore:this.optionsStore,observersStore:this.observersStore,childrenObserver:this.childrenObserver,drilldownState:{steps:[]}},this.themeStore=g.default(S.themeReducer),this.chartObserver=new w.InstanceObserver(this,{render:"onRender",legendItemClick:"onLegendItemClick",drilldown:"onDrilldown"})}get element(){return this._element}static getDerivedStateFromProps(t,e){return{...e,drilldownState:t.drilldownState||[]}}componentDidMount(){var e;const t=((e=this._element)==null?void 0:e.ownerDocument)||document;k.loadTheme(this.themeStore,this.instantiateCoreChart.bind(this),t),this.optionsUnsubscriber=this.optionsStore.subscribe(this.refresh.bind(this)),this.themeUnsubscriber=this.themeStore.subscribe(this.refresh.bind(this)),window.addEventListener("resize",this.onWindowResize)}componentWillUnmount(){this.optionsUnsubscriber(),this.themeUnsubscriber(),this.chartInstance!==null&&(this.chartInstance.destroy(),this.chartInstance=null),window.removeEventListener("resize",this.onWindowResize)}componentDidUpdate(t){const{dir:e,children:s,...r}=this.props;if(this.chartInstance!==null){const i=b.provideIntlService(this),a=this.chartInstance.chartService,n=i.locale!==a._intlService.locale,c=Object.entries(t).filter(h=>h[0]!=="dir"&&h[0]!=="children").some(h=>{const[d,o]=h;return!(r.hasOwnProperty(d)&&r[d]===o)});n&&(this.chartInstance.chartService._intlService=i,this.chartInstance.chartService.format._intlService=i,c||this.chartInstance.noTransitionsRedraw()),c&&this.refresh(),t.dir!==e&&this.chartInstance.setDirection(this.getDirection(e))}}render(){const{style:t={},className:e,wrapper:s,children:r}=this.props,i=Object.assign({},t,{position:"relative"}),a=l.createElement(s,{className:e,style:i,key:"chartElement"},l.createElement("div",{onMouseLeave:this.onChartMouseLeave,ref:n=>this._element=n,className:"k-chart-surface"},r),l.createElement(l.Fragment,null,this.showLicenseWatermark&&l.createElement(p.WatermarkOverlay,null)));return l.createElement(T.ChartContext.Provider,{value:this.state},l.createElement(P.SeriesTooltip,{key:"seriesTooltip"}),l.createElement(q.CrosshairTooltipContainer,{key:"crosshairTooltips"}),a)}getDirection(t){return(t!==void 0?t:p.canUseDOM&&window.getComputedStyle(this.element).direction||"ltr")==="rtl"}getChartOptions(){const{renderAs:t,pannable:e,zoomable:s,paneDefaults:r,panes:i,transitions:a,seriesColors:n,seriesDefaults:c,axisDefaults:h,deriveOptionsFromParent:d}=this.props;let o={};return t!==void 0&&(o.renderAs=t),e!==void 0&&(o.pannable=e),s!==void 0&&(o.zoomable=s),r!==void 0&&(o.paneDefaults=r),i!==void 0&&(o.panes=i),a!==void 0&&(o.transitions=a),n!==void 0&&(o.seriesColors=n),c!==void 0&&(o.seriesDefaults=c),h!==void 0&&(o.axisDefaults=h),o=Object.assign(o,this.optionsStore.getState()),d&&(o=d(o)),o}refresh(){if(this.chartInstance!==null){const t=this.themeStore.getState(),e=this.getChartOptions(),s=e.transitions;this.suppressTransitions&&(e.transitions=!1),this.props.onRefresh?this.props.onRefresh.call(void 0,e,t,this.chartInstance):this.chartInstance.setOptions(e,t),this.suppressTransitions&&(e.transitions=s,this.suppressTransitions=!1)}}instantiateCoreChart(){const{dir:t,chartConstructor:e}=this.props,s=this.getChartOptions();this.chartInstance=new e(this.element,s,this.themeStore.getState(),{rtl:this.getDirection(t),intlService:b.provideIntlService(this),observer:this.chartObserver,sender:this})}trigger(t,e){const s=this.props.getTarget(),r=y.create(t,e,s),i="on"+t.charAt(0).toUpperCase()+t.slice(1),a=this.observersStore.getState();let n=!1;for(let c=0;c<a.length;c++)a[c].trigger(t,e)&&(n=!0);return n===!1&&r&&this.props.hasOwnProperty(i)?(this.props[i].call(void 0,r),r.isDefaultPrevented&&r.isDefaultPrevented()):n}requiresHandlers(t){for(let e=0;e<t.length;e++){const s=t[e],r="on"+s.charAt(0).toUpperCase()+s.slice(1);if(this.props.hasOwnProperty(r))return!0}return!1}triggerDomEvent(t,e){const s=this.observersStore.getState();let r=!1;for(let i=0;i<s.length;i++)s[i].trigger(t,e)&&(r=!0);return r}};f.propTypes={dir:I.string,renderAs:I.oneOf(["svg","canvas"])},f.defaultProps={renderAs:"svg"};let v=f;b.registerForIntl(v);w.DomEventsBuilder.register(D.DomEventsBuilder);exports.BaseChart=v;

package/BaseChart.mjs

@@ -0,0 +1,248 @@
+/**
+ * @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 l from "react";
+import f from "prop-types";
+import { provideIntlService as v, registerForIntl as w } from "@progress/kendo-react-intl";
+import { InstanceObserver as g, DomEventsBuilder as I } from "@progress/kendo-charts";
+import { validatePackage as D, shouldShowValidationUI as O, WatermarkOverlay as C, canUseDOM as y } from "@progress/kendo-react-common";
+import { toggle as S, hasParent as E } from "./utils/index.mjs";
+import { DomEventsBuilder as P } from "./events/dom-events-builder.mjs";
+import { create as T } from "./events/chart-event-builder.mjs";
+import { toDomEvent as k } from "./events/dom-event.mjs";
+import { loadTheme as L } from "./theming/theme-service.mjs";
+import m from "./store/store.mjs";
+import { optionsReducer as x, observersReducer as U, themeReducer as R } from "./store/reducer.mjs";
+import { SeriesTooltip as M } from "./tooltip/Series.mjs";
+import { CrosshairTooltipContainer as W } from "./tooltip/CrosshairContainer.mjs";
+import { ChartContext as F } from "./ChartContext.mjs";
+import { packageMetadata as b } from "./package-metadata.mjs";
+import { DrilldownEvent as z } from "./events/drilldown-event.mjs";
+const d = class d extends l.Component {
+  constructor(t) {
+    super(t), this.chartInstance = null, this.surface = null, this._element = null, this.optionsStore = {}, this.optionsUnsubscriber = Function.prototype, this.themeStore = {}, this.themeUnsubscriber = Function.prototype, this.observersStore = {}, this.suppressTransitions = !1, this.showLicenseWatermark = !1, this.onRender = (e) => {
+      this.chartInstance !== null && (this.surface = e.sender.surface, this.trigger("render", e));
+    }, this.onDrilldown = (e) => {
+      var a;
+      const { series: s } = this.optionsStore.getState(), r = s.find((n) => n.name === e.series.name);
+      if (!r.drilldownSeriesFactory)
+        return !0;
+      const i = "onDrilldown";
+      if (this.props.hasOwnProperty(i)) {
+        const n = { seriesName: r.name, drilldownValue: e.value }, h = [...((a = this.props.drilldownState) == null ? void 0 : a.steps) || [], n], c = this.props.getTarget(), p = {
+          ...e,
+          currentState: this.props.drilldownState,
+          nextState: { steps: h }
+        }, o = new z(p, c);
+        this.props[i].call(void 0, o);
+      }
+      return !0;
+    }, this.onLegendItemClick = (e) => {
+      if (this.chartInstance !== null)
+        if (this.props.onLegendItemClick)
+          this.trigger("legendItemClick", e);
+        else {
+          const { series: s } = this.optionsStore.getState();
+          if (!s)
+            return;
+          let r = {};
+          const { seriesIndex: i, pointIndex: a } = e, n = s[i];
+          if (a === void 0)
+            r = Object.assign({}, n, { visible: S(n.visible) });
+          else {
+            const h = n.pointVisibility = n.pointVisibility || [];
+            h[a] = S(h[a]), r = Object.assign({}, n);
+          }
+          this.optionsStore.dispatch({
+            chartCollectionIdxKey: `series_${i}`,
+            payload: r
+          }), this.suppressTransitions = !0;
+        }
+    }, this.onWindowResize = () => {
+      this.chartInstance !== null && this.chartInstance.resize();
+    }, this.onChartMouseLeave = (e) => {
+      const s = k(this, e);
+      this.triggerDomEvent("onMouseLeave", s) ? e.preventDefault() : this.chartInstance !== null && this.chartInstance.hideElements();
+    }, this.onChildMouseLeave = (e) => {
+      const { syntheticEvent: s } = e;
+      return this.chartInstance && !E(s.relatedTarget, this.element) && this.chartInstance.hideElements(), !1;
+    }, D(b), this.showLicenseWatermark = O(b), this.optionsStore = m(x), this.observersStore = m(U), this.childrenObserver = new g(this, { onMouseLeave: "onChildMouseLeave" }), this.state = {
+      optionsStore: this.optionsStore,
+      observersStore: this.observersStore,
+      childrenObserver: this.childrenObserver,
+      drilldownState: { steps: [] }
+    }, this.themeStore = m(R), this.chartObserver = new g(this, {
+      render: "onRender",
+      legendItemClick: "onLegendItemClick",
+      drilldown: "onDrilldown"
+    });
+  }
+  /**
+   * @hidden
+   */
+  get element() {
+    return this._element;
+  }
+  /**
+   * @hidden
+   */
+  static getDerivedStateFromProps(t, e) {
+    return {
+      ...e,
+      drilldownState: t.drilldownState || []
+    };
+  }
+  /**
+   * @hidden
+   */
+  componentDidMount() {
+    var e;
+    const t = ((e = this._element) == null ? void 0 : e.ownerDocument) || document;
+    L(this.themeStore, this.instantiateCoreChart.bind(this), t), this.optionsUnsubscriber = this.optionsStore.subscribe(this.refresh.bind(this)), this.themeUnsubscriber = this.themeStore.subscribe(this.refresh.bind(this)), window.addEventListener("resize", this.onWindowResize);
+  }
+  /**
+   * @hidden
+   */
+  componentWillUnmount() {
+    this.optionsUnsubscriber(), this.themeUnsubscriber(), this.chartInstance !== null && (this.chartInstance.destroy(), this.chartInstance = null), window.removeEventListener("resize", this.onWindowResize);
+  }
+  /**
+   * @hidden
+   */
+  componentDidUpdate(t) {
+    const { dir: e, children: s, ...r } = this.props;
+    if (this.chartInstance !== null) {
+      const i = v(this), a = this.chartInstance.chartService, n = i.locale !== a._intlService.locale, h = Object.entries(t).filter((c) => c[0] !== "dir" && c[0] !== "children").some((c) => {
+        const [p, o] = c;
+        return !(r.hasOwnProperty(p) && r[p] === o);
+      });
+      n && (this.chartInstance.chartService._intlService = i, this.chartInstance.chartService.format._intlService = i, h || this.chartInstance.noTransitionsRedraw()), h && this.refresh(), t.dir !== e && this.chartInstance.setDirection(this.getDirection(e));
+    }
+  }
+  /**
+   * @hidden
+   */
+  render() {
+    const { style: t = {}, className: e, wrapper: s, children: r } = this.props, i = Object.assign({}, t, { position: "relative" }), a = l.createElement(
+      s,
+      {
+        className: e,
+        style: i,
+        key: "chartElement"
+      },
+      /* @__PURE__ */ l.createElement(
+        "div",
+        {
+          onMouseLeave: this.onChartMouseLeave,
+          ref: (n) => this._element = n,
+          className: "k-chart-surface"
+        },
+        r
+      ),
+      /* @__PURE__ */ l.createElement(l.Fragment, null, this.showLicenseWatermark && /* @__PURE__ */ l.createElement(C, null))
+    );
+    return /* @__PURE__ */ l.createElement(F.Provider, { value: this.state }, /* @__PURE__ */ l.createElement(M, { key: "seriesTooltip" }), /* @__PURE__ */ l.createElement(W, { key: "crosshairTooltips" }), a);
+  }
+  /**
+   * @hidden
+   */
+  getDirection(t) {
+    return (t !== void 0 ? t : y && window.getComputedStyle(this.element).direction || "ltr") === "rtl";
+  }
+  /**
+   * @hidden
+   */
+  getChartOptions() {
+    const {
+      renderAs: t,
+      pannable: e,
+      zoomable: s,
+      paneDefaults: r,
+      panes: i,
+      transitions: a,
+      seriesColors: n,
+      seriesDefaults: h,
+      axisDefaults: c,
+      deriveOptionsFromParent: p
+    } = this.props;
+    let o = {};
+    return t !== void 0 && (o.renderAs = t), e !== void 0 && (o.pannable = e), s !== void 0 && (o.zoomable = s), r !== void 0 && (o.paneDefaults = r), i !== void 0 && (o.panes = i), a !== void 0 && (o.transitions = a), n !== void 0 && (o.seriesColors = n), h !== void 0 && (o.seriesDefaults = h), c !== void 0 && (o.axisDefaults = c), o = Object.assign(o, this.optionsStore.getState()), p && (o = p(o)), o;
+  }
+  /**
+   * @hidden
+   */
+  refresh() {
+    if (this.chartInstance !== null) {
+      const t = this.themeStore.getState(), e = this.getChartOptions(), s = e.transitions;
+      this.suppressTransitions && (e.transitions = !1), this.props.onRefresh ? this.props.onRefresh.call(void 0, e, t, this.chartInstance) : this.chartInstance.setOptions(e, t), this.suppressTransitions && (e.transitions = s, this.suppressTransitions = !1);
+    }
+  }
+  /**
+   * @hidden
+   */
+  instantiateCoreChart() {
+    const { dir: t, chartConstructor: e } = this.props, s = this.getChartOptions();
+    this.chartInstance = new e(
+      this.element,
+      s,
+      this.themeStore.getState(),
+      {
+        rtl: this.getDirection(t),
+        intlService: v(this),
+        observer: this.chartObserver,
+        sender: this
+      }
+    );
+  }
+  /* Triggers public dom event handlers */
+  /**
+   * @hidden
+   */
+  trigger(t, e) {
+    const s = this.props.getTarget(), r = T(t, e, s), i = "on" + t.charAt(0).toUpperCase() + t.slice(1), a = this.observersStore.getState();
+    let n = !1;
+    for (let h = 0; h < a.length; h++)
+      a[h].trigger(t, e) && (n = !0);
+    return n === !1 && r && this.props.hasOwnProperty(i) ? (this.props[i].call(void 0, r), r.isDefaultPrevented && r.isDefaultPrevented()) : n;
+  }
+  /* Used by (event)InstanceObserver to check the wrapper for supported events */
+  /**
+   * @hidden
+   */
+  requiresHandlers(t) {
+    for (let e = 0; e < t.length; e++) {
+      const s = t[e], r = "on" + s.charAt(0).toUpperCase() + s.slice(1);
+      if (this.props.hasOwnProperty(r))
+        return !0;
+    }
+    return !1;
+  }
+  /* Triggers private dom event handlers */
+  /**
+   * @hidden
+   */
+  triggerDomEvent(t, e) {
+    const s = this.observersStore.getState();
+    let r = !1;
+    for (let i = 0; i < s.length; i++)
+      s[i].trigger(t, e) && (r = !0);
+    return r;
+  }
+};
+d.propTypes = {
+  dir: f.string,
+  renderAs: f.oneOf(["svg", "canvas"])
+}, d.defaultProps = {
+  renderAs: "svg"
+};
+let u = d;
+w(u);
+I.register(P);
+export {
+  u as BaseChart
+};

package/Chart.js

@@ -0,0 +1,8 @@
+/**
+ * @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";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),o=require("./BaseChart.js"),l=require("./DonutCenter.js"),i=require("@progress/kendo-charts"),h=require("@progress/kendo-react-common");function C(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const a=C(u);class g extends a.Component{constructor(){super(...arguments),this._baseChart=null,this.getTarget=()=>this}get chartInstance(){return this._baseChart!==null?this._baseChart.chartInstance:null}get surface(){return this._baseChart!==null?this._baseChart.surface:null}get element(){return this._baseChart!==null?this._baseChart.element:null}render(){const{donutCenterRender:r,children:t,className:n,...s}=this.props;return a.createElement(o.BaseChart,{...s,ref:c=>this._baseChart=c,chartConstructor:i.Chart,getTarget:this.getTarget,wrapper:"div",className:h.classNames("k-chart k-widget",n)},t,a.createElement(l.DonutCenter,{render:r}))}}exports.Chart=g;

package/Chart.mjs

@@ -0,0 +1,58 @@
+/**
+ * @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 t from "react";
+import { BaseChart as h } from "./BaseChart.mjs";
+import { DonutCenter as i } from "./DonutCenter.mjs";
+import { Chart as l } from "@progress/kendo-charts";
+import { classNames as u } from "@progress/kendo-react-common";
+class f extends t.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: r, className: a, ...s } = this.props;
+    return /* @__PURE__ */ t.createElement(
+      h,
+      {
+        ...s,
+        ref: (n) => this._baseChart = n,
+        chartConstructor: l,
+        getTarget: this.getTarget,
+        wrapper: "div",
+        className: u("k-chart k-widget", a)
+      },
+      r,
+      /* @__PURE__ */ t.createElement(i, { render: e })
+    );
+  }
+}
+export {
+  f as Chart
+};

package/ChartBreadcrumb.js

@@ -0,0 +1,8 @@
+/**
+ * @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";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),e=require("prop-types"),p=require("@progress/kendo-react-layout"),I=require("@progress/kendo-react-common"),v=require("@progress/kendo-svg-icons"),w=require("./events/drilldown-state-change-event.js");function h(t){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(l,r,a.get?a:{enumerable:!0,get:()=>t[r]})}}return l.default=t,Object.freeze(l)}const n=h(y),c=n.forwardRef((t,l)=>{const r=n.useRef(null),a=n.useRef(null);n.useImperativeHandle(r,()=>({element:a.current,props:t})),n.useImperativeHandle(l,()=>r.current);let o=[{id:"0",...t.rootItem||{text:"Home",icon:n.createElement(I.SvgIcon,{icon:v.homeIcon,style:{marginInlineEnd:"4px"}})}}];t.drilldownState&&(o=[...o,...t.drilldownState.steps.map((d,i)=>({id:(i+1).toString(),text:d.drilldownValue}))]);const u={...t,data:o},m=d=>{var s;const i="onDrilldownStateChange";if(t.hasOwnProperty(i)){const b=o.findIndex(S=>S.id===d.id),f={steps:(((s=t.drilldownState)==null?void 0:s.steps)||[]).slice(0,b)},g=new w.DrilldownStateChangeEvent({currentState:t.drilldownState,nextState:f});t[i].call(void 0,g)}};return n.createElement("div",null,n.createElement(p.Breadcrumb,{...u,onItemSelect:m}))}),C={id:e.string,style:e.object,className:e.string,breadcrumbOrderedList:e.elementType,breadcrumbListItem:e.elementType,breadcrumbDelimiter:e.elementType,breadcrumbLink:e.elementType,dir:e.oneOf(["ltr","rtl"]),disabled:e.bool,valueField:e.string,textField:e.string,iconField:e.string,iconClassField:e.string,onItemSelect:e.func,ariaLabel:e.string,onDrilldownStateChange:e.func,drilldownState:e.shape({steps:e.array}),rootItem:e.object},O={valueField:"id",textField:"text",iconField:"icon",iconClassField:"iconClass",data:[]};c.displayName="KendoReactChartBreadcrumb";c.propTypes=C;c.defaultProps=O;exports.ChartBreadcrumb=c;

package/ChartBreadcrumb.mjs

@@ -0,0 +1,77 @@
+/**
+ * @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 e from "prop-types";
+import { Breadcrumb as g } from "@progress/kendo-react-layout";
+import { SvgIcon as I } from "@progress/kendo-react-common";
+import { homeIcon as w } from "@progress/kendo-svg-icons";
+import { DrilldownStateChangeEvent as y } from "./events/drilldown-state-change-event.mjs";
+const i = n.forwardRef((t, c) => {
+  const o = n.useRef(null), s = n.useRef(null);
+  n.useImperativeHandle(o, () => ({
+    element: s.current,
+    props: t
+  })), n.useImperativeHandle(c, () => o.current);
+  let r = [{
+    id: "0",
+    ...t.rootItem || {
+      text: "Home",
+      icon: /* @__PURE__ */ n.createElement(
+        I,
+        {
+          icon: w,
+          style: { marginInlineEnd: "4px" }
+        }
+      )
+    }
+  }];
+  t.drilldownState && (r = [...r, ...t.drilldownState.steps.map((a, l) => ({ id: (l + 1).toString(), text: a.drilldownValue }))]);
+  const m = { ...t, data: r }, u = (a) => {
+    var d;
+    const l = "onDrilldownStateChange";
+    if (t.hasOwnProperty(l)) {
+      const b = r.findIndex((S) => S.id === a.id), f = { steps: (((d = t.drilldownState) == null ? void 0 : d.steps) || []).slice(0, b) }, p = new y({ currentState: t.drilldownState, nextState: f });
+      t[l].call(void 0, p);
+    }
+  };
+  return /* @__PURE__ */ n.createElement("div", null, /* @__PURE__ */ n.createElement(g, { ...m, onItemSelect: u }));
+}), h = {
+  id: e.string,
+  style: e.object,
+  className: e.string,
+  breadcrumbOrderedList: e.elementType,
+  breadcrumbListItem: e.elementType,
+  breadcrumbDelimiter: e.elementType,
+  breadcrumbLink: e.elementType,
+  dir: e.oneOf(["ltr", "rtl"]),
+  disabled: e.bool,
+  valueField: e.string,
+  textField: e.string,
+  iconField: e.string,
+  iconClassField: e.string,
+  onItemSelect: e.func,
+  ariaLabel: e.string,
+  onDrilldownStateChange: e.func,
+  drilldownState: e.shape({
+    steps: e.array
+  }),
+  rootItem: e.object
+}, v = {
+  valueField: "id",
+  textField: "text",
+  iconField: "icon",
+  iconClassField: "iconClass",
+  data: []
+};
+i.displayName = "KendoReactChartBreadcrumb";
+i.propTypes = h;
+i.defaultProps = v;
+export {
+  i as ChartBreadcrumb
+};

package/ChartContext.js

@@ -0,0 +1,8 @@
+/**
+ * @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";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react");function c(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const l=c(a),o=l.createContext(null);o.displayName="ChartContext";exports.ChartContext=o;

package/ChartContext.mjs

@@ -0,0 +1,14 @@
+/**
+ * @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 t from "react";
+const e = t.createContext(null);
+e.displayName = "ChartContext";
+export {
+  e as ChartContext
+};

package/Container.js

@@ -0,0 +1,8 @@
+/**
+ * @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";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=n=>n.children;e.displayName="Container";exports.Container=e;

package/Container.mjs

@@ -0,0 +1,13 @@
+/**
+ * @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";
+const n = (e) => e.children;
+n.displayName = "Container";
+export {
+  n as Container
+};

package/DonutCenter.js

@@ -0,0 +1,8 @@
+/**
+ * @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";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),f=require("@progress/kendo-charts"),b=require("./ChartContext.js");function S(n){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(t,e,r.get?r:{enumerable:!0,get:()=>n[e]})}}return t.default=n,Object.freeze(t)}const c=S(y),a=class a extends c.Component{constructor(t,e){super(t,e),this.context=null,this.state={donutCenterStyles:null},this.chartObserver=new f.InstanceObserver(this,{render:"onRender"}),e.observersStore.dispatch({type:"add",payload:this.chartObserver})}render(){const{render:t}=this.props,{donutCenterStyles:e}=this.state;let r=null;return t&&e&&(r=c.createElement("div",{className:"k-chart-donut-center",style:e},c.createElement(t,null))),r}onRender(t){var d;const e=(d=this.context)==null?void 0:d.optionsStore.getState().series,r=Array.isArray(e)?e[0]:null,l=t.sender._plotArea.charts;if(!r||r.type!=="donut"||l[0].points.length===0)return;const s=l[0].points[0].sector,o=s.innerRadius,h=s.center.y-o,p=s.center.x-o,u=o*2;this.setState({donutCenterStyles:{height:u,left:p,top:h,width:u}})}};a.contextType=b.ChartContext;let i=a;exports.DonutCenter=i;

package/DonutCenter.mjs

@@ -0,0 +1,48 @@
+/**
+ * @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 o from "react";
+import { InstanceObserver as u } from "@progress/kendo-charts";
+import { ChartContext as m } from "./ChartContext.mjs";
+const c = class c extends o.Component {
+  constructor(e, t) {
+    super(e, t), this.context = null, this.state = {
+      donutCenterStyles: null
+    }, this.chartObserver = new u(this, {
+      render: "onRender"
+    }), t.observersStore.dispatch({
+      type: "add",
+      payload: this.chartObserver
+    });
+  }
+  render() {
+    const { render: e } = this.props, { donutCenterStyles: t } = this.state;
+    let r = null;
+    return e && t && (r = /* @__PURE__ */ o.createElement("div", { className: "k-chart-donut-center", style: t }, /* @__PURE__ */ o.createElement(e, null))), r;
+  }
+  onRender(e) {
+    var l;
+    const t = (l = this.context) == null ? void 0 : l.optionsStore.getState().series, r = Array.isArray(t) ? t[0] : null, i = e.sender._plotArea.charts;
+    if (!r || r.type !== "donut" || i[0].points.length === 0)
+      return;
+    const s = i[0].points[0].sector, n = s.innerRadius, h = s.center.y - n, p = s.center.x - n, a = n * 2;
+    this.setState({
+      donutCenterStyles: {
+        height: a,
+        left: p,
+        top: h,
+        width: a
+      }
+    });
+  }
+};
+c.contextType = m;
+let d = c;
+export {
+  d as DonutCenter
+};

package/Sparkline.js

@@ -0,0 +1,8 @@
+/**
+ * @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";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),l=require("./BaseChart.js"),a=require("@progress/kendo-charts"),u=require("@progress/kendo-react-common");function h(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const i=h(c);class p extends i.Component{constructor(){super(...arguments),this._baseChart=null,this.deriveOptionsFromParent=e=>{const{type:t,data:n}=this.props,s=Object.assign({},e,{type:t,data:n});return a.Sparkline.normalizeOptions(s)},this.getTarget=()=>this}get chartInstance(){return this._baseChart!==null?this._baseChart.chartInstance:null}get surface(){return this._baseChart!==null?this._baseChart.surface:null}get element(){return this._baseChart!==null?this._baseChart.element:null}render(){const{children:e,type:t,className:n,...s}=this.props;return i.createElement(l.BaseChart,{...s,ref:o=>this._baseChart=o,chartConstructor:a.Sparkline,getTarget:this.getTarget,wrapper:"span",deriveOptionsFromParent:this.deriveOptionsFromParent,className:u.classNames("k-sparkline k-widget",n)},e)}}exports.Sparkline=p;

package/Sparkline.mjs

@@ -0,0 +1,60 @@
+/**
+ * @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 a from "react";
+import { BaseChart as o } from "./BaseChart.mjs";
+import { Sparkline as n } from "@progress/kendo-charts";
+import { classNames as h } from "@progress/kendo-react-common";
+class m extends a.Component {
+  constructor() {
+    super(...arguments), this._baseChart = null, this.deriveOptionsFromParent = (t) => {
+      const { type: s, data: e } = this.props, r = Object.assign({}, t, { type: s, data: e });
+      return n.normalizeOptions(r);
+    }, 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: t, type: s, className: e, ...r } = this.props;
+    return /* @__PURE__ */ a.createElement(
+      o,
+      {
+        ...r,
+        ref: (i) => this._baseChart = i,
+        chartConstructor: n,
+        getTarget: this.getTarget,
+        wrapper: "span",
+        deriveOptionsFromParent: this.deriveOptionsFromParent,
+        className: h("k-sparkline k-widget", e)
+      },
+      t
+    );
+  }
+}
+export {
+  m as Sparkline
+};

package/StockChart.js

@@ -0,0 +1,8 @@
+/**
+ * @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";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),o=require("./BaseChart.js"),l=require("@progress/kendo-charts"),u=require("@progress/kendo-react-common");function c(s){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(e,t,r.get?r:{enumerable:!0,get:()=>s[t]})}}return e.default=s,Object.freeze(e)}const a=c(i),h={autoBindElements:!0,liveDrag:!1,partialRedraw:!0};class g extends a.Component{constructor(){super(...arguments),this._baseChart=null,this.deriveOptionsFromParent=e=>{const t=Object.assign({},e.navigator||{},h);return Object.assign({},e,{navigator:t})},this.onRefresh=(e,t,r)=>{this.props.partialRedraw?(r.applyOptions(e),r.bindCategories(),r.navigator.redrawSlaves()):r.setOptions(e,t)},this.getTarget=()=>this}get chartInstance(){return this._baseChart!==null?this._baseChart.chartInstance:null}get surface(){return this._baseChart!==null?this._baseChart.surface:null}get element(){return this._baseChart!==null?this._baseChart.element:null}render(){const{children:e,className:t,...r}=this.props;return a.createElement(o.BaseChart,{...r,ref:n=>this._baseChart=n,chartConstructor:l.StockChart,getTarget:this.getTarget,wrapper:"div",deriveOptionsFromParent:this.deriveOptionsFromParent,onRefresh:this.onRefresh,className:u.classNames("k-stockchart k-widget",t)},e)}}exports.StockChart=g;