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

package/theming/theme-service.mjs

@@ -0,0 +1,122 @@
+/**
+ * @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 { chartBaseTheme as n } from "@progress/kendo-charts";
+const r = (t) => `${t.fontWeight} ${t.fontSize} ${t.fontFamily}`, d = (t) => window.getComputedStyle(t).backgroundColor, v = (t) => t.toLowerCase().charCodeAt(0) - 97, u = (t) => {
+  const e = t.match(/series-([a-z])$/);
+  if (e !== null)
+    return v(e[1]);
+  const s = t.split("--series-")[1];
+  return parseInt(s, 10) - 1;
+}, m = 30, p = () => {
+  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 < m; e++)
+    t += `
+      <div class="k-var--series-${e + 1}"></div>`;
+  return t;
+}, f = `
+    <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">
+      ${p()}
+    </div>
+`;
+class y {
+  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 = r(this.queryStyle("chart-font")), s = r(this.queryStyle("chart-title-font")), a = r(this.queryStyle("chart-pane-title-font")), o = r(this.queryStyle("chart-label-font"));
+    this.setStyle("axisDefaults.labels.font", o), this.setStyle("axisDefaults.notes.label.font", e), this.setStyle("axisDefaults.title.font", e), this.setStyle("legend.labels.font", e), this.setStyle("seriesDefaults.labels.font", o), this.setStyle("seriesDefaults.notes.label.font", e), this.setStyle("title.font", s), this.setStyle("subtitle.font", a), this.setStyle("paneDefaults.title.font", a);
+  }
+  setSeriesColors() {
+    const e = this.element, s = [].slice.call(e.querySelectorAll(".k-var--series div")), a = d(e.querySelector(".k-var--series-unset")), o = s.reduce(
+      (l, i) => {
+        const h = u(i.className), c = d(i);
+        return c !== a && (l[h] = c), l;
+      },
+      []
+      // Will populate the series colors in this array
+    );
+    this.setStyle("seriesColors", o);
+  }
+  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 a = parseFloat(this.queryStyle(s).opacity);
+    !isNaN(a) && a < 1 && e.forEach(
+      (o) => this.setStyle(`seriesDefaults.${o}.highlight.inactiveOpacity`, a)
+    );
+  }
+}
+const C = (t, e, s) => {
+  const a = new y(t);
+  if (typeof s == "undefined") {
+    t.dispatch({ type: "push", payload: n() });
+    return;
+  }
+  const o = a.element = s.createElement("div");
+  o.style.display = "none", o.innerHTML = f, s.body.appendChild(o);
+  try {
+    t.dispatch({ type: "push", payload: n() }), a.setColors(), a.setFonts(), a.setSeriesColors();
+  } finally {
+    s.body.removeChild(a.element), delete a.element, e();
+  }
+};
+export {
+  C as loadTheme
+};

package/tooltip/Crosshair.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 S=require("react"),m=require("@progress/kendo-react-common"),f=require("@progress/kendo-charts"),O=require("./Popup.js"),C=require("../ChartContext.js");function b(s){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const e in s)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(s,e);Object.defineProperty(t,e,o.get?o:{enumerable:!0,get:()=>s[e]})}}return t.default=s,Object.freeze(t)}const i=b(S),y="k-chart-crosshair-tooltip",T="k-chart-tooltip-inverse",a=class a extends i.Component{constructor(t,e){super(t,e),this.context=null,this.state={popupShown:!1},this.chartObserver=new f.InstanceObserver(this,{showTooltip:"onShowTooltip",hideTooltip:"onHideTooltip"}),e.observersStore.dispatch({type:"add",payload:this.chartObserver})}render(){const{popupContend:t,className:e,...o}=this.state,n=this.state.popupShown?()=>t:Function.prototype,p=m.classNames({[y]:!0,[T]:!!e});return i.createElement(O.TooltipPopup,{...o,popupContent:n,className:p})}componentWillUnmount(){var t;(t=this.context)==null||t.observersStore.dispatch({type:"remove",payload:this.chartObserver})}onShowTooltip(t){const{anchor:e,style:o,className:n,crosshair:p,axisName:c,axisIndex:l,value:u}=t,{name:h,index:d}=this.props;p&&c===h&&l===d&&this.setState({popupShown:!0,popupAlign:e.align,popupOffset:e.point,popupContend:u,popupStyles:o,className:n})}onHideTooltip(){this.setState({popupShown:!1,popupStyles:{},className:void 0})}};a.contextType=C.ChartContext;let r=a;exports.CrosshairTooltip=r;

package/tooltip/Crosshair.mjs

@@ -0,0 +1,70 @@
+/**
+ * @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 r from "react";
+import { classNames as m } from "@progress/kendo-react-common";
+import { InstanceObserver as S } from "@progress/kendo-charts";
+import { TooltipPopup as d } from "./Popup.mjs";
+import { ChartContext as f } from "../ChartContext.mjs";
+const v = "k-chart-crosshair-tooltip", C = "k-chart-tooltip-inverse", n = class n extends r.Component {
+  constructor(t, o) {
+    super(t, o), this.context = null, this.state = {
+      popupShown: !1
+    }, this.chartObserver = new S(this, {
+      showTooltip: "onShowTooltip",
+      hideTooltip: "onHideTooltip"
+    }), o.observersStore.dispatch({
+      type: "add",
+      payload: this.chartObserver
+    });
+  }
+  render() {
+    const { popupContend: t, className: o, ...e } = this.state, p = this.state.popupShown ? () => t : Function.prototype, s = m({
+      [v]: !0,
+      [C]: !!o
+    });
+    return /* @__PURE__ */ r.createElement(
+      d,
+      {
+        ...e,
+        popupContent: p,
+        className: s
+      }
+    );
+  }
+  componentWillUnmount() {
+    var t;
+    (t = this.context) == null || t.observersStore.dispatch({
+      type: "remove",
+      payload: this.chartObserver
+    });
+  }
+  onShowTooltip(t) {
+    const { anchor: o, style: e, className: p, crosshair: s, axisName: a, axisIndex: c, value: l } = t, { name: h, index: u } = this.props;
+    s && a === h && c === u && this.setState({
+      popupShown: !0,
+      popupAlign: o.align,
+      popupOffset: o.point,
+      popupContend: l,
+      popupStyles: e,
+      className: p
+    });
+  }
+  onHideTooltip() {
+    this.setState({
+      popupShown: !1,
+      popupStyles: {},
+      className: void 0
+    });
+  }
+};
+n.contextType = f;
+let i = n;
+export {
+  i as CrosshairTooltip
+};

