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

package/esm2015/chart/series-item.component.js

@@ -0,0 +1,226 @@
+/**-----------------------------------------------------------------------------------------
+* 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, ContentChild, Input } from '@angular/core';
+import { CollectionItemComponent } from '../common/collection-item.component';
+import { ConfigurationService } from '../common/configuration.service';
+import { SeriesTooltipComponent } from './series-item/tooltip.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../common/configuration.service";
+import * as i2 from "../common/collection.service";
+const toggle = (flag) => flag === undefined ? false : !flag;
+/**
+ * The configuration component for a series item.
+ */
+export class SeriesItemComponent extends CollectionItemComponent {
+    constructor(configurationService, collectionService) {
+        super(configurationService, collectionService);
+        this.configurationService = configurationService;
+        this.collectionService = collectionService;
+    }
+    /**
+     * Toggles the series visibility and updates the parent Chart
+     * without animated transitions.
+     */
+    toggleVisibility() {
+        this.options.visible = toggle(this.options.visible);
+        this.notify();
+    }
+    /**
+     * Toggles the visibility of a point with the given index.
+     * Applicable for the Pie, Donut, and Funnel series.
+     *
+     * @param pointIndex - The zero-based index of the point to toggle.
+     */
+    togglePointVisibility(pointIndex) {
+        const pv = this.options.pointVisibility = this.options.pointVisibility || {};
+        pv[pointIndex] = toggle(pv[pointIndex]);
+        this.notify();
+    }
+    get seriesTooltipTemplateRef() {
+        if (this.seriesTooltip) {
+            return this.seriesTooltip.seriesTooltipTemplateRef;
+        }
+    }
+}
+SeriesItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SeriesItemComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.CollectionService }], target: i0.ɵɵFactoryTarget.Component });
+SeriesItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SeriesItemComponent, selector: "kendo-chart-series-item", inputs: { aggregate: "aggregate", autoFit: "autoFit", axis: "axis", border: "border", categoryAxis: "categoryAxis", categoryField: "categoryField", closeField: "closeField", color: "color", colorField: "colorField", connectors: "connectors", currentField: "currentField", dashType: "dashType", data: "data", downColor: "downColor", downColorField: "downColorField", dynamicHeight: "dynamicHeight", dynamicSlope: "dynamicSlope", errorHighField: "errorHighField", errorLowField: "errorLowField", explodeField: "explodeField", field: "field", fromField: "fromField", gap: "gap", highField: "highField", holeSize: "holeSize", line: "line", lowField: "lowField", lowerField: "lowerField", margin: "margin", maxSize: "maxSize", mean: "mean", meanField: "meanField", median: "median", medianField: "medianField", minSize: "minSize", missingValues: "missingValues", name: "name", neckRatio: "neckRatio", negativeColor: "negativeColor", negativeValues: "negativeValues", noteTextField: "noteTextField", opacity: "opacity", openField: "openField", outliersField: "outliersField", overlay: "overlay", padding: "padding", q1Field: "q1Field", q3Field: "q3Field", segmentSpacing: "segmentSpacing", size: "size", sizeField: "sizeField", spacing: "spacing", stack: "stack", startAngle: "startAngle", style: "style", summaryField: "summaryField", target: "target", toField: "toField", type: "type", upperField: "upperField", visible: "visible", visibleInLegend: "visibleInLegend", visibleInLegendField: "visibleInLegendField", visual: "visual", width: "width", whiskers: "whiskers", xAxis: "xAxis", xErrorHighField: "xErrorHighField", xErrorLowField: "xErrorLowField", xField: "xField", yAxis: "yAxis", yErrorHighField: "yErrorHighField", yErrorLowField: "yErrorLowField", yField: "yField", zIndex: "zIndex", errorBars: "errorBars", extremes: "extremes", highlight: "highlight", labels: "labels", markers: "markers", notes: "notes", outliers: "outliers", tooltip: "tooltip" }, providers: [ConfigurationService], queries: [{ propertyName: "seriesTooltip", first: true, predicate: SeriesTooltipComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SeriesItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [ConfigurationService],
+                    selector: 'kendo-chart-series-item',
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationService }, { type: i2.CollectionService }]; }, propDecorators: { aggregate: [{
+                type: Input
+            }], autoFit: [{
+                type: Input
+            }], axis: [{
+                type: Input
+            }], border: [{
+                type: Input
+            }], categoryAxis: [{
+                type: Input
+            }], categoryField: [{
+                type: Input
+            }], closeField: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], colorField: [{
+                type: Input
+            }], connectors: [{
+                type: Input
+            }], currentField: [{
+                type: Input
+            }], dashType: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], downColor: [{
+                type: Input
+            }], downColorField: [{
+                type: Input
+            }], dynamicHeight: [{
+                type: Input
+            }], dynamicSlope: [{
+                type: Input
+            }], errorHighField: [{
+                type: Input
+            }], errorLowField: [{
+                type: Input
+            }], explodeField: [{
+                type: Input
+            }], field: [{
+                type: Input
+            }], fromField: [{
+                type: Input
+            }], gap: [{
+                type: Input
+            }], highField: [{
+                type: Input
+            }], holeSize: [{
+                type: Input
+            }], line: [{
+                type: Input
+            }], lowField: [{
+                type: Input
+            }], lowerField: [{
+                type: Input
+            }], margin: [{
+                type: Input
+            }], maxSize: [{
+                type: Input
+            }], mean: [{
+                type: Input
+            }], meanField: [{
+                type: Input
+            }], median: [{
+                type: Input
+            }], medianField: [{
+                type: Input
+            }], minSize: [{
+                type: Input
+            }], missingValues: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], neckRatio: [{
+                type: Input
+            }], negativeColor: [{
+                type: Input
+            }], negativeValues: [{
+                type: Input
+            }], noteTextField: [{
+                type: Input
+            }], opacity: [{
+                type: Input
+            }], openField: [{
+                type: Input
+            }], outliersField: [{
+                type: Input
+            }], overlay: [{
+                type: Input
+            }], padding: [{
+                type: Input
+            }], q1Field: [{
+                type: Input
+            }], q3Field: [{
+                type: Input
+            }], segmentSpacing: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], sizeField: [{
+                type: Input
+            }], spacing: [{
+                type: Input
+            }], stack: [{
+                type: Input
+            }], startAngle: [{
+                type: Input
+            }], style: [{
+                type: Input
+            }], summaryField: [{
+                type: Input
+            }], target: [{
+                type: Input
+            }], toField: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], upperField: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }], visibleInLegend: [{
+                type: Input
+            }], visibleInLegendField: [{
+                type: Input
+            }], visual: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], whiskers: [{
+                type: Input
+            }], xAxis: [{
+                type: Input
+            }], xErrorHighField: [{
+                type: Input
+            }], xErrorLowField: [{
+                type: Input
+            }], xField: [{
+                type: Input
+            }], yAxis: [{
+                type: Input
+            }], yErrorHighField: [{
+                type: Input
+            }], yErrorLowField: [{
+                type: Input
+            }], yField: [{
+                type: Input
+            }], zIndex: [{
+                type: Input
+            }], errorBars: [{
+                type: Input
+            }], extremes: [{
+                type: Input
+            }], highlight: [{
+                type: Input
+            }], labels: [{
+                type: Input
+            }], markers: [{
+                type: Input
+            }], notes: [{
+                type: Input
+            }], outliers: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }], seriesTooltip: [{
+                type: ContentChild,
+                args: [SeriesTooltipComponent, { static: false }]
+            }] } });

