@progress/kendo-react-charts 9.4.0-develop.24 → 9.4.0-develop.3

package/tooltip/Crosshair.mjs

@@ -5,8 +5,9 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as r from "react";
-import { classNames as u } from "@progress/kendo-react-common";
+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";
@@ -23,7 +24,7 @@ const v = "k-chart-crosshair-tooltip", C = "k-chart-tooltip-inverse", n = class
     });
   }
   render() {
-    const { popupContend: t, className: o, ...e } = this.state, p = this.state.popupShown ? () => t : Function.prototype, s = u({
+    const { popupContend: t, className: o, ...e } = this.state, p = this.state.popupShown ? () => t : Function.prototype, s = m({
       [v]: !0,
       [C]: !!o
     });
@@ -37,8 +38,8 @@ const v = "k-chart-crosshair-tooltip", C = "k-chart-tooltip-inverse", n = class
     });
   }
   onShowTooltip(t) {
-    const { anchor: o, style: e, className: p, crosshair: s, axisName: i, axisIndex: c, value: l } = t, { name: h, index: m } = this.props;
-    s && i === h && c === m && this.setState({
+    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,
@@ -56,7 +57,7 @@ const v = "k-chart-crosshair-tooltip", C = "k-chart-tooltip-inverse", n = class
   }
 };
 n.contextType = f;
-let a = n;
+let i = n;
 export {
-  a as CrosshairTooltip
+  i as CrosshairTooltip
 };

package/tooltip/CrosshairContainer.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"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;
+"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

@@ -5,6 +5,7 @@
  * 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";

package/tooltip/Point.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"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;
+"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

@@ -5,17 +5,18 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-class a {
+"use client";
+class h {
   /**
    * @hidden
    */
-  constructor(t, h) {
-    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 || h;
+  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 {
-  a as TooltipPoint
+  h as TooltipPoint
 };

package/tooltip/Popup.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"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 n=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(n,t,e.get?e:{enumerable:!0,get:()=>s[t]})}}return n.default=s,Object.freeze(n)}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(n,t){super(n,t),this.context=null,this.element=null,this.onChartMouseLeave=e=>{const{syntheticEvent:o}=e;return!!v.hasParent(o.relatedTarget,this.element)},this.onMouseLeave=e=>{const o=f.toDomEvent(this,e);this.context.childrenObserver.trigger("onMouseLeave",o)&&e.preventDefault()},this.popupRef=e=>{this.element=e;const o=e&&e.closest(".k-animation-container");o&&(o.style.transition="initial")},this.chartObserver=new h.InstanceObserver(this,{onMouseLeave:"onChartMouseLeave"}),t.observersStore.dispatch({type:"add",payload:this.chartObserver})}render(){const{popupShown:n,popupAlign:t,popupOffset:e,popupStyles:o,popupContent:c,className:p}=this.props,u=[C,p].join(" ").trim();return r.createElement(d.Popup,{animate:!1,popupAlign:t,offset:e,show:n,collision:b,className:y},r.createElement("div",{className:u,style:o,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;
+"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

@@ -5,13 +5,14 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as r from "react";
+"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", n = class n extends r.Component {
+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;
@@ -32,7 +33,7 @@ const v = { horizontal: "fit", vertical: "fit" }, d = "k-chart-tooltip", C = "k-
   }
   render() {
     const { popupShown: s, popupAlign: o, popupOffset: e, popupStyles: t, popupContent: a, className: p } = this.props, c = [d, p].join(" ").trim();
-    return /* @__PURE__ */ r.createElement(
+    return /* @__PURE__ */ n.createElement(
       u,
       {
         animate: !1,
@@ -42,7 +43,7 @@ const v = { horizontal: "fit", vertical: "fit" }, d = "k-chart-tooltip", C = "k-
         collision: v,
         className: C
       },
-      /* @__PURE__ */ r.createElement("div", { className: c, style: t, onMouseLeave: this.onMouseLeave, ref: this.popupRef }, a())
+      /* @__PURE__ */ n.createElement("div", { className: c, style: t, onMouseLeave: this.onMouseLeave, ref: this.popupRef }, a())
     );
   }
   componentWillUnmount() {
@@ -52,8 +53,8 @@ const v = { horizontal: "fit", vertical: "fit" }, d = "k-chart-tooltip", C = "k-
     });
   }
 };
-n.contextType = f;
-let i = n;
+r.contextType = f;
+let i = r;
 export {
   i as TooltipPopup
 };

package/tooltip/Series.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"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",l=class l 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}};l.contextType=C.ChartContext;let c=l;exports.SeriesTooltip=c;
+"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",l=class l 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}};l.contextType=C.ChartContext;let c=l;exports.SeriesTooltip=c;