package/tooltip/CrosshairContainer.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"),p=require("../Container.js"),b=require("./Crosshair.js"),h=require("../ChartContext.js");function x(s){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const e in s)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(s,e);Object.defineProperty(t,e,o.get?o:{enumerable:!0,get:()=>s[e]})}}return t.default=s,Object.freeze(t)}const i=x(a),u=["categoryAxis","valueAxis","xAxis","yAxis"];function f(s){const t={};for(let e=0;e<u.length;e++){const o=d(s,u[e]);for(let n=0;n<o.length;n++){const r=o[n];t[r.name+r.index]=r}}return t}function d(s,t){const e=[];if(s[t]){const o=[].concat(s[t]);for(let n=0;n<o.length;n++){const r=(o[n].crosshair||{}).tooltip;r&&r.visible&&e.push({index:n,name:t})}}return e}const l=class l extends i.Component{constructor(){super(...arguments),this.context=null,this.state={tooltips:{}},this.storeUnsubscriber=Function.prototype,this.subscriber=()=>{var t;this.setState({tooltips:f((t=this.context)==null?void 0:t.optionsStore.getState())})}}componentDidMount(){this.storeUnsubscriber=this.context.optionsStore.subscribe(this.subscriber)}render(){const{tooltips:t}=this.state,e=Object.keys(t).map(o=>i.createElement(b.CrosshairTooltip,{...t[o],key:o}));return i.createElement(p.Container,null,e)}componentWillUnmount(){this.storeUnsubscriber()}};l.contextType=h.ChartContext;let c=l;exports.CrosshairTooltipContainer=c;

package/tooltip/CrosshairContainer.mjs

