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

package/esm2015/common/theme.service.js

@@ -0,0 +1,224 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Injectable } from '@angular/core';
+import { ConfigurationService } from './configuration.service';
+import { chartBaseTheme } from '@progress/kendo-charts';
+import { chartDefaultTheme } from './chart-default-theme';
+import { isDocumentAvailable } from '@progress/kendo-angular-common';
+import * as i0 from "@angular/core";
+const font = (style) => `${style.fontWeight} ${style.fontSize} ${style.fontFamily}`;
+const computedBackgroundColor = (element) => window.getComputedStyle(element).backgroundColor;
+const letterPos = (letter) => letter.toLowerCase().charCodeAt(0) - 'a'.charCodeAt(0);
+const seriesPos = (name) => {
+    const alpha = name.match(/series-([a-z])$/);
+    if (alpha !== null) {
+        return letterPos(alpha[1]);
+    }
+    const num = name.split('--series-')[1];
+    return parseInt(num, 10) - 1;
+};
+const SERIES_COLORS = 30;
+const seriesTemplate = () => {
+    let template = `
+      <div class="k-var--series-a"></div>
+      <div class="k-var--series-b"></div>
+      <div class="k-var--series-c"></div>
+      <div class="k-var--series-d"></div>
+      <div class="k-var--series-e"></div>
+      <div class="k-var--series-f"></div>
+  `;
+    for (let i = 0; i < SERIES_COLORS; i++) {
+        template += `
+      <div class="k-var--series-${i + 1}"></div>`;
+    }
+    return template;
+};
+const template = () => `
+    <div class="k-var--accent"></div>
+    <div class="k-var--accent-contrast"></div>
+    <div class="k-var--base"></div>
+    <div class="k-var--background"></div>
+
+    <div class="k-var--normal-background"></div>
+    <div class="k-var--normal-text-color"></div>
+    <div class="k-var--hover-background"></div>
+    <div class="k-var--hover-text-color"></div>
+    <div class="k-var--selected-background"></div>
+    <div class="k-var--selected-text-color"></div>
+    <div class="k-var--chart-error-bars-background"></div>
+    <div class="k-var--chart-notes-background"></div>
+    <div class="k-var--chart-notes-border"></div>
+    <div class="k-var--chart-notes-lines"></div>
+    <div class="k-var--chart-crosshair-background"></div>
+
+    <div class="k-var--chart-inactive"></div>
+    <div class="k-var--chart-major-lines"></div>
+    <div class="k-var--chart-minor-lines"></div>
+    <div class="k-var--chart-area-opacity"></div>
+    <div class="k-var--chart-area-inactive-opacity"></div>
+    <div class="k-var--chart-line-inactive-opacity"></div>
+
+    <div class="k-widget k-chart">
+        <div class="k-var--chart-font"></div>
+        <div class="k-var--chart-title-font"></div>
+        <div class="k-var--chart-pane-title-font"></div>
+        <div class="k-var--chart-label-font"></div>
+    </div>
+
+    <div class="k-var--series-unset"></div>
+    <div class="k-var--series">
+      ${seriesTemplate()}
+    </div>
+`;
+/**
+ * @hidden
+ */
+export class ThemeService extends ConfigurationService {
+    constructor(ngZone) {
+        super(ngZone);
+        this.loaded = false;
+    }
+    loadTheme() {
+        if (this.loaded || !isDocumentAvailable()) {
+            return;
+        }
+        if (!this.readTheme()) {
+            this.readDefaultTheme();
+        }
+        this.loaded = true;
+        this.next();
+    }
+    readTheme() {
+        this.createElement();
+        const available = this.queryColor('accent') !==
+            this.queryColor('accent-contrast');
+        try {
+            if (available) {
+                this.push(chartBaseTheme());
+                this.setColors();
+                this.setFonts();
+                this.setSeriesColors();
+            }
+        }
+        finally {
+            this.destroyElement();
+        }
+        return available;
+    }
+    readDefaultTheme() {
+        this.push(chartDefaultTheme());
+    }
+    createElement() {
+        const container = this.element = document.createElement('div');
+        container.style.display = 'none';
+        container.innerHTML = template();
+        document.body.appendChild(container);
+    }
+    destroyElement() {
+        if (this.element) {
+            document.body.removeChild(this.element);
+            this.element = undefined;
+        }
+    }
+    setStyle(key, value) {
+        this.set(key, value);
+    }
+    setColors() {
+        this.mapColor('axisDefaults.crosshair.color', 'chart-crosshair-background');
+        this.mapColor('axisDefaults.labels.color', 'normal-text-color');
+        this.mapColor('axisDefaults.line.color', 'chart-major-lines');
+        this.mapColor('axisDefaults.majorGridLines.color', 'chart-major-lines');
+        this.mapColor('axisDefaults.minorGridLines.color', 'chart-minor-lines');
+        this.mapColor('axisDefaults.notes.icon.background', 'chart-notes-background');
+        this.mapColor('axisDefaults.notes.icon.border.color', 'chart-notes-border');
+        this.mapColor('axisDefaults.notes.line.color', 'chart-notes-lines');
+        this.mapColor('axisDefaults.title.color', 'normal-text-color');
+        this.mapColor('chartArea.background', 'background');
+        this.mapColor('legend.inactiveItems.labels.color', 'chart-inactive');
+        this.mapColor('legend.inactiveItems.markers.color', 'chart-inactive');
+        this.mapColor('legend.labels.color', 'normal-text-color');
+        this.mapColor('seriesDefaults.boxPlot.downColor', 'chart-major-lines');
+        this.mapColor('seriesDefaults.boxPlot.mean.color', 'base');
+        this.mapColor('seriesDefaults.boxPlot.median.color', 'base');
+        this.mapColor('seriesDefaults.boxPlot.whiskers.color', 'accent');
+        this.mapColor('seriesDefaults.bullet.target.color', 'normal-text-color');
+        this.mapColor('seriesDefaults.candlestick.downColor', 'normal-text-color');
+        this.mapColor('seriesDefaults.candlestick.line.color', 'normal-text-color');
+        this.mapColor('seriesDefaults.errorBars.color', 'chart-error-bars-background');
+        this.mapColor('seriesDefaults.horizontalWaterfall.line.color', 'chart-major-lines');
+        this.mapColor('seriesDefaults.icon.border.color', 'chart-major-lines');
+        this.mapColor('seriesDefaults.labels.background', 'background');
+        this.mapColor('seriesDefaults.labels.color', 'normal-text-color');
+        this.mapColor('seriesDefaults.notes.icon.background', 'chart-notes-background');
+        this.mapColor('seriesDefaults.notes.icon.border.color', 'chart-notes-border');
+        this.mapColor('seriesDefaults.notes.line.color', 'chart-notes-lines');
+        this.mapColor('seriesDefaults.verticalBoxPlot.downColor', 'chart-major-lines');
+        this.mapColor('seriesDefaults.verticalBoxPlot.mean.color', 'base');
+        this.mapColor('seriesDefaults.verticalBoxPlot.median.color', 'base');
+        this.mapColor('seriesDefaults.verticalBoxPlot.whiskers.color', 'accent');
+        this.mapColor('seriesDefaults.verticalBullet.target.color', 'normal-text-color');
+        this.mapColor('seriesDefaults.waterfall.line.color', 'chart-major-lines');
+        this.mapColor('title.color', 'normal-text-color');
+        const opacity = parseFloat(this.queryStyle('chart-area-opacity').opacity);
+        if (!isNaN(opacity)) {
+            this.setStyle('seriesDefaults.area.opacity', opacity);
+            this.setStyle('seriesDefaults.radarArea.opacity', opacity);
+            this.setStyle('seriesDefaults.verticalArea.opacity', opacity);
+            this.setStyle('seriesDefaults.labels.opacity', opacity);
+        }
+        this.setInactiveOpacity(['area', 'verticalArea'], 'chart-area-inactive-opacity');
+        this.setInactiveOpacity(['line', 'verticalLine'], 'chart-line-inactive-opacity');
+    }
+    setInactiveOpacity(seriesTypes, selector) {
+        const inactiveOpacity = parseFloat(this.queryStyle(selector).opacity);
+        if (!isNaN(inactiveOpacity) && inactiveOpacity < 1) {
+            seriesTypes.forEach(type => this.setStyle(`seriesDefaults.${type}.highlight.inactiveOpacity`, inactiveOpacity));
+        }
+    }
+    setFonts() {
+        const defaultFont = font(this.queryStyle('chart-font'));
+        const titleFont = font(this.queryStyle('chart-title-font'));
+        const paneTitleFont = font(this.queryStyle('chart-pane-title-font'));
+        const labelFont = font(this.queryStyle('chart-label-font'));
+        this.setStyle('axisDefaults.labels.font', labelFont);
+        this.setStyle('axisDefaults.notes.label.font', defaultFont);
+        this.setStyle('axisDefaults.title.font', defaultFont);
+        this.setStyle('legend.labels.font', defaultFont);
+        this.setStyle('seriesDefaults.labels.font', labelFont);
+        this.setStyle('seriesDefaults.notes.label.font', defaultFont);
+        this.setStyle('title.font', titleFont);
+        this.setStyle('paneDefaults.title.font', paneTitleFont);
+    }
+    setSeriesColors() {
+        const element = this.element;
+        const series = [].slice.call(element.querySelectorAll('.k-var--series div'));
+        const unsetColor = computedBackgroundColor(element.querySelector('.k-var--series-unset'));
+        const seriesColors = series.reduce((arr, el) => {
+            const pos = seriesPos(el.className);
+            const color = computedBackgroundColor(el);
+            if (color !== unsetColor) {
+                arr[pos] = color;
+            }
+            return arr;
+        }, [] // Will populate the series colors in this array
+        );
+        this.setStyle('seriesColors', seriesColors);
+    }
+    mapColor(key, varName) {
+        this.setStyle(key, this.queryColor(varName));
+    }
+    queryColor(varName) {
+        return this.queryStyle(varName).backgroundColor;
+    }
+    queryStyle(varName) {
+        const element = this.element.querySelector(`.k-var--${varName}`);
+        return window.getComputedStyle(element);
+    }
+}
+ThemeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ThemeService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+ThemeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ThemeService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ThemeService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });

