@progress/kendo-angular-charts 6.0.1 → 7.0.0-dev.202204191039

package/esm2015/chart/tooltip/series-tooltip-template.directive.js

@@ -0,0 +1,51 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * A directive that selects a [template]({{ site.data.urls.angular['templatesyntax'] }})
+ * within the `<kendo-chart-tooltip>` component for the
+ * [series tooltip]({% slug tooltips_chart_charts %}#toc-series-tooltip).
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ *
+ * _@Component({
+ *   selector: 'my-app',
+ *   template: `
+ *     <kendo-chart>
+ *       <kendo-chart-tooltip>
+ *          <ng-template kendoChartSeriesTooltipTemplate let-value="value">
+ *             Value is {{value}}
+ *           </ng-template>
+ *       </kendo-chart-tooltip>
+ *       <kendo-chart-series>
+ *         <kendo-chart-series-item [data]="[1, 2, 3]">
+ *         </kendo-chart-series-item>
+ *       </kendo-chart-series>
+ *     </kendo-chart>
+ *   `
+ * })
+ * class AppComponent {
+ * }
+ *
+ * ```
+ */
+export class SeriesTooltipTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+SeriesTooltipTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SeriesTooltipTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+SeriesTooltipTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SeriesTooltipTemplateDirective, selector: "[kendoChartSeriesTooltipTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SeriesTooltipTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoChartSeriesTooltipTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/esm2015/chart/tooltip/shared-tooltip-template.directive.js

@@ -0,0 +1,60 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * A directive that selects a [template]({{ site.data.urls.angular['templatesyntax'] }})
+ * within the `<kendo-chart-tooltip>` component for the
+ * [shared series tooltip]({% slug tooltips_chart_charts %}#toc-shared-tooltip).
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ *
+ * _@Component({
+ *   selector: 'my-app',
+ *   template: `
+ *     <kendo-chart>
+ *       <kendo-chart-tooltip [shared]="true">
+ *         <ng-template kendoChartSharedTooltipTemplate let-category="category" let-points="points">
+ *             <div> {{ category }} </div>
+ *             <div *ngFor="let point of points">
+ *                 {{ point.series.name }} : {{ point.value }}
+ *             </div>
+ *         </ng-template>
+ *       </kendo-chart-tooltip>
+ *       <kendo-chart-category-axis>
+ *         <kendo-chart-category-axis-item [categories]="['A', 'B', 'C']">
+ *         </kendo-chart-category-axis-item>
+ *       </kendo-chart-category-axis>
+ *       <kendo-chart-series>
+ *         <kendo-chart-series-item name="A" [data]="[1, 2, 3]">
+ *         </kendo-chart-series-item>
+ *         <kendo-chart-series-item name="B" [data]="[1, 2, 3]">
+ *         </kendo-chart-series-item>
+ *       </kendo-chart-series>
+ *     </kendo-chart>
+ *   `
+ * })
+ * class AppComponent {
+ * }
+ *
+ * ```
+ */
+export class SharedTooltipTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+SharedTooltipTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SharedTooltipTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+SharedTooltipTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SharedTooltipTemplateDirective, selector: "[kendoChartSharedTooltipTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SharedTooltipTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoChartSharedTooltipTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/esm2015/chart/tooltip/tooltip-popup.component.js

@@ -0,0 +1,209 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, ViewChild, Input, Output, EventEmitter } from '@angular/core';
+import { SeriesTooltipTemplateDirective } from './series-tooltip-template.directive';
+import { SharedTooltipTemplateDirective } from './shared-tooltip-template.directive';
+import { TooltipTemplatePoint } from './tooltip-template-point';
+import { BaseTooltip } from './base-tooltip';
+import { hasParent } from '../../common/has-parent';
+import { PopupService, POPUP_CONTAINER } from '@progress/kendo-angular-popup';
+import { bodyFactory } from './body-factory';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-popup";
+import * as i2 from "../../common/tooltip-template.service";
+import * as i3 from "@progress/kendo-angular-l10n";
+import * as i4 from "@angular/common";
+import * as i5 from "./series-tooltip-template.directive";
+import * as i6 from "./shared-tooltip-template.directive";
+const SHARED_TOOLTIP_CLASS = 'k-chart-shared-tooltip';
+const TOOLTIP_CLASS = "k-chart-tooltip";
+/**
+ * @hidden
+ */
+export class TooltipPopupComponent extends BaseTooltip {
+    constructor(popupService, templateService, localizationService, ngZone) {
+        super(popupService, localizationService);
+        this.popupService = popupService;
+        this.templateService = templateService;
+        this.localizationService = localizationService;
+        this.ngZone = ngZone;
+        this.seriesTooltipContext = {};
+        this.seriesSharedTooltipContext = {};
+        this.animate = true;
+        this.wrapperClass = 'k-chart-tooltip-wrapper';
+        this.leave = new EventEmitter();
+        this.popupClasses = {};
+    }
+    show(e) {
+        this.shared = e.shared;
+        this.popupClasses = Object.assign({
+            [SHARED_TOOLTIP_CLASS]: e.shared,
+            [TOOLTIP_CLASS]: true,
+            [e.className]: !!e.className
+        }, this.classNames);
+        if (!e.shared) {
+            this.seriesTooltipContext = new TooltipTemplatePoint(e.point, e.format);
+            this.seriesTooltipTemplateRef = this.pointTemplateRef(e.point);
+        }
+        else {
+            this.seriesSharedTooltipTemplateRef = this.templateService.getSharedTemplate()
+                || this.defaultSharedTooltipTemplate.templateRef;
+            this.seriesSharedTooltipContext = this.sharedTemplateContext(e);
+        }
+        super.show(e);
+    }
+    containsElement(element) {
+        if (this.popupRef) {
+            return hasParent(element, this.popupRef.popupElement);
+        }
+    }
+    sharedTemplateContext(e) {
+        const points = e.points;
+        const nameColumn = points.filter((point) => typeof point.series.name !== 'undefined').length > 0;
+        const colorMarker = e.series.length > 1;
+        let colspan = 1;
+        if (nameColumn) {
+            colspan++;
+        }
+        if (colorMarker) {
+            colspan++;
+        }
+        return {
+            category: e.category,
+            categoryText: e.categoryText,
+            colorMarker: colorMarker,
+            colspan: colspan,
+            nameColumn: nameColumn,
+            points: this.wrapPoints(e.points, e.format)
+        };
+    }
+    pointTemplateRef(point) {
+        return this.templateService.getTemplate(point.series.index) || this.defaultSeriesTooltipTemplate.templateRef;
+    }
+    wrapPoints(points, format) {
+        const result = [];
+        for (let idx = 0; idx < points.length; idx++) {
+            const point = points[idx];
+            const template = this.pointTemplateRef(point);
+            const pointFormat = ((point.options || {}).tooltip || {}).format || format;
+            result.push(new TooltipTemplatePoint(point, pointFormat, template));
+        }
+        return result;
+    }
+    onInit() {
+        this.ngZone.runOutsideAngular(() => {
+            this.mouseleaveSubscription = this.popupRef.popupElement.addEventListener('mouseleave', (args) => {
+                this.leave.emit(args);
+            });
+        });
+        this.popupRef.popupElement.className += ` ${this.wrapperClass}`;
+    }
+    hide() {
+        if (this.mouseleaveSubscription) {
+            this.mouseleaveSubscription();
+            this.mouseleaveSubscription = null;
+        }
+        super.hide();
+    }
+}
+TooltipPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipPopupComponent, deps: [{ token: i1.PopupService }, { token: i2.TooltipTemplateService }, { token: i3.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+TooltipPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TooltipPopupComponent, selector: "kendo-chart-tooltip-popup", inputs: { animate: "animate", classNames: "classNames", popupSettings: "popupSettings", wrapperClass: "wrapperClass" }, outputs: { leave: "leave" }, providers: [PopupService, {
+            provide: POPUP_CONTAINER,
+            useFactory: bodyFactory
+        }], viewQueries: [{ propertyName: "defaultSeriesTooltipTemplate", first: true, predicate: SeriesTooltipTemplateDirective, descendants: true }, { propertyName: "defaultSharedTooltipTemplate", first: true, predicate: SharedTooltipTemplateDirective, descendants: true }, { propertyName: "templateRef", first: true, predicate: ["content"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
+    <ng-template #content>
+        <div [ngClass]="popupClasses" [ngStyle]="style">
+          <ng-template [ngTemplateOutlet]="seriesTooltipTemplateRef" *ngIf="!shared"
+                    [ngTemplateOutletContext]="seriesTooltipContext">
+          </ng-template>
+          <ng-template [ngTemplateOutlet]="seriesSharedTooltipTemplateRef" *ngIf="shared"
+                    [ngTemplateOutletContext]="seriesSharedTooltipContext">
+          </ng-template>
+        </div>
+    </ng-template>
+
+    <ng-template kendoChartSeriesTooltipTemplate let-formattedValue="formattedValue">
+        <span [innerHTML]="formattedValue"></span>
+    </ng-template>
+    <ng-template kendoChartSharedTooltipTemplate let-points="points" let-categoryText="categoryText" let-colspan="colspan" let-colorMarker="colorMarker" let-nameColumn="nameColumn" >
+        <table>
+            <tr><th [attr.colspan]='colspan'> {{ categoryText }} </th></tr>
+            <tr *ngFor="let point of points">
+                <td *ngIf="colorMarker"><span class='k-chart-shared-tooltip-marker' [style.background-color]='point.series.color'></span></td>
+                <td *ngIf="nameColumn">
+                    <ng-container *ngIf="point.series.name !== undefined">{{ point.series.name }}</ng-container>
+                    <ng-container *ngIf="point.series.name === undefined">&nbsp;</ng-container>
+                </td>
+                <td>
+                  <ng-template [ngTemplateOutlet]="point.template"
+                            [ngTemplateOutletContext]="point">
+                  </ng-template>
+                </td>
+            </tr>
+        </table>
+    </ng-template>
+    `, isInline: true, directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i5.SeriesTooltipTemplateDirective, selector: "[kendoChartSeriesTooltipTemplate]" }, { type: i6.SharedTooltipTemplateDirective, selector: "[kendoChartSharedTooltipTemplate]" }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipPopupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [PopupService, {
+                            provide: POPUP_CONTAINER,
+                            useFactory: bodyFactory
+                        }],
+                    selector: 'kendo-chart-tooltip-popup',
+                    template: `
+    <ng-template #content>
+        <div [ngClass]="popupClasses" [ngStyle]="style">
+          <ng-template [ngTemplateOutlet]="seriesTooltipTemplateRef" *ngIf="!shared"
+                    [ngTemplateOutletContext]="seriesTooltipContext">
+          </ng-template>
+          <ng-template [ngTemplateOutlet]="seriesSharedTooltipTemplateRef" *ngIf="shared"
+                    [ngTemplateOutletContext]="seriesSharedTooltipContext">
+          </ng-template>
+        </div>
+    </ng-template>
+
+    <ng-template kendoChartSeriesTooltipTemplate let-formattedValue="formattedValue">
+        <span [innerHTML]="formattedValue"></span>
+    </ng-template>
+    <ng-template kendoChartSharedTooltipTemplate let-points="points" let-categoryText="categoryText" let-colspan="colspan" let-colorMarker="colorMarker" let-nameColumn="nameColumn" >
+        <table>
+            <tr><th [attr.colspan]='colspan'> {{ categoryText }} </th></tr>
+            <tr *ngFor="let point of points">
+                <td *ngIf="colorMarker"><span class='k-chart-shared-tooltip-marker' [style.background-color]='point.series.color'></span></td>
+                <td *ngIf="nameColumn">
+                    <ng-container *ngIf="point.series.name !== undefined">{{ point.series.name }}</ng-container>
+                    <ng-container *ngIf="point.series.name === undefined">&nbsp;</ng-container>
+                </td>
+                <td>
+                  <ng-template [ngTemplateOutlet]="point.template"
+                            [ngTemplateOutletContext]="point">
+                  </ng-template>
+                </td>
+            </tr>
+        </table>
+    </ng-template>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.PopupService }, { type: i2.TooltipTemplateService }, { type: i3.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { defaultSeriesTooltipTemplate: [{
+                type: ViewChild,
+                args: [SeriesTooltipTemplateDirective, { static: false }]
+            }], defaultSharedTooltipTemplate: [{
+                type: ViewChild,
+                args: [SharedTooltipTemplateDirective, { static: false }]
+            }], templateRef: [{
+                type: ViewChild,
+                args: ['content', { static: true }]
+            }], animate: [{
+                type: Input
+            }], classNames: [{
+                type: Input
+            }], popupSettings: [{
+                type: Input
+            }], wrapperClass: [{
+                type: Input
+            }], leave: [{
+                type: Output
+            }] } });

package/esm2015/chart/tooltip.component.js

@@ -0,0 +1,60 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, ContentChild, Input } from '@angular/core';
+import { SettingsComponent } from '../common/settings.component';
+import { SeriesTooltipTemplateDirective } from './tooltip/series-tooltip-template.directive';
+import { SharedTooltipTemplateDirective } from './tooltip/shared-tooltip-template.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "../common/configuration.service";
+import * as i2 from "../common/tooltip-template.service";
+/**
+ * The configuration options of the Chart series tooltip
+ * ([see example]({% slug tooltips_chart_charts %})).
+ */
+export class TooltipComponent extends SettingsComponent {
+    constructor(configurationService, templateService) {
+        super('tooltip', configurationService);
+        this.configurationService = configurationService;
+        this.templateService = templateService;
+        this.markAsVisible();
+    }
+    ngAfterContentChecked() {
+        this.templateService.setTemplate(this.seriesTooltipTemplate ? this.seriesTooltipTemplate.templateRef : null);
+        this.templateService.setSharedTemplate(this.sharedTooltipTemplate ? this.sharedTooltipTemplate.templateRef : null);
+    }
+}
+TooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.TooltipTemplateService }], target: i0.ɵɵFactoryTarget.Component });
+TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TooltipComponent, selector: "kendo-chart-tooltip", inputs: { background: "background", border: "border", color: "color", font: "font", format: "format", opacity: "opacity", padding: "padding", shared: "shared", visible: "visible" }, queries: [{ propertyName: "seriesTooltipTemplate", first: true, predicate: SeriesTooltipTemplateDirective, descendants: true }, { propertyName: "sharedTooltipTemplate", first: true, predicate: SharedTooltipTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-chart-tooltip',
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationService }, { type: i2.TooltipTemplateService }]; }, propDecorators: { background: [{
+                type: Input
+            }], border: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], font: [{
+                type: Input
+            }], format: [{
+                type: Input
+            }], opacity: [{
+                type: Input
+            }], padding: [{
+                type: Input
+            }], shared: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }], seriesTooltipTemplate: [{
+                type: ContentChild,
+                args: [SeriesTooltipTemplateDirective, { static: false }]
+            }], sharedTooltipTemplate: [{
+                type: ContentChild,
+                args: [SharedTooltipTemplateDirective, { static: false }]
+            }] } });