@@ -0,0 +1,65 @@
+/**
+ * @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 r from "react";
+import { Container as u } from "../Container.mjs";
+import { CrosshairTooltip as a } from "./Crosshair.mjs";
+import { ChartContext as h } from "../ChartContext.mjs";
+const l = ["categoryAxis", "valueAxis", "xAxis", "yAxis"];
+function x(n) {
+  const t = {};
+  for (let o = 0; o < l.length; o++) {
+    const s = m(n, l[o]);
+    for (let e = 0; e < s.length; e++) {
+      const i = s[e];
+      t[i.name + i.index] = i;
+    }
+  }
+  return t;
+}
+function m(n, t) {
+  const o = [];
+  if (n[t]) {
+    const s = [].concat(n[t]);
+    for (let e = 0; e < s.length; e++) {
+      const i = (s[e].crosshair || {}).tooltip;
+      i && i.visible && o.push({
+        index: e,
+        name: t
+      });
+    }
+  }
+  return o;
+}
+const c = class c extends r.Component {
+  constructor() {
+    super(...arguments), this.context = null, this.state = {
+      tooltips: {}
+    }, this.storeUnsubscriber = Function.prototype, this.subscriber = () => {
+      var t;
+      this.setState({
+        tooltips: x((t = this.context) == null ? void 0 : t.optionsStore.getState())
+      });
+    };
+  }
+  componentDidMount() {
+    this.storeUnsubscriber = this.context.optionsStore.subscribe(this.subscriber);
+  }
+  render() {
+    const { tooltips: t } = this.state, o = Object.keys(t).map((s) => /* @__PURE__ */ r.createElement(a, { ...t[s], key: s }));
+    return /* @__PURE__ */ r.createElement(u, null, o);
+  }
+  componentWillUnmount() {
+    this.storeUnsubscriber();
+  }
+};
+c.contextType = h;
+let p = c;
+export {
+  p as CrosshairTooltipContainer
+};

package/tooltip/Point.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"});class s{constructor(t,e){this.value=t.value,this.category=t.category,this.categoryIndex=t.categoryIx,this.series=t.series,this.dataItem=t.dataItem,this.percentage=t.percentage,this.runningTotal=t.runningTotal,this.total=t.total,this.low=t.low,this.high=t.high,this.xLow=t.xLow,this.xHigh=t.xHigh,this.yLow=t.yLow,this.yHigh=t.yHigh,this.point=t,this.format=((t.options||{}).tooltip||{}).format||e}get formattedValue(){return this.format?this.point.formatValue(this.format):String(this.value)}}exports.TooltipPoint=s;

package/tooltip/Point.mjs

@@ -0,0 +1,22 @@
+/**
+ * @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";
+class h {
+  /**
+   * @hidden
+   */
+  constructor(t, s) {
+    this.value = t.value, this.category = t.category, this.categoryIndex = t.categoryIx, this.series = t.series, this.dataItem = t.dataItem, this.percentage = t.percentage, this.runningTotal = t.runningTotal, this.total = t.total, this.low = t.low, this.high = t.high, this.xLow = t.xLow, this.xHigh = t.xHigh, this.yLow = t.yLow, this.yHigh = t.yHigh, this.point = t, this.format = ((t.options || {}).tooltip || {}).format || s;
+  }
+  get formattedValue() {
+    return this.format ? this.point.formatValue(this.format) : String(this.value);
+  }
+}
+export {
+  h as TooltipPoint
+};

package/tooltip/Popup.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 l=require("react"),h=require("@progress/kendo-charts"),f=require("../events/dom-event.js"),v=require("../utils/index.js"),d=require("@progress/kendo-react-popup"),m=require("../ChartContext.js");function O(s){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const e=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(o,t,e.get?e:{enumerable:!0,get:()=>s[t]})}}return o.default=s,Object.freeze(o)}const r=O(l),b={horizontal:"fit",vertical:"fit"},C="k-chart-tooltip",y="k-chart-tooltip-wrapper",i=class i extends r.Component{constructor(o,t){super(o,t),this.context=null,this.element=null,this.onChartMouseLeave=e=>{const{syntheticEvent:n}=e;return!!v.hasParent(n.relatedTarget,this.element)},this.onMouseLeave=e=>{const n=f.toDomEvent(this,e);this.context.childrenObserver.trigger("onMouseLeave",n)&&e.preventDefault()},this.popupRef=e=>{this.element=e;const n=e&&e.closest(".k-animation-container");n&&(n.style.transition="initial")},this.chartObserver=new h.InstanceObserver(this,{onMouseLeave:"onChartMouseLeave"}),t.observersStore.dispatch({type:"add",payload:this.chartObserver})}render(){const{popupShown:o,popupAlign:t,popupOffset:e,popupStyles:n,popupContent:c,className:p}=this.props,u=[C,p].join(" ").trim();return r.createElement(d.Popup,{animate:!1,popupAlign:t,offset:e,show:o,collision:b,className:y},r.createElement("div",{className:u,style:n,onMouseLeave:this.onMouseLeave,ref:this.popupRef},c()))}componentWillUnmount(){this.context.observersStore.dispatch({type:"remove",payload:this.chartObserver})}};i.contextType=m.ChartContext;let a=i;exports.TooltipPopup=a;

