@progress/kendo-angular-charts 21.4.1-develop.1 → 22.0.0-develop.1

package/esm2022/chart/tooltip/shared-tooltip-template.directive.mjs

@@ -1,71 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, TemplateRef, Optional } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Represents a directive that selects a [template](link:site.data.urls.angular['templatesyntax'])
- * within the `<kendo-chart-tooltip>` component for the
- * [shared series tooltip](slug:tooltips_chart_charts#toc-shared-tooltip-customization).
- * The available fields in the template context are:
- * - `let-points="points"`&mdash;An array of the [`TooltipTemplatePoints`](slug:api_charts_tooltiptemplatepoint) category.
- * - `let-category="category"`&mdash;The category name.
- * - `let-categoryText="categoryText"`&mdash;The category name as text.
- * - `let-nameColumn="nameColumn"`&mdash;Returns a Boolean [`value`](slug:api_charts_seriesitemcomponent#toc-name) indicating whether the `name` property of the `SeriesItemComponent` is defined.
- * - `let-colorMarker="colorMarker"`&mdash;Returns a Boolean value indicating whether one or more series colors are specified in the Chart. If the Chart contains only one `SeriesItemComponent`, the context field will return `false`.
- * - `let-colSpan="colSpan"`&mdash;Specifies the number of columns covered by the tooltip. The default value is `1` and increases by `1` if `nameColumn` and `colorMarker` are set to `true`.
- *
- * @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>
- *             @for (point of points; track point) {
- *               <div>
- *                 {{ 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 {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SharedTooltipTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: SharedTooltipTemplateDirective, isStandalone: true, selector: "[kendoChartSharedTooltipTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SharedTooltipTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoChartSharedTooltipTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
-                    type: Optional
-                }] }] });

package/esm2022/chart/tooltip/tooltip-popup.component.mjs