package/esm2015/chart/series.component.js

@@ -0,0 +1,65 @@
+/**-----------------------------------------------------------------------------------------
+* 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 } from '@angular/core';
+import { ContentChildren } from '@angular/core';
+import { CollectionComponent } from '../common/collection.component';
+import { CollectionService } from '../common/collection.service';
+import { SeriesItemComponent } from './series-item.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../common/configuration.service";
+import * as i2 from "../common/collection.service";
+import * as i3 from "../common/tooltip-template.service";
+/**
+ * A collection of one or more series items.
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ *
+ * _@Component({
+ *   selector: 'my-app',
+ *   template: `
+ *     <kendo-chart>
+ *       <kendo-chart-series>
+ *         <kendo-chart-series-item type="line" [data]="[1, 2, 3]">
+ *         </kendo-chart-series-item>
+ *       </kendo-chart-series>
+ *     </kendo-chart>
+ *   `
+ * })
+ * class AppComponent {
+ * }
+ *
+ * ```
+ */
+export class SeriesComponent extends CollectionComponent {
+    constructor(configurationService, collectionService, tooltipTemplateService) {
+        super('series', configurationService, collectionService);
+        this.configurationService = configurationService;
+        this.collectionService = collectionService;
+        this.tooltipTemplateService = tooltipTemplateService;
+    }
+    ngAfterContentChecked() {
+        this.readTooltipTemplates();
+    }
+    readTooltipTemplates() {
+        const templates = this.children.map((item) => item.seriesTooltipTemplateRef);
+        this.tooltipTemplateService.setSeriesTemplates(templates);
+    }
+}
+SeriesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SeriesComponent, deps: [{ token: i1.ConfigurationService }, { token: i2.CollectionService }, { token: i3.TooltipTemplateService }], target: i0.ɵɵFactoryTarget.Component });
+SeriesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SeriesComponent, selector: "kendo-chart-series", providers: [CollectionService], queries: [{ propertyName: "children", predicate: SeriesItemComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SeriesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [CollectionService],
+                    selector: 'kendo-chart-series',
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationService }, { type: i2.CollectionService }, { type: i3.TooltipTemplateService }]; }, propDecorators: { children: [{
+                type: ContentChildren,
+                args: [SeriesItemComponent]
+            }] } });