package/tooltip/Popup.mjs

@@ -0,0 +1,69 @@
+/**
+ * @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 { InstanceObserver as h } from "@progress/kendo-charts";
+import { toDomEvent as l } from "../events/dom-event.mjs";
+import { hasParent as m } from "../utils/index.mjs";
+import { Popup as u } from "@progress/kendo-react-popup";
+import { ChartContext as f } from "../ChartContext.mjs";
+const v = { horizontal: "fit", vertical: "fit" }, d = "k-chart-tooltip", C = "k-chart-tooltip-wrapper", r = class r extends n.Component {
+  constructor(s, o) {
+    super(s, o), this.context = null, this.element = null, this.onChartMouseLeave = (e) => {
+      const { syntheticEvent: t } = e;
+      return !!m(t.relatedTarget, this.element);
+    }, this.onMouseLeave = (e) => {
+      const t = l(this, e);
+      this.context.childrenObserver.trigger("onMouseLeave", t) && e.preventDefault();
+    }, this.popupRef = (e) => {
+      this.element = e;
+      const t = e && e.closest(".k-animation-container");
+      t && (t.style.transition = "initial");
+    }, this.chartObserver = new h(this, {
+      onMouseLeave: "onChartMouseLeave"
+    }), o.observersStore.dispatch({
+      type: "add",
+      payload: this.chartObserver
+    });
+  }
+  render() {
+    const { popupShown: s, popupAlign: o, popupOffset: e, popupStyles: t, popupContent: a, className: p } = this.props, c = [d, p].join(" ").trim();
+    return /* @__PURE__ */ n.createElement(
+      u,
+      {
+        animate: !1,
+        popupAlign: o,
+        offset: e,
+        show: s,
+        collision: v,
+        className: C
+      },
+      /* @__PURE__ */ n.createElement(
+        "div",
+        {
+          className: c,
+          style: t,
+          onMouseLeave: this.onMouseLeave,
+          ref: this.popupRef
+        },
+        a()
+      )
+    );
+  }
+  componentWillUnmount() {
+    this.context.observersStore.dispatch({
+      type: "remove",
+      payload: this.chartObserver
+    });
+  }
+};
+r.contextType = f;
+let i = r;
+export {
+  i as TooltipPopup
+};

