@progress/kendo-angular-charts 17.0.0-develop.9 → 17.0.0

package/{esm2020 → esm2022}/chart/category-axis-item/title.component.mjs

@@ -11,14 +11,51 @@ import * as i1 from "../../common/configuration.service";
  * The configuration of the category axis title.
  */
 export class CategoryAxisTitleComponent extends SettingsComponent {
+    configurationService;
+    background;
+    border;
+    color;
+    /**
+     * The font style of the title.
+     * @default 'bold 16px sans-serif'
+     */
+    font;
+    /**
+     * The margin of the title. A numeric value sets all margins.
+     * @default 5
+     */
+    margin;
+    /**
+     * The padding of the title. A numeric value sets all paddings.
+     * @default 0
+     */
+    padding;
+    /**
+     * The position of the title.
+     * @default 'center'
+     */
+    position;
+    /**
+     * The rotation angle of the title. By default, the title is not rotated.
+     * @default 0
+     */
+    rotation;
+    text;
+    /**
+     * If set to `true`, the Chart displays the category axis title.
+     * By default, the category axis title is visible.
+     * @default true
+     */
+    visible;
+    visual;
     constructor(configurationService) {
         super('title', configurationService);
         this.configurationService = configurationService;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CategoryAxisTitleComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CategoryAxisTitleComponent, isStandalone: true, selector: "kendo-chart-category-axis-item-title", inputs: { background: "background", border: "border", color: "color", font: "font", margin: "margin", padding: "padding", position: "position", rotation: "rotation", text: "text", visible: "visible", visual: "visual" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-CategoryAxisTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CategoryAxisTitleComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-CategoryAxisTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CategoryAxisTitleComponent, isStandalone: true, selector: "kendo-chart-category-axis-item-title", inputs: { background: "background", border: "border", color: "color", font: "font", margin: "margin", padding: "padding", position: "position", rotation: "rotation", text: "text", visible: "visible", visual: "visual" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CategoryAxisTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CategoryAxisTitleComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

package/{esm2020 → esm2022}/chart/category-axis-item.component.mjs

@@ -16,16 +16,89 @@ import * as i3 from "@progress/kendo-angular-intl";
  * The configuration component for a category axis ([see example]({% slug axes_chart_charts %})).
  */
 export class CategoryAxisItemComponent extends CollectionItemComponent {
+    configurationService;
+    collectionService;
+    autoBaseUnitSteps;
+    axisCrossingValue;
+    background;
+    baseUnit;
+    baseUnitStep;
+    categories;
+    color;
+    justified;
+    line;
+    majorGridLines;
+    majorTicks;
+    max;
+    /**
+     * The maximum number of groups (categories) to display when
+     * [`categoryAxis.baseUnit`]({% slug api_charts_categoryaxis %}#toc-baseunit) is set to `"fit"` or
+     * [`categoryAxis.baseUnitStep`]({% slug api_charts_categoryaxis %}#toc-baseunitstep) is set to `"auto"`.
+     * @default 10
+     */
+    maxDateGroups;
+    maxDivisions;
+    min;
+    minorGridLines;
+    minorTicks;
+    /**
+     * The unique axis name. Used to associate a series with a category axis,
+     * which utilizes the [`series.categoryAxis`]({% slug api_charts_series %}#toc-categoryaxis) option.
+     * @default 'primary'
+     */
+    name;
+    pane;
+    plotBands;
+    /**
+     * If set to `true`, the category axis direction is reversed.
+     * By default, categories are listed from left to right and from bottom to top.
+     * @default false
+     */
+    reverse;
+    /**
+     * If set to `true`, the Chart rounds the first and last date to the nearest base unit.
+     * @default true
+     */
+    roundToBaseUnit;
+    /**
+     * The angle (degrees) of the first category on the axis.
+     * Angles increase clockwise with zero to the left. Negative values are acceptable.
+     * @default 90
+     */
+    startAngle;
+    /**
+     * The category axis type.
+     * The supported values include `category` for a discrete category axis and `date` for a specialized axis for displaying chronological data.
+     * @default 'category'
+     */
+    type;
+    /**
+     * If set to `true`, the Chart displays the category axis. By default, the category axis is visible.
+     * @default true
+     */
+    visible;
+    /**
+     * The week start day when the `baseUnit` is set to `"weeks"`.
+     * @default 'Sunday'
+     */
+    weekStartDay;
+    // These options are also available as child components
+    crosshair;
+    labels;
+    notes;
+    select;
+    title;
+    rangeLabels;
     constructor(configurationService, collectionService, intl, localeId) {
         super(configurationService, collectionService);
         this.configurationService = configurationService;
         this.collectionService = collectionService;
         this.notifyChanges({ weekStartDay: intl.firstDay(localeId) });
     }
+    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 });
+    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 });
 }
-CategoryAxisItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CategoryAxisItemComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.CollectionService }, { token: i3.IntlService }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component });
-CategoryAxisItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CategoryAxisItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CategoryAxisItemComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

package/{esm2020 → esm2022}/chart/category-axis.component.mjs

@@ -38,15 +38,18 @@ import * as i2 from "../common/collection.service";
  * ```
  */
 export class CategoryAxisComponent extends CollectionComponent {
+    configurationService;
+    collectionService;
+    children;
     constructor(configurationService, collectionService) {
         super('categoryAxis', configurationService, collectionService);
         this.configurationService = configurationService;
         this.collectionService = collectionService;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CategoryAxisComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.CollectionService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CategoryAxisComponent, isStandalone: true, selector: "kendo-chart-category-axis", providers: [CollectionService], queries: [{ propertyName: "children", predicate: CategoryAxisItemComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-CategoryAxisComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CategoryAxisComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.CollectionService }], target: i0.ɵɵFactoryTarget.Component });
-CategoryAxisComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CategoryAxisComponent, isStandalone: true, selector: "kendo-chart-category-axis", providers: [CollectionService], queries: [{ propertyName: "children", predicate: CategoryAxisItemComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CategoryAxisComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CategoryAxisComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

package/{esm2020 → esm2022}/chart/chart-area.component.mjs

@@ -13,14 +13,41 @@ import * as i1 from "../common/configuration.service";
  * ([see example]({% slug chartarea_chart_charts %})).
  */
 export class ChartAreaComponent extends SettingsComponent {
+    configurationService;
+    /**
+     * The background color of the Chart area. Accepts a valid CSS color string, including hex and rgb.
+     * @default 'white'
+     */
+    background;
+    border;
+    /**
+     * The height of the Chart area.
+     * @default 400
+     */
+    height;
+    /**
+     * The margin of the Chart area. A numeric value sets all margins.
+     * @default 5
+     */
+    margin;
+    /**
+     * The background opacity of the Chart area. By default, the background is opaque.
+     * @default 1
+     */
+    opacity;
+    /**
+     * The width of the Chart area.
+     * @default 600
+     */
+    width;
     constructor(configurationService) {
         super('chartArea', configurationService);
         this.configurationService = configurationService;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartAreaComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChartAreaComponent, isStandalone: true, selector: "kendo-chart-area", inputs: { background: "background", border: "border", height: "height", margin: "margin", opacity: "opacity", width: "width" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-ChartAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartAreaComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-ChartAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChartAreaComponent, isStandalone: true, selector: "kendo-chart-area", inputs: { background: "background", border: "border", height: "height", margin: "margin", opacity: "opacity", width: "width" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartAreaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartAreaComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

package/{esm2020 → esm2022}/chart/donut-center-template.directive.mjs

@@ -10,13 +10,14 @@ import * as i0 from "@angular/core";
  * [Donut center template](slug:donut_seriestypes_charts#toc-using-the-center-template).
  */
 export class DonutCenterTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DonutCenterTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DonutCenterTemplateDirective, isStandalone: true, selector: "[kendoChartDonutCenterTemplate]", ngImport: i0 });
 }
-DonutCenterTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DonutCenterTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-DonutCenterTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DonutCenterTemplateDirective, isStandalone: true, selector: "[kendoChartDonutCenterTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DonutCenterTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DonutCenterTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoChartDonutCenterTemplate]',

package/{esm2020 → esm2022}/chart/legend/inactive-items.component.mjs

@@ -21,14 +21,16 @@ import * as i1 from "../../common/configuration.service";
  * ```
  */
 export class LegendInactiveItemsComponent extends SettingsComponent {
+    configurationService;
+    labels;
     constructor(configurationService) {
         super('legend.inactiveItems', configurationService);
         this.configurationService = configurationService;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LegendInactiveItemsComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LegendInactiveItemsComponent, isStandalone: true, selector: "kendo-chart-legend-inactive-items", inputs: { labels: "labels" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-LegendInactiveItemsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LegendInactiveItemsComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-LegendInactiveItemsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LegendInactiveItemsComponent, isStandalone: true, selector: "kendo-chart-legend-inactive-items", inputs: { labels: "labels" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LegendInactiveItemsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LegendInactiveItemsComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

package/{esm2020 → esm2022}/chart/legend/item.component.mjs

@@ -21,14 +21,22 @@ import * as i1 from "../../common/configuration.service";
  * ```
  */
 export class LegendItemComponent extends SettingsComponent {
+    configurationService;
+    cursor;
+    type;
+    line;
+    area;
+    markers;
+    highlight;
+    visual;
     constructor(configurationService) {
         super('legend.item', configurationService);
         this.configurationService = configurationService;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LegendItemComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LegendItemComponent, isStandalone: true, selector: "kendo-chart-legend-item", inputs: { cursor: "cursor", type: "type", line: "line", area: "area", markers: "markers", highlight: "highlight", visual: "visual" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-LegendItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LegendItemComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-LegendItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LegendItemComponent, isStandalone: true, selector: "kendo-chart-legend-item", inputs: { cursor: "cursor", type: "type", line: "line", area: "area", markers: "markers", highlight: "highlight", visual: "visual" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LegendItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LegendItemComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

package/esm2022/chart/legend.component.mjs

@@ -0,0 +1,136 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { ConfigurationService } from '../common/configuration.service';
+import { SettingsComponent } from '../common/settings.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../common/configuration.service";
+/**
+ * The configuration options of the Chart legend
+ * ([see example]({% slug legend_chart_charts %})).
+ */
+export class LegendComponent extends SettingsComponent {
+    configurationService;
+    /**
+     * The legend is horizontally aligned when [`legend.position`]({% slug api_charts_legend %}#toc-position) is set to `"top"` or `"bottom"`.
+     * The legend is vertically aligned when [`legend.position`]({% slug api_charts_legend %}#toc-position) is set to `"left"` or `"right"`.
+     * @default 'center'
+     */
+    align;
+    /**
+     * The background color of the legend. Accepts a valid CSS color string, including hex and rgb.
+     * @default 'white'
+     */
+    background;
+    border;
+    height;
+    labels;
+    /**
+     * The margin of the Chart legend. A numeric value sets all paddings.
+     * @default 5
+     */
+    margin;
+    /**
+     * The X offset of the Chart legend. The offset is relative to the default position of the legend.
+     * For example, a value of `20` moves the legend 20 pixels to the right of its initial position.
+     * Negative values move the legend to the left of its current position.
+     * @default 0
+     */
+    offsetX;
+    /**
+     * The Y offset of the chart legend. The offset is relative to the current position of the legend.
+     * For example, a value of `20` moves the legend 20 pixels down from its initial position.
+     * Negative values move the legend upwards from its current position.
+     * @default 0
+     */
+    offsetY;
+    /**
+     * The orientation of the legend items.
+     * @default 'vertical'
+     */
+    orientation;
+    /**
+     * The padding of the Chart legend. A numeric value sets all paddings.
+     * @default 5
+     */
+    padding;
+    /**
+     * The positions of the Chart legend.
+     * Setting the legend position to `custom` allows you to position the legend using the [`legend.offsetX`](slug:api_charts_legend#toc-offsetx) and [`legend.offsetY`](slug:api_charts_legend#toc-offsety) options.
+     * @default 'right'
+     */
+    position;
+    /**
+     * If set to `true`, the legend items are reversed.
+     * @default false
+     */
+    reverse;
+    /**
+     * If set to `true`, the Chart displays the legend. By default, the Chart legend is visible.
+     * @default true
+     */
+    visible;
+    width;
+    markers;
+    spacing;
+    // These options are also available as child components
+    inactiveItems;
+    item;
+    title;
+    constructor(configurationService) {
+        super('legend', configurationService);
+        this.configurationService = configurationService;
+        this.markAsVisible();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LegendComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LegendComponent, isStandalone: true, selector: "kendo-chart-legend", inputs: { align: "align", background: "background", border: "border", height: "height", labels: "labels", margin: "margin", offsetX: "offsetX", offsetY: "offsetY", orientation: "orientation", padding: "padding", position: "position", reverse: "reverse", visible: "visible", width: "width", markers: "markers", spacing: "spacing", inactiveItems: "inactiveItems", item: "item", title: "title" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LegendComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'kendo-chart-legend',
+                    template: '',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationService }]; }, propDecorators: { align: [{
+                type: Input
+            }], background: [{
+                type: Input
+            }], border: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], labels: [{
+                type: Input
+            }], margin: [{
+                type: Input
+            }], offsetX: [{
+                type: Input
+            }], offsetY: [{
+                type: Input
+            }], orientation: [{
+                type: Input
+            }], padding: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], reverse: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], markers: [{
+                type: Input
+            }], spacing: [{
+                type: Input
+            }], inactiveItems: [{
+                type: Input
+            }], item: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }] } });

package/esm2022/chart/localization/custom-messages.component.mjs

@@ -0,0 +1,49 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, forwardRef } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { ChartMessages } from './messages';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * Custom component messages override default component messages.
+ * @example
+ * ```html
+ * <kendo-chart [data]="data">
+ *     <kendo-chart-messages noData='No data available'></kendo-chart-messages>
+ * </kendo-chart>
+ * ```
+ */
+export class ChartCustomMessagesComponent extends ChartMessages {
+    service;
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+    get override() {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChartCustomMessagesComponent, isStandalone: true, selector: "kendo-chart-messages", providers: [
+            {
+                provide: ChartMessages,
+                useExisting: forwardRef(() => ChartCustomMessagesComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartCustomMessagesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: ChartMessages,
+                            useExisting: forwardRef(() => ChartCustomMessagesComponent)
+                        }
+                    ],
+                    selector: 'kendo-chart-messages',
+                    template: ``,
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

package/esm2022/chart/localization/localized-messages.directive.mjs

@@ -0,0 +1,39 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, forwardRef } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { ChartMessages } from './messages';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * @hidden
+ */
+export class LocalizedChartMessagesDirective extends ChartMessages {
+    service;
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedChartMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LocalizedChartMessagesDirective, isStandalone: true, selector: "[kendoChartLocalizedMessages]", providers: [
+            {
+                provide: ChartMessages,
+                useExisting: forwardRef(() => LocalizedChartMessagesDirective)
+            }
+        ], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedChartMessagesDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        {
+                            provide: ChartMessages,
+                            useExisting: forwardRef(() => LocalizedChartMessagesDirective)
+                        }
+                    ],
+                    selector: '[kendoChartLocalizedMessages]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

package/esm2022/chart/localization/messages.mjs

@@ -0,0 +1,27 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive } from '@angular/core';
+import { Input } from '@angular/core';
+import { ComponentMessages } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class ChartMessages extends ComponentMessages {
+    /**
+     * The message to display when no series are defined, or all series are empty.
+     */
+    noData;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ChartMessages, selector: "[kendoChartMessages]", inputs: { noData: "noData" }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChartMessages, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoChartMessages]'
+                }]
+        }], propDecorators: { noData: [{
+                type: Input
+            }] } });

package/esm2022/chart/no-data-template.directive.mjs

@@ -0,0 +1,28 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, TemplateRef, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * A directive which selects a [template](link:site.data.urls.angular['templatesyntax'])
+ * within the `<kendo-chart>` component for the
+ * [No Data Overlay](slug:databinding_chart_charts#toc-no-data-overlay).
+ */
+export class NoDataTemplateDirective {
+    templateRef;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NoDataTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: NoDataTemplateDirective, isStandalone: true, selector: "[kendoChartNoDataTemplate]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NoDataTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoChartNoDataTemplate]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/{esm2020 → esm2022}/chart/pane/title.component.mjs

@@ -11,14 +11,42 @@ import * as i1 from "../../common/configuration.service";
  * The configuration of the Chart pane title.
  */
 export class PanesTitleComponent extends SettingsComponent {
+    configurationService;
+    background;
+    border;
+    color;
+    /**
+     * The font style of the title.
+     * @default '700 18px sans-serif'
+     */
+    font;
+    /**
+     * The margin of the title. A numeric value sets all margins.
+     * @default 5
+     */
+    margin;
+    /**
+     * The position of the title.
+     *
+     * The positioning of the axis title can be set to `left` for left positioning, `right` for right positioning (both applicable to the horizontal axis), or `center` for positioning in the center.
+     * @default 'center'
+     */
+    position;
+    text;
+    /**
+     * If set to `true`, the Chart displays the pane title.
+     * @default true
+     */
+    visible;
+    visual;
     constructor(configurationService) {
         super('title', configurationService);
         this.configurationService = configurationService;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PanesTitleComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PanesTitleComponent, isStandalone: true, selector: "kendo-chart-pane-title", inputs: { background: "background", border: "border", color: "color", font: "font", margin: "margin", position: "position", text: "text", visible: "visible", visual: "visual" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-PanesTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PanesTitleComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-PanesTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PanesTitleComponent, isStandalone: true, selector: "kendo-chart-pane-title", inputs: { background: "background", border: "border", color: "color", font: "font", margin: "margin", position: "position", text: "text", visible: "visible", visual: "visual" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PanesTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PanesTitleComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,