@progress/kendo-charts 2.7.3-develop.2 → 2.8.0-develop.2

package/dist/es/barcode/barcode.js

@@ -4,7 +4,6 @@ import {
 } from '@progress/kendo-drawing';
 
 import {
-    Class,
     defined,
     addClass,
     setDefaultOptions,
@@ -25,10 +24,8 @@ import { surfaceSize } from './surface-size';
 const DEFAULT_BARCODE_WIDTH = 300;
 const DEFAULT_BARCODE_HEIGHT = 100;
 
-class Barcode extends Class {
+class Barcode {
     constructor(element, options, errorHandler = defaultErrorHandler) {
-        super();
-
         this.options = deepExtend({}, this.options, options);
         this.element = element;
         this.onError = errorHandler;

package/dist/es/barcode/encodings/code128.js

@@ -1,4 +1,3 @@
-import { Class } from '../../common';
 import { Encoding } from './encoding';
 import deepExtend from '../../common/deep-extend';
 import inArray from '../../common/in-array';
@@ -7,9 +6,8 @@ const numberRegex = /^\d+$/;
 const alphanumericRegex = /^[a-z0-9]+$/i;
 const extend = Object.assign;
 
-export class State128 extends Class {
+export class State128 {
     constructor(encoding) {
-        super();
         this.encoding = encoding;
         this.initProperties();
     }

package/dist/es/barcode/encodings/encoding.js

@@ -1,14 +1,12 @@
 import {
-    Class,
     defined,
     setDefaultOptions
 } from '../../common';
 
 const DEFAULT_QUIET_ZONE_LENGTH = 10;
 
-export class Encoding extends Class {
+export class Encoding {
     constructor(options) {
-        super();
         this.setOptions(options);
         this.initProperties();
     }

package/dist/es/chart/aggregates/aggregates.js

@@ -1,5 +1,5 @@
 import { MIN_VALUE, MAX_VALUE } from '../../common/constants';
-import { defined, isNumber } from '../../common';
+import { isNumber } from '../../common';
 
 import countNumbers from '../utils/count-numbers';
 
@@ -62,7 +62,7 @@ const Aggregates = {
 
         for (let i = 0; i < length; i++) {
             const value = values[i];
-            if (value !== null && defined(value)) {
+            if (value !== null && value !== undefined) {
                 count++;
             }
         }
@@ -86,7 +86,7 @@ const Aggregates = {
 
         for (let i = 0; i < length; i++) {
             const value = values[i];
-            if (value !== null && defined(value)) {
+            if (value !== null && value !== undefined) {
                 return value;
             }
         }

package/dist/es/chart/aggregates/default-aggregates.js

@@ -1,9 +1,5 @@
-import { Class } from '../../common';
-
-class DefaultAggregates extends Class {
+class DefaultAggregates {
     constructor() {
-        super();
-
         this._defaults = {};
     }
 

package/dist/es/chart/aggregates/series-aggregator.js

@@ -1,11 +1,9 @@
 import Aggregates from './aggregates';
 
-import { Class, defined, inArray, isArray, isFunction, isNumber, isObject } from '../../common';
+import { inArray, isArray, isFunction, isNumber, isObject } from '../../common';
 
-class SeriesAggregator extends Class {
+class SeriesAggregator {
     constructor(series, binder, defaultAggregates) {
-        super();
-
         const canonicalFields = binder.canonicalFields(series);
         const valueFields = binder.valueFields(series);
         const sourceFields = binder.sourceFields(series, canonicalFields);
@@ -42,7 +40,7 @@ class SeriesAggregator extends Class {
         const { _series: series, _seriesFields: seriesFields } = this;
         const data = this._bindPoints(srcPoints || []);
         const firstDataItem = data.dataItems[0];
-        let result = {};
+        let result = null;
 
         if (firstDataItem && !isNumber(firstDataItem) && !isArray(firstDataItem)) {
             const fn = function() {};
@@ -55,11 +53,15 @@ class SeriesAggregator extends Class {
             const srcValues = this._bindField(data.values, field.canonicalName);
             const value = field.transform(srcValues, series, data.dataItems, group);
 
-            if (value !== null && isObject(value) && !defined(value.length) && !(value instanceof Date)) {
+            if (value !== null && isObject(value) && value.length === undefined && !(value instanceof Date)) {
                 result = value;
                 break;
             } else {
-                if (defined(value)) {
+                if (value !== undefined) {
+                    if (result === null) {
+                        result = {};
+                    }
+
                     setValue(field.name, result, value);
                 }
             }
@@ -95,7 +97,7 @@ class SeriesAggregator extends Class {
             const valueFields = item.valueFields;
             let value;
 
-            if (defined(valueFields[field])) {
+            if (valueFields[field] !== undefined) {
                 value = valueFields[field];
             } else {
                 value = item.fields[field];
@@ -117,7 +119,7 @@ function setValue(fieldName, target, value) {
 
         while (parts.length > 1) {
             field = parts.shift();
-            if (!defined(parentObj[field])) {
+            if (parentObj[field] === undefined) {
                 parentObj[field] = {};
             }
             parentObj = parentObj[field];
@@ -128,4 +130,4 @@ function setValue(fieldName, target, value) {
     parentObj[field] = value;
 }
 
-export default SeriesAggregator;
+export default SeriesAggregator;

package/dist/es/chart/api-elements/chart-axis.js

@@ -1,9 +1,5 @@
-import { Class } from '../../common';
-
-class ChartAxis extends Class {
+class ChartAxis {
     constructor(axis) {
-        super();
-
         this._axis = axis;
         this.options = axis.options;
     }

package/dist/es/chart/api-elements/chart-plotarea.js

@@ -1,9 +1,5 @@
-import { Class } from '../../common';
-
-class ChartPlotArea extends Class {
+class ChartPlotArea {
     constructor(plotArea) {
-        super();
-
         this._plotArea = plotArea;
         this.visual = plotArea.visual;
         this.backgroundVisual = plotArea._bgVisual;

package/dist/es/chart/axis-group-range-tracker.js

@@ -1,10 +1,7 @@
 import { MIN_VALUE, MAX_VALUE } from '../common/constants';
-import { Class } from '../common';
 
-class AxisGroupRangeTracker extends Class {
+class AxisGroupRangeTracker {
     constructor() {
-        super();
-
         this.axisRanges = {};
     }
 

package/dist/es/chart/categorical-chart.js

@@ -8,7 +8,7 @@ import { evalOptions, categoriesCount } from './utils';
 import { ChartElement, Box } from '../core';
 
 import { VALUE, STRING, MIN_VALUE, MAX_VALUE, OBJECT } from '../common/constants';
-import { convertableToNumber, deepExtend, defined, isNumber, last, setDefaultOptions, sparseArrayLimits } from '../common';
+import { convertableToNumber, deepExtend, isNumber, last, setDefaultOptions, sparseArrayLimits } from '../common';
 
 class CategoricalChart extends ChartElement {
     constructor(plotArea, options) {
@@ -91,7 +91,7 @@ class CategoricalChart extends ChartElement {
             const positive = plotValue >= 0;
             let prevValue = startValue;
             let isStackedBar = false;
-            const stack = defined(point.series.stack) ? point.series.stack : this.options.defaultStack;
+            const stack = point.series.stack !== undefined ? point.series.stack : this.options.defaultStack;
             const isNonGroupStack = (stack) => stack === true || typeof stack === OBJECT && !stack.group;
 
             if (stack) {
@@ -102,7 +102,7 @@ class CategoricalChart extends ChartElement {
                         break;
                     }
 
-                    const otherStack = defined(other.series.stack) ? other.series.stack : this.options.defaultStack;
+                    const otherStack = other.series.stack !== undefined ? other.series.stack : this.options.defaultStack;
 
                     if (!otherStack) {
                         continue;
@@ -166,7 +166,7 @@ class CategoricalChart extends ChartElement {
                 if (point) {
                     if (point.series.stack === stackName || point.series.axis === axisName) {
                         const to = this.plotRange(point, 0)[1];
-                        if (defined(to) && isFinite(to)) {
+                        if (to !== undefined && isFinite(to)) {
                             max = Math.max(max, to);
                             min = Math.min(min, to);
                         }
@@ -225,7 +225,7 @@ class CategoricalChart extends ChartElement {
 
         if (isNumber(lowValue) && isNumber(highValue)) {
             errorRange = { low: lowValue, high: highValue };
-        } else if (errorBars && defined(errorBars.value)) {
+        } else if (errorBars && errorBars.value !== undefined) {
             this.seriesErrorRanges = this.seriesErrorRanges || [];
             this.seriesErrorRanges[seriesIx] = this.seriesErrorRanges[seriesIx] ||
                 new ErrorRangeCalculator(errorBars.value, series, VALUE);
@@ -297,7 +297,7 @@ class CategoricalChart extends ChartElement {
 
             point.owner = this;
             point.noteText = data.fields.noteText;
-            if (!defined(point.dataItem)) {
+            if (point.dataItem === undefined) {
                 point.dataItem = series.data[categoryIx];
             }
             this.addErrorBar(point, data, categoryIx);
@@ -325,7 +325,7 @@ class CategoricalChart extends ChartElement {
         };
 
         let doEval = this._evalSeries[seriesIx];
-        if (!defined(doEval)) {
+        if (doEval === undefined) {
             this._evalSeries[seriesIx] = doEval = evalOptions(options, {}, state, true);
         }
 
@@ -484,9 +484,9 @@ class CategoricalChart extends ChartElement {
         }
 
         for (let categoryIx = 0; categoryIx < count; categoryIx++) {
+            const currentCategory = this.categoryAxis.categoryAt(categoryIx);
             for (let seriesIx = 0; seriesIx < seriesCount; seriesIx++) {
                 const currentSeries = series[seriesIx];
-                const currentCategory = this.categoryAxis.categoryAt(categoryIx);
                 const pointData = this.plotArea.bindPoint(currentSeries, categoryIx);
 
                 callback(pointData, {

package/dist/es/chart/chart.js

@@ -21,7 +21,7 @@ import { ChartPane, ChartPlotArea, findAxisByName } from './api-elements';
 import { X, Y, VALUE, DEFAULT_WIDTH, DEFAULT_HEIGHT, DEFAULT_SERIES_OPACITY,
     ARROW_DOWN, ARROW_UP, ARROW_LEFT, ARROW_RIGHT, ARIA_ACTIVE_DESCENDANT, TAB, TOP, LEFT, BLACK,
     ENTER, ESCAPE, BOTTOM } from '../common/constants';
-import { addClass, removeClass, Class, setDefaultOptions, deepExtend, defined, find, isObject, isFunction, elementSize, elementOffset,
+import { addClass, removeClass, setDefaultOptions, deepExtend, defined, find, isObject, isFunction, elementSize, elementOffset,
     elementScale, elementStyles, eventCoordinates, bindEvents, unbindEvents, mousewheelDelta, FontLoader, inArray, round,
     valueOrDefault, isString, cycleUp, cycleDown, hasOwnProperty, hasClasses } from '../common';
 
@@ -45,10 +45,8 @@ const BLUR = "blur";
 const MOUSEMOVE_DELAY = 20;
 const NO_DATA_OVERLAY_TOP_CLASS = "k-chart-overlay-top";
 
-class Chart extends Class {
+class Chart {
     constructor(element, userOptions, themeOptions, context = {}) {
-        super();
-
         this.observers = [];
         this.addObserver(context.observer);
         this.chartService = new ChartService(this, context);
@@ -346,9 +344,12 @@ class Chart extends Class {
 
         model.renderVisual();
 
-        if (this.options.transitions !== false) {
+        const transitions = this.options.transitions;
+        if (transitions !== false) {
             model.traverse(function(element) {
                 if (element.animation) {
+                    const loading = (transitions && transitions !== true) ? transitions.loading : transitions;
+                    element.animation.options = Object.assign({}, element.animation.options, loading);
                     element.animation.setup();
                 }
             });
@@ -357,7 +358,7 @@ class Chart extends Class {
         this._initSurface();
         this.surface.draw(model.visual);
 
-        if (this.options.transitions !== false) {
+        if (transitions !== false) {
             model.traverse(function(element) {
                 if (element.animation) {
                     element.animation.play();
@@ -1926,14 +1927,14 @@ class Chart extends Class {
         let transitionsState;
 
         if (options.transitions !== false) {
+            transitionsState = options.transitions;
             options.transitions = false;
-            transitionsState = true;
         }
 
         this._redraw();
 
         if (transitionsState) {
-            options.transitions = true;
+            options.transitions = transitionsState;
         }
     }
 

package/dist/es/chart/error-bars/error-range-calculator.js

@@ -1,17 +1,15 @@
 import SeriesBinder from '../series-binder';
 
 import { OBJECT } from '../../common/constants';
-import { Class, defined, getter, isArray, isNumber } from '../../common';
+import { defined, getter, isArray, isNumber } from '../../common';
 
 const STD_ERR = "stderr";
 const STD_DEV = "stddev";
 const percentRegex = /percent(?:\w*)\((\d+)\)/;
 const standardDeviationRegex = new RegExp("^" + STD_DEV + "(?:\\((\\d+(?:\\.\\d+)?)\\))?$");
 
-class ErrorRangeCalculator extends Class {
+class ErrorRangeCalculator {
     constructor(errorValue, series, field) {
-        super();
-
         this.initGlobalRanges(errorValue, series, field);
     }
 

package/dist/es/chart/highlight.js

@@ -1,9 +1,5 @@
-import { Class } from '../common';
-
-class Highlight extends Class {
+class Highlight {
     constructor() {
-        super();
-
         this._points = [];
     }
 

package/dist/es/chart/line-chart/line-chart.js

@@ -8,7 +8,7 @@ import ClipAnimationMixin from '../mixins/clip-animation-mixin';
 
 import { ZERO, SMOOTH, STEP } from '../constants';
 
-import { deepExtend, defined, isFunction } from '../../common';
+import { deepExtend, isFunction } from '../../common';
 
 class LineChart extends CategoricalChart {
     render() {
@@ -28,7 +28,7 @@ class LineChart extends CategoricalChart {
         const missingValues = this.seriesMissingValues(series);
         let value = data.valueFields.value;
 
-        if (!defined(value) || value === null) {
+        if (value === undefined || value === null) {
             if (missingValues === ZERO) {
                 value = 0;
             } else {

package/dist/es/chart/line-chart/line-point.js

@@ -7,19 +7,22 @@ import NoteMixin from '../mixins/note-mixin';
 import { LINE_MARKER_SIZE, FADEIN, INITIAL_ANIMATION_DURATION, BORDER_BRIGHTNESS, TOOLTIP_OFFSET, ABOVE, BELOW, CHART_POINT_ROLE, CHART_POINT_CLASSNAME, CHART_POINT_ROLE_DESCRIPTION } from '../constants';
 
 import { WHITE, CIRCLE, CENTER, TOP, BOTTOM, LEFT, HIGHLIGHT_ZINDEX } from '../../common/constants';
-import { deepExtend, defined, getTemplate, getAriaTemplate, valueOrDefault, getSpacing } from '../../common';
-import guid from '../../core/utils/guid';
+import { deepExtend, getTemplate, getAriaTemplate, valueOrDefault, getSpacing } from '../../common';
+import elementId from '../../core/utils/element-id';
 import unclipBox from '../utils/unclip-box';
 
 class LinePoint extends ChartElement {
     constructor(value, options) {
-        super();
+        super(options);
 
         this.value = value;
-        this.options = Object.assign({}, options);
         this.aboveAxis = valueOrDefault(this.options.aboveAxis, true);
         this.tooltipTracking = true;
-        this._id = guid();
+        this._id = elementId();
+    }
+
+    initOptions(options) {
+        this.options = Object.assign({}, options);
     }
 
     render() {
@@ -56,15 +59,13 @@ class LinePoint extends ChartElement {
 
     createLabelElement(options) {
         return new TextBox(this.getLabelText(options),
-            deepExtend({
-                align: CENTER,
+            Object.assign({}, {align: CENTER,
                 vAlign: CENTER,
-                margin: {
-                    left: 5,
-                    right: 5
-                },
-                zIndex: valueOrDefault(options.zIndex, this.series.zIndex)
-            }, options),
+                zIndex: valueOrDefault(options.zIndex, this.series.zIndex)},
+                options,
+                {margin: Object.assign({}, {left: 5,
+                    right: 5},
+                    options.margin)}),
             this.pointData()
         );
     }
@@ -95,9 +96,9 @@ class LinePoint extends ChartElement {
     markerBorder() {
         const options = this.options.markers;
         const background = options.background;
-        const border = deepExtend({ color: this.color }, options.border);
+        const border = Object.assign({}, {color: this.color}, options.border);
 
-        if (!defined(border.color)) {
+        if (border.color === undefined) {
             border.color = new Color(background).brightness(BORDER_BRIGHTNESS).toHex();
         }
 
@@ -120,9 +121,8 @@ class LinePoint extends ChartElement {
             zIndex: valueOrDefault(options.zIndex, this.series.zIndex),
             animation: options.animation,
             visual: options.visual,
-            accessibilityOptions: deepExtend({
-                ariaLabel: this.getAriaLabelText(this.options.labels)
-            }, this.options.accessibility)
+            accessibilityOptions: Object.assign({}, {ariaLabel: this.getAriaLabelText(this.options.labels)},
+                this.options.accessibility)
         }, {
             dataItem: this.dataItem,
             value: this.value,
@@ -370,7 +370,7 @@ class LinePoint extends ChartElement {
     }
 
     getIndex() {
-        return defined(this.categoryIx) ? this.categoryIx : this.pointIx;
+        return this.categoryIx !== undefined ? this.categoryIx : this.pointIx;
     }
 }
 

package/dist/es/chart/mixins/accessibility-attributes-mixin.js

@@ -1,14 +1,13 @@
 import addAccessibilityAttributesToVisual from "../../core/utils/add-accessibility-attributes-to-visual";
-import { deepExtend, getAriaTemplate } from "../../common";
+import { getAriaTemplate } from "../../common";
 import guid from '../../core/utils/guid';
 
 const AccessibilityAttributesMixin = {
     addAccessibilityAttributesToVisual: function() {
         this._id = this._id || guid();
 
-        const accessibilityOptions = deepExtend({
-            ariaLabel: this.getAriaLabelText()
-        }, this.options.accessibility);
+        const accessibilityOptions = Object.assign({}, {ariaLabel: this.getAriaLabelText()},
+            this.options.accessibility);
 
         addAccessibilityAttributesToVisual(this.visual, accessibilityOptions);
     },

package/dist/es/chart/mixins/clip-animation-mixin.js

@@ -7,13 +7,14 @@ import { defined } from '../../common';
 const ClipAnimationMixin = {
     createAnimation: function() {
         const root = this.getRoot();
-        if (root && (root.options || {}).transitions !== false) {
-            const box = root.size();
+        const transitions = ((root && root.options) || {}).transitions;
+        if (root && transitions !== false) {
+            const box = (this.parent && this.parent.clipBox) || root.size();
             const clipPath = draw.Path.fromRect(box.toRect());
+            const loading = (transitions && transitions !== true) ? transitions.loading : transitions;
             this.visual.clip(clipPath);
-            this.animation = new ClipAnimation(clipPath, {
-                box: box
-            });
+            this.animation = new ClipAnimation(clipPath, Object.assign({}, {box: box},
+                loading));
             if (anyHasZIndex(this.options.series)) {
                 this._setChildrenAnimation(clipPath);
             }

package/dist/es/chart/mixins/line-chart-mixin.js

@@ -2,7 +2,6 @@ import { ZERO, INTERPOLATE } from '../constants';
 
 import { Point } from '../../core';
 import { MAX_VALUE } from '../../common/constants';
-import { defined } from '../../common';
 
 const LineChartMixin = {
     renderSegments: function() {
@@ -70,7 +69,7 @@ const LineChartMixin = {
         for (let i = 0; i < allPoints.length; i++) {
             const point = allPoints[i];
 
-            if (point && defined(point.value) && point.value !== null && point.visible !== false) {
+            if (point && point.value !== undefined && point.value !== null && point.visible !== false) {
                 const pointBox = point.box;
                 const pointDistance = pointBox.center().distanceTo(target);
 

package/dist/es/chart/mixins/note-mixin.js

@@ -1,12 +1,11 @@
 import { Note } from '../../core';
-import { defined } from '../../common';
 
 const NoteMixin = {
     createNote: function() {
         const options = this.options.notes;
         const text = this.noteText || options.label.text;
 
-        if (options.visible !== false && defined(text) && text !== null) {
+        if (options.visible !== false && text !== undefined && text !== null) {
             this.note = new Note({
                 value: this.value,
                 text: text,

package/dist/es/chart/pan-and-zoom/mousewheel-zoom.js

@@ -2,7 +2,7 @@
 import toChartAxisRanges from './to-chart-axis-ranges';
 
 import { X, Y } from '../../common/constants';
-import { Class, deepExtend } from '../../common';
+import { deepExtend } from '../../common';
 import { limitValue } from '../../drawing-utils';
 
 // Limit the zoom rate between 1% and 90% per mousewheel event.
@@ -11,10 +11,8 @@ const MIN_RATE = 0.01;
 const MAX_RATE = 0.9;
 const DEFAULT_RATE = 0.3;
 
-class MousewheelZoom extends Class {
+class MousewheelZoom {
     constructor(chart, options) {
-        super();
-
         this.chart = chart;
         this.options = deepExtend({
             rate: DEFAULT_RATE

package/dist/es/chart/pan-and-zoom/pannable.js

@@ -2,12 +2,10 @@ import acceptKey from './accept-key';
 import toChartAxisRanges from './to-chart-axis-ranges';
 
 import { X, Y } from '../../common/constants';
-import { Class, deepExtend } from '../../common';
+import { deepExtend } from '../../common';
 
-class Pannable extends Class {
+class Pannable {
     constructor(plotArea, options) {
-        super();
-
         this.plotArea = plotArea;
         this.options = deepExtend({}, this.options, options);
     }

package/dist/es/chart/pan-and-zoom/zoom-selection.js

@@ -2,12 +2,10 @@ import acceptKey from './accept-key';
 import toChartAxisRanges from './to-chart-axis-ranges';
 
 import { X, Y } from '../../common/constants';
-import { Class, deepExtend, elementStyles, elementOffset, defined } from '../../common';
+import { deepExtend, elementStyles, elementOffset, defined } from '../../common';
 
-class ZoomSelection extends Class {
+class ZoomSelection {
     constructor(chart, options) {
-        super();
-
         this.chart = chart;
         this.options = deepExtend({}, this.options, options);
         this.createElement();

package/dist/es/chart/plotarea/categorical-plotarea.js

@@ -288,11 +288,11 @@ class CategoricalPlotArea extends PlotAreaBase {
                 category = parseDateCategory(category, srcData[idx], this.chartService.intl);
             }
 
-            if (!defined(category)) {
+            if (category === undefined) {
                 category = srcCategories[idx];
             }
 
-            if (defined(category) && category !== null) {
+            if (category !== undefined && category !== null) {
                 const categoryIx = categoryAxis.totalIndex(category);
                 result[categoryIx] = result[categoryIx] || { items: [], category: category };
                 result[categoryIx].items.push(idx);

package/dist/es/chart/plotarea/plotarea-factory.js

@@ -1,12 +1,8 @@
 import filterSeriesByType from '../utils/filter-series-by-type';
-import { Class } from '../../common';
 import { TRENDLINE_SERIES } from '../constants';
 
-class PlotAreaFactory extends Class {
-
+class PlotAreaFactory {
     constructor() {
-        super();
-
         this._registry = [];
     }
 

package/dist/es/chart/selection.js

@@ -5,7 +5,7 @@ import { DateCategoryAxis, Point } from '../core';
 import { MOUSEWHEEL_DELAY, MOUSEWHEEL, SELECT_START, SELECT, SELECT_END } from './constants';
 
 import { LEFT, RIGHT, MIN_VALUE, MAX_VALUE, X } from '../common/constants';
-import { addClass, Class, removeClass, eventCoordinates, deepExtend, elementStyles, eventElement, setDefaultOptions, limitValue, round, bindEvents, unbindEvents, mousewheelDelta, hasClasses } from '../common';
+import { addClass, removeClass, eventCoordinates, deepExtend, elementStyles, eventElement, setDefaultOptions, limitValue, round, bindEvents, unbindEvents, mousewheelDelta, hasClasses } from '../common';
 import { parseDate } from '../date-utils';
 
 const ZOOM_ACCELERATION = 3;
@@ -29,10 +29,8 @@ function closestHandle(element) {
     return current;
 }
 
-class Selection extends Class {
+class Selection {
     constructor(chart, categoryAxis, options, observer) {
-        super();
-
         const chartElement = chart.element;
 
         this.options = deepExtend({}, this.options, options);