@progress/kendo-angular-charts 17.0.0-develop.21 → 17.0.0-develop.23

package/{esm2020 → esm2022}/chart/subtitle.component.mjs

@@ -19,14 +19,50 @@ import * as i1 from "../common/configuration.service";
  * ```
  */
 export class SubtitleComponent extends SettingsComponent {
+    configurationService;
+    align;
+    /**
+     * The background color of the subtitle. Accepts a valid CSS color string, including HEX and RGB.
+     *
+     * @default 'white'
+     */
+    background;
+    border;
+    color;
+    /**
+     * The font of the subtitle.
+     *
+     * @default '12px sans-serif'
+     */
+    font;
+    margin;
+    /**
+     * The padding of the subtitle. A numeric value sets all paddings.
+     *
+     * @default 5
+     */
+    padding;
+    /**
+     * The position of the subtitle.
+     *
+     * @default 'top'
+     */
+    position;
+    text;
+    /**
+     * If set to `true`, the Chart displays the subtitle.
+     *
+     * @default true
+     */
+    visible;
     constructor(configurationService) {
         super('subtitle', configurationService);
         this.configurationService = configurationService;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SubtitleComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SubtitleComponent, isStandalone: true, selector: "kendo-chart-subtitle", inputs: { align: "align", background: "background", border: "border", color: "color", font: "font", margin: "margin", padding: "padding", position: "position", text: "text", visible: "visible" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-SubtitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SubtitleComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-SubtitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SubtitleComponent, isStandalone: true, selector: "kendo-chart-subtitle", inputs: { align: "align", background: "background", border: "border", color: "color", font: "font", margin: "margin", padding: "padding", position: "position", text: "text", 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: SubtitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SubtitleComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -20,14 +20,58 @@ import * as i1 from "../common/configuration.service";
  * ```
  */
 export class TitleComponent extends SettingsComponent {
+    configurationService;
+    /**
+     * The alignment of the title.
+     * The alignment options for text include `center` for middle alignment, `left` for left alignment, and `right` for right alignment, allowing for flexible positioning of the title.
+     *
+     * @default 'center'
+     */
+    align;
+    /**
+     * The background color of the title. Accepts a valid CSS color string, including HEX and RGB.
+     *
+     * @default 'white'
+     */
+    background;
+    border;
+    color;
+    /**
+     * The font of the title.
+     *
+     * @default '16px sans-serif'
+     */
+    font;
+    margin;
+    /**
+     * The padding of the title. A numeric value sets all paddings.
+     *
+     * @default 5
+     */
+    padding;
+    /**
+     * The position of the title.
+     * The positioning options for titles include `bottom` for positioning at the bottom and `top` for positioning at the top, providing flexibility in title placement.
+     *
+     * @default 'top'
+     */
+    position;
+    text;
+    description;
+    /**
+     * If set to `true`, the Chart displays the title.
+     *
+     * @default true
+     */
+    visible;
     constructor(configurationService) {
         super('title', configurationService);
         this.configurationService = configurationService;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TitleComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TitleComponent, isStandalone: true, selector: "kendo-chart-title", inputs: { align: "align", background: "background", border: "border", color: "color", font: "font", margin: "margin", padding: "padding", position: "position", text: "text", description: "description", visible: "visible" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-TitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TitleComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-TitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TitleComponent, isStandalone: true, selector: "kendo-chart-title", inputs: { align: "align", background: "background", border: "border", color: "color", font: "font", margin: "margin", padding: "padding", position: "position", text: "text", description: "description", 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: TitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TitleComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

package/{esm2020 → esm2022}/chart/tooltip/base-tooltip.mjs

@@ -2,7 +2,7 @@
 * 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 { Directive, Input } from '@angular/core';
 import { PopupService } from '@progress/kendo-angular-popup';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
@@ -14,11 +14,16 @@ const COLLISION = { horizontal: "fit", vertical: "fit" };
  * @hidden
  */
 export class BaseTooltip {
+    popupService;
+    localizationService;
+    animate;
+    style = {};
+    templateRef;
+    popupRef = null;
+    popupSettings;
     constructor(popupService, localizationService) {
         this.popupService = popupService;
         this.localizationService = localizationService;
-        this.style = {};
-        this.popupRef = null;
     }
     get active() {
         return this.popupRef !== null;
@@ -85,9 +90,11 @@ export class BaseTooltip {
         }
         return { scrollLeft, scrollTop };
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseTooltip, deps: [{ token: i1.PopupService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: BaseTooltip, inputs: { popupSettings: "popupSettings" }, ngImport: i0 });
 }
-BaseTooltip.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BaseTooltip, deps: [{ token: i1.PopupService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-BaseTooltip.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: BaseTooltip, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BaseTooltip, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseTooltip, decorators: [{
             type: Directive
-        }], ctorParameters: function () { return [{ type: i1.PopupService }, { type: i2.LocalizationService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.PopupService }, { type: i2.LocalizationService }]; }, propDecorators: { popupSettings: [{
+                type: Input
+            }] } });

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

@@ -15,28 +15,31 @@ import * as i2 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class CrosshairTooltipComponent extends BaseTooltip {
+    templateRef;
+    key;
+    value;
+    animate = false;
     constructor(popupService, localizationService) {
         super(popupService, localizationService);
-        this.animate = false;
     }
     show(e) {
         super.show(e);
         this.value = e.value;
         this.popupRef.popup.changeDetectorRef.detectChanges();
     }
-}
-CrosshairTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CrosshairTooltipComponent, deps: [{ token: i1.PopupService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-CrosshairTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CrosshairTooltipComponent, isStandalone: true, selector: "kendo-chart-crosshair-tooltip", inputs: { key: "key", popupSettings: "popupSettings" }, providers: [PopupService, {
-            provide: POPUP_CONTAINER,
-            useFactory: bodyFactory
-        }], viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["content"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CrosshairTooltipComponent, deps: [{ token: i1.PopupService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CrosshairTooltipComponent, isStandalone: true, selector: "kendo-chart-crosshair-tooltip", inputs: { key: "key" }, providers: [PopupService, {
+                provide: POPUP_CONTAINER,
+                useFactory: bodyFactory
+            }], viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["content"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
         <ng-template #content>
             <div class="k-chart-tooltip k-chart-crosshair-tooltip" [ngStyle]="style">
                 {{ value }}
             </div>
         </ng-template>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CrosshairTooltipComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CrosshairTooltipComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [PopupService, {
@@ -59,6 +62,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 args: ['content', { static: true }]
             }], key: [{
                 type: Input
-            }], popupSettings: [{
-                type: Input
             }] } });

package/{esm2020 → esm2022}/chart/tooltip/crosshair-tooltips-container.component.mjs

@@ -11,12 +11,12 @@ const AXES = ["categoryAxis", "valueAxis", "xAxis", "yAxis"];
  * @hidden
  */
 export class CrosshairTooltipsContainerComponent {
-    constructor() {
-        this.tooltipKeys = [];
-        this.tooltipsMap = {};
-    }
+    popupSettings;
+    crossahairTooltipComponents;
+    tooltipKeys = [];
+    tooltipsMap = {};
     show(e) {
-        const tooltipComponents = this.crossahirTooltipComponents.toArray();
+        const tooltipComponents = this.crossahairTooltipComponents.toArray();
         const axisName = e.axisName;
         const axisIndex = e.axisIndex;
         for (let idx = 0; idx < tooltipComponents.length; idx++) {
@@ -27,7 +27,7 @@ export class CrosshairTooltipsContainerComponent {
         }
     }
     hide() {
-        const tooltipComponents = this.crossahirTooltipComponents.toArray();
+        const tooltipComponents = this.crossahairTooltipComponents.toArray();
         for (let idx = 0; idx < tooltipComponents.length; idx++) {
             tooltipComponents[idx].hide();
         }
@@ -87,13 +87,13 @@ export class CrosshairTooltipsContainerComponent {
         }
         return result;
     }
-}
-CrosshairTooltipsContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CrosshairTooltipsContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CrosshairTooltipsContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CrosshairTooltipsContainerComponent, isStandalone: true, selector: "kendo-chart-crosshair-tooltips-container", inputs: { popupSettings: "popupSettings" }, viewQueries: [{ propertyName: "crossahirTooltipComponents", predicate: CrosshairTooltipComponent, descendants: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CrosshairTooltipsContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CrosshairTooltipsContainerComponent, isStandalone: true, selector: "kendo-chart-crosshair-tooltips-container", inputs: { popupSettings: "popupSettings" }, viewQueries: [{ propertyName: "crossahairTooltipComponents", predicate: CrosshairTooltipComponent, descendants: true }], ngImport: i0, template: `
         <kendo-chart-crosshair-tooltip *ngFor="let key of tooltipKeys" [key]="key" [popupSettings]="popupSettings">
         </kendo-chart-crosshair-tooltip>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: CrosshairTooltipComponent, selector: "kendo-chart-crosshair-tooltip", inputs: ["key", "popupSettings"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CrosshairTooltipsContainerComponent, decorators: [{
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: CrosshairTooltipComponent, selector: "kendo-chart-crosshair-tooltip", inputs: ["key"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CrosshairTooltipsContainerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-chart-crosshair-tooltips-container',
@@ -106,7 +106,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 }]
         }], propDecorators: { popupSettings: [{
                 type: Input
-            }], crossahirTooltipComponents: [{
+            }], crossahairTooltipComponents: [{
                 type: ViewChildren,
                 args: [CrosshairTooltipComponent]
             }] } });

package/{esm2020 → esm2022}/chart/tooltip/series-tooltip-template.directive.mjs

@@ -41,13 +41,14 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class SeriesTooltipTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SeriesTooltipTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SeriesTooltipTemplateDirective, isStandalone: true, selector: "[kendoChartSeriesTooltipTemplate]", ngImport: i0 });
 }
-SeriesTooltipTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SeriesTooltipTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-SeriesTooltipTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SeriesTooltipTemplateDirective, isStandalone: true, selector: "[kendoChartSeriesTooltipTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SeriesTooltipTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SeriesTooltipTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoChartSeriesTooltipTemplate]',

package/{esm2020 → esm2022}/chart/tooltip/shared-tooltip-template.directive.mjs

@@ -51,13 +51,14 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class SharedTooltipTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SharedTooltipTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SharedTooltipTemplateDirective, isStandalone: true, selector: "[kendoChartSharedTooltipTemplate]", ngImport: i0 });
 }
-SharedTooltipTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SharedTooltipTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-SharedTooltipTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SharedTooltipTemplateDirective, isStandalone: true, selector: "[kendoChartSharedTooltipTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SharedTooltipTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SharedTooltipTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoChartSharedTooltipTemplate]',

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

@@ -23,18 +23,30 @@ const TOOLTIP_CLASS = "k-chart-tooltip";
  * @hidden
  */
 export class TooltipPopupComponent extends BaseTooltip {
+    popupService;
+    templateService;
+    localizationService;
+    ngZone;
+    seriesTooltipTemplateRef;
+    seriesSharedTooltipTemplateRef;
+    seriesTooltipContext = {};
+    seriesSharedTooltipContext = {};
+    shared;
+    defaultSeriesTooltipTemplate;
+    defaultSharedTooltipTemplate;
+    templateRef;
+    animate = true;
+    classNames;
+    wrapperClass = 'k-chart-tooltip-wrapper';
+    leave = new EventEmitter();
+    popupClasses = {};
+    mouseleaveSubscription;
     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;
@@ -107,12 +119,11 @@ export class TooltipPopupComponent extends BaseTooltip {
         }
         super.hide();
     }
-}
-TooltipPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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: "14.0.0", version: "15.2.10", type: TooltipPopupComponent, isStandalone: true, 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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipPopupComponent, deps: [{ token: i1.PopupService }, { token: i2.TooltipTemplateService }, { token: i3.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TooltipPopupComponent, isStandalone: true, selector: "kendo-chart-tooltip-popup", inputs: { animate: "animate", classNames: "classNames", 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"
@@ -145,7 +156,8 @@ TooltipPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
         </table>
     </ng-template>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: SeriesTooltipTemplateDirective, selector: "[kendoChartSeriesTooltipTemplate]" }, { kind: "directive", type: SharedTooltipTemplateDirective, selector: "[kendoChartSharedTooltipTemplate]" }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TooltipPopupComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipPopupComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [PopupService, {
@@ -202,8 +214,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], classNames: [{
                 type: Input
-            }], popupSettings: [{
-                type: Input
             }], wrapperClass: [{
                 type: Input
             }], leave: [{

package/esm2022/chart/tooltip/tooltip-template-point.mjs

@@ -0,0 +1,105 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * The point that is passed to the tooltip template.
+ */
+export class TooltipTemplatePoint {
+    /**
+     * The point value.
+     */
+    value;
+    /**
+     * The point category. Available only for the Categorical series.
+     */
+    category;
+    /**
+     * The point category index. Available only for the Categorical series.
+     */
+    categoryIndex;
+    /**
+     * The point series options.
+     */
+    series;
+    /**
+     * The point `dataItem`.
+     */
+    dataItem;
+    /**
+     * The point value represented as a percentage value. Available only for the Donut, Pie, and 100% Stacked charts.
+     */
+    percentage;
+    /**
+     * The sum of point values since the last `"runningTotal"` summary point. Available for the Waterfall series.
+     */
+    runningTotal;
+    /**
+     * The sum of all previous series values. Available for the Waterfall series.
+     */
+    total;
+    /**
+     * The low value of the point error bar. Available for the Categorical series with error bars.
+     */
+    low;
+    /**
+     * The high value of the point error bar. Available for the Categorical series with error bars.
+     */
+    high;
+    /**
+     * The x low value of the point error bar. Available for the Scatter series with error bars.
+     */
+    xLow;
+    /**
+     * The x high value of the point error bar. Available for the Scatter series with error bars.
+     */
+    xHigh;
+    /**
+     * The y low value of the point error bar. Available for the Scatter series with error bars.
+     */
+    yLow;
+    /**
+     * The y low value of the point error bar. Available for the Scatter series with error bars.
+     */
+    yHigh;
+    /**
+     * @hidden
+     */
+    template;
+    /**
+     * @hidden
+     */
+    point;
+    /**
+     * @hidden
+     */
+    format;
+    /**
+     * @hidden
+     */
+    constructor(point, format, template) {
+        this.value = point.value;
+        this.category = point.category;
+        this.categoryIndex = point.categoryIx;
+        this.series = point.series;
+        this.dataItem = point.dataItem;
+        this.percentage = point.percentage;
+        this.runningTotal = point.runningTotal;
+        this.total = point.total;
+        this.low = point.low;
+        this.high = point.high;
+        this.xLow = point.xLow;
+        this.xHigh = point.xHigh;
+        this.yLow = point.yLow;
+        this.yHigh = point.yHigh;
+        this.template = template;
+        this.point = point;
+        this.format = format;
+    }
+    /**
+     * @hidden
+     */
+    get formattedValue() {
+        return this.format ? this.point.formatValue(this.format) : String(this.value);
+    }
+}

package/{esm2020 → esm2022}/chart/tooltip.component.mjs

@@ -16,6 +16,35 @@ import * as i2 from "../common/tooltip-template.service";
  * ([see example]({% slug tooltips_chart_charts %})).
  */
 export class TooltipComponent extends SettingsComponent {
+    configurationService;
+    templateService;
+    background;
+    border;
+    color;
+    /**
+     * The font of the tooltip.
+     * @default '12px sans-serif'
+     */
+    font;
+    format;
+    /**
+     * The opacity of the tooltip.
+     * @default 1
+     */
+    opacity;
+    padding;
+    /**
+     * If set to `true`, the Chart displays a single tooltip for every category.
+     * @default false
+     */
+    shared;
+    /**
+     * If set to `true`, the Chart displays the series tooltip.
+     * @default false
+     */
+    visible;
+    seriesTooltipTemplate;
+    sharedTooltipTemplate;
     constructor(configurationService, templateService) {
         super('tooltip', configurationService);
         this.configurationService = configurationService;
@@ -26,10 +55,10 @@ export class TooltipComponent extends SettingsComponent {
         this.templateService.setTemplate(this.seriesTooltipTemplate ? this.seriesTooltipTemplate.templateRef : null);
         this.templateService.setSharedTemplate(this.sharedTooltipTemplate ? this.sharedTooltipTemplate.templateRef : null);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.TooltipTemplateService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TooltipComponent, isStandalone: true, 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 });
 }
-TooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TooltipComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.TooltipTemplateService }], target: i0.ɵɵFactoryTarget.Component });
-TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TooltipComponent, isStandalone: true, 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: "15.2.10", ngImport: i0, type: TooltipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-chart-tooltip',

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

@@ -11,15 +11,37 @@ import * as i1 from "../../common/configuration.service";
  * The crosshair configuration options ([see example]({% slug crosshairs_chart_charts %})).
  */
 export class ValueAxisCrosshairComponent extends SettingsComponent {
+    configurationService;
+    color;
+    /**
+     * The opacity of the crosshair.
+     *
+     * @default 1
+     */
+    opacity;
+    /**
+     * If set to `true`, the Chart displays the value axis crosshair.
+     *
+     * @default false
+     */
+    visible;
+    /**
+     * The width of the crosshair in pixels.
+     *
+     * @default 1
+     */
+    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: ValueAxisCrosshairComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ValueAxisCrosshairComponent, isStandalone: true, 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 });
 }
-ValueAxisCrosshairComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ValueAxisCrosshairComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-ValueAxisCrosshairComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ValueAxisCrosshairComponent, isStandalone: true, 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: "15.2.10", ngImport: i0, type: ValueAxisCrosshairComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ValueAxisCrosshairComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

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

@@ -12,15 +12,39 @@ import * as i1 from "../../common/configuration.service";
  * The crosshair tooltip is displayed when the `visible` option is set to `true`.
  */
 export class ValueAxisCrosshairTooltipComponent extends SettingsComponent {
+    configurationService;
+    background;
+    border;
+    color;
+    /**
+     * The font of the tooltip.
+     *
+     * @default '12px sans-serif'
+     */
+    font;
+    /**
+   * The format for displaying the tooltip. Uses the [`format`]({% slug api_intl_intlservice %}#toc-format) method of `IntlService`.
+   * Contains one placeholder (`"{0}"`) which represents the value.
+   *
+   * @default '{0}'
+   */
+    format;
+    padding;
+    /**
+     * If set to `true`, the chart displays the value axis crosshair tooltip.
+     *
+     * @default false
+     */
+    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: ValueAxisCrosshairTooltipComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ValueAxisCrosshairTooltipComponent, isStandalone: true, 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 });
 }
-ValueAxisCrosshairTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ValueAxisCrosshairTooltipComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-ValueAxisCrosshairTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ValueAxisCrosshairTooltipComponent, isStandalone: true, 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: "15.2.10", ngImport: i0, type: ValueAxisCrosshairTooltipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ValueAxisCrosshairTooltipComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,