package/esm2015/chart/title.component.js

@@ -0,0 +1,107 @@
+/**-----------------------------------------------------------------------------------------
+* 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 Chart title or text
+ * ([see example]({% slug title_chart_charts %})).
+ *
+ * @example
+ * ```ts-preview
+ * import { Component } from '@angular/core';
+ *
+ * _@Component({
+ *    selector: 'my-app',
+ *    template: `
+ *        <kendo-chart [categoryAxis]="{ categories: categories }">
+ *            <kendo-chart-title text="Gross domestic product growth /GDP annual %/"></kendo-chart-title>
+ *            <kendo-chart-legend
+ *              position="bottom"
+ *              orientation="horizontal"
+ *              align="end"
+ *              background="rgba(255, 0, 0, 0.1)"
+ *              [border]="borderOptions"
+ *              [margin]="10"
+ *              [padding]="10"
+ *              [width]="150"
+ *              [offsetX]="11"
+ *              [offsetY]="-103"
+ *              [reverse]="true"
+ *              [visible]="isVisible"
+ *              ></kendo-chart-legend>
+ *            <kendo-chart-tooltip format="{0}%"></kendo-chart-tooltip>
+ *            <kendo-chart-series>
+ *                <kendo-chart-series-item *ngFor="let item of series"
+ *                    type="line" style="smooth" [data]="item.data" [name]="item.name">
+ *                </kendo-chart-series-item>
+ *            </kendo-chart-series>
+ *        </kendo-chart>
+ *        <br /><br />
+ *        <button kendoButton (click)="isVisible=!isVisible">Toggle Legend</button>
+ *    `
+ * })
+ * export class AppComponent {
+ *  public isVisible = true;
+ *  public borderOptions = {
+ *    color: "rgba(255, 0, 0, 0.8)",
+ *    dashType: 'dash',
+ *    width: 2
+ *  };
+ *
+ * public series: any[] = [{
+ *   name: "India",
+ *   data: [3.907, 7.943, 7.848, 9.284, 9.263, 9.801, 3.890, 8.238, 9.552, 6.855]
+ * }, {
+ *   name: "Russian Federation",
+ *   data: [4.743, 7.295, 7.175, 6.376, 8.153, 8.535, 5.247, -7.832, 4.3, 4.3]
+ * }, {
+ *   name: "Germany",
+ *   data: [0.010, -0.375, 1.161, 0.684, 3.7, 3.269, 1.083, -5.127, 3.690, 2.995]
+ * },{
+ *   name: "World",
+ *   data: [1.988, 2.733, 3.994, 3.464, 4.001, 3.939, 1.333, -2.245, 4.339, 2.727]
+ * }];
+ *  public categories: number[] = [2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011];
+ * }
+ * ```
+ */
+export class TitleComponent extends SettingsComponent {
+    constructor(configurationService) {
+        super('title', configurationService);
+        this.configurationService = configurationService;
+    }
+}
+TitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TitleComponent, deps: [{ token: i1.ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+TitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TitleComponent, selector: "kendo-chart-title", 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: "12.2.16", ngImport: i0, type: TitleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'kendo-chart-title',
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ConfigurationService }]; }, propDecorators: { align: [{
+                type: Input
+            }], background: [{
+                type: Input
+            }], border: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], font: [{
+                type: Input
+            }], margin: [{
+                type: Input
+            }], padding: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }] } });