package/tooltip/Series.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 f=require("react"),m=require("@progress/kendo-react-common"),S=require("@progress/kendo-charts"),h=require("./Point.js"),y=require("./SharedTooltipContent.js"),T=require("./Popup.js"),C=require("../ChartContext.js");function O(p){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(p){for(const e in p)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(p,e);Object.defineProperty(t,e,n.get?n:{enumerable:!0,get:()=>p[e]})}}return t.default=p,Object.freeze(t)}const a=O(f),x="k-chart-shared-tooltip",g="k-chart-tooltip-inverse",c=class c extends a.Component{constructor(){super(...arguments),this.context=null,this.state={popupShown:!1},this.chartObserver=null}componentDidMount(){this.chartObserver=new S.InstanceObserver(this,{showTooltip:"onShowTooltip",hideTooltip:"onHideTooltip"}),this.context.observersStore.dispatch({type:"add",payload:this.chartObserver})}render(){const{popupContext:t,shared:e,className:n,...r}=this.state,i=this.state.popupShown?()=>{const o=this.findRenderFunction();if(e)return o!==null?o(t):a.createElement(y.SharedTooltipContent,{...t});{const d=t.point,u=this.findRenderFunctionByIndex(d.series.index);return u!==null?u(t):o!==null?o(t):a.createElement("span",{dangerouslySetInnerHTML:{__html:t.point.formattedValue}})}}:Function.prototype,s=m.classNames({[x]:e,[g]:!!n});return a.createElement(T.TooltipPopup,{...r,popupContent:i,className:s})}componentWillUnmount(){this.context.observersStore.dispatch({type:"remove",payload:this.chartObserver})}onShowTooltip(t){const{anchor:e,style:n,shared:r,className:i,crosshair:s}=t;let o;s||(r?o=this.createSharedTooltipContext(t):o=this.createTooltipContext(t),this.setState({popupShown:!0,popupAlign:e.align,popupOffset:e.point,popupContext:o,popupStyles:n,className:i,shared:r}))}onHideTooltip(){this.setState({popupShown:!1,popupStyles:{},className:void 0})}createSharedTooltipContext(t){const{points:e,categoryText:n}=t,r=e.filter(o=>typeof o.series.name!="undefined").length>0,i=t.series.length>1;let s=1;return r&&s++,i&&s++,{categoryText:n,colorMarker:i,colspan:s,nameColumn:r,points:t.points.map(o=>new h.TooltipPoint(o,t.format))}}createTooltipContext(t){const{point:e,format:n}=t;return{point:new h.TooltipPoint(e,n)}}findRenderFunctionByIndex(t){const e=this.context.optionsStore.getState().series;return e!==void 0&&Array.isArray(e)&&e[t]!==void 0&&e[t].hasOwnProperty("tooltip")&&e[t].tooltip.hasOwnProperty("render")?e[t].tooltip.render:null}findRenderFunction(){const t=this.context.optionsStore.getState().tooltip;return t!==void 0&&t.hasOwnProperty("render")?t.render:null}};c.contextType=C.ChartContext;let l=c;exports.SeriesTooltip=l;

package/tooltip/Series.mjs

@@ -0,0 +1,112 @@
+/**
+ * @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 p from "react";
+import { classNames as d } from "@progress/kendo-react-common";
+import { InstanceObserver as m } from "@progress/kendo-charts";
+import { TooltipPoint as c } from "./Point.mjs";
+import { SharedTooltipContent as f } from "./SharedTooltipContent.mjs";
+import { TooltipPopup as S } from "./Popup.mjs";
+import { ChartContext as y } from "../ChartContext.mjs";
+const T = "k-chart-shared-tooltip", x = "k-chart-tooltip-inverse", a = class a extends p.Component {
+  constructor() {
+    super(...arguments), this.context = null, this.state = {
+      popupShown: !1
+    }, this.chartObserver = null;
+  }
+  componentDidMount() {
+    this.chartObserver = new m(this, {
+      showTooltip: "onShowTooltip",
+      hideTooltip: "onHideTooltip"
+    }), this.context.observersStore.dispatch({
+      type: "add",
+      payload: this.chartObserver
+    });
+  }
+  render() {
+    const { popupContext: t, shared: e, className: n, ...r } = this.state, i = this.state.popupShown ? () => {
+      const o = this.findRenderFunction();
+      if (e)
+        return o !== null ? o(t) : /* @__PURE__ */ p.createElement(f, { ...t });
+      {
+        const u = t.point, l = this.findRenderFunctionByIndex(u.series.index);
+        return l !== null ? l(t) : o !== null ? o(t) : /* @__PURE__ */ p.createElement(
+          "span",
+          {
+            dangerouslySetInnerHTML: { __html: t.point.formattedValue }
+          }
+        );
+      }
+    } : Function.prototype, s = d({
+      [T]: e,
+      [x]: !!n
+    });
+    return /* @__PURE__ */ p.createElement(
+      S,
+      {
+        ...r,
+        popupContent: i,
+        className: s
+      }
+    );
+  }
+  componentWillUnmount() {
+    this.context.observersStore.dispatch({
+      type: "remove",
+      payload: this.chartObserver
+    });
+  }
+  onShowTooltip(t) {
+    const { anchor: e, style: n, shared: r, className: i, crosshair: s } = t;
+    let o;
+    s || (r ? o = this.createSharedTooltipContext(t) : o = this.createTooltipContext(t), this.setState({
+      popupShown: !0,
+      popupAlign: e.align,
+      popupOffset: e.point,
+      popupContext: o,
+      popupStyles: n,
+      className: i,
+      shared: r
+    }));
+  }
+  onHideTooltip() {
+    this.setState({
+      popupShown: !1,
+      popupStyles: {},
+      className: void 0
+    });
+  }
+  createSharedTooltipContext(t) {
+    const { points: e, categoryText: n } = t, r = e.filter((o) => typeof o.series.name != "undefined").length > 0, i = t.series.length > 1;
+    let s = 1;
+    return r && s++, i && s++, {
+      categoryText: n,
+      colorMarker: i,
+      colspan: s,
+      nameColumn: r,
+      points: t.points.map((o) => new c(o, t.format))
+    };
+  }
+  createTooltipContext(t) {
+    const { point: e, format: n } = t;
+    return { point: new c(e, n) };
+  }
+  findRenderFunctionByIndex(t) {
+    const e = this.context.optionsStore.getState().series;
+    return e !== void 0 && Array.isArray(e) && e[t] !== void 0 && e[t].hasOwnProperty("tooltip") && e[t].tooltip.hasOwnProperty("render") ? e[t].tooltip.render : null;
+  }
+  findRenderFunction() {
+    const t = this.context.optionsStore.getState().tooltip;
+    return t !== void 0 && t.hasOwnProperty("render") ? t.render : null;
+  }
+};
+a.contextType = y;
+let h = a;
+export {
+  h as SeriesTooltip
+};

