@progress/kendo-angular-charts 17.0.0-develop.3 → 17.0.0-develop.30

package/{esm2020 → esm2022}/chart/x-axis-item/notes.label.component.mjs

@@ -11,14 +11,46 @@ import * as i1 from "../../common/configuration.service";
  * The label of the notes.
  */
 export class XAxisNotesLabelComponent extends SettingsComponent {
+    configurationService;
+    background;
+    border;
+    color;
+    content;
+    /**
+     * The font style of the label.
+     * @default '12px sans-serif''
+     */
+    font;
+    /**
+     * The format for displaying the notes label. Uses the [`format`]({% slug api_intl_intlservice %}#toc-format) method of `IntlService`.
+     * Contains one placeholder (`"{0}"`) which represents the axis value.
+     * @default '{0}'
+     */
+    format;
+    /**
+     * The position of the labels.
+     * @default 'inside'
+     */
+    position;
+    /**
+     * The rotation angle of the label. By default, the label is not rotated.
+     * @default 0
+     */
+    rotation;
+    /**
+     * If set to `true`, the Chart displays the X-axis notes label.
+     * By default, the X-axis notes label is visible.
+     * @default true
+     */
+    visible;
     constructor(configurationService) {
         super('notes.label', configurationService);
         this.configurationService = configurationService;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: XAxisNotesLabelComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: XAxisNotesLabelComponent, isStandalone: true, selector: "kendo-chart-x-axis-item-notes-label", inputs: { background: "background", border: "border", color: "color", content: "content", font: "font", format: "format", position: "position", rotation: "rotation", visible: "visible" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-XAxisNotesLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: XAxisNotesLabelComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-XAxisNotesLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: XAxisNotesLabelComponent, isStandalone: true, selector: "kendo-chart-x-axis-item-notes-label", inputs: { background: "background", border: "border", color: "color", content: "content", font: "font", format: "format", position: "position", rotation: "rotation", visible: "visible" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: XAxisNotesLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: XAxisNotesLabelComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -11,14 +11,51 @@ import * as i1 from "../../common/configuration.service";
  * The title configuration of the Scatter Chart X axis.
  */
 export class XAxisTitleComponent 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 5
+     */
+    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 X axis title of the Scatter Chart.
+     * By default, the X-axis title of the Scatter Chart 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: XAxisTitleComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: XAxisTitleComponent, isStandalone: true, selector: "kendo-chart-x-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 });
 }
-XAxisTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: XAxisTitleComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-XAxisTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: XAxisTitleComponent, isStandalone: true, selector: "kendo-chart-x-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: XAxisTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: XAxisTitleComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -17,6 +17,50 @@ import * as i3 from "@progress/kendo-angular-intl";
  * ([see example]({% slug api_charts_xaxiscomponent %})).
  */
 export class XAxisItemComponent extends CollectionItemComponent {
+    configurationService;
+    collectionService;
+    intl;
+    axisCrossingValue;
+    background;
+    baseUnit;
+    categories;
+    color;
+    line;
+    majorGridLines;
+    majorTicks;
+    majorUnit;
+    max;
+    min;
+    minorGridLines;
+    minorTicks;
+    minorUnit;
+    name;
+    narrowRange;
+    pane;
+    plotBands;
+    reverse;
+    startAngle;
+    /**
+     * The axis type.
+     *
+     * The options are `numeric` for a numeric axis, `date` for a specialized axis for displaying chronological data, and `log` for a logarithmic axis.
+     *
+     * If the series X value is of the `date` type, the Chart automatically switches to a date axis.
+     * To avoid this behavior, set the `type`.
+     * @default 'numeric'
+     */
+    type;
+    /**
+     * If set to `true`, the Chart displays the X axis. By default, the X axis is visible.
+     * @default true
+     */
+    visible;
+    weekStartDay;
+    // These options are also available as child components
+    crosshair;
+    labels;
+    notes;
+    title;
     constructor(configurationService, collectionService, intl, localeId) {
         super(configurationService, collectionService);
         this.configurationService = configurationService;
@@ -24,10 +68,10 @@ export class XAxisItemComponent extends CollectionItemComponent {
         this.intl = intl;
         this.notifyChanges({ weekStartDay: intl.firstDay(localeId) });
     }
+    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 });
+    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 });
 }
-XAxisItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: XAxisItemComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.CollectionService }, { token: i3.IntlService }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component });
-XAxisItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: XAxisItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: XAxisItemComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

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

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

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