package/esm2015/chart/tooltip/base-tooltip.js

@@ -0,0 +1,91 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 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 * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-popup";
+import * as i2 from "@progress/kendo-angular-l10n";
+const POSITION_MODE = 'absolute';
+const COLLISION = { horizontal: "fit", vertical: "fit" };
+/**
+ * @hidden
+ */
+export class BaseTooltip {
+    constructor(popupService, localizationService) {
+        this.popupService = popupService;
+        this.localizationService = localizationService;
+        this.style = {};
+        this.popupRef = null;
+    }
+    get active() {
+        return this.popupRef !== null;
+    }
+    show(e) {
+        const align = e.anchor.align;
+        const offset = this.position(e.anchor.point);
+        this.style = e.style;
+        if (!this.popupRef) {
+            this.popupRef = this.popupService.open(Object.assign({
+                offset: offset,
+                popupAlign: align,
+                animate: this.animate,
+                content: this.templateRef,
+                collision: COLLISION,
+                positionMode: POSITION_MODE
+            }, this.popupSettings));
+            if (this.localizationService.rtl) {
+                this.popupRef.popupElement.setAttribute('dir', 'rtl');
+            }
+            this.onInit();
+        }
+        else {
+            const popup = this.popupRef.popup.instance;
+            popup.offset = offset;
+            popup.popupAlign = align;
+        }
+    }
+    hide() {
+        if (this.popupRef) {
+            this.popupRef.close();
+            this.popupRef = null;
+        }
+    }
+    onInit() {
+    }
+    ngOnDestroy() {
+        this.hide();
+    }
+    position(offset) {
+        if (!this.popupSettings || !this.popupSettings.appendTo) {
+            return offset;
+        }
+        const appendTo = this.popupSettings.appendTo.element.nativeElement;
+        console.log('appendTo', appendTo);
+        const bbox = appendTo.getBoundingClientRect();
+        const { scrollLeft, scrollTop } = this.scrollOffset(appendTo);
+        return {
+            left: offset.left - bbox.left - scrollLeft,
+            top: offset.top - bbox.top - scrollTop
+        };
+    }
+    scrollOffset(element) {
+        if (!element) {
+            return null;
+        }
+        let scrollLeft = element.scrollLeft;
+        let scrollTop = element.scrollTop;
+        let parent = element.parentElement;
+        while (parent) {
+            scrollLeft += parent.scrollLeft;
+            scrollTop += parent.scrollTop;
+            parent = parent.parentElement;
+        }
+        return { scrollLeft, scrollTop };
+    }
+}
+BaseTooltip.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BaseTooltip, deps: [{ token: i1.PopupService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+BaseTooltip.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: BaseTooltip, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BaseTooltip, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: i1.PopupService }, { type: i2.LocalizationService }]; } });

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