package/esm2015/common/tooltip-template.service.js

@@ -0,0 +1,34 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class TooltipTemplateService {
+    setTemplate(template) {
+        this.template = template;
+    }
+    getTemplate(seriesIndex) {
+        if (this.seriesTemplates && this.seriesTemplates[seriesIndex]) {
+            return this.seriesTemplates[seriesIndex];
+        }
+        return this.template;
+    }
+    setSeriesTemplates(seriesTemplates) {
+        this.seriesTemplates = seriesTemplates;
+    }
+    setSharedTemplate(sharedTemplate) {
+        this.sharedTemplate = sharedTemplate;
+    }
+    getSharedTemplate() {
+        return this.sharedTemplate;
+    }
+}
+TooltipTemplateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipTemplateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TooltipTemplateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipTemplateService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipTemplateService, decorators: [{
+            type: Injectable
+        }] });

package/esm2015/events/base-event.js

@@ -0,0 +1,22 @@
+/**-----------------------------------------------------------------------------------------
+* 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";
+/**
+ * @hidden
+ */
+export class BaseEvent {
+    /**
+     * @hidden
+     */
+    constructor(sender) {
+        this.sender = sender;
+    }
+}
+BaseEvent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BaseEvent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+BaseEvent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: BaseEvent, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BaseEvent, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: undefined }]; } });

