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

package/dist/es2015/chart/title.component.generated.js

@@ -1,56 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Input } from '@angular/core';
-import { SettingsComponent } from '../common/settings.component';
-/**
- * @hidden
- */
-export class TitleComponentGenerated extends SettingsComponent {
-    constructor(configurationService) {
-        super('title', configurationService);
-        this.configurationService = configurationService;
-    }
-}
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], TitleComponentGenerated.prototype, "align", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], TitleComponentGenerated.prototype, "background", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], TitleComponentGenerated.prototype, "border", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], TitleComponentGenerated.prototype, "color", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], TitleComponentGenerated.prototype, "font", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], TitleComponentGenerated.prototype, "margin", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], TitleComponentGenerated.prototype, "padding", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], TitleComponentGenerated.prototype, "position", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], TitleComponentGenerated.prototype, "text", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], TitleComponentGenerated.prototype, "visible", void 0);

package/dist/es2015/chart/title.component.js

@@ -1,87 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { ConfigurationService } from '../common/configuration.service';
-import { TitleComponentGenerated } from './title.component.generated';
-/**
- * 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];
- * }
- * ```
- */
-let TitleComponent = class TitleComponent extends TitleComponentGenerated {
-    // Place custom properties here
-    constructor(configurationService) {
-        super(configurationService);
-        this.configurationService = configurationService;
-    }
-};
-TitleComponent = tslib_1.__decorate([
-    Component({
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        selector: 'kendo-chart-title',
-        template: ''
-    }),
-    tslib_1.__metadata("design:paramtypes", [ConfigurationService])
-], TitleComponent);
-export { TitleComponent };

package/dist/es2015/chart/tooltip/base-tooltip.d.ts

@@ -1,28 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { OnDestroy } from '@angular/core';
-import { PopupService } from '@progress/kendo-angular-popup';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { PopupSettings } from './popup-settings.interface';
-/**
- * @hidden
- */
-export declare abstract class BaseTooltip implements OnDestroy {
-    protected popupService: PopupService;
-    protected localizationService: LocalizationService;
-    animate: boolean;
-    style: any;
-    templateRef: any;
-    popupRef: any;
-    popupSettings: PopupSettings;
-    constructor(popupService: PopupService, localizationService: LocalizationService);
-    readonly active: boolean;
-    show(e: any): void;
-    hide(): void;
-    protected onInit(): void;
-    ngOnDestroy(): void;
-    protected position(offset: any): any;
-    private scrollOffset;
-}

package/dist/es2015/chart/tooltip/base-tooltip.js

@@ -1,83 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/* tslint:disable:align no-empty */
-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 };
-    }
-}

package/dist/es2015/chart/tooltip/body-factory.js

@@ -1,14 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { ElementRef } from '@angular/core';
-import { isDocumentAvailable } from '@progress/kendo-angular-common';
-/**
- * @hidden
- */
-export function bodyFactory() {
-    if (isDocumentAvailable()) {
-        return new ElementRef(document.body);
-    }
-}

package/dist/es2015/chart/tooltip/crosshair-tooltip.component.d.ts

@@ -1,21 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { TemplateRef } from '@angular/core';
-import { BaseTooltip } from './base-tooltip';
-import { PopupService } from '@progress/kendo-angular-popup';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { PopupSettings } from './popup-settings.interface';
-/**
- * @hidden
- */
-export declare class CrosshairTooltipComponent extends BaseTooltip {
-    templateRef: TemplateRef<any>;
-    key: string;
-    popupSettings: PopupSettings;
-    value: any;
-    animate: boolean;
-    constructor(popupService: PopupService, localizationService: LocalizationService);
-    show(e: any): void;
-}

package/dist/es2015/chart/tooltip/crosshair-tooltip.component.js