package/esm2015/chart/value-axis-item/crosshair.component.js

@@ -0,0 +1,38 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 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 { SettingsComponent } from '../../common/settings.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../common/configuration.service";
+/**
+ * The crosshair configuration options ([see example]({% slug crosshairs_chart_charts %})).
+ */
+export class ValueAxisCrosshairComponent extends SettingsComponent {
+    constructor(configurationService) {
+        super('crosshair', configurationService);
+        this.configurationService = configurationService;
+        this.markAsVisible();
+    }
+}
+ValueAxisCrosshairComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ValueAxisCrosshairComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+ValueAxisCrosshairComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ValueAxisCrosshairComponent, selector: "kendo-chart-value-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: "12.2.16", ngImport: i0, type: ValueAxisCrosshairComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'kendo-chart-value-axis-item-crosshair',
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationService }]; }, propDecorators: { color: [{
+                type: Input
+            }], opacity: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }] } });

package/esm2015/chart/value-axis-item/crosshair.tooltip.component.js

@@ -0,0 +1,43 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 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 { SettingsComponent } from '../../common/settings.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../common/configuration.service";
+/**
+ * The configuration options of the crosshair tooltip ([see example]({% slug crosshairs_chart_charts %})).
+ * The crosshair tooltip is displayed when the `visible` option is set to `true`.
+ */
+export class ValueAxisCrosshairTooltipComponent extends SettingsComponent {
+    constructor(configurationService) {
+        super('crosshair.tooltip', configurationService);
+        this.configurationService = configurationService;
+        this.markAsVisible();
+    }
+}
+ValueAxisCrosshairTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ValueAxisCrosshairTooltipComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+ValueAxisCrosshairTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ValueAxisCrosshairTooltipComponent, selector: "kendo-chart-value-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: "12.2.16", ngImport: i0, type: ValueAxisCrosshairTooltipComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'kendo-chart-value-axis-item-crosshair-tooltip',
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationService }]; }, propDecorators: { background: [{
+                type: Input
+            }], border: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], font: [{
+                type: Input
+            }], format: [{
+                type: Input
+            }], padding: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }] } });

