@progress/kendo-angular-charts 18.1.0-develop.30 → 18.1.0-develop.32

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.
@@ -2,6 +2,7 @@
2
2
  * Copyright © 2025 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
+ import { OnDestroy } from '@angular/core';
5
6
  import { IntlService } from '@progress/kendo-angular-intl';
6
7
  import { CollectionItemComponent } from '../common/collection-item.component';
7
8
  import { CollectionService } from '../common/collection.service';
@@ -13,9 +14,10 @@ import * as i0 from "@angular/core";
13
14
  /**
14
15
  * The configuration component for a category axis ([see example]({% slug axes_chart_charts %})).
15
16
  */
16
- export declare class CategoryAxisItemComponent extends CollectionItemComponent implements CategoryAxis {
17
+ export declare class CategoryAxisItemComponent extends CollectionItemComponent implements CategoryAxis, OnDestroy {
17
18
  protected configurationService: ConfigurationService;
18
19
  protected collectionService: CollectionService;
20
+ private intl;
19
21
  autoBaseUnitSteps: AutoBaseUnitSteps;
20
22
  axisCrossingValue: any | any[];
21
23
  background: string;
@@ -86,7 +88,9 @@ export declare class CategoryAxisItemComponent extends CollectionItemComponent i
86
88
  select: CategoryAxisSelect;
87
89
  title: CategoryAxisTitle;
88
90
  rangeLabels: CategoryAxisRangeLabels;
91
+ private intlSubscription;
89
92
  constructor(configurationService: ConfigurationService, collectionService: CollectionService, intl: IntlService, localeId: string);
93
+ ngOnDestroy(): void;
90
94
  static ɵfac: i0.ɵɵFactoryDeclaration<CategoryAxisItemComponent, never>;
91
95
  static ɵcmp: i0.ɵɵComponentDeclaration<CategoryAxisItemComponent, "kendo-chart-category-axis-item", never, { "autoBaseUnitSteps": { "alias": "autoBaseUnitSteps"; "required": false; }; "axisCrossingValue": { "alias": "axisCrossingValue"; "required": false; }; "background": { "alias": "background"; "required": false; }; "baseUnit": { "alias": "baseUnit"; "required": false; }; "baseUnitStep": { "alias": "baseUnitStep"; "required": false; }; "categories": { "alias": "categories"; "required": false; }; "color": { "alias": "color"; "required": false; }; "justified": { "alias": "justified"; "required": false; }; "line": { "alias": "line"; "required": false; }; "majorGridLines": { "alias": "majorGridLines"; "required": false; }; "majorTicks": { "alias": "majorTicks"; "required": false; }; "max": { "alias": "max"; "required": false; }; "maxDateGroups": { "alias": "maxDateGroups"; "required": false; }; "maxDivisions": { "alias": "maxDivisions"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minorGridLines": { "alias": "minorGridLines"; "required": false; }; "minorTicks": { "alias": "minorTicks"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pane": { "alias": "pane"; "required": false; }; "plotBands": { "alias": "plotBands"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; "roundToBaseUnit": { "alias": "roundToBaseUnit"; "required": false; }; "startAngle": { "alias": "startAngle"; "required": false; }; "type": { "alias": "type"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "weekStartDay": { "alias": "weekStartDay"; "required": false; }; "crosshair": { "alias": "crosshair"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "notes": { "alias": "notes"; "required": false; }; "select": { "alias": "select"; "required": false; }; "title": { "alias": "title"; "required": false; }; "rangeLabels": { "alias": "rangeLabels"; "required": false; }; }, {}, never, never, true, never>;
92
96
  }
@@ -2,6 +2,7 @@
2
2
  * Copyright © 2025 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
+ import { OnDestroy } from '@angular/core';
5
6
  import { IntlService } from '@progress/kendo-angular-intl';
6
7
  import { CollectionItemComponent } from '../common/collection-item.component';
7
8
  import { CollectionService } from '../common/collection.service';
@@ -13,7 +14,7 @@ import * as i0 from "@angular/core";
13
14
  * The configuration component for an X axis
14
15
  * ([see example]({% slug api_charts_xaxiscomponent %})).
15
16
  */
16
- export declare class XAxisItemComponent extends CollectionItemComponent implements XAxis {
17
+ export declare class XAxisItemComponent extends CollectionItemComponent implements XAxis, OnDestroy {
17
18
  protected configurationService: ConfigurationService;
18
19
  protected collectionService: CollectionService;
19
20
  protected intl: IntlService;
@@ -57,7 +58,9 @@ export declare class XAxisItemComponent extends CollectionItemComponent implemen
57
58
  labels: XAxisLabels;
58
59
  notes: XAxisNotes;
59
60
  title: XAxisTitle;
61
+ private intlSubscription;
60
62
  constructor(configurationService: ConfigurationService, collectionService: CollectionService, intl: IntlService, localeId: string);
63
+ ngOnDestroy(): void;
61
64
  static ɵfac: i0.ɵɵFactoryDeclaration<XAxisItemComponent, never>;
62
65
  static ɵcmp: i0.ɵɵComponentDeclaration<XAxisItemComponent, "kendo-chart-x-axis-item", never, { "axisCrossingValue": { "alias": "axisCrossingValue"; "required": false; }; "background": { "alias": "background"; "required": false; }; "baseUnit": { "alias": "baseUnit"; "required": false; }; "categories": { "alias": "categories"; "required": false; }; "color": { "alias": "color"; "required": false; }; "line": { "alias": "line"; "required": false; }; "majorGridLines": { "alias": "majorGridLines"; "required": false; }; "majorTicks": { "alias": "majorTicks"; "required": false; }; "majorUnit": { "alias": "majorUnit"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minorGridLines": { "alias": "minorGridLines"; "required": false; }; "minorTicks": { "alias": "minorTicks"; "required": false; }; "minorUnit": { "alias": "minorUnit"; "required": false; }; "name": { "alias": "name"; "required": false; }; "narrowRange": { "alias": "narrowRange"; "required": false; }; "pane": { "alias": "pane"; "required": false; }; "plotBands": { "alias": "plotBands"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; "startAngle": { "alias": "startAngle"; "required": false; }; "type": { "alias": "type"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "weekStartDay": { "alias": "weekStartDay"; "required": false; }; "crosshair": { "alias": "crosshair"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "notes": { "alias": "notes"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, {}, never, never, true, never>;
63
66
  }
@@ -18,6 +18,7 @@ import * as i3 from "@progress/kendo-angular-intl";
18
18
  export class CategoryAxisItemComponent extends CollectionItemComponent {
19
19
  configurationService;
20
20
  collectionService;
21
+ intl;
21
22
  autoBaseUnitSteps;
22
23
  axisCrossingValue;
23
24
  background;
@@ -89,11 +90,22 @@ export class CategoryAxisItemComponent extends CollectionItemComponent {
89
90
  select;
90
91
  title;
91
92
  rangeLabels;
93
+ intlSubscription;
92
94
  constructor(configurationService, collectionService, intl, localeId) {
93
95
  super(configurationService, collectionService);
94
96
  this.configurationService = configurationService;
95
97
  this.collectionService = collectionService;
96
- this.notifyChanges({ weekStartDay: intl.firstDay(localeId) });
98
+ this.intl = intl;
99
+ intl.localeId = localeId;
100
+ this.notifyChanges({ weekStartDay: intl.firstDay(intl.localeId) });
101
+ this.intlSubscription = intl.changes.subscribe(() => {
102
+ this.notifyChanges({ weekStartDay: intl.firstDay(intl.localeId) });
103
+ });
104
+ }
105
+ ngOnDestroy() {
106
+ if (this.intlSubscription) {
107
+ this.intlSubscription.unsubscribe();
108
+ }
97
109
  }
98
110
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CategoryAxisItemComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.CollectionService }, { token: i3.IntlService }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component });
99
111
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CategoryAxisItemComponent, isStandalone: true, selector: "kendo-chart-category-axis-item", inputs: { autoBaseUnitSteps: "autoBaseUnitSteps", axisCrossingValue: "axisCrossingValue", background: "background", baseUnit: "baseUnit", baseUnitStep: "baseUnitStep", categories: "categories", color: "color", justified: "justified", line: "line", majorGridLines: "majorGridLines", majorTicks: "majorTicks", max: "max", maxDateGroups: "maxDateGroups", maxDivisions: "maxDivisions", min: "min", minorGridLines: "minorGridLines", minorTicks: "minorTicks", name: "name", pane: "pane", plotBands: "plotBands", reverse: "reverse", roundToBaseUnit: "roundToBaseUnit", startAngle: "startAngle", type: "type", visible: "visible", weekStartDay: "weekStartDay", crosshair: "crosshair", labels: "labels", notes: "notes", select: "select", title: "title", rangeLabels: "rangeLabels" }, providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -61,12 +61,22 @@ export class XAxisItemComponent extends CollectionItemComponent {
61
61
  labels;
62
62
  notes;
63
63
  title;
64
+ intlSubscription;
64
65
  constructor(configurationService, collectionService, intl, localeId) {
65
66
  super(configurationService, collectionService);
66
67
  this.configurationService = configurationService;
67
68
  this.collectionService = collectionService;
68
69
  this.intl = intl;
69
- this.notifyChanges({ weekStartDay: intl.firstDay(localeId) });
70
+ intl.localeId = localeId;
71
+ this.notifyChanges({ weekStartDay: intl.firstDay(intl.localeId) });
72
+ this.intlSubscription = intl.changes.subscribe(() => {
73
+ this.notifyChanges({ weekStartDay: intl.firstDay(intl.localeId) });
74
+ });
75
+ }
76
+ ngOnDestroy() {
77
+ if (this.intlSubscription) {
78
+ this.intlSubscription.unsubscribe();
79
+ }
70
80
  }
71
81
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: XAxisItemComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.CollectionService }, { token: i3.IntlService }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component });
72
82
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: XAxisItemComponent, isStandalone: true, selector: "kendo-chart-x-axis-item", inputs: { axisCrossingValue: "axisCrossingValue", background: "background", baseUnit: "baseUnit", categories: "categories", color: "color", line: "line", majorGridLines: "majorGridLines", majorTicks: "majorTicks", majorUnit: "majorUnit", max: "max", min: "min", minorGridLines: "minorGridLines", minorTicks: "minorTicks", minorUnit: "minorUnit", name: "name", narrowRange: "narrowRange", pane: "pane", plotBands: "plotBands", reverse: "reverse", startAngle: "startAngle", type: "type", visible: "visible", weekStartDay: "weekStartDay", crosshair: "crosshair", labels: "labels", notes: "notes", title: "title" }, providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -10,7 +10,7 @@ export const packageMetadata = {
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCode: 'KENDOUIANGULAR',
12
12
  productCodes: ['KENDOUIANGULAR'],
13
- publishDate: 1738962226,
14
- version: '18.1.0-develop.30',
13
+ publishDate: 1739276541,
14
+ version: '18.1.0-develop.32',
15
15
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
16
16
  };
@@ -2726,8 +2726,8 @@ const packageMetadata = {
2726
2726
  productName: 'Kendo UI for Angular',
2727
2727
  productCode: 'KENDOUIANGULAR',
2728
2728
  productCodes: ['KENDOUIANGULAR'],
2729
- publishDate: 1738962226,
2730
- version: '18.1.0-develop.30',
2729
+ publishDate: 1739276541,
2730
+ version: '18.1.0-develop.32',
2731
2731
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
2732
2732
  };
2733
2733
 
@@ -4010,12 +4010,22 @@ class XAxisItemComponent extends CollectionItemComponent {
4010
4010
  labels;
4011
4011
  notes;
4012
4012
  title;
4013
+ intlSubscription;
4013
4014
  constructor(configurationService, collectionService, intl, localeId) {
4014
4015
  super(configurationService, collectionService);
4015
4016
  this.configurationService = configurationService;
4016
4017
  this.collectionService = collectionService;
4017
4018
  this.intl = intl;
4018
- this.notifyChanges({ weekStartDay: intl.firstDay(localeId) });
4019
+ intl.localeId = localeId;
4020
+ this.notifyChanges({ weekStartDay: intl.firstDay(intl.localeId) });
4021
+ this.intlSubscription = intl.changes.subscribe(() => {
4022
+ this.notifyChanges({ weekStartDay: intl.firstDay(intl.localeId) });
4023
+ });
4024
+ }
4025
+ ngOnDestroy() {
4026
+ if (this.intlSubscription) {
4027
+ this.intlSubscription.unsubscribe();
4028
+ }
4019
4029
  }
4020
4030
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: XAxisItemComponent, deps: [{ token: ConfigurationService }, { token: CollectionService }, { token: i3.IntlService }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component });
4021
4031
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: XAxisItemComponent, isStandalone: true, selector: "kendo-chart-x-axis-item", inputs: { axisCrossingValue: "axisCrossingValue", background: "background", baseUnit: "baseUnit", categories: "categories", color: "color", line: "line", majorGridLines: "majorGridLines", majorTicks: "majorTicks", majorUnit: "majorUnit", max: "max", min: "min", minorGridLines: "minorGridLines", minorTicks: "minorTicks", minorUnit: "minorUnit", name: "name", narrowRange: "narrowRange", pane: "pane", plotBands: "plotBands", reverse: "reverse", startAngle: "startAngle", type: "type", visible: "visible", weekStartDay: "weekStartDay", crosshair: "crosshair", labels: "labels", notes: "notes", title: "title" }, providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -5602,6 +5612,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
5602
5612
  class CategoryAxisItemComponent extends CollectionItemComponent {
5603
5613
  configurationService;
5604
5614
  collectionService;
5615
+ intl;
5605
5616
  autoBaseUnitSteps;
5606
5617
  axisCrossingValue;
5607
5618
  background;
@@ -5673,11 +5684,22 @@ class CategoryAxisItemComponent extends CollectionItemComponent {
5673
5684
  select;
5674
5685
  title;
5675
5686
  rangeLabels;
5687
+ intlSubscription;
5676
5688
  constructor(configurationService, collectionService, intl, localeId) {
5677
5689
  super(configurationService, collectionService);
5678
5690
  this.configurationService = configurationService;
5679
5691
  this.collectionService = collectionService;
5680
- this.notifyChanges({ weekStartDay: intl.firstDay(localeId) });
5692
+ this.intl = intl;
5693
+ intl.localeId = localeId;
5694
+ this.notifyChanges({ weekStartDay: intl.firstDay(intl.localeId) });
5695
+ this.intlSubscription = intl.changes.subscribe(() => {
5696
+ this.notifyChanges({ weekStartDay: intl.firstDay(intl.localeId) });
5697
+ });
5698
+ }
5699
+ ngOnDestroy() {
5700
+ if (this.intlSubscription) {
5701
+ this.intlSubscription.unsubscribe();
5702
+ }
5681
5703
  }
5682
5704
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CategoryAxisItemComponent, deps: [{ token: ConfigurationService }, { token: CollectionService }, { token: i3.IntlService }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component });
5683
5705
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CategoryAxisItemComponent, isStandalone: true, selector: "kendo-chart-category-axis-item", inputs: { autoBaseUnitSteps: "autoBaseUnitSteps", axisCrossingValue: "axisCrossingValue", background: "background", baseUnit: "baseUnit", baseUnitStep: "baseUnitStep", categories: "categories", color: "color", justified: "justified", line: "line", majorGridLines: "majorGridLines", majorTicks: "majorTicks", max: "max", maxDateGroups: "maxDateGroups", maxDivisions: "maxDivisions", min: "min", minorGridLines: "minorGridLines", minorTicks: "minorTicks", name: "name", pane: "pane", plotBands: "plotBands", reverse: "reverse", roundToBaseUnit: "roundToBaseUnit", startAngle: "startAngle", type: "type", visible: "visible", weekStartDay: "weekStartDay", crosshair: "crosshair", labels: "labels", notes: "notes", select: "select", title: "title", rangeLabels: "rangeLabels" }, providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-charts",
3
- "version": "18.1.0-develop.30",
3
+ "version": "18.1.0-develop.32",
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": 1738962226,
45
+ "publishDate": 1739276541,
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 - 19",
54
54
  "@progress/kendo-drawing": "^1.21.0",
55
55
  "@progress/kendo-licensing": "^1.4.0",
56
- "@progress/kendo-angular-common": "18.1.0-develop.30",
57
- "@progress/kendo-angular-intl": "18.1.0-develop.30",
58
- "@progress/kendo-angular-icons": "18.1.0-develop.30",
59
- "@progress/kendo-angular-l10n": "18.1.0-develop.30",
60
- "@progress/kendo-angular-popup": "18.1.0-develop.30",
61
- "@progress/kendo-angular-navigation": "18.1.0-develop.30",
56
+ "@progress/kendo-angular-common": "18.1.0-develop.32",
57
+ "@progress/kendo-angular-intl": "18.1.0-develop.32",
58
+ "@progress/kendo-angular-icons": "18.1.0-develop.32",
59
+ "@progress/kendo-angular-l10n": "18.1.0-develop.32",
60
+ "@progress/kendo-angular-popup": "18.1.0-develop.32",
61
+ "@progress/kendo-angular-navigation": "18.1.0-develop.32",
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": "18.1.0-develop.30",
66
+ "@progress/kendo-angular-schematics": "18.1.0-develop.32",
67
67
  "@progress/kendo-charts": "2.7.1",
68
68
  "@progress/kendo-svg-icons": "^4.0.0"
69
69
  },