@progress/kendo-charts 2.7.0 → 2.7.1-dev.202501290658

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/cdn/js/kendo-charts.js +1 -1
  2. package/dist/cdn/main.js +1 -1
  3. package/dist/es/chart/theme/load-theme.js +30 -23
  4. package/dist/es2015/chart/theme/load-theme.js +30 -23
  5. package/dist/npm/main.js +31 -24
  6. package/dist/npm/sankey.d.ts +2 -0
  7. package/dist/systemjs/kendo-charts.js +1 -1
  8. package/package.json +1 -1
package/dist/es/chart/theme/load-theme.js CHANGED
@@ -45,6 +45,31 @@ var getSeriesColors = function (element) {
45
45
  return result;
46
46
  };
47
47
 
48
+ var title = function (element) { return ({
49
+ color: getProp(element, "--kendo-chart-text"),
50
+ font: getFont(element, "--kendo-font-weight", "--kendo-chart-title-font-size", "--kendo-font-family"),
51
+ }); };
52
+
53
+ var sankeyLegend = function (element) { return ({
54
+ labels: {
55
+ color: getProp(element, "--kendo-chart-text"),
56
+ font: getFont(element, "--kendo-font-weight", "--kendo-chart-label-font-size", "--kendo-font-family"),
57
+ },
58
+ title: {
59
+ color: getProp(element, "--kendo-chart-text")
60
+ }
61
+ }); };
62
+
63
+ var chartLegend = function (element) { return (Object.assign({}, {inactiveItems: {
64
+ labels: {
65
+ color: getProp(element, "--kendo-chart-inactive"),
66
+ },
67
+ markers: {
68
+ color: getProp(element, "--kendo-chart-inactive"),
69
+ },
70
+ }},
71
+ sankeyLegend(element))); };
72
+
48
73
  export var gaugeTheme = function (element) { return ({
49
74
  pointer: {
50
75
  color: getProp(element, "--kendo-chart-gauge-pointer")
@@ -81,7 +106,9 @@ export var sankeyTheme = function (element) { return ({
81
106
  links: {
82
107
  color: getProp(element, "--kendo-color-subtle"),
83
108
  },
84
- nodeColors: getSeriesColors(element)
109
+ nodeColors: getSeriesColors(element),
110
+ title: title(element),
111
+ legend: sankeyLegend(element),
85
112
  }); };
86
113
 
87
114
  export var chartTheme = function (element) { return ({
@@ -124,24 +151,7 @@ export var chartTheme = function (element) { return ({
124
151
  chartArea: {
125
152
  background: getProp(element, "--kendo-chart-bg"),
126
153
  },
127
- legend: {
128
- inactiveItems: {
129
- labels: {
130
- color: getProp(element, "--kendo-chart-inactive"),
131
- },
132
- markers: {
133
- color: getProp(element, "--kendo-chart-inactive"),
134
- },
135
- },
136
- labels: {
137
- color: getProp(element, "--kendo-chart-text"),
138
- font: getFont(element, "--kendo-font-weight", "--kendo-chart-label-font-size", "--kendo-font-family"),
139
- },
140
- title: {
141
- color: getProp(element, "--kendo-chart-text"),
142
- font: getFont(element, "--kendo-font-weight", "--kendo-chart-title-font-size", "--kendo-font-family"),
143
- },
144
- },
154
+ legend: chartLegend(element),
145
155
  seriesColors: getSeriesColors(element),
146
156
  seriesDefaults: {
147
157
  area: {
@@ -260,10 +270,7 @@ export var chartTheme = function (element) { return ({
260
270
  color: getProp(element, "--kendo-chart-text"),
261
271
  font: getFont(element, "--kendo-chart-pane-title-font-weight", "--kendo-chart-pane-title-font-size", "--kendo-font-family"),
262
272
  },
263
- title: {
264
- color: getProp(element, "--kendo-chart-text"),
265
- font: getFont(element, "--kendo-font-weight", "--kendo-chart-title-font-size", "--kendo-font-family"),
266
- },
273
+ title: title(element),
267
274
  paneDefaults: {
268
275
  title: {
269
276
  font: getFont(element, "--kendo-chart-pane-title-font-weight", "--kendo-chart-pane-title-font-size", "--kendo-font-family"),
package/dist/es2015/chart/theme/load-theme.js CHANGED
@@ -45,6 +45,31 @@ const getSeriesColors = (element) => {
45
45
  return result;
46
46
  };
47
47
 
48
+ const title = (element) => ({
49
+ color: getProp(element, "--kendo-chart-text"),
50
+ font: getFont(element, "--kendo-font-weight", "--kendo-chart-title-font-size", "--kendo-font-family"),
51
+ });
52
+
53
+ const sankeyLegend = (element) => ({
54
+ labels: {
55
+ color: getProp(element, "--kendo-chart-text"),
56
+ font: getFont(element, "--kendo-font-weight", "--kendo-chart-label-font-size", "--kendo-font-family"),
57
+ },
58
+ title: {
59
+ color: getProp(element, "--kendo-chart-text")
60
+ }
61
+ });
62
+
63
+ const chartLegend = (element) => (Object.assign({}, {inactiveItems: {
64
+ labels: {
65
+ color: getProp(element, "--kendo-chart-inactive"),
66
+ },
67
+ markers: {
68
+ color: getProp(element, "--kendo-chart-inactive"),
69
+ },
70
+ }},
71
+ sankeyLegend(element)));
72
+
48
73
  export const gaugeTheme = (element) => ({
49
74
  pointer: {
50
75
  color: getProp(element, "--kendo-chart-gauge-pointer")
@@ -81,7 +106,9 @@ export const sankeyTheme = (element) => ({
81
106
  links: {
82
107
  color: getProp(element, "--kendo-color-subtle"),
83
108
  },
84
- nodeColors: getSeriesColors(element)
109
+ nodeColors: getSeriesColors(element),
110
+ title: title(element),
111
+ legend: sankeyLegend(element),
85
112
  });
86
113
 
87
114
  export const chartTheme = (element) => ({
@@ -124,24 +151,7 @@ export const chartTheme = (element) => ({
124
151
  chartArea: {
125
152
  background: getProp(element, "--kendo-chart-bg"),
126
153
  },
127
- legend: {
128
- inactiveItems: {
129
- labels: {
130
- color: getProp(element, "--kendo-chart-inactive"),
131
- },
132
- markers: {
133
- color: getProp(element, "--kendo-chart-inactive"),
134
- },
135
- },
136
- labels: {
137
- color: getProp(element, "--kendo-chart-text"),
138
- font: getFont(element, "--kendo-font-weight", "--kendo-chart-label-font-size", "--kendo-font-family"),
139
- },
140
- title: {
141
- color: getProp(element, "--kendo-chart-text"),
142
- font: getFont(element, "--kendo-font-weight", "--kendo-chart-title-font-size", "--kendo-font-family"),
143
- },
144
- },
154
+ legend: chartLegend(element),
145
155
  seriesColors: getSeriesColors(element),
146
156
  seriesDefaults: {
147
157
  area: {
@@ -260,10 +270,7 @@ export const chartTheme = (element) => ({
260
270
  color: getProp(element, "--kendo-chart-text"),
261
271
  font: getFont(element, "--kendo-chart-pane-title-font-weight", "--kendo-chart-pane-title-font-size", "--kendo-font-family"),
262
272
  },
263
- title: {
264
- color: getProp(element, "--kendo-chart-text"),
265
- font: getFont(element, "--kendo-font-weight", "--kendo-chart-title-font-size", "--kendo-font-family"),
266
- },
273
+ title: title(element),
267
274
  paneDefaults: {
268
275
  title: {
269
276
  font: getFont(element, "--kendo-chart-pane-title-font-weight", "--kendo-chart-pane-title-font-size", "--kendo-font-family"),