package/tooltip/SharedTooltipContent.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 m=require("react");function d(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,l.get?l:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const e=d(m),i="k-chart-shared-tooltip-marker",p=t=>{const{categoryText:r,colorMarker:n,colspan:l,nameColumn:o,points:c}=t,s=(a,u)=>e.createElement("tr",{key:u},n&&e.createElement("td",null,e.createElement("span",{className:i,style:{backgroundColor:a.series.color}})),o&&e.createElement("td",null,a.series.name),e.createElement("td",{dangerouslySetInnerHTML:{__html:a.formattedValue}}));return e.createElement("table",null,e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",{colSpan:l},r))),e.createElement("tbody",null,c.map(s)))};exports.SharedTooltipContent=p;

package/tooltip/SharedTooltipContent.mjs

@@ -0,0 +1,22 @@
+/**
+ * @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 e from "react";
+const u = "k-chart-shared-tooltip-marker", E = (l) => {
+  const { categoryText: r, colorMarker: n, colspan: a, nameColumn: o, points: c } = l, m = (t, s) => /* @__PURE__ */ e.createElement("tr", { key: s }, n && /* @__PURE__ */ e.createElement("td", null, /* @__PURE__ */ e.createElement(
+    "span",
+    {
+      className: u,
+      style: { backgroundColor: t.series.color }
+    }
+  )), o && /* @__PURE__ */ e.createElement("td", null, t.series.name), /* @__PURE__ */ e.createElement("td", { dangerouslySetInnerHTML: { __html: t.formattedValue } }));
+  return /* @__PURE__ */ e.createElement("table", null, /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, /* @__PURE__ */ e.createElement("th", { colSpan: a }, r))), /* @__PURE__ */ e.createElement("tbody", null, c.map(m)));
+};
+export {
+  E as SharedTooltipContent
+};

package/utils/index.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"});function o(r,t){let e=r;for(;e&&e!==t;)e=e.parentNode;return!!e}function i(r,t,e,l){const n=r[t];if(n&&Array.isArray(n)){for(let a of n)if(!a.type||a.type!==l)return new Error(`${e} children should be Array of type ${l.displayName}.`)}return null}const u=r=>r===void 0?!1:!r;exports.hasParent=o;exports.toggle=u;exports.validateChildren=i;

package/utils/index.mjs

@@ -0,0 +1,31 @@
+/**
+ * @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";
+function a(r, t) {
+  let e = r;
+  for (; e && e !== t; )
+    e = e.parentNode;
+  return !!e;
+}
+function i(r, t, e, o) {
+  const n = r[t];
+  if (n && Array.isArray(n)) {
+    for (let l of n)
+      if (!l.type || l.type !== o)
+        return new Error(
+          `${e} children should be Array of type ${o.displayName}.`
+        );
+  }
+  return null;
+}
+const u = (r) => r === void 0 ? !1 : !r;
+export {
+  a as hasParent,
+  u as toggle,
+  i as validateChildren
+};