package/esm2015/events/dom-events.js

@@ -0,0 +1,163 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+const getTouch = (domEvent) => {
+    return {
+        x: {
+            location: domEvent.pageX
+        },
+        y: {
+            location: domEvent.pageY
+        }
+    };
+};
+const eventArgs = (e, previousArgs) => {
+    const pointers = e.pointers;
+    const pointer = pointers[0];
+    const xLocation = pointer.pageX;
+    const yLocation = pointer.pageY;
+    let distance = 0;
+    if (pointers.length > 1) {
+        const pointer1 = pointers[0];
+        const pointer2 = pointers[1];
+        distance = Math.sqrt(Math.pow(pointer1.pageX - pointer2.pageX, 2) + Math.pow(pointer1.pageY - pointer2.pageY, 2));
+    }
+    return {
+        distance: distance,
+        event: e.srcEvent,
+        preventDefault: function () {
+            e.preventDefault();
+        },
+        target: e.target,
+        touches: pointers.map(getTouch),
+        type: e.type,
+        x: {
+            delta: previousArgs ? xLocation - previousArgs.x.location : 0,
+            initialDelta: e.deltaX,
+            location: xLocation,
+            startLocation: xLocation - e.deltaX
+        },
+        y: {
+            delta: previousArgs ? yLocation - previousArgs.y.location : 0,
+            initialDelta: e.deltaY,
+            location: yLocation,
+            startLocation: yLocation - e.deltaY
+        }
+    };
+};
+function shouldBindGroup(groupNames, events) {
+    for (let idx = 0; idx < groupNames.length; idx++) {
+        if (events[groupNames[idx]]) {
+            return true;
+        }
+    }
+    return false;
+}
+const eventGroups = [{
+        end: 'panend',
+        move: 'panmove',
+        start: 'panstart'
+    }, {
+        gesturechange: 'pinchmove',
+        gestureend: 'pinchend',
+        gesturestart: 'pinchstart'
+    }, {
+        press: 'press'
+    }, {
+        tap: 'tap'
+    }];
+/**
+ * @hidden
+ */
+export class DomEvents {
+    constructor(hammerInstance, events) {
+        this.hammerInstance = hammerInstance;
+        this.eventHandlers = {};
+        this.tap = this.tap.bind(this);
+        this.press = this.press.bind(this);
+        this.panstart = this.panstart.bind(this);
+        this.panmove = this.panmove.bind(this);
+        this.panend = this.panend.bind(this);
+        this.pinchstart = this.pinchstart.bind(this);
+        this.pinchmove = this.pinchmove.bind(this);
+        this.pinchend = this.pinchend.bind(this);
+        if (events) {
+            this.bind(events);
+        }
+    }
+    tap(e) {
+        this.trigger('tap', e);
+    }
+    press(e) {
+        this.trigger('press', e);
+    }
+    panstart(e) {
+        delete this.previous;
+        this.previous = this.trigger('start', e);
+    }
+    panmove(e) {
+        this.previous = this.trigger('move', e);
+    }
+    panend(e) {
+        this.trigger('end', e);
+        delete this.previous;
+    }
+    pinchstart(e) {
+        this.trigger('gesturestart', e);
+    }
+    pinchmove(e) {
+        this.trigger('gesturechange', e);
+    }
+    pinchend(e) {
+        this.trigger('gestureend', e);
+    }
+    trigger(name, e) {
+        const args = eventArgs(e, this.previous);
+        if (this.eventHandlers[name]) {
+            this.eventHandlers[name](args);
+        }
+        return args;
+    }
+    bind(events = {}) {
+        this.unbind();
+        this.eventHandlers = events;
+        for (let idx = 0; idx < eventGroups.length; idx++) {
+            const eventGroup = eventGroups[idx];
+            const groupNames = Object.keys(eventGroup);
+            if (shouldBindGroup(groupNames, events)) {
+                for (let nameIdx = 0; nameIdx < groupNames.length; nameIdx++) {
+                    const name = eventGroup[groupNames[nameIdx]];
+                    this.hammerInstance.on(name, this[name]);
+                }
+            }
+        }
+    }
+    unbind() {
+        if (this.hammerInstance) {
+            this.hammerInstance.off();
+        }
+        this.eventHandlers = {};
+    }
+    destroy() {
+        if (this.hammerInstance) {
+            this.hammerInstance.destroy();
+            delete this.hammerInstance;
+        }
+        delete this.eventHandlers;
+    }
+    toggleDrag(enable) {
+        this.toggle('pan', enable);
+    }
+    toggleZoom(enable) {
+        this.toggle('pinch', enable);
+    }
+    toggle(recognizer, enable) {
+        if (this.hammerInstance) {
+            const instanceRecognizer = this.hammerInstance.get(recognizer);
+            instanceRecognizer.set({
+                enable: enable
+            });
+        }
+    }
+}

