@progress/kendo-react-charts 9.4.0-develop.18 → 9.4.0-develop.2

package/sankey/Sankey.mjs

@@ -5,13 +5,15 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as t from "react";
-import { sankeyTheme as w, Sankey as H } from "@progress/kendo-charts";
-import { validatePackage as D, useRtl as I, canUseDOM as K } from "@progress/kendo-react-common";
+import { Sankey as O } from "@progress/kendo-charts";
+import { loadTheme as D } from "./theme-service.mjs";
+import { validatePackage as H, useRtl as I, canUseDOM as K } from "@progress/kendo-react-common";
 import { packageMetadata as M } from "../package-metadata.mjs";
 import { sankeyPropTypes as V } from "./propTypes.mjs";
 import { TooltipComponent as A, NodeTooltipContent as F, LinkTooltipContent as U } from "./SankeyTooltip.mjs";
-const S = 12, k = {
+const S = 12, p = {
   offset: S,
   visible: !0
 }, W = ["nodeEnter", "nodeLeave", "linkEnter", "linkLeave", "nodeClick", "linkClick"], $ = (n, c) => {
@@ -19,39 +21,39 @@ const S = 12, k = {
     c[o] && n.bind(o, c[o]);
   }));
 }, P = t.forwardRef((n, c) => {
-  D(M);
+  H(M);
   const o = t.useRef(null), r = t.useRef(null), s = I(o, n.dir, [n.dir, o.current]), d = t.useRef(null), {
-    data: p,
+    data: k,
     links: m,
     nodes: y,
     labels: v,
     title: E,
     legend: C,
-    tooltip: u = k,
+    tooltip: u = p,
     disableAutoLayout: b,
     disableKeyboardNavigation: g
   } = n, T = t.useRef();
   T.current = n;
-  const [L, R] = t.useState(null), h = t.useCallback(
+  const [L, R] = t.useState(null), N = t.useCallback(
     (l) => {
       const {
         visible: a,
         offset: e = S,
         nodeComponent: f = F,
-        linkComponent: x = U
-      } = { ...k, ...u };
+        linkComponent: w = U
+      } = { ...p, ...u };
       if (a) {
-        const O = {
+        const x = {
           event: l,
           offset: e,
           dir: s,
-          Content: l.targetType === "node" ? f : x
+          Content: l.targetType === "node" ? f : w
         };
-        R(O);
+        R(x);
       }
     },
     [u, s]
-  ), N = t.useCallback(() => {
+  ), h = t.useCallback(() => {
     R(null);
   }, []), i = t.useCallback((l, a) => {
     const e = T.current[l];
@@ -66,7 +68,7 @@ const S = 12, k = {
   }, []);
   return t.useEffect(() => {
     const l = {
-      data: p,
+      data: k,
       links: m,
       nodes: y,
       labels: v,
@@ -75,13 +77,10 @@ const S = 12, k = {
       disableAutoLayout: b,
       disableKeyboardNavigation: g,
       rtl: s === "rtl",
-      tooltip: { ...k, ...u }
+      tooltip: { ...p, ...u }
     };
-    if (r.current)
-      r.current.setOptions(l);
-    else if (K && o.current) {
-      const a = w(o.current);
-      r.current = new H(o.current, l, a), $(r.current, {
+    return r.current ? r.current.setOptions(l) : K && o.current && D(o.current.ownerDocument, (a) => {
+      r.current = new O(o.current, l, a), $(r.current, {
         nodeEnter: (e) => {
           i("onNodeEnter", e);
         },
@@ -100,13 +99,12 @@ const S = 12, k = {
         linkClick: (e) => {
           i("onLinkClick", e);
         }
-      }), r.current.bind("tooltipShow", h), r.current.bind("tooltipHide", N);
-    }
-    return () => {
+      }), r.current.bind("tooltipShow", N), r.current.bind("tooltipHide", h);
+    }), () => {
       r.current && (r.current.destroy(), r.current = null);
     };
   }, [
-    p,
+    k,
     m,
     y,
     v,
@@ -116,8 +114,8 @@ const S = 12, k = {
     g,
     s,
     u,
-    N,
     h,
+    N,
     i
   ]), t.useImperativeHandle(
     d,

package/sankey/SankeyTooltip.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 v=require("react"),x=require("@progress/kendo-react-common"),d=require("@progress/kendo-svg-icons"),g=require("@progress/kendo-react-intl"),p=require("./messages.js");function I(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const l=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(n,o,l.get?l:{enumerable:!0,get:()=>t[o]})}}return n.default=t,Object.freeze(n)}const e=I(v),T=t=>{const{Content:n,dir:o,offset:l,event:{tooltipData:r,dataItem:b,nodeValue:k}}=t,m=e.useRef(null);return e.useEffect(()=>{const i=m.current;if(!r||!i)return;const f={width:i.offsetWidth,height:i.offsetHeight},a={...r.popupOffset},s=r.popupAlign;a.left+=s.horizontal==="left"?l:-1*l,s.horizontal==="right"&&(a.left-=f.width),s.vertical==="bottom"?a.top-=f.height+l:a.top+=l,i.style.left=`${a.left}px`,i.style.top=`${a.top}px`,i.style.visibility=""},[r]),e.createElement("div",{ref:m,style:{visibility:"hidden"},dir:o,className:"k-tooltip k-sankey-tooltip k-chart-tooltip k-chart-shared-tooltip"},e.createElement("div",{className:"k-tooltip-content"},e.createElement(n,{dir:o,dataItem:b,nodeValue:k})))},h=3,C=`0 ${h}px`,y={display:"flex",alignItems:"center"},u=t=>e.createElement("div",{style:{width:15,height:15,backgroundColor:t.color,display:"inline-flex",marginLeft:h}}),c=t=>e.createElement("span",{style:{margin:C}},t.children),E=t=>g.useInternationalization().format(g.useLocalization().toLanguageString(p.tooltipUnitFormat,p.messages[p.tooltipUnitFormat]),[t||0]),O=t=>{const{color:n,label:o}=t.dataItem;return e.createElement("div",{style:y,className:"k-tooltip-content"},e.createElement(u,{color:n}),e.createElement(c,null,o.text),e.createElement(c,null,E(t.nodeValue)))},S=t=>{const{source:n,target:o,value:l}=t.dataItem,r=t.dir==="rtl"?d.arrowLeftIcon:d.arrowRightIcon;return e.createElement("div",{style:y},e.createElement(u,{color:n.color}),e.createElement(c,null,n.label.text),e.createElement(x.IconWrap,{icon:r,name:r.name}),e.createElement(u,{color:o.color}),e.createElement(c,null,o.label.text),e.createElement(c,null,E(l)))};exports.LinkTooltipContent=S;exports.NodeTooltipContent=O;exports.TooltipComponent=T;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),x=require("@progress/kendo-react-common"),d=require("@progress/kendo-svg-icons"),g=require("@progress/kendo-react-intl"),u=require("./messages.js");function I(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const l=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(n,o,l.get?l:{enumerable:!0,get:()=>t[o]})}}return n.default=t,Object.freeze(n)}const e=I(v),T=t=>{const{Content:n,dir:o,offset:l,event:{tooltipData:r,dataItem:b,nodeValue:k}}=t,m=e.useRef(null);return e.useEffect(()=>{const i=m.current;if(!r||!i)return;const f={width:i.offsetWidth,height:i.offsetHeight},a={...r.popupOffset},s=r.popupAlign;a.left+=s.horizontal==="left"?l:-1*l,s.horizontal==="right"&&(a.left-=f.width),s.vertical==="bottom"?a.top-=f.height+l:a.top+=l,i.style.left=`${a.left}px`,i.style.top=`${a.top}px`,i.style.visibility=""},[r]),e.createElement("div",{ref:m,style:{visibility:"hidden"},dir:o,className:"k-tooltip k-sankey-tooltip k-chart-tooltip k-chart-shared-tooltip"},e.createElement("div",{className:"k-tooltip-content"},e.createElement(n,{dir:o,dataItem:b,nodeValue:k})))},h=3,C=`0 ${h}px`,y={display:"flex",alignItems:"center"},p=t=>e.createElement("div",{style:{width:15,height:15,backgroundColor:t.color,display:"inline-flex",marginLeft:h}}),c=t=>e.createElement("span",{style:{margin:C}},t.children),E=t=>g.useInternationalization().format(g.useLocalization().toLanguageString(u.tooltipUnitFormat,u.messages[u.tooltipUnitFormat]),[t||0]),O=t=>{const{color:n,label:o}=t.dataItem;return e.createElement("div",{style:y,className:"k-tooltip-content"},e.createElement(p,{color:n}),e.createElement(c,null,o.text),e.createElement(c,null,E(t.nodeValue)))},S=t=>{const{source:n,target:o,value:l}=t.dataItem,r=t.dir==="rtl"?d.arrowLeftIcon:d.arrowRightIcon;return e.createElement("div",{style:y},e.createElement(p,{color:n.color}),e.createElement(c,null,n.label.text),e.createElement(x.IconWrap,{icon:r,name:r.name}),e.createElement(p,{color:o.color}),e.createElement(c,null,o.label.text),e.createElement(c,null,E(l)))};exports.LinkTooltipContent=S;exports.NodeTooltipContent=O;exports.TooltipComponent=T;

package/sankey/SankeyTooltip.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as t from "react";
 import { IconWrap as x } from "@progress/kendo-react-common";
 import { arrowLeftIcon as v, arrowRightIcon as k } from "@progress/kendo-svg-icons";
@@ -14,15 +15,15 @@ const R = (e) => {
   const {
     Content: l,
     dir: o,
-    offset: r,
+    offset: i,
     event: { tooltipData: n, dataItem: E, nodeValue: y }
   } = e, p = t.useRef(null);
   return t.useEffect(() => {
-    const i = p.current;
-    if (!n || !i)
+    const r = p.current;
+    if (!n || !r)
       return;
-    const f = { width: i.offsetWidth, height: i.offsetHeight }, a = { ...n.popupOffset }, s = n.popupAlign;
-    a.left += s.horizontal === "left" ? r : -1 * r, s.horizontal === "right" && (a.left -= f.width), s.vertical === "bottom" ? a.top -= f.height + r : a.top += r, i.style.left = `${a.left}px`, i.style.top = `${a.top}px`, i.style.visibility = "";
+    const f = { width: r.offsetWidth, height: r.offsetHeight }, a = { ...n.popupOffset }, s = n.popupAlign;
+    a.left += s.horizontal === "left" ? i : -1 * i, s.horizontal === "right" && (a.left -= f.width), s.vertical === "bottom" ? a.top -= f.height + i : a.top += i, r.style.left = `${a.left}px`, r.style.top = `${a.top}px`, r.style.visibility = "";
   }, [n]), /* @__PURE__ */ t.createElement(
     "div",
     {
@@ -51,8 +52,8 @@ const R = (e) => {
   const { color: l, label: o } = e.dataItem;
   return /* @__PURE__ */ t.createElement("div", { style: h, className: "k-tooltip-content" }, /* @__PURE__ */ t.createElement(m, { color: l }), /* @__PURE__ */ t.createElement(c, null, o.text), /* @__PURE__ */ t.createElement(c, null, g(e.nodeValue)));
 }, $ = (e) => {
-  const { source: l, target: o, value: r } = e.dataItem, n = e.dir === "rtl" ? v : k;
-  return /* @__PURE__ */ t.createElement("div", { style: h }, /* @__PURE__ */ t.createElement(m, { color: l.color }), /* @__PURE__ */ t.createElement(c, null, l.label.text), /* @__PURE__ */ t.createElement(x, { icon: n, name: n.name }), /* @__PURE__ */ t.createElement(m, { color: o.color }), /* @__PURE__ */ t.createElement(c, null, o.label.text), /* @__PURE__ */ t.createElement(c, null, g(r)));
+  const { source: l, target: o, value: i } = e.dataItem, n = e.dir === "rtl" ? v : k;
+  return /* @__PURE__ */ t.createElement("div", { style: h }, /* @__PURE__ */ t.createElement(m, { color: l.color }), /* @__PURE__ */ t.createElement(c, null, l.label.text), /* @__PURE__ */ t.createElement(x, { icon: n, name: n.name }), /* @__PURE__ */ t.createElement(m, { color: o.color }), /* @__PURE__ */ t.createElement(c, null, o.label.text), /* @__PURE__ */ t.createElement(c, null, g(i)));
 };
 export {
   $ as LinkTooltipContent,

package/sankey/messages.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 t="sankey.tooltipUnitFormat",o={[t]:"({0} units)"};exports.messages=o;exports.tooltipUnitFormat=t;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t="sankey.tooltipUnitFormat",o={[t]:"({0} units)"};exports.messages=o;exports.tooltipUnitFormat=t;

package/sankey/messages.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 const t = "sankey.tooltipUnitFormat", o = {
   [t]: "({0} units)"
 };

package/sankey/propTypes.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 e=require("prop-types"),r=e.exact({left:e.number,top:e.number}),i={left:e.number,right:e.number},l={...i,top:e.number,bottom:e.number},t=e.oneOfType([e.number,e.exact(l)]),n=t,o=e.exact({width:e.number,color:e.string,opacity:e.number,dashType:e.string}),s={visible:e.bool,font:e.string,color:e.string,opacity:e.number,align:e.oneOf(["left","right","center"]),position:e.oneOf(["inside","before","after"]),padding:n,margin:e.exact(i),border:o,offset:r},a={color:e.string,opacity:e.number,offset:r,padding:e.number,width:e.number,focusHighlight:e.exact({border:o})},c={colorType:e.oneOf(["static","source","target"]),color:e.string,opacity:e.number,highlight:e.exact({opacity:e.number,inactiveOpacity:e.number}),focusHighlight:e.exact({border:o})},b=e.exact({text:e.string,...s}),p=e.exact({id:e.oneOfType([e.string,e.number]).isRequired,label:b.isRequired,...a}),u=e.exact({sourceId:e.oneOfType([e.string,e.number]).isRequired,targetId:e.oneOfType([e.string,e.number]).isRequired,value:e.number.isRequired,...c}),d={data:e.exact({nodes:e.arrayOf(p.isRequired).isRequired,links:e.arrayOf(u.isRequired).isRequired}).isRequired,links:e.exact(c),nodes:e.exact(a),labels:e.exact(s),legend:e.exact({align:e.oneOf(["start","center","end"]),background:e.string,border:o,height:e.number,labels:e.object,margin:t,offsetX:e.number,offsetY:e.number,orientation:e.oneOf(["vertical","horizontal"]),padding:n,position:e.oneOf(["top","bottom","left","right","custom"]),reverse:e.bool,visible:e.bool,width:e.number,item:e.object,title:e.object}),title:e.exact({align:e.oneOf(["center","left","right"]),background:e.string,border:o,color:e.string,font:e.string,margin:t,padding:n,position:e.oneOf(["top","bottom"]),text:e.string,visible:e.bool}),tooltip:e.exact({visible:e.bool,offset:e.number,followPointer:e.bool,delay:e.number,linkComponent:e.any,nodeComponent:e.any}),className:e.string,style:e.object,dir:e.string,disableAutoLayout:e.bool,disableKeyboardNavigation:e.bool,onNodeEnter:e.func,onNodeLeave:e.func,onLinkEnter:e.func,onLinkLeave:e.func,onNodeClick:e.func,onLinkClick:e.func};exports.sankeyPropTypes=d;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("prop-types"),r=e.exact({left:e.number,top:e.number}),i={left:e.number,right:e.number},l={...i,top:e.number,bottom:e.number},t=e.oneOfType([e.number,e.exact(l)]),n=t,o=e.exact({width:e.number,color:e.string,opacity:e.number,dashType:e.string}),s={visible:e.bool,font:e.string,color:e.string,opacity:e.number,align:e.oneOf(["left","right","center"]),position:e.oneOf(["inside","before","after"]),padding:n,margin:e.exact(i),border:o,offset:r},a={color:e.string,opacity:e.number,offset:r,padding:e.number,width:e.number,focusHighlight:e.exact({border:o})},c={colorType:e.oneOf(["static","source","target"]),color:e.string,opacity:e.number,highlight:e.exact({opacity:e.number,inactiveOpacity:e.number}),focusHighlight:e.exact({border:o})},b=e.exact({text:e.string,...s}),p=e.exact({id:e.oneOfType([e.string,e.number]).isRequired,label:b.isRequired,...a}),u=e.exact({sourceId:e.oneOfType([e.string,e.number]).isRequired,targetId:e.oneOfType([e.string,e.number]).isRequired,value:e.number.isRequired,...c}),d={data:e.exact({nodes:e.arrayOf(p.isRequired).isRequired,links:e.arrayOf(u.isRequired).isRequired}).isRequired,links:e.exact(c),nodes:e.exact(a),labels:e.exact(s),legend:e.exact({align:e.oneOf(["start","center","end"]),background:e.string,border:o,height:e.number,labels:e.object,margin:t,offsetX:e.number,offsetY:e.number,orientation:e.oneOf(["vertical","horizontal"]),padding:n,position:e.oneOf(["top","bottom","left","right","custom"]),reverse:e.bool,visible:e.bool,width:e.number,item:e.object,title:e.object}),title:e.exact({align:e.oneOf(["center","left","right"]),background:e.string,border:o,color:e.string,font:e.string,margin:t,padding:n,position:e.oneOf(["top","bottom"]),text:e.string,visible:e.bool}),tooltip:e.exact({visible:e.bool,offset:e.number,followPointer:e.bool,delay:e.number,linkComponent:e.any,nodeComponent:e.any}),className:e.string,style:e.object,dir:e.string,disableAutoLayout:e.bool,disableKeyboardNavigation:e.bool,onNodeEnter:e.func,onNodeLeave:e.func,onLinkEnter:e.func,onLinkLeave:e.func,onNodeClick:e.func,onLinkClick:e.func};exports.sankeyPropTypes=d;

package/sankey/propTypes.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import e from "prop-types";
 const r = e.exact({
   left: e.number,

package/sankey/theme-service.js

@@ -0,0 +1,29 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 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=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},h=30,m=()=>{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<h;e++)t+=`
+      <div class="k-var--series-${e+1}"></div>`;return t},k=`
+    <div class="k-var--background"></div>
+    <div class="k-var--normal-text-color"></div>
+    <div class="k-var--kendo-color-subtle"></div>
+
+    <div class="k-widget k-chart">
+        <div class="k-var--chart-font"></div>
+        <div class="k-var--chart-title-font"></div>
+    </div>
+    <div class="k-var--series-unset"></div>
+    <div class="k-var--series">
+      ${m()}
+    </div>
+`;class y{constructor(e){this.store=e}setStyle(e,s){const o=e.split(".");let l=this.store;o.forEach((i,c,n)=>{c<n.length-1&&(l=l[i]=l[i]||{})});const r=o.pop();r&&(l[r]=s)}setColors(){this.mapColor("labels.color","normal-text-color"),this.mapColor("labels.stroke.color","background");const e=this.element.querySelector(".k-var--kendo-color-subtle");e.style.color="var(--kendo-color-subtle)",this.mapColor("links.color","kendo-color-subtle","color"),this.mapColor("legend.labels.color","normal-text-color"),this.mapColor("title.color","normal-text-color")}setFonts(){const e=a(this.queryStyle("chart-title-font")),s=a(this.queryStyle("chart-font"));this.setStyle("title.font",e),this.setStyle("labels.font",s),this.setStyle("legend.labels.font",s)}setNodeColors(){const e=this.element;if(!e)return;const s=[].slice.call(e.querySelectorAll(".k-var--series div")),o=d(e.querySelector(".k-var--series-unset")),l=s.reduce((r,i)=>{const c=u(i.className),n=d(i);return n!==o&&(r[c]=n),r},[]);this.setStyle("nodeColors",l)}mapColor(e,s,o="backgroundColor"){this.setStyle(e,this.queryStyle(s)[o])}queryStyle(e){const s=this.element;return window.getComputedStyle(s.querySelector(`.k-var--${e}`))}}const C=(t,e)=>{const s={nodeColors:[]},o=new y(s),l=o.element=t.createElement("div");l.style.display="none",l.innerHTML=k,t.body.appendChild(l);try{o.setColors(),o.setFonts(),o.setNodeColors()}finally{t.body.removeChild(o.element),o.element=null,e(s)}};exports.loadTheme=C;

package/sankey/theme-service.mjs

@@ -0,0 +1,100 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+const a = (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;
+};
+const h = () => {
+  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 < 30; e++)
+    t += `
+      <div class="k-var--series-${e + 1}"></div>`;
+  return t;
+}, k = `
+    <div class="k-var--background"></div>
+    <div class="k-var--normal-text-color"></div>
+    <div class="k-var--kendo-color-subtle"></div>
+
+    <div class="k-widget k-chart">
+        <div class="k-var--chart-font"></div>
+        <div class="k-var--chart-title-font"></div>
+    </div>
+    <div class="k-var--series-unset"></div>
+    <div class="k-var--series">
+      ${h()}
+    </div>
+`;
+class m {
+  constructor(e) {
+    this.store = e;
+  }
+  setStyle(e, s) {
+    const o = e.split(".");
+    let l = this.store;
+    o.forEach((i, c, n) => {
+      c < n.length - 1 && (l = l[i] = l[i] || {});
+    });
+    const r = o.pop();
+    r && (l[r] = s);
+  }
+  setColors() {
+    this.mapColor("labels.color", "normal-text-color"), this.mapColor("labels.stroke.color", "background");
+    const e = this.element.querySelector(".k-var--kendo-color-subtle");
+    e.style.color = "var(--kendo-color-subtle)", this.mapColor("links.color", "kendo-color-subtle", "color"), this.mapColor("legend.labels.color", "normal-text-color"), this.mapColor("title.color", "normal-text-color");
+  }
+  setFonts() {
+    const e = a(this.queryStyle("chart-title-font")), s = a(this.queryStyle("chart-font"));
+    this.setStyle("title.font", e), this.setStyle("labels.font", s), this.setStyle("legend.labels.font", s);
+  }
+  setNodeColors() {
+    const e = this.element;
+    if (!e)
+      return;
+    const s = [].slice.call(e.querySelectorAll(".k-var--series div")), o = d(e.querySelector(".k-var--series-unset")), l = s.reduce(
+      (r, i) => {
+        const c = u(i.className), n = d(i);
+        return n !== o && (r[c] = n), r;
+      },
+      []
+      // Will populate the colors in this array
+    );
+    this.setStyle("nodeColors", l);
+  }
+  mapColor(e, s, o = "backgroundColor") {
+    this.setStyle(e, this.queryStyle(s)[o]);
+  }
+  queryStyle(e) {
+    const s = this.element;
+    return window.getComputedStyle(s.querySelector(`.k-var--${e}`));
+  }
+}
+const C = (t, e) => {
+  const s = {
+    nodeColors: []
+  }, o = new m(s), l = o.element = t.createElement("div");
+  l.style.display = "none", l.innerHTML = k, t.body.appendChild(l);
+  try {
+    o.setColors(), o.setFonts(), o.setNodeColors();
+  } finally {
+    t.body.removeChild(o.element), o.element = null, e(s);
+  }
+};
+export {
+  C as loadTheme
+};

package/sankey/utils.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 e=require("@progress/kendo-charts"),a=e.createSankeyData;exports.createSankeyData=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@progress/kendo-charts"),t=e.createSankeyData;exports.createSankeyData=t;

package/sankey/utils.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import { createSankeyData as a } from "@progress/kendo-charts";
 const t = a;
 export {

package/store/reducer.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 u=(t,e)=>e.chartCollectionIdxKey?i.collectionConfigurationItem(t,e):e.chartKey?i.configurationItem(t,e):{},a=(t,e)=>{if(e.type)switch(e.type){case"set":return i.themeItem(t,e);case"push":return Object.assign(t,e.payload);default:return t}else return{}},d=(t,e)=>{if(e.type)switch(e.type){case"add":return[...t,e.payload];case"remove":return t.filter(r=>r!==e.payload);default:return t}else return[]},i={configurationItem(t,e){return Object.assign(t,{[e.chartKey]:e.payload})},collectionConfigurationItem(t,e){let r=!1;const[o,n]=e.chartCollectionIdxKey.split("_"),c=t[o].map((l,s)=>parseInt(n,10)===s?(r=!0,e.payload):l);return r===!1&&c.splice(parseInt(n,10),0,e.payload),Object.assign(t,{[o]:c})},themeItem(t,e){let r={};const o=Object.assign(r,t),{field:n,value:c}=e.payload,l=n.split(".");let s=l.shift();for(;l.length>0;)r=r[s]=r[s]||{},s=l.shift();return r[s]=c,o}};exports.observersReducer=d;exports.optionsReducer=u;exports.themeReducer=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=(t,e)=>e.chartCollectionIdxKey?i.collectionConfigurationItem(t,e):e.chartKey?i.configurationItem(t,e):{},a=(t,e)=>{if(e.type)switch(e.type){case"set":return i.themeItem(t,e);case"push":return Object.assign(t,e.payload);default:return t}else return{}},d=(t,e)=>{if(e.type)switch(e.type){case"add":return[...t,e.payload];case"remove":return t.filter(r=>r!==e.payload);default:return t}else return[]},i={configurationItem(t,e){return Object.assign(t,{[e.chartKey]:e.payload})},collectionConfigurationItem(t,e){let r=!1;const[o,n]=e.chartCollectionIdxKey.split("_"),c=t[o].map((l,s)=>parseInt(n,10)===s?(r=!0,e.payload):l);return r===!1&&c.splice(parseInt(n,10),0,e.payload),Object.assign(t,{[o]:c})},themeItem(t,e){let r={};const o=Object.assign(r,t),{field:n,value:c}=e.payload,l=n.split(".");let s=l.shift();for(;l.length>0;)r=r[s]=r[s]||{},s=l.shift();return r[s]=c,o}};exports.observersReducer=d;exports.optionsReducer=u;exports.themeReducer=a;

package/store/reducer.mjs

@@ -5,7 +5,8 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-const a = (t, e) => e.chartCollectionIdxKey ? c.collectionConfigurationItem(t, e) : e.chartKey ? c.configurationItem(t, e) : {}, u = (t, e) => {
+"use client";
+const u = (t, e) => e.chartCollectionIdxKey ? c.collectionConfigurationItem(t, e) : e.chartKey ? c.configurationItem(t, e) : {}, a = (t, e) => {
   if (e.type)
     switch (e.type) {
       case "set":
@@ -53,6 +54,6 @@ const a = (t, e) => e.chartCollectionIdxKey ? c.collectionConfigurationItem(t, e
 };
 export {
   p as observersReducer,
-  a as optionsReducer,
-  u as themeReducer
+  u as optionsReducer,
+  a as themeReducer
 };

package/store/store.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 T=require("@progress/kendo-react-common"),n=1e3/60,l=i=>{let o,c,e=[];const a=()=>o,s=t=>{o=i(o,t),T.canUseDOM&&(window.clearTimeout(c),c=window.setTimeout(()=>e.forEach(r=>r()),n))},u=t=>(e.push(t),()=>e=e.filter(r=>r!==t));return s({}),{getState:a,dispatch:s,subscribe:u}};exports.THROTTLE_MS=n;exports.createStore=l;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@progress/kendo-react-common"),n=1e3/60,T=i=>{let o,c,e=[];const a=()=>o,s=t=>{o=i(o,t),l.canUseDOM&&(window.clearTimeout(c),c=window.setTimeout(()=>e.forEach(r=>r()),n))},u=t=>(e.push(t),()=>e=e.filter(r=>r!==t));return s({}),{getState:a,dispatch:s,subscribe:u}};exports.THROTTLE_MS=n;exports.createStore=T;

package/store/store.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import { canUseDOM as u } from "@progress/kendo-react-common";
 const l = 1e3 / 60, T = (i) => {
   let o, s, t = [];

package/theming/theme-service.js

@@ -0,0 +1,51 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 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 n=require("@progress/kendo-charts"),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},[]);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 k=(t,e,s)=>{const a=new y(t);if(typeof s=="undefined"){t.dispatch({type:"push",payload:n.chartBaseTheme()});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.chartBaseTheme()}),a.setColors(),a.setFonts(),a.setSeriesColors()}finally{s.body.removeChild(a.element),delete a.element,e()}};exports.loadTheme=k;

package/theming/theme-service.mjs

@@ -0,0 +1,122 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 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

@@ -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 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;
+"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;