package/tooltip/Series.mjs

@@ -5,6 +5,7 @@
  * 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";
@@ -28,12 +29,12 @@ const T = "k-chart-shared-tooltip", x = "k-chart-tooltip-inverse", a = class a e
     });
   }
   render() {
-    const { popupContext: t, shared: o, className: n, ...r } = this.state, i = this.state.popupShown ? () => {
-      const e = this.findRenderFunction();
-      if (o)
-        return e !== null ? e(t) : /* @__PURE__ */ p.createElement(f, { ...t });
+    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) : e !== null ? e(t) : /* @__PURE__ */ p.createElement(
+      return l !== null ? l(t) : o !== null ? o(t) : /* @__PURE__ */ p.createElement(
         "span",
         {
           dangerouslySetInnerHTML: {
@@ -42,7 +43,7 @@ const T = "k-chart-shared-tooltip", x = "k-chart-tooltip-inverse", a = class a e
         }
       );
     } : Function.prototype, s = d({
-      [T]: o,
+      [T]: e,
       [x]: !!n
     });
     return /* @__PURE__ */ p.createElement(S, { ...r, popupContent: i, className: s });
@@ -54,13 +55,13 @@ const T = "k-chart-shared-tooltip", x = "k-chart-tooltip-inverse", a = class a e
     });
   }
   onShowTooltip(t) {
-    const { anchor: o, style: n, shared: r, className: i, crosshair: s } = t;
-    let e;
-    s || (r ? e = this.createSharedTooltipContext(t) : e = this.createTooltipContext(t), this.setState({
+    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: o.align,
-      popupOffset: o.point,
-      popupContext: e,
+      popupAlign: e.align,
+      popupOffset: e.point,
+      popupContext: o,
       popupStyles: n,
       className: i,
       shared: r
@@ -74,23 +75,23 @@ const T = "k-chart-shared-tooltip", x = "k-chart-tooltip-inverse", a = class a e
     });
   }
   createSharedTooltipContext(t) {
-    const { points: o, categoryText: n } = t, r = o.filter((e) => typeof e.series.name != "undefined").length > 0, i = t.series.length > 1;
+    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((e) => new c(e, t.format))
+      points: t.points.map((o) => new c(o, t.format))
     };
   }
   createTooltipContext(t) {
-    const { point: o, format: n } = t;
-    return { point: new c(o, n) };
+    const { point: e, format: n } = t;
+    return { point: new c(e, n) };
   }
   findRenderFunctionByIndex(t) {
-    const o = this.context.optionsStore.getState().series;
-    return o !== void 0 && Array.isArray(o) && o[t] !== void 0 && o[t].hasOwnProperty("tooltip") && o[t].tooltip.hasOwnProperty("render") ? o[t].tooltip.render : null;
+    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;

package/tooltip/SharedTooltipContent.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"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;
+"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

@@ -5,6 +5,7 @@
  * 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 } }));

package/utils/index.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function l(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(const a of n)if(!a.type||a.type!==o)return new Error(`${e} children should be Array of type ${o.displayName}.`)}return null}const u=r=>r===void 0?!1:!r;exports.hasParent=l;exports.toggle=u;exports.validateChildren=i;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function l(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(const a of n)if(!a.type||a.type!==o)return new Error(`${e} children should be Array of type ${o.displayName}.`)}return null}const u=r=>r===void 0?!1:!r;exports.hasParent=l;exports.toggle=u;exports.validateChildren=i;

package/utils/index.mjs

@@ -5,22 +5,23 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-function i(e, t) {
-  let r = e;
-  for (; r && r !== t; )
-    r = r.parentNode;
-  return !!r;
+"use client";
+function i(r, t) {
+  let e = r;
+  for (; e && e !== t; )
+    e = e.parentNode;
+  return !!e;
 }
-function l(e, t, r, o) {
-  const n = e[t];
+function l(r, t, e, o) {
+  const n = r[t];
   if (n && Array.isArray(n)) {
     for (const a of n)
       if (!a.type || a.type !== o)
-        return new Error(`${r} children should be Array of type ${o.displayName}.`);
+        return new Error(`${e} children should be Array of type ${o.displayName}.`);
   }
   return null;
 }
-const u = (e) => e === void 0 ? !1 : !e;
+const u = (r) => r === void 0 ? !1 : !r;
 export {
   i as hasParent,
   u as toggle,