@progress/kendo-angular-charts 23.3.1-develop.2 → 23.4.0-develop.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.
@@ -9,7 +9,7 @@ import { CollectionService } from '../common/collection.service';
9
9
  import { ConfigurationService } from '../common/configuration.service';
10
10
  import { CategoryAxisRangeLabels } from '../common/property-types';
11
11
  import { AutoBaseUnitSteps, AxisLine, AxisTicks, CategoryBaseUnit, GridLines, PlotBand, WeekStartDay } from '../common/property-types';
12
- import { CategoryAxis, CategoryAxisCrosshair, CategoryAxisLabels, CategoryAxisNotes, CategoryAxisSelect, CategoryAxisTitle } from '../common/property-types';
12
+ import { CategoryAxis, CategoryAxisCrosshair, CategoryAxisHighlight, CategoryAxisLabels, CategoryAxisNotes, CategoryAxisSelect, CategoryAxisTitle } from '../common/property-types';
13
13
  import * as i0 from "@angular/core";
14
14
  /**
15
15
  * Represents the configuration component for a category axis ([see example](https://www.telerik.com/kendo-angular-ui/components/charts/elements/axes)).
@@ -164,9 +164,13 @@ export declare class CategoryAxisItemComponent extends CollectionItemComponent i
164
164
  * Specifies the range labels configuration of the axis.
165
165
  */
166
166
  rangeLabels: CategoryAxisRangeLabels;
167
+ /**
168
+ * Specifies the highlight configuration of the axis.
169
+ */
170
+ highlight: CategoryAxisHighlight;
167
171
  private intlSubscription;
168
172
  constructor(configurationService: ConfigurationService, collectionService: CollectionService, intl: IntlService, localeId: string);
169
173
  ngOnDestroy(): void;
170
174
  static ɵfac: i0.ɵɵFactoryDeclaration<CategoryAxisItemComponent, never>;
171
- 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>;
175
+ 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; }; "highlight": { "alias": "highlight"; "required": false; }; }, {}, never, never, true, never>;
172
176
  }
@@ -78,6 +78,7 @@ export { CategoryAxisNotesIcon } from '../option-types/category-axis-item/notes.
78
78
  export { CategoryAxisNotesLabel } from '../option-types/category-axis-item/notes.label.interface';
79
79
  export { CategoryAxisSelect } from '../option-types/category-axis-item/select.interface';
80
80
  export { CategoryAxisTitle } from '../option-types/category-axis-item/title.interface';
81
+ export { CategoryAxisHighlight } from '../option-types/category-axis-item/highlight.interface';
81
82
  export { CategoryAxis } from '../option-types/category-axis-item.interface';
82
83
  export { ChartArea } from '../option-types/chart-area.interface';
83
84
  export { LegendInactiveItems } from '../option-types/legend/inactive-items.interface';
@@ -2914,8 +2914,8 @@ const packageMetadata = {
2914
2914
  productName: 'Kendo UI for Angular',
2915
2915
  productCode: 'KENDOUIANGULAR',
2916
2916
  productCodes: ['KENDOUIANGULAR'],
2917
- publishDate: 1775563684,
2918
- version: '23.3.1-develop.2',
2917
+ publishDate: 1776150365,
2918
+ version: '23.4.0-develop.1',
2919
2919
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
2920
2920
  };
2921
2921
 
@@ -6514,6 +6514,10 @@ class CategoryAxisItemComponent extends CollectionItemComponent {
6514
6514
  * Specifies the range labels configuration of the axis.
6515
6515
  */
6516
6516
  rangeLabels;
6517
+ /**
6518
+ * Specifies the highlight configuration of the axis.
6519
+ */
6520
+ highlight;
6517
6521
  intlSubscription;
6518
6522
  constructor(configurationService, collectionService, intl, localeId) {
6519
6523
  super(configurationService, collectionService);
@@ -6532,7 +6536,7 @@ class CategoryAxisItemComponent extends CollectionItemComponent {
6532
6536
  }
6533
6537
  }
6534
6538
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CategoryAxisItemComponent, deps: [{ token: ConfigurationService }, { token: CollectionService }, { token: i3.IntlService }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component });
6535
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", 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 });
6539
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", 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", highlight: "highlight" }, providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
6536
6540
  }