package/esm2015/chart/value-axis-item/labels.component.js

@@ -0,0 +1,57 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 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 { SettingsComponent } from '../../common/settings.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../common/configuration.service";
+/**
+ * The axis labels configuration.
+ */
+export class ValueAxisLabelsComponent extends SettingsComponent {
+    constructor(configurationService) {
+        super('labels', configurationService);
+        this.configurationService = configurationService;
+    }
+}
+ValueAxisLabelsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ValueAxisLabelsComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+ValueAxisLabelsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ValueAxisLabelsComponent, selector: "kendo-chart-value-axis-item-labels", inputs: { background: "background", border: "border", color: "color", content: "content", 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: "12.2.16", ngImport: i0, type: ValueAxisLabelsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'kendo-chart-value-axis-item-labels',
+                    template: ''
+                }]
+        }], 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
+            }], 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/esm2015/chart/value-axis-item/notes.component.js

@@ -0,0 +1,39 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 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 { SettingsComponent } from '../../common/settings.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../common/configuration.service";
+/**
+ * The configuration of the value axis notes ([see example]({% slug notes_chart_charts %}#toc-axis-notes)).
+ */
+export class ValueAxisNotesComponent extends SettingsComponent {
+    constructor(configurationService) {
+        super('notes', configurationService);
+        this.configurationService = configurationService;
+    }
+}
+ValueAxisNotesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ValueAxisNotesComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+ValueAxisNotesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ValueAxisNotesComponent, selector: "kendo-chart-value-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: "12.2.16", ngImport: i0, type: ValueAxisNotesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'kendo-chart-value-axis-item-notes',
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationService }]; }, propDecorators: { data: [{
+                type: Input
+            }], line: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], visual: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }] } });