@@ -12,15 +12,22 @@ import * as i1 from "../../common/configuration.service";
  * ([see example]({% slug api_charts_yaxiscomponent %})).
  */
 export class YAxisCrosshairComponent extends SettingsComponent {
+    configurationService;
+    color;
+    opacity;
+    visible;
+    width;
+    // These options are also available as child components.
+    tooltip;
     constructor(configurationService) {
         super('crosshair', configurationService);
         this.configurationService = configurationService;
         this.markAsVisible();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: YAxisCrosshairComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: YAxisCrosshairComponent, isStandalone: true, selector: "kendo-chart-y-axis-item-crosshair", inputs: { color: "color", opacity: "opacity", visible: "visible", width: "width", tooltip: "tooltip" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-YAxisCrosshairComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: YAxisCrosshairComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-YAxisCrosshairComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: YAxisCrosshairComponent, isStandalone: true, selector: "kendo-chart-y-axis-item-crosshair", inputs: { color: "color", opacity: "opacity", visible: "visible", width: "width", tooltip: "tooltip" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: YAxisCrosshairComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: YAxisCrosshairComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

package/{esm2020 → esm2022}/chart/y-axis-item/crosshair.tooltip.component.mjs

@@ -12,15 +12,23 @@ import * as i1 from "../../common/configuration.service";
  * The crosshair tooltip is displayed when the `visible` option is set to `true`.
  */
 export class YAxisCrosshairTooltipComponent extends SettingsComponent {
+    configurationService;
+    background;
+    border;
+    color;
+    font;
+    format;
+    padding;
+    visible;
     constructor(configurationService) {
         super('crosshair.tooltip', configurationService);
         this.configurationService = configurationService;
         this.markAsVisible();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: YAxisCrosshairTooltipComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: YAxisCrosshairTooltipComponent, isStandalone: true, selector: "kendo-chart-y-axis-item-crosshair-tooltip", inputs: { background: "background", border: "border", color: "color", font: "font", format: "format", padding: "padding", visible: "visible" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-YAxisCrosshairTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: YAxisCrosshairTooltipComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-YAxisCrosshairTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: YAxisCrosshairTooltipComponent, isStandalone: true, selector: "kendo-chart-y-axis-item-crosshair-tooltip", inputs: { background: "background", border: "border", color: "color", font: "font", format: "format", padding: "padding", visible: "visible" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: YAxisCrosshairTooltipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: YAxisCrosshairTooltipComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

package/esm2022/chart/y-axis-item/labels.component.mjs

@@ -0,0 +1,123 @@
+/**-----------------------------------------------------------------------------------------
+* 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 axis labels configuration.
+ */
+export class YAxisLabelsComponent extends SettingsComponent {
+    configurationService;
+    background;
+    border;
+    color;
+    content;
+    culture;
+    dateFormats;
+    /**
+     * The font style of the labels.
+     * @default '12px sans-serif'
+     */
+    font;
+    /**
+     * The format for displaying the labels. Uses the [`format`]({% slug api_intl_intlservice %}#toc-format) method of `IntlService`.
+     * Contains one placeholder (`"{0}"`) which represents the category value.
+     * @default '{0}'
+     */
+    format;
+    /**
+     * The margin of the labels. A numeric value sets all margins.
+     * @default 0
+     */
+    margin;
+    /**
+     * If set to `true`, the Chart mirrors the axis labels and ticks. If the labels are normally on the
+     * left side of the axis, the mirroring of the axis renders them to the right.
+     * @default false
+     */
+    mirror;
+    /**
+     * The padding of the labels. A numeric value sets all paddings.
+     * @default 0
+     */
+    padding;
+    /**
+     * The position of the axis labels. By default, labels are positioned next to the axis.
+     * @default 'onAxis'
+     */
+    position;
+    /**
+     * The rotation angle of the labels. By default, the labels are not rotated.
+     * @default 0
+     */
+    rotation;
+    /**
+     * The number of labels to skip.
+     * @default 0
+     */
+    skip;
+    /**
+     * The label rendering step&mdash;renders every `n`<sup>th</sup> label. By default, every label is rendered.
+     * @default 1
+     */
+    step;
+    /**
+     * If set to `true`, the Chart displays the Y-axis labels. By default, the Y-axis labels are visible.
+     * @default true
+     */
+    visible;
+    visual;
+    constructor(configurationService) {
+        super('labels', configurationService);
+        this.configurationService = configurationService;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: YAxisLabelsComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: YAxisLabelsComponent, isStandalone: true, selector: "kendo-chart-y-axis-item-labels", inputs: { background: "background", border: "border", color: "color", content: "content", culture: "culture", dateFormats: "dateFormats", font: "font", format: "format", margin: "margin", mirror: "mirror", padding: "padding", position: "position", rotation: "rotation", skip: "skip", step: "step", visible: "visible", visual: "visual" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: YAxisLabelsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'kendo-chart-y-axis-item-labels',
+                    template: '',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationService }]; }, propDecorators: { background: [{
+                type: Input
+            }], border: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }], culture: [{
+                type: Input
+            }], dateFormats: [{
+                type: Input
+            }], font: [{
+                type: Input
+            }], format: [{
+                type: Input
+            }], margin: [{
+                type: Input
+            }], mirror: [{
+                type: Input
+            }], padding: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], rotation: [{
+                type: Input
+            }], skip: [{
+                type: Input
+            }], step: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }], visual: [{
+                type: Input
+            }] } });

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

@@ -12,14 +12,22 @@ import * as i1 from "../../common/configuration.service";
  * ([see example]({% slug api_charts_yaxiscomponent %})).
  */
 export class YAxisNotesComponent extends SettingsComponent {
+    configurationService;
+    data;
+    line;
+    position;
+    visual;
+    // These options are also available as child components
+    icon;
+    label;
     constructor(configurationService) {
         super('notes', configurationService);
         this.configurationService = configurationService;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: YAxisNotesComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: YAxisNotesComponent, isStandalone: true, selector: "kendo-chart-y-axis-item-notes", inputs: { data: "data", line: "line", position: "position", visual: "visual", icon: "icon", label: "label" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-YAxisNotesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: YAxisNotesComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-YAxisNotesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: YAxisNotesComponent, isStandalone: true, selector: "kendo-chart-y-axis-item-notes", inputs: { data: "data", line: "line", position: "position", visual: "visual", icon: "icon", label: "label" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: YAxisNotesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: YAxisNotesComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

package/esm2022/chart/y-axis-item/notes.icon.component.mjs

@@ -0,0 +1,53 @@
+/**-----------------------------------------------------------------------------------------
+* 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 icon of the notes.
+ */
+export class YAxisNotesIconComponent extends SettingsComponent {
+    configurationService;
+    background;
+    border;
+    size;
+    /**
+     * The shape of the notes icon.
+     * @default 'circle'
+     */
+    type;
+    /**
+     * The visibility of the notes icon.
+     * @default true
+     */
+    visible;
+    constructor(configurationService) {
+        super('notes.icon', configurationService);
+        this.configurationService = configurationService;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: YAxisNotesIconComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: YAxisNotesIconComponent, isStandalone: true, selector: "kendo-chart-y-axis-item-notes-icon", inputs: { background: "background", border: "border", size: "size", type: "type", visible: "visible" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: YAxisNotesIconComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'kendo-chart-y-axis-item-notes-icon',
+                    template: '',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationService }]; }, propDecorators: { background: [{
+                type: Input
+            }], border: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }] } });

package/esm2022/chart/y-axis-item/notes.label.component.mjs

@@ -0,0 +1,79 @@
+/**-----------------------------------------------------------------------------------------
+* 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 label of the notes.
+ */
+export class YAxisNotesLabelComponent extends SettingsComponent {
+    configurationService;
+    background;
+    border;
+    color;
+    content;
+    /**
+     * The font style of the label.
+     * @default '12px sans-serif'
+     */
+    font;
+    /**
+     * The format for displaying the notes label. Uses the [`format`]({% slug api_intl_intlservice %}#toc-format) method of `IntlService`.
+     * Contains one placeholder (`"{0}"`) which represents the axis value.
+     * @default '{0}'
+     */
+    format;
+    /**
+     * The position of the labels.
+     * @default 'inside'
+     */
+    position;
+    /**
+     * The rotation angle of the label. By default, the label is not rotated.
+     * @default 0
+     */
+    rotation;
+    /**
+     * If set to `true`, the Chart displays the Y-axis notes label.
+     * By default, the Y-axis notes label is visible.
+     * @default true
+     */
+    visible;
+    constructor(configurationService) {
+        super('notes.label', configurationService);
+        this.configurationService = configurationService;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: YAxisNotesLabelComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: YAxisNotesLabelComponent, isStandalone: true, selector: "kendo-chart-y-axis-item-notes-label", inputs: { background: "background", border: "border", color: "color", content: "content", font: "font", format: "format", position: "position", rotation: "rotation", visible: "visible" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: YAxisNotesLabelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'kendo-chart-y-axis-item-notes-label',
+                    template: '',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationService }]; }, propDecorators: { background: [{
+                type: Input
+            }], border: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }], font: [{
+                type: Input
+            }], format: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], rotation: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }] } });

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

@@ -11,14 +11,51 @@ import * as i1 from "../../common/configuration.service";
  * The title configuration of the Scatter Chart Y axis.
  */
 export class YAxisTitleComponent 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 Scatter Chart Y-axis title.
+     * By default, the Scatter Chart Y-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: YAxisTitleComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: YAxisTitleComponent, isStandalone: true, selector: "kendo-chart-y-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 });
 }
-YAxisTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: YAxisTitleComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-YAxisTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: YAxisTitleComponent, isStandalone: true, selector: "kendo-chart-y-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: YAxisTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: YAxisTitleComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,