@progress/kendo-vue-charts 6.1.0-develop.6 → 6.1.0-develop.8

package/package-metadata.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={name:"@progress/kendo-vue-charts",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1738675751,version:"6.1.0-develop.6",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-charts",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1738925012,version:"6.1.0-develop.8",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = {
   productName: "Kendo UI for Vue",
   productCode: "KENDOUIVUE",
   productCodes: ["KENDOUIVUE"],
-  publishDate: 1738675751,
-  version: "6.1.0-develop.6",
+  publishDate: 1738925012,
+  version: "6.1.0-develop.8",
   licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-charts",
-  "version": "6.1.0-develop.6",
+  "version": "6.1.0-develop.8",
   "description": "TODO",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -19,14 +19,14 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-vue-common": "6.1.0-develop.6",
-    "@progress/kendo-vue-intl": "6.1.0-develop.6",
-    "@progress/kendo-vue-popup": "6.1.0-develop.6",
+    "@progress/kendo-vue-common": "6.1.0-develop.8",
+    "@progress/kendo-vue-intl": "6.1.0-develop.8",
+    "@progress/kendo-vue-popup": "6.1.0-develop.8",
     "@progress/kendo-svg-icons": "^4.0.0",
     "vue": "^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-charts": "2.6.2"
+    "@progress/kendo-charts": "2.7.1"
   },
   "keywords": [
     "Kendo UI",
@@ -44,7 +44,7 @@
     "package": {
       "productName": "Kendo UI for Vue",
       "productCode": "KENDOUIVUE",
-      "publishDate": 1738675751,
+      "publishDate": 1738925012,
       "licensingDocsUrl": "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
     }
   },