package/esm2015/chart/value-axis-item/notes.icon.component.js

@@ -0,0 +1,37 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 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 { 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 ValueAxisNotesIconComponent extends SettingsComponent {
+    constructor(configurationService) {
+        super('notes.icon', configurationService);
+        this.configurationService = configurationService;
+    }
+}
+ValueAxisNotesIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ValueAxisNotesIconComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+ValueAxisNotesIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ValueAxisNotesIconComponent, selector: "kendo-chart-value-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: "12.2.16", ngImport: i0, type: ValueAxisNotesIconComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'kendo-chart-value-axis-item-notes-icon',
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationService }]; }, propDecorators: { background: [{
+                type: Input
+            }], border: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }] } });

package/esm2015/chart/value-axis-item/notes.label.component.js

@@ -0,0 +1,45 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 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 { 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 ValueAxisNotesLabelComponent extends SettingsComponent {
+    constructor(configurationService) {
+        super('notes.label', configurationService);
+        this.configurationService = configurationService;
+    }
+}
+ValueAxisNotesLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ValueAxisNotesLabelComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+ValueAxisNotesLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ValueAxisNotesLabelComponent, selector: "kendo-chart-value-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: "12.2.16", ngImport: i0, type: ValueAxisNotesLabelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'kendo-chart-value-axis-item-notes-label',
+                    template: ''
+                }]
+        }], 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
+            }] } });