@@ -1,58 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, Input, ViewChild, TemplateRef } from '@angular/core';
-import { BaseTooltip } from './base-tooltip';
-import { PopupService, POPUP_CONTAINER } from '@progress/kendo-angular-popup';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { bodyFactory } from './body-factory';
-const ɵ0 = bodyFactory;
-// Codelyzer 2.0.0-beta2 doesn't handle inherited members
-/* tslint:disable:no-access-missing-member */
-/**
- * @hidden
- */
-let CrosshairTooltipComponent = 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();
-    }
-};
-tslib_1.__decorate([
-    ViewChild('content', { static: true }),
-    tslib_1.__metadata("design:type", TemplateRef)
-], CrosshairTooltipComponent.prototype, "templateRef", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], CrosshairTooltipComponent.prototype, "key", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], CrosshairTooltipComponent.prototype, "popupSettings", void 0);
-CrosshairTooltipComponent = tslib_1.__decorate([
-    Component({
-        providers: [PopupService, {
-                provide: POPUP_CONTAINER,
-                useFactory: ɵ0
-            }],
-        selector: 'kendo-chart-crosshair-tooltip',
-        template: `
-        <ng-template #content>
-            <div class="k-chart-tooltip k-chart-crosshair-tooltip" [ngStyle]="style">
-                {{ value }}
-            </div>
-        </ng-template>
-    `
-    }),
-    tslib_1.__metadata("design:paramtypes", [PopupService, LocalizationService])
-], CrosshairTooltipComponent);
-export { CrosshairTooltipComponent };
-export { ɵ0 };

package/dist/es2015/chart/tooltip/crosshair-tooltips-container.component.d.ts

@@ -1,23 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { QueryList } from '@angular/core';
-import { CrosshairTooltipComponent } from './crosshair-tooltip.component';
-import { PopupSettings } from './popup-settings.interface';
-/**
- * @hidden
- */
-export declare class CrosshairTooltipsContainerComponent {
-    popupSettings: PopupSettings;
-    crossahirTooltipComponents: QueryList<CrosshairTooltipComponent>;
-    tooltipKeys: Array<any>;
-    private tooltipsMap;
-    show(e: any): void;
-    hide(): void;
-    readonly active: boolean;
-    createCrosshairTooltips(options: any): void;
-    protected removeTooltip(key: string): void;
-    protected mapTooltips(options: any): any;
-    protected axesCrosshairTooltipOptions(options: any, name: string): any;
-}

package/dist/es2015/chart/tooltip/crosshair-tooltips-container.component.js

@@ -1,110 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, ViewChildren, QueryList, Input } from '@angular/core';
-import { CrosshairTooltipComponent } from './crosshair-tooltip.component';
-const AXES = ["categoryAxis", "valueAxis", "xAxis", "yAxis"];
-/**
- * @hidden
- */
-let CrosshairTooltipsContainerComponent = class CrosshairTooltipsContainerComponent {
-    /**
-     * @hidden
-     */
-    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;
-    }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], CrosshairTooltipsContainerComponent.prototype, "popupSettings", void 0);
-tslib_1.__decorate([
-    ViewChildren(CrosshairTooltipComponent),
-    tslib_1.__metadata("design:type", QueryList)
-], CrosshairTooltipsContainerComponent.prototype, "crossahirTooltipComponents", void 0);
-CrosshairTooltipsContainerComponent = tslib_1.__decorate([
-    Component({
-        selector: 'kendo-chart-crosshair-tooltips-container',
-        template: `
-        <kendo-chart-crosshair-tooltip *ngFor="let key of tooltipKeys" [key]="key" [popupSettings]="popupSettings">
-        </kendo-chart-crosshair-tooltip>
-    `
-    })
-], CrosshairTooltipsContainerComponent);
-export { CrosshairTooltipsContainerComponent };

package/dist/es2015/chart/tooltip/popup-settings.interface.js

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

package/dist/es2015/chart/tooltip/series-tooltip-template.directive.d.ts