@@ -0,0 +1,61 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, Input, ViewChild } from '@angular/core';
+import { BaseTooltip } from './base-tooltip';
+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 "@progress/kendo-angular-l10n";
+import * as i3 from "@angular/common";
+/**
+ * @hidden
+ */
+export class CrosshairTooltipComponent extends BaseTooltip {
+    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: "12.2.16", ngImport: i0, type: CrosshairTooltipComponent, deps: [{ token: i1.PopupService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+CrosshairTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CrosshairTooltipComponent, 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: `
+        <ng-template #content>
+            <div class="k-chart-tooltip k-chart-crosshair-tooltip" [ngStyle]="style">
+                {{ value }}
+            </div>
+        </ng-template>
+    `, isInline: true, directives: [{ type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CrosshairTooltipComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [PopupService, {
+                            provide: POPUP_CONTAINER,
+                            useFactory: bodyFactory
+                        }],
+                    selector: 'kendo-chart-crosshair-tooltip',
+                    template: `
+        <ng-template #content>
+            <div class="k-chart-tooltip k-chart-crosshair-tooltip" [ngStyle]="style">
+                {{ value }}
+            </div>
+        </ng-template>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.PopupService }, { type: i2.LocalizationService }]; }, propDecorators: { templateRef: [{
+                type: ViewChild,
+                args: ['content', { static: true }]
+            }], key: [{
+                type: Input
+            }], popupSettings: [{
+                type: Input
+            }] } });

package/esm2015/chart/tooltip/crosshair-tooltips-container.component.js

@@ -0,0 +1,111 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, ViewChildren, Input } from '@angular/core';
+import { CrosshairTooltipComponent } from './crosshair-tooltip.component';
+import * as i0 from "@angular/core";
+import * as i1 from "./crosshair-tooltip.component";
+import * as i2 from "@angular/common";
+const AXES = ["categoryAxis", "valueAxis", "xAxis", "yAxis"];
+/**
+ * @hidden
+ */
+export class CrosshairTooltipsContainerComponent {
+    constructor() {
+        this.tooltipKeys = [];
+        this.tooltipsMap = {};
+    }
+    show(e) {
+        const tooltipComponents = this.crossahirTooltipComponents.toArray();
+        const axisName = e.axisName;
+        const axisIndex = e.axisIndex;
+        for (let idx = 0; idx < tooltipComponents.length; idx++) {
+            if (tooltipComponents[idx].key === axisName + axisIndex) {
+                tooltipComponents[idx].show(e);
+                break;
+            }
+        }
+    }
+    hide() {
+        const tooltipComponents = this.crossahirTooltipComponents.toArray();
+        for (let idx = 0; idx < tooltipComponents.length; idx++) {
+            tooltipComponents[idx].hide();
+        }
+    }
+    get active() {
+        return this.tooltipKeys.length > 0;
+    }
+    createCrosshairTooltips(options) {
+        const newMap = this.mapTooltips(options);
+        const map = this.tooltipsMap;
+        for (let key in map) {
+            if (!newMap[key]) {
+                this.removeTooltip(key);
+                delete map[key];
+            }
+        }
+        for (let key in newMap) {
+            if (!map[key]) {
+                map[key] = newMap[key];
+                this.tooltipKeys.push(key);
+            }
+        }
+    }
+    removeTooltip(key) {
+        const keys = this.tooltipKeys;
+        for (let idx = 0; idx < keys.length; idx++) {
+            if (keys[idx] === key) {
+                keys.splice(idx, 1);
+                break;
+            }
+        }
+    }
+    mapTooltips(options) {
+        const map = {};
+        for (let idx = 0; idx < AXES.length; idx++) {
+            const tooltips = this.axesCrosshairTooltipOptions(options, AXES[idx]);
+            for (let tooltipIdx = 0; tooltipIdx < tooltips.length; tooltipIdx++) {
+                const tooltip = tooltips[tooltipIdx];
+                map[tooltip.name + tooltip.index] = tooltip;
+            }
+        }
+        return map;
+    }
+    axesCrosshairTooltipOptions(options, name) {
+        const result = [];
+        if (options[name]) {
+            const axes = [].concat(options[name]);
+            for (let idx = 0; idx < axes.length; idx++) {
+                const tooltip = (axes[idx].crosshair || {}).tooltip;
+                if (tooltip && tooltip.visible) {
+                    result.push({
+                        index: idx,
+                        name: name
+                    });
+                }
+            }
+        }
+        return result;
+    }
+}
+CrosshairTooltipsContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CrosshairTooltipsContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CrosshairTooltipsContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CrosshairTooltipsContainerComponent, selector: "kendo-chart-crosshair-tooltips-container", inputs: { popupSettings: "popupSettings" }, viewQueries: [{ propertyName: "crossahirTooltipComponents", 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, components: [{ type: i1.CrosshairTooltipComponent, selector: "kendo-chart-crosshair-tooltip", inputs: ["key", "popupSettings"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CrosshairTooltipsContainerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-chart-crosshair-tooltips-container',
+                    template: `
+        <kendo-chart-crosshair-tooltip *ngFor="let key of tooltipKeys" [key]="key" [popupSettings]="popupSettings">
+        </kendo-chart-crosshair-tooltip>
+    `
+                }]
+        }], propDecorators: { popupSettings: [{
+                type: Input
+            }], crossahirTooltipComponents: [{
+                type: ViewChildren,
+                args: [CrosshairTooltipComponent]
+            }] } });

package/esm2015/chart/tooltip/popup-settings.interface.js

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};