package/esm2015/events/legend-item-leave-event.js

@@ -0,0 +1,22 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { LegendEvent } from './legend-event';
+/* eslint-disable no-empty */
+/**
+ * Arguments for the `legendItemLeave` event.
+ */
+export class LegendItemLeaveEvent extends LegendEvent {
+    /**
+     * @hidden
+     */
+    preventDefault() {
+    }
+    /**
+     * @hidden
+     */
+    isDefaultPrevented() {
+        return false;
+    }
+}

package/esm2015/events/preventable-event.js

@@ -0,0 +1,39 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive } from '@angular/core';
+import { BaseEvent } from './base-event';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class PreventableEvent extends BaseEvent {
+    constructor() {
+        super(...arguments);
+        this.prevented = false;
+    }
+    /**
+     * Prevents the default action for a specified event.
+     * In this way, the source component suppresses
+     * the built-in behavior that follows the event.
+     */
+    preventDefault() {
+        this.prevented = true;
+    }
+    /**
+     * Returns `true` if the event was prevented
+     * by any of its subscribers.
+     *
+     * @returns `true` if the default action was prevented.
+     * Otherwise, returns `false`.
+     */
+    isDefaultPrevented() {
+        return this.prevented;
+    }
+}
+PreventableEvent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PreventableEvent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+PreventableEvent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: PreventableEvent, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PreventableEvent, decorators: [{
+            type: Directive
+        }] });

package/esm2015/field-types/auto-base-unit-steps.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 {};

package/esm2015/field-types/axis-labels-position.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 {};

package/esm2015/field-types/axis-line.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 {};

package/esm2015/field-types/axis-ticks.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 {};

package/esm2015/field-types/axis-title-position.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 {};

package/esm2015/field-types/base-unit.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 {};

package/esm2015/field-types/border.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 {};

package/esm2015/field-types/bullet-target-line.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 {};

package/esm2015/field-types/bullet-target.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 {};

package/esm2015/field-types/category-base-unit.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 {};