6537
6541
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CategoryAxisItemComponent, decorators: [{
6538
6542
  type: Component,
@@ -6610,6 +6614,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
6610
6614
  type: Input
6611
6615
  }], rangeLabels: [{
6612
6616
  type: Input
6617
+ }], highlight: [{
6618
+ type: Input
6613
6619
  }] } });
6614
6620
 
6615
6621
  /**
@@ -0,0 +1,28 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import { Border } from '../../common/property-types';
6
+ /**
7
+ * Represents the highlight configuration options of the category axis.
8
+ */
9
+ export interface CategoryAxisHighlight {
10
+ /**
11
+ * Determines if the highlight is visible.
12
+ */
13
+ visible?: boolean;
14
+ /**
15
+ * Sets the fill color of the highlight rectangle.
16
+ * Accepts a valid CSS color string, including HEX and RGB.
17
+ */
18
+ color?: string;
19
+ /**
20
+ * Sets the opacity of the highlight fill.
21
+ * The value ranges from `0` (fully transparent) to `1` (fully opaque).
22
+ */
23
+ opacity?: number;
24
+ /**
25
+ * Configures the border of the highlight rectangle.
26
+ */
27
+ border?: Border;
28
+ }
@@ -8,6 +8,7 @@ import { CategoryAxisLabels } from './category-axis-item/labels.interface';
8
8
  import { CategoryAxisRangeLabels } from './category-axis-item/range-labels.interface';
9
9
  import { CategoryAxisNotes } from './category-axis-item/notes.interface';
10
10
  import { CategoryAxisSelect } from './category-axis-item/select.interface';
11
+ import { CategoryAxisHighlight } from './category-axis-item/highlight.interface';
11
12
  import { CategoryAxisTitle } from './category-axis-item/title.interface';
12
13
  /**
13
14
  * Represents the category axis configuration options.
@@ -163,4 +164,8 @@ export interface CategoryAxis {
163
164
  * To display the title, set the [`categoryAxis.title.text`](https://www.telerik.com/kendo-angular-ui/components/charts/api/categoryaxistitle#text) option.
164
165
  */
165
166
  title?: CategoryAxisTitle;
167
+ /**
168
+ * Configures the highlight options of the category axis.
169
+ */
170
+ highlight?: CategoryAxisHighlight;
166
171
  }
@@ -7,7 +7,7 @@ export const packageMetadata = {
7
7
  "productCodes": [
8
8
  "KENDOUIANGULAR"
9
9
  ],
10
- "publishDate": 1775563684,
11
- "version": "23.3.1-develop.2",
10
+ "publishDate": 1776150365,
11
+ "version": "23.4.0-develop.1",
12
12
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
13
13
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-charts",
3
- "version": "23.3.1-develop.2",
3
+ "version": "23.4.0-develop.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": 1775563684,
45
+ "publishDate": 1776150365,
46
46
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
47
47
  }
48
48
  },
@@ -53,18 +53,18 @@
53
53
  "@angular/platform-browser": "19 - 21",
54
54
  "@progress/kendo-drawing": "^1.24.1",
55
55
  "@progress/kendo-licensing": "^1.10.0",
56
- "@progress/kendo-angular-common": "23.3.1-develop.2",
57
- "@progress/kendo-angular-intl": "23.3.1-develop.2",
58
- "@progress/kendo-angular-icons": "23.3.1-develop.2",
59
- "@progress/kendo-angular-l10n": "23.3.1-develop.2",
60
- "@progress/kendo-angular-popup": "23.3.1-develop.2",
61
- "@progress/kendo-angular-navigation": "23.3.1-develop.2",
56
+ "@progress/kendo-angular-common": "23.4.0-develop.1",
57
+ "@progress/kendo-angular-intl": "23.4.0-develop.1",
58
+ "@progress/kendo-angular-icons": "23.4.0-develop.1",
59
+ "@progress/kendo-angular-l10n": "23.4.0-develop.1",
60
+ "@progress/kendo-angular-popup": "23.4.0-develop.1",
61
+ "@progress/kendo-angular-navigation": "23.4.0-develop.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": "23.3.1-develop.2",
67
- "@progress/kendo-charts": "2.11.2",
66
+ "@progress/kendo-angular-schematics": "23.4.0-develop.1",
67
+ "@progress/kendo-charts": "2.11.3",
68
68
  "@progress/kendo-svg-icons": "^4.0.0"
69
69
  },
70
70
  "schematics": "./schematics/collection.json",