@@ -1,250 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, TemplateRef, ViewChild, Input, NgZone, 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 { TooltipTemplateService } from '../../common/tooltip-template.service';
-import { PopupService, POPUP_CONTAINER } from '@progress/kendo-angular-popup';
-import { bodyFactory } from './body-factory';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { NgClass, NgStyle, NgTemplateOutlet } from '@angular/common';
-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";
-const SHARED_TOOLTIP_CLASS = 'k-chart-shared-tooltip';
-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;
-    }
-    show(e) {
-        this.shared = e.shared;
-        this.popupClasses = {
-            [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();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", 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: "17.0.0", version: "18.2.14", 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">
-        @if (!shared) {
-          <ng-template [ngTemplateOutlet]="seriesTooltipTemplateRef"
-            [ngTemplateOutletContext]="seriesTooltipContext">
-          </ng-template>
-        }
-        @if (shared) {
-          <ng-template [ngTemplateOutlet]="seriesSharedTooltipTemplateRef"
-            [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>
-        @for (point of points; track point) {
-          <tr>
-            @if (colorMarker) {
-              <td><span class='k-chart-shared-tooltip-marker' [style.background-color]='point.series.color'></span></td>
-            }
-            @if (nameColumn) {
-              <td>
-                @if (point.series.name !== undefined) {
-                  {{ point.series.name }}
-                }
-                @if (point.series.name === undefined) {
-                  &nbsp;
-                }
-              </td>
-            }
-            <td>
-              <ng-template [ngTemplateOutlet]="point.template"
-                [ngTemplateOutletContext]="point">
-              </ng-template>
-            </td>
-          </tr>
-        }
-      </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: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: SeriesTooltipTemplateDirective, selector: "[kendoChartSeriesTooltipTemplate]" }, { kind: "directive", type: SharedTooltipTemplateDirective, selector: "[kendoChartSharedTooltipTemplate]" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", 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">
-        @if (!shared) {
-          <ng-template [ngTemplateOutlet]="seriesTooltipTemplateRef"
-            [ngTemplateOutletContext]="seriesTooltipContext">
-          </ng-template>
-        }
-        @if (shared) {
-          <ng-template [ngTemplateOutlet]="seriesSharedTooltipTemplateRef"
-            [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>
-        @for (point of points; track point) {
-          <tr>
-            @if (colorMarker) {
-              <td><span class='k-chart-shared-tooltip-marker' [style.background-color]='point.series.color'></span></td>
-            }
-            @if (nameColumn) {
-              <td>
-                @if (point.series.name !== undefined) {
-                  {{ point.series.name }}
-                }
-                @if (point.series.name === undefined) {
-                  &nbsp;
-                }
-              </td>
-            }
-            <td>
-              <ng-template [ngTemplateOutlet]="point.template"
-                [ngTemplateOutletContext]="point">
-              </ng-template>
-            </td>
-          </tr>
-        }
-      </table>
-    </ng-template>
-    `,
-                    standalone: true,
-                    imports: [NgClass, NgStyle, NgTemplateOutlet, SeriesTooltipTemplateDirective, SharedTooltipTemplateDirective]
-                }]
-        }], ctorParameters: () => [{ 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
-            }], wrapperClass: [{
-                type: Input
-            }], leave: [{
-                type: Output
-            }] } });

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

@@ -1,105 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Represents the point that is passed to the tooltip template.
- */
-export class TooltipTemplatePoint {
-    /**
-     * Specifies the point value.
-     */
-    value;
-    /**
-     * Specifies the point category. Available only for the Categorical series.
-     */
-    category;
-    /**
-     * Specifies the point category index. Available only for the Categorical series.
-     */
-    categoryIndex;
-    /**
-     * Specifies the point series options.
-     */
-    series;
-    /**
-     * Specifies the point `dataItem`.
-     */
-    dataItem;
-    /**
-     * Specifies the point value represented as a percentage value. Available only for the Donut, Pie, and 100% Stacked charts.
-     */
-    percentage;
-    /**
-     * Specifies the sum of point values since the last `"runningTotal"` summary point. Available for the Waterfall series.
-     */
-    runningTotal;
-    /**
-     * Specifies the sum of all previous series values. Available for the Waterfall series.
-     */
-    total;
-    /**
-     * Specifies the low value of the point error bar. Available for the Categorical series with error bars.
-     */
-    low;
-    /**
-     * Specifies the high value of the point error bar. Available for the Categorical series with error bars.
-     */
-    high;
-    /**
-     * Specifies the x low value of the point error bar. Available for the Scatter series with error bars.
-     */
-    xLow;
-    /**
-     * Specifies the x high value of the point error bar. Available for the Scatter series with error bars.
-     */
-    xHigh;
-    /**
-     * Specifies the y low value of the point error bar. Available for the Scatter series with error bars.
-     */
-    yLow;
-    /**
-     * Specifies the y high 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/esm2022/chart/tooltip.component.mjs

@@ -1,107 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 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 { ConfigurationService } from '../common/configuration.service';
-import { SettingsComponent } from '../common/settings.component';
-import { TooltipTemplateService } from '../common/tooltip-template.service';
-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";
-/**
- * Represents the Kendo UI for Angular Chart Tooltip configuration
- * ([see example]({% slug tooltips_chart_charts %})).
- */
-export class TooltipComponent extends SettingsComponent {
-    configurationService;
-    templateService;
-    /**
-     * Specifies the background color of the tooltip.
-     */
-    background;
-    /**
-     * Specifies the border configuration of the tooltip.
-     */
-    border;
-    /**
-     * Specifies the text color of the tooltip.
-     */
-    color;
-    /**
-     * Specifies the font of the tooltip.
-     * @default '12px sans-serif'
-     */
-    font;
-    /**
-     * Specifies the format of the tooltip.
-     */
-    format;
-    /**
-     * Specifies the opacity of the tooltip.
-     * @default 1
-     */
-    opacity;
-    /**
-     * Specifies the padding of the tooltip. A numeric value sets all paddings.
-     */
-    padding;
-    /**
-     * Determines whether the Chart displays a single tooltip for every category.
-     * @default false
-     */
-    shared;
-    /**
-     * Determines whether the Chart displays the series tooltip.
-     * @default false
-     */
-    visible;
-    seriesTooltipTemplate;
-    sharedTooltipTemplate;
-    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);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TooltipComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.TooltipTemplateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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: "18.2.14", ngImport: i0, type: TooltipComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-chart-tooltip',
-                    template: '',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ 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/esm2022/chart/value-axis-item/crosshair.component.mjs

@@ -1,84 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 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";
-/**
- * Represents the crosshair configuration options of the Chart value axis ([see example]({% slug crosshairs_chart_charts %})).
- *
- * @example
- * ```html
- * <kendo-chart>
- *  <kendo-chart-value-axis>
- *   <kendo-chart-value-axis-item>
- *    <kendo-chart-value-axis-item-crosshair [visible]="true" color="#ff0000" [width]="2">
- *     <kendo-chart-value-axis-item-crosshair-tooltip format="c"></kendo-chart-value-axis-item-crosshair-tooltip>
- *    </kendo-chart-value-axis-item-crosshair>
- *   </kendo-chart-value-axis-item>
- *  </kendo-chart-value-axis>
- * </kendo-chart>
- * ```
- *
- * @remarks
- * Supported children components are: {@link ValueAxisCrosshairTooltipComponent}.
- */
-export class ValueAxisCrosshairComponent extends SettingsComponent {
-    configurationService;
-    /**
-     * Specifies the color of the crosshair.
-     */
-    color;
-    /**
-     * Specifies the opacity of the crosshair.
-     *
-     * @default 1
-     */
-    opacity;
-    /**
-     * Determines whether the Chart displays the value axis crosshair.
-     *
-     * @default false
-     */
-    visible;
-    /**
-     * Specifies the width of the crosshair in pixels.
-     *
-     * @default 1
-     */
-    width;
-    // These options are also available as child components
-    /**
-     * Specifies the tooltip configuration of the crosshair.
-     */
-    tooltip;
-    constructor(configurationService) {
-        super('crosshair', configurationService);
-        this.configurationService = configurationService;
-        this.markAsVisible();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ValueAxisCrosshairComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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: "18.2.14", ngImport: i0, type: ValueAxisCrosshairComponent, decorators: [{
-            type: Component,
-            args: [{
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    selector: 'kendo-chart-value-axis-item-crosshair',
-                    template: '',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ConfigurationService }], propDecorators: { color: [{
-                type: Input
-            }], opacity: [{
-                type: Input
-            }], visible: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], tooltip: [{
-                type: Input
-            }] } });