@@ -1,39 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { TemplateRef } from '@angular/core';
-/**
- * A directive that selects a [template]({{ site.data.urls.angular['templatesyntax'] }})
- * within the `<kendo-chart-tooltip>` component for the
- * [series tooltip]({% slug tooltips_chart_charts %}#toc-series-tooltip).
- *
- * @example
- * ```ts
- * import { Component } from '@angular/core';
- *
- * _@Component({
- *   selector: 'my-app',
- *   template: `
- *     <kendo-chart>
- *       <kendo-chart-tooltip>
- *          <ng-template kendoChartSeriesTooltipTemplate let-value="value">
- *             Value is {{value}}
- *           </ng-template>
- *       </kendo-chart-tooltip>
- *       <kendo-chart-series>
- *         <kendo-chart-series-item [data]="[1, 2, 3]">
- *         </kendo-chart-series-item>
- *       </kendo-chart-series>
- *     </kendo-chart>
- *   `
- * })
- * class AppComponent {
- * }
- *
- * ```
- */
-export declare class SeriesTooltipTemplateDirective {
-    templateRef: TemplateRef<any>;
-    constructor(templateRef: TemplateRef<any>);
-}

package/dist/es2015/chart/tooltip/series-tooltip-template.directive.js

@@ -1,49 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, TemplateRef, Optional } from '@angular/core';
-/**
- * A directive that selects a [template]({{ site.data.urls.angular['templatesyntax'] }})
- * within the `<kendo-chart-tooltip>` component for the
- * [series tooltip]({% slug tooltips_chart_charts %}#toc-series-tooltip).
- *
- * @example
- * ```ts
- * import { Component } from '@angular/core';
- *
- * _@Component({
- *   selector: 'my-app',
- *   template: `
- *     <kendo-chart>
- *       <kendo-chart-tooltip>
- *          <ng-template kendoChartSeriesTooltipTemplate let-value="value">
- *             Value is {{value}}
- *           </ng-template>
- *       </kendo-chart-tooltip>
- *       <kendo-chart-series>
- *         <kendo-chart-series-item [data]="[1, 2, 3]">
- *         </kendo-chart-series-item>
- *       </kendo-chart-series>
- *     </kendo-chart>
- *   `
- * })
- * class AppComponent {
- * }
- *
- * ```
- */
-let SeriesTooltipTemplateDirective = class SeriesTooltipTemplateDirective {
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-};
-SeriesTooltipTemplateDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoChartSeriesTooltipTemplate]'
-    }),
-    tslib_1.__param(0, Optional()),
-    tslib_1.__metadata("design:paramtypes", [TemplateRef])
-], SeriesTooltipTemplateDirective);
-export { SeriesTooltipTemplateDirective };

package/dist/es2015/chart/tooltip/shared-tooltip-template.directive.d.ts

@@ -1,48 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { TemplateRef } from '@angular/core';
-/**
- * A directive that selects a [template]({{ site.data.urls.angular['templatesyntax'] }})
- * within the `<kendo-chart-tooltip>` component for the
- * [shared series tooltip]({% slug tooltips_chart_charts %}#toc-shared-tooltip).
- *
- * @example
- * ```ts
- * import { Component } from '@angular/core';
- *
- * _@Component({
- *   selector: 'my-app',
- *   template: `
- *     <kendo-chart>
- *       <kendo-chart-tooltip [shared]="true">
- *         <ng-template kendoChartSharedTooltipTemplate let-category="category" let-points="points">
- *             <div> {{ category }} </div>
- *             <div *ngFor="let point of points">
- *                 {{ point.series.name }} : {{ point.value }}
- *             </div>
- *         </ng-template>
- *       </kendo-chart-tooltip>
- *       <kendo-chart-category-axis>
- *         <kendo-chart-category-axis-item [categories]="['A', 'B', 'C']">
- *         </kendo-chart-category-axis-item>
- *       </kendo-chart-category-axis>
- *       <kendo-chart-series>
- *         <kendo-chart-series-item name="A" [data]="[1, 2, 3]">
- *         </kendo-chart-series-item>
- *         <kendo-chart-series-item name="B" [data]="[1, 2, 3]">
- *         </kendo-chart-series-item>
- *       </kendo-chart-series>
- *     </kendo-chart>
- *   `
- * })
- * class AppComponent {
- * }
- *
- * ```
- */
-export declare class SharedTooltipTemplateDirective {
-    templateRef: TemplateRef<any>;
-    constructor(templateRef: TemplateRef<any>);
-}