package/sankey/Sankey.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 r=require("vue"),i=require("@progress/kendo-vue-common"),p=require("../package-metadata.js"),k=require("./theme-service.js"),g=require("@progress/kendo-charts"),y=require("./tooltip.js"),d={visible:!0,offset:12},b=r.defineComponent({name:"KendoSankey",emits:{linkclick:null,linkenter:null,linkleave:null,nodeclick:null,nodeenter:null,nodeleave:null},inheritAttrs:!1,props:{dataNodes:{type:Array,required:!0},dataLinks:{type:Array,required:!0},disableAutoLayout:Boolean,disableKeyboardNavigation:Boolean,dir:String,labels:Object,legend:Object,links:Object,nodes:Object,title:Object,tooltip:Object},created(){i.validatePackage(p.packageMetadata),this.instance=null},data(){return{currentTooltip:null,currentDir:void 0}},watch:{dataNodes:function(){this.update(this)},dataLinks:function(){this.update(this)},links:function(){this.update(this)},nodes:function(){this.update(this)},labels:function(){this.update(this)},title:function(){this.update(this)},legend:function(){this.update(this)},disableAutoLayout:function(){this.update(this)},disableKeyboardNavigation:function(){this.update(this)},dir:function(){this.update(this)},tooltip:function(){this.update(this)}},computed:{sankeyClasses(){const t=this.$attrs.class;return{"k-chart k-sankey":!0,[t]:!!t}}},mounted(){this.element=i.getRef(this,"element"),this.currentDir=i.getDir(this.element,this.$props.dir),this.createSankey(this)},unmounted(){this.destroySankey()},methods:{exportVisual(t){return this.instance.exportVisual(t)},destroySankey(){this.instance&&(this.instance.destroy(),this.instance=null)},createSankey(){const t=this.element;if(!t)return;const e=this.sankeyOptions();k.loadTheme(t.ownerDocument,n=>{this.instance=new g.Sankey(t,e,n),this.bindEvents(this.instance)})},update(){this.instance&&this.instance.setOptions(this.sankeyOptions())},bindEvents(t){t.bind("nodeEnter",this.triggerEvent),t.bind("nodeLeave",this.triggerEvent),t.bind("linkEnter",this.triggerEvent),t.bind("linkLeave",this.triggerEvent),t.bind("nodeClick",this.triggerEvent),t.bind("linkClick",this.triggerEvent),t.bind("tooltipShow",this.onTooltipShow),t.bind("tooltipHide",this.onTooltipHide)},triggerEvent(t){const e={...t,target:this};this.$emit(t.type.toLowerCase(),e)},sankeyOptions(){const{dataNodes:t,dataLinks:e,links:n,nodes:s,labels:a,title:o,legend:l,disableAutoLayout:u,disableKeyboardNavigation:h,tooltip:c}=this.$props;return{data:{nodes:t,links:e},links:n,nodes:s,labels:a,title:o,legend:l,disableAutoLayout:u,disableKeyboardNavigation:h,rtl:this.currentDir==="rtl",tooltip:{...d,...c}}},onTooltipShow(t){const{visible:e}={...d,...this.$props.tooltip};if(e){const n={tooltipData:t.tooltipData,eventData:{dataItem:t.dataItem,nodeValue:t.nodeValue,targetType:t.targetType}};this.currentTooltip=n}},onTooltipHide(){this.currentTooltip=null}},render(){const{nodeContent:t,linkContent:e,offset:n}=this.$props.tooltip||{},s=i.templateRendering.call(this,t,i.getListeners.call(this)),a=i.templateRendering.call(this,e,i.getListeners.call(this)),o=this.$props.dir||this.currentDir;return[r.createVNode("div",{ref:i.setRef(this,"element"),class:this.sankeyClasses,style:this.$attrs.style,dir:o},null),this.currentTooltip&&r.createVNode(y.Tooltip,{tooltipData:this.currentTooltip.tooltipData,eventData:this.currentTooltip.eventData,dir:o,offset:n||12,nodeContent:s,linkContent:a},null)]}});exports.Sankey=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),i=require("@progress/kendo-vue-common"),k=require("../package-metadata.js"),d=require("@progress/kendo-charts"),g=require("./tooltip.js"),u={visible:!0,offset:12},y=r.defineComponent({name:"KendoSankey",emits:{linkclick:null,linkenter:null,linkleave:null,nodeclick:null,nodeenter:null,nodeleave:null},inheritAttrs:!1,props:{dataNodes:{type:Array,required:!0},dataLinks:{type:Array,required:!0},disableAutoLayout:Boolean,disableKeyboardNavigation:Boolean,dir:String,labels:Object,legend:Object,links:Object,nodes:Object,title:Object,tooltip:Object},created(){i.validatePackage(k.packageMetadata),this.instance=null},data(){return{currentTooltip:null,currentDir:void 0}},watch:{dataNodes:function(){this.update(this)},dataLinks:function(){this.update(this)},links:function(){this.update(this)},nodes:function(){this.update(this)},labels:function(){this.update(this)},title:function(){this.update(this)},legend:function(){this.update(this)},disableAutoLayout:function(){this.update(this)},disableKeyboardNavigation:function(){this.update(this)},dir:function(){this.update(this)},tooltip:function(){this.update(this)}},computed:{sankeyClasses(){const t=this.$attrs.class;return{"k-chart k-sankey":!0,[t]:!!t}}},mounted(){this.element=i.getRef(this,"element"),this.currentDir=i.getDir(this.element,this.$props.dir),this.createSankey(this)},unmounted(){this.destroySankey()},methods:{exportVisual(t){return this.instance.exportVisual(t)},destroySankey(){this.instance&&(this.instance.destroy(),this.instance=null)},createSankey(){const t=this.element;if(!t)return;const e=this.sankeyOptions(),n=d.sankeyTheme(t);this.instance=new d.Sankey(t,e,n),this.bindEvents(this.instance)},update(){this.instance&&this.instance.setOptions(this.sankeyOptions())},bindEvents(t){t.bind("nodeEnter",this.triggerEvent),t.bind("nodeLeave",this.triggerEvent),t.bind("linkEnter",this.triggerEvent),t.bind("linkLeave",this.triggerEvent),t.bind("nodeClick",this.triggerEvent),t.bind("linkClick",this.triggerEvent),t.bind("tooltipShow",this.onTooltipShow),t.bind("tooltipHide",this.onTooltipHide)},triggerEvent(t){const e={...t,target:this};this.$emit(t.type.toLowerCase(),e)},sankeyOptions(){const{dataNodes:t,dataLinks:e,links:n,nodes:o,labels:a,title:s,legend:l,disableAutoLayout:h,disableKeyboardNavigation:c,tooltip:p}=this.$props;return{data:{nodes:t,links:e},links:n,nodes:o,labels:a,title:s,legend:l,disableAutoLayout:h,disableKeyboardNavigation:c,rtl:this.currentDir==="rtl",tooltip:{...u,...p}}},onTooltipShow(t){const{visible:e}={...u,...this.$props.tooltip};if(e){const n={tooltipData:t.tooltipData,eventData:{dataItem:t.dataItem,nodeValue:t.nodeValue,targetType:t.targetType}};this.currentTooltip=n}},onTooltipHide(){this.currentTooltip=null}},render(){const{nodeContent:t,linkContent:e,offset:n}=this.$props.tooltip||{},o=i.templateRendering.call(this,t,i.getListeners.call(this)),a=i.templateRendering.call(this,e,i.getListeners.call(this)),s=this.$props.dir||this.currentDir;return[r.createVNode("div",{ref:i.setRef(this,"element"),class:this.sankeyClasses,style:this.$attrs.style,dir:s},null),this.currentTooltip&&r.createVNode(g.Tooltip,{tooltipData:this.currentTooltip.tooltipData,eventData:this.currentTooltip.eventData,dir:s,offset:n||12,nodeContent:o,linkContent:a},null)]}});exports.Sankey=y;

package/sankey/Sankey.mjs

@@ -6,15 +6,14 @@
  *-------------------------------------------------------------------------------------------
  */
 import { defineComponent as k, createVNode as r } from "vue";
-import { validatePackage as f, getRef as g, getDir as m, templateRendering as l, getListeners as d, setRef as y } from "@progress/kendo-vue-common";
-import { packageMetadata as b } from "../package-metadata.mjs";
-import { loadTheme as v } from "./theme-service.mjs";
-import { Sankey as T } from "@progress/kendo-charts";
+import { validatePackage as f, getRef as y, getDir as g, templateRendering as l, getListeners as d, setRef as b } from "@progress/kendo-vue-common";
+import { packageMetadata as m } from "../package-metadata.mjs";
+import { sankeyTheme as v, Sankey as T } from "@progress/kendo-charts";
 import { Tooltip as D } from "./tooltip.mjs";
 const h = {
   visible: !0,
   offset: 12
-}, w = /* @__PURE__ */ k({
+}, $ = /* @__PURE__ */ k({
   name: "KendoSankey",
   emits: {
     linkclick: null,
@@ -45,7 +44,7 @@ const h = {
     tooltip: Object
   },
   created() {
-    f(b), this.instance = null;
+    f(m), this.instance = null;
   },
   data() {
     return {
@@ -98,7 +97,7 @@ const h = {
     }
   },
   mounted() {
-    this.element = g(this, "element"), this.currentDir = m(this.element, this.$props.dir), this.createSankey(this);
+    this.element = y(this, "element"), this.currentDir = g(this.element, this.$props.dir), this.createSankey(this);
   },
   unmounted() {
     this.destroySankey();
@@ -114,10 +113,8 @@ const h = {
       const t = this.element;
       if (!t)
         return;
-      const e = this.sankeyOptions();
-      v(t.ownerDocument, (i) => {
-        this.instance = new T(t, e, i), this.bindEvents(this.instance);
-      });
+      const e = this.sankeyOptions(), i = v(t);
+      this.instance = new T(t, e, i), this.bindEvents(this.instance);
     },
     update() {
       this.instance && this.instance.setOptions(this.sankeyOptions());
@@ -194,7 +191,7 @@ const h = {
       offset: i
     } = this.$props.tooltip || {}, o = l.call(this, t, d.call(this)), s = l.call(this, e, d.call(this)), n = this.$props.dir || this.currentDir;
     return [r("div", {
-      ref: y(this, "element"),
+      ref: b(this, "element"),
       class: this.sankeyClasses,
       style: this.$attrs.style,
       dir: n
@@ -209,5 +206,5 @@ const h = {
   }
 });
 export {
-  w as Sankey
+  $ as Sankey
 };

package/theming/theme-service.js

@@ -5,47 +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 n=require("@progress/kendo-charts"),r=s=>`${s.fontWeight} ${s.fontSize} ${s.fontFamily}`,d=s=>window.getComputedStyle(s).backgroundColor,v=s=>s.toLowerCase().charCodeAt(0)-97,u=s=>{const e=s.match(/series-([a-z])$/);if(e!==null)return v(e[1]);const t=s.split("--series-")[1];return parseInt(t,10)-1},m=30,p=()=>{let s=`
-      <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++)s+=`
-      <div class="k-var--series-${e+1}"></div>`;return s},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,t){this.store.dispatch({type:"set",payload:{field:e,value:t}})}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");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")),t=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",t),this.setStyle("paneDefaults.title.font",a)}setSeriesColors(){const e=this.element,t=[].slice.call(e==null?void 0:e.querySelectorAll(".k-var--series div")),a=d(e==null?void 0:e.querySelector(".k-var--series-unset")),o=t.reduce((i,l)=>{const h=u(l.className),c=d(l);return c!==a&&(i[h]=c),i},[]);this.setStyle("seriesColors",o)}mapColor(e,t){this.setStyle(e,this.queryStyle(t).backgroundColor)}queryStyle(e){const t=this.element;return window.getComputedStyle(t==null?void 0:t.querySelector(`.k-var--${e}`))}setInactiveOpacity(e,t){const a=parseFloat(this.queryStyle(t).opacity);!isNaN(a)&&a<1&&e.forEach(o=>this.setStyle(`seriesDefaults.${o}.highlight.inactiveOpacity`,a))}}const k=(s,e)=>{const t=new y(s);if(typeof document=="undefined"){s.dispatch({type:"push",payload:n.chartBaseTheme()});return}const a=t.element=document.createElement("div");a.style.display="none",a.innerHTML=f,document.body.appendChild(a);try{s.dispatch({type:"push",payload:n.chartBaseTheme()}),t.setColors(),t.setFonts(),t.setSeriesColors()}finally{document.body.removeChild(t.element),delete t.element,e()}};exports.loadTheme=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@progress/kendo-charts"),n=(t,h,o)=>{const a=e.chartBaseTheme();if(typeof document=="undefined"){t.dispatch({type:"push",payload:a});return}let d={};try{d=e.chartTheme(o)}finally{t.dispatch({type:"push",payload:e.deepExtend(a,d)}),h()}};exports.loadTheme=n;

package/theming/theme-service.mjs

@@ -5,117 +5,20 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { chartBaseTheme as n } from "@progress/kendo-charts";
-const r = (s) => `${s.fontWeight} ${s.fontSize} ${s.fontFamily}`, d = (s) => window.getComputedStyle(s).backgroundColor, v = (s) => s.toLowerCase().charCodeAt(0) - 97, u = (s) => {
-  const e = s.match(/series-([a-z])$/);
-  if (e !== null)
-    return v(e[1]);
-  const t = s.split("--series-")[1];
-  return parseInt(t, 10) - 1;
-}, m = 30, p = () => {
-  let s = `
-      <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++)
-    s += `
-      <div class="k-var--series-${e + 1}"></div>`;
-  return s;
-}, 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, t) {
-    this.store.dispatch({ type: "set", payload: { field: e, value: t } });
-  }
-  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");
-    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")), t = 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", t), this.setStyle("paneDefaults.title.font", a);
-  }
-  setSeriesColors() {
-    const e = this.element, t = [].slice.call(e == null ? void 0 : e.querySelectorAll(".k-var--series div")), a = d(e == null ? void 0 : e.querySelector(".k-var--series-unset")), o = t.reduce(
-      (i, l) => {
-        const h = u(l.className), c = d(l);
-        return c !== a && (i[h] = c), i;
-      },
-      []
-      // Will populate the series colors in this array
-    );
-    this.setStyle("seriesColors", o);
-  }
-  mapColor(e, t) {
-    this.setStyle(e, this.queryStyle(t).backgroundColor);
-  }
-  queryStyle(e) {
-    const t = this.element;
-    return window.getComputedStyle(t == null ? void 0 : t.querySelector(`.k-var--${e}`));
-  }
-  setInactiveOpacity(e, t) {
-    const a = parseFloat(this.queryStyle(t).opacity);
-    !isNaN(a) && a < 1 && e.forEach(
-      (o) => this.setStyle(`seriesDefaults.${o}.highlight.inactiveOpacity`, a)
-    );
-  }
-}
-const C = (s, e) => {
-  const t = new y(s);
+import { chartBaseTheme as d, chartTheme as o, deepExtend as m } from "@progress/kendo-charts";
+const c = (e, p, h) => {
+  const t = d();
   if (typeof document == "undefined") {
-    s.dispatch({ type: "push", payload: n() });
+    e.dispatch({ type: "push", payload: t });
     return;
   }
-  const a = t.element = document.createElement("div");
-  a.style.display = "none", a.innerHTML = f, document.body.appendChild(a);
+  let a = {};
   try {
-    s.dispatch({ type: "push", payload: n() }), t.setColors(), t.setFonts(), t.setSeriesColors();
+    a = o(h);
   } finally {
-    document.body.removeChild(t.element), delete t.element, e();
+    e.dispatch({ type: "push", payload: m(t, a) }), p();
   }
 };
 export {
-  C as loadTheme
+  c as loadTheme
 };

package/sankey/theme-service.js

@@ -1,29 +0,0 @@
-/**
- * @license
- *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
- * Licensed under commercial license. See LICENSE.md in the package root for more information
- *-------------------------------------------------------------------------------------------
- */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@progress/kendo-charts");const c=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,a,n)=>{a<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=c(this.queryStyle("chart-title-font")),s=c(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 a=u(i.className),n=d(i);return n!==o&&(r[a]=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

@@ -1,99 +0,0 @@
-/**
- * @license
- *-------------------------------------------------------------------------------------------
- * Copyright © 2025 Progress Software Corporation. All rights reserved.
- * Licensed under commercial license. See LICENSE.md in the package root for more information
- *-------------------------------------------------------------------------------------------
- */
-import "@progress/kendo-charts";
-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;
-      },
-      []
-      // 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 p = (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);
-  }
-};
-export {
-  p as loadTheme
-};