@progress/kendo-angular-charts 20.1.0 → 20.1.1
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.
- package/esm2022/chart/tooltip/base-tooltip.mjs +5 -4
- package/esm2022/chart/tooltip/crosshair-tooltips-container.component.mjs +2 -2
- package/esm2022/chart/tooltip/tooltip-popup.component.mjs +5 -4
- package/esm2022/common/chart-default-theme.mjs +2 -1
- package/esm2022/common/theme.service.mjs +1 -1
- package/esm2022/common/tooltip-template.service.mjs +1 -1
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/stock-chart.component.mjs +1 -1
- package/fesm2022/progress-kendo-angular-charts.mjs +19 -16
- package/package.json +9 -9
|
@@ -33,14 +33,15 @@ export class BaseTooltip {
|
|
|
33
33
|
const offset = this.position(e.anchor.point);
|
|
34
34
|
this.style = e.style;
|
|
35
35
|
if (!this.popupRef) {
|
|
36
|
-
this.popupRef = this.popupService.open(
|
|
36
|
+
this.popupRef = this.popupService.open({
|
|
37
37
|
offset: offset,
|
|
38
38
|
popupAlign: align,
|
|
39
39
|
animate: this.animate,
|
|
40
40
|
content: this.templateRef,
|
|
41
41
|
collision: COLLISION,
|
|
42
|
-
positionMode: POSITION_MODE
|
|
43
|
-
|
|
42
|
+
positionMode: POSITION_MODE,
|
|
43
|
+
...this.popupSettings
|
|
44
|
+
});
|
|
44
45
|
if (this.localizationService.rtl) {
|
|
45
46
|
this.popupRef.popupElement.setAttribute('dir', 'rtl');
|
|
46
47
|
}
|
|
@@ -65,7 +66,7 @@ export class BaseTooltip {
|
|
|
65
66
|
this.hide();
|
|
66
67
|
}
|
|
67
68
|
position(offset) {
|
|
68
|
-
if (!this.popupSettings
|
|
69
|
+
if (!this.popupSettings?.appendTo) {
|
|
69
70
|
return offset;
|
|
70
71
|
}
|
|
71
72
|
const appendTo = this.popupSettings.appendTo.element.nativeElement;
|
|
@@ -76,8 +76,8 @@ export class CrosshairTooltipsContainerComponent {
|
|
|
76
76
|
if (options[name]) {
|
|
77
77
|
const axes = [].concat(options[name]);
|
|
78
78
|
for (let idx = 0; idx < axes.length; idx++) {
|
|
79
|
-
const tooltip =
|
|
80
|
-
if (tooltip
|
|
79
|
+
const tooltip = axes[idx].crosshair?.tooltip;
|
|
80
|
+
if (tooltip?.visible) {
|
|
81
81
|
result.push({
|
|
82
82
|
index: idx,
|
|
83
83
|
name: name
|
|
@@ -50,11 +50,12 @@ export class TooltipPopupComponent extends BaseTooltip {
|
|
|
50
50
|
}
|
|
51
51
|
show(e) {
|
|
52
52
|
this.shared = e.shared;
|
|
53
|
-
this.popupClasses =
|
|
53
|
+
this.popupClasses = {
|
|
54
54
|
[SHARED_TOOLTIP_CLASS]: e.shared,
|
|
55
55
|
[TOOLTIP_CLASS]: true,
|
|
56
|
-
[e.className]: !!e.className
|
|
57
|
-
|
|
56
|
+
[e.className]: !!e.className,
|
|
57
|
+
...this.classNames
|
|
58
|
+
};
|
|
58
59
|
if (!e.shared) {
|
|
59
60
|
this.seriesTooltipContext = new TooltipTemplatePoint(e.point, e.format);
|
|
60
61
|
this.seriesTooltipTemplateRef = this.pointTemplateRef(e.point);
|
|
@@ -99,7 +100,7 @@ export class TooltipPopupComponent extends BaseTooltip {
|
|
|
99
100
|
for (let idx = 0; idx < points.length; idx++) {
|
|
100
101
|
const point = points[idx];
|
|
101
102
|
const template = this.pointTemplateRef(point);
|
|
102
|
-
const pointFormat =
|
|
103
|
+
const pointFormat = point.options?.tooltip?.format || format;
|
|
103
104
|
result.push(new TooltipTemplatePoint(point, pointFormat, template));
|
|
104
105
|
}
|
|
105
106
|
return result;
|
|
@@ -9,7 +9,8 @@ import { chartBaseTheme } from '@progress/kendo-charts';
|
|
|
9
9
|
*
|
|
10
10
|
* @hidden
|
|
11
11
|
*/
|
|
12
|
-
export const chartDefaultTheme = () =>
|
|
12
|
+
export const chartDefaultTheme = () => ({
|
|
13
|
+
...chartBaseTheme(),
|
|
13
14
|
axisDefaults: {
|
|
14
15
|
crosshair: {
|
|
15
16
|
color: 'rgba(0, 0, 0, 0.5)'
|
|
@@ -37,7 +37,7 @@ export class ThemeService extends ConfigurationService {
|
|
|
37
37
|
catch {
|
|
38
38
|
theme = {};
|
|
39
39
|
}
|
|
40
|
-
const available = Boolean(theme.chartArea
|
|
40
|
+
const available = Boolean(theme.chartArea?.background);
|
|
41
41
|
const result = available ? deepExtend(chartBaseTheme(), theme) : chartDefaultTheme();
|
|
42
42
|
this.push(result);
|
|
43
43
|
}
|
|
@@ -15,7 +15,7 @@ export class TooltipTemplateService {
|
|
|
15
15
|
this.template = template;
|
|
16
16
|
}
|
|
17
17
|
getTemplate(seriesIndex) {
|
|
18
|
-
if (this.seriesTemplates
|
|
18
|
+
if (this.seriesTemplates?.[seriesIndex]) {
|
|
19
19
|
return this.seriesTemplates[seriesIndex];
|
|
20
20
|
}
|
|
21
21
|
return this.template;
|
|
@@ -10,7 +10,7 @@ export const packageMetadata = {
|
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCode: 'KENDOUIANGULAR',
|
|
12
12
|
productCodes: ['KENDOUIANGULAR'],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: '20.1.
|
|
13
|
+
publishDate: 1761290427,
|
|
14
|
+
version: '20.1.1',
|
|
15
15
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
16
16
|
};
|
|
@@ -167,7 +167,7 @@ export class StockChartComponent extends ChartComponent {
|
|
|
167
167
|
this.redrawSlaves = false;
|
|
168
168
|
}
|
|
169
169
|
applyNavigatorDefaults() {
|
|
170
|
-
this.options.navigator =
|
|
170
|
+
this.options.navigator = { ...this.options.navigator, ...NAVIGATOR_DEFAULTS };
|
|
171
171
|
}
|
|
172
172
|
isDevMode() {
|
|
173
173
|
return isDevMode();
|
|
@@ -1198,14 +1198,15 @@ class BaseTooltip {
|
|
|
1198
1198
|
const offset = this.position(e.anchor.point);
|
|
1199
1199
|
this.style = e.style;
|
|
1200
1200
|
if (!this.popupRef) {
|
|
1201
|
-
this.popupRef = this.popupService.open(
|
|
1201
|
+
this.popupRef = this.popupService.open({
|
|
1202
1202
|
offset: offset,
|
|
1203
1203
|
popupAlign: align,
|
|
1204
1204
|
animate: this.animate,
|
|
1205
1205
|
content: this.templateRef,
|
|
1206
1206
|
collision: COLLISION,
|
|
1207
|
-
positionMode: POSITION_MODE
|
|
1208
|
-
|
|
1207
|
+
positionMode: POSITION_MODE,
|
|
1208
|
+
...this.popupSettings
|
|
1209
|
+
});
|
|
1209
1210
|
if (this.localizationService.rtl) {
|
|
1210
1211
|
this.popupRef.popupElement.setAttribute('dir', 'rtl');
|
|
1211
1212
|
}
|
|
@@ -1230,7 +1231,7 @@ class BaseTooltip {
|
|
|
1230
1231
|
this.hide();
|
|
1231
1232
|
}
|
|
1232
1233
|
position(offset) {
|
|
1233
|
-
if (!this.popupSettings
|
|
1234
|
+
if (!this.popupSettings?.appendTo) {
|
|
1234
1235
|
return offset;
|
|
1235
1236
|
}
|
|
1236
1237
|
const appendTo = this.popupSettings.appendTo.element.nativeElement;
|
|
@@ -1403,8 +1404,8 @@ class CrosshairTooltipsContainerComponent {
|
|
|
1403
1404
|
if (options[name]) {
|
|
1404
1405
|
const axes = [].concat(options[name]);
|
|
1405
1406
|
for (let idx = 0; idx < axes.length; idx++) {
|
|
1406
|
-
const tooltip =
|
|
1407
|
-
if (tooltip
|
|
1407
|
+
const tooltip = axes[idx].crosshair?.tooltip;
|
|
1408
|
+
if (tooltip?.visible) {
|
|
1408
1409
|
result.push({
|
|
1409
1410
|
index: idx,
|
|
1410
1411
|
name: name
|
|
@@ -1680,7 +1681,7 @@ class TooltipTemplateService {
|
|
|
1680
1681
|
this.template = template;
|
|
1681
1682
|
}
|
|
1682
1683
|
getTemplate(seriesIndex) {
|
|
1683
|
-
if (this.seriesTemplates
|
|
1684
|
+
if (this.seriesTemplates?.[seriesIndex]) {
|
|
1684
1685
|
return this.seriesTemplates[seriesIndex];
|
|
1685
1686
|
}
|
|
1686
1687
|
return this.template;
|
|
@@ -1734,11 +1735,12 @@ class TooltipPopupComponent extends BaseTooltip {
|
|
|
1734
1735
|
}
|
|
1735
1736
|
show(e) {
|
|
1736
1737
|
this.shared = e.shared;
|
|
1737
|
-
this.popupClasses =
|
|
1738
|
+
this.popupClasses = {
|
|
1738
1739
|
[SHARED_TOOLTIP_CLASS]: e.shared,
|
|
1739
1740
|
[TOOLTIP_CLASS]: true,
|
|
1740
|
-
[e.className]: !!e.className
|
|
1741
|
-
|
|
1741
|
+
[e.className]: !!e.className,
|
|
1742
|
+
...this.classNames
|
|
1743
|
+
};
|
|
1742
1744
|
if (!e.shared) {
|
|
1743
1745
|
this.seriesTooltipContext = new TooltipTemplatePoint(e.point, e.format);
|
|
1744
1746
|
this.seriesTooltipTemplateRef = this.pointTemplateRef(e.point);
|
|
@@ -1783,7 +1785,7 @@ class TooltipPopupComponent extends BaseTooltip {
|
|
|
1783
1785
|
for (let idx = 0; idx < points.length; idx++) {
|
|
1784
1786
|
const point = points[idx];
|
|
1785
1787
|
const template = this.pointTemplateRef(point);
|
|
1786
|
-
const pointFormat =
|
|
1788
|
+
const pointFormat = point.options?.tooltip?.format || format;
|
|
1787
1789
|
result.push(new TooltipTemplatePoint(point, pointFormat, template));
|
|
1788
1790
|
}
|
|
1789
1791
|
return result;
|
|
@@ -1926,7 +1928,8 @@ class ChartInstanceObserver extends InstanceObserver {
|
|
|
1926
1928
|
*
|
|
1927
1929
|
* @hidden
|
|
1928
1930
|
*/
|
|
1929
|
-
const chartDefaultTheme = () =>
|
|
1931
|
+
const chartDefaultTheme = () => ({
|
|
1932
|
+
...chartBaseTheme(),
|
|
1930
1933
|
axisDefaults: {
|
|
1931
1934
|
crosshair: {
|
|
1932
1935
|
color: 'rgba(0, 0, 0, 0.5)'
|
|
@@ -2109,7 +2112,7 @@ class ThemeService extends ConfigurationService {
|
|
|
2109
2112
|
catch {
|
|
2110
2113
|
theme = {};
|
|
2111
2114
|
}
|
|
2112
|
-
const available = Boolean(theme.chartArea
|
|
2115
|
+
const available = Boolean(theme.chartArea?.background);
|
|
2113
2116
|
const result = available ? deepExtend(chartBaseTheme(), theme) : chartDefaultTheme();
|
|
2114
2117
|
this.push(result);
|
|
2115
2118
|
}
|
|
@@ -2878,8 +2881,8 @@ const packageMetadata = {
|
|
|
2878
2881
|
productName: 'Kendo UI for Angular',
|
|
2879
2882
|
productCode: 'KENDOUIANGULAR',
|
|
2880
2883
|
productCodes: ['KENDOUIANGULAR'],
|
|
2881
|
-
publishDate:
|
|
2882
|
-
version: '20.1.
|
|
2884
|
+
publishDate: 1761290427,
|
|
2885
|
+
version: '20.1.1',
|
|
2883
2886
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
2884
2887
|
};
|
|
2885
2888
|
|
|
@@ -6124,7 +6127,7 @@ class StockChartComponent extends ChartComponent {
|
|
|
6124
6127
|
this.redrawSlaves = false;
|
|
6125
6128
|
}
|
|
6126
6129
|
applyNavigatorDefaults() {
|
|
6127
|
-
this.options.navigator =
|
|
6130
|
+
this.options.navigator = { ...this.options.navigator, ...NAVIGATOR_DEFAULTS };
|
|
6128
6131
|
}
|
|
6129
6132
|
isDevMode() {
|
|
6130
6133
|
return isDevMode();
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-charts",
|
|
3
|
-
"version": "20.1.
|
|
3
|
+
"version": "20.1.1",
|
|
4
4
|
"description": "Kendo UI Charts for Angular - A comprehensive package for creating beautiful and interactive data visualization. Every chart type, stock charts, and sparklines are included.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"package": {
|
|
43
43
|
"productName": "Kendo UI for Angular",
|
|
44
44
|
"productCode": "KENDOUIANGULAR",
|
|
45
|
-
"publishDate":
|
|
45
|
+
"publishDate": 1761290427,
|
|
46
46
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
47
47
|
}
|
|
48
48
|
},
|
|
@@ -53,17 +53,17 @@
|
|
|
53
53
|
"@angular/platform-browser": "16 - 20",
|
|
54
54
|
"@progress/kendo-drawing": "^1.21.0",
|
|
55
55
|
"@progress/kendo-licensing": "^1.7.0",
|
|
56
|
-
"@progress/kendo-angular-common": "20.1.
|
|
57
|
-
"@progress/kendo-angular-intl": "20.1.
|
|
58
|
-
"@progress/kendo-angular-icons": "20.1.
|
|
59
|
-
"@progress/kendo-angular-l10n": "20.1.
|
|
60
|
-
"@progress/kendo-angular-popup": "20.1.
|
|
61
|
-
"@progress/kendo-angular-navigation": "20.1.
|
|
56
|
+
"@progress/kendo-angular-common": "20.1.1",
|
|
57
|
+
"@progress/kendo-angular-intl": "20.1.1",
|
|
58
|
+
"@progress/kendo-angular-icons": "20.1.1",
|
|
59
|
+
"@progress/kendo-angular-l10n": "20.1.1",
|
|
60
|
+
"@progress/kendo-angular-popup": "20.1.1",
|
|
61
|
+
"@progress/kendo-angular-navigation": "20.1.1",
|
|
62
62
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
63
63
|
},
|
|
64
64
|
"dependencies": {
|
|
65
65
|
"tslib": "^2.3.1",
|
|
66
|
-
"@progress/kendo-angular-schematics": "20.1.
|
|
66
|
+
"@progress/kendo-angular-schematics": "20.1.1",
|
|
67
67
|
"@progress/kendo-charts": "2.9.0",
|
|
68
68
|
"@progress/kendo-svg-icons": "^4.0.0"
|
|
69
69
|
},
|