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

package/dist/es/qrcode/encodings/data-modes/qr-data-mode.js

@@ -1,13 +1,10 @@
-import { Class } from '../../../common';
 import { extend } from '../../utils';
 import {
     toBitsString
 } from '../../utils';
 
-export class QRDataMode extends Class {
+export class QRDataMode {
     constructor() {
-        super();
-
         this.initProperties();
     }
 

package/dist/es/qrcode/encodings/encoders/iso-encoder.js

@@ -1,4 +1,3 @@
-import { Class } from '../../../common';
 import { EncodingResult } from '../encoding-result';
 import {
     getModes,
@@ -7,7 +6,7 @@ import {
     getDataString
 } from '../utils/index';
 
-export class IsoEncoder extends Class {
+export class IsoEncoder {
     getEncodingResult(inputString, errorCorrectionLevel) {
         let modes = getModes(inputString),
             dataCodewordsCount = getDataCodewordsCount(modes),

package/dist/es/qrcode/encodings/encoders/utf8-encoder.js

@@ -1,4 +1,3 @@
-import { Class } from '../../../common';
 import { EncodingResult } from '../encoding-result';
 import { DataModeInstances } from '../data-modes/data-mode-instances';
 import { extend } from '../../utils';
@@ -7,10 +6,8 @@ import { getVersion } from '../utils/index';
 
 const BYTE = "byte";
 
-export class Utf8Encoder extends Class {
+export class Utf8Encoder {
     constructor() {
-        super();
-
         this.initProperties();
 
         this.mode = DataModeInstances[this.encodingMode];

package/dist/es/qrcode/encodings/encoding-result.js

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

package/dist/es/qrcode/encodings/free-cell-visitor.js

@@ -1,9 +1,5 @@
-import { Class } from '../../common';
-
-export class FreeCellVisitor extends Class {
+export class FreeCellVisitor {
     constructor(matrix) {
-        super();
-
         this.matrix = matrix;
         this.row = matrix.length - 1;
         this.column = matrix.length - 1;

package/dist/es/qrcode/qrcode.js

@@ -4,7 +4,6 @@ import {
 } from '@progress/kendo-drawing';
 
 import {
-    Class,
     addClass,
     setDefaultOptions,
     deepExtend,
@@ -31,10 +30,8 @@ const QRCodeDefaults = {
     DEFAULT_LOGO_SIZE: 7
 };
 
-class QRCode extends Class {
+class QRCode {
     constructor(element, options, errorHandler = defaultErrorHandler) {
-        super();
-
         this.options = deepExtend({}, this.options, options);
         this.element = element;
         this.wrapper = this.element;

package/dist/es/sankey/element.js

@@ -1,11 +1,9 @@
 import {
-    Class,
     deepExtend
 } from '../common';
 
-export class SankeyElement extends Class {
+export class SankeyElement {
     constructor(options) {
-        super();
         this.options = deepExtend({}, this.options, options);
         this.createVisual();
     }

package/dist/es/stock/navigator-hint.js

@@ -1,4 +1,4 @@
-import { Class, deepExtend, elementStyles, getTemplate, setDefaultOptions } from '../common';
+import { deepExtend, elementStyles, getTemplate, setDefaultOptions } from '../common';
 import { toDate, toTime } from '../date-utils';
 import FadeOutAnimation from './fade-out-animation';
 
@@ -12,10 +12,8 @@ function createDiv(className, style) {
     return div;
 }
 
-class NavigatorHint extends Class {
+class NavigatorHint {
     constructor(container, chartService, options) {
-        super();
-
         this.options = deepExtend({}, this.options, options);
         this.container = container;
         this.chartService = chartService;

package/dist/es/stock/navigator.js

@@ -3,15 +3,13 @@ import { Selection, filterSeriesByType } from '../chart';
 import { DRAG, DRAG_END, EQUALLY_SPACED_SERIES, ZOOM, ZOOM_END } from '../chart/constants';
 import { DateCategoryAxis } from '../core';
 import { addDuration, parseDate, toDate, toTime } from '../date-utils';
-import { Class, deepExtend, defined, getTemplate, InstanceObserver, last, limitValue, valueOrDefault } from '../common';
+import { deepExtend, defined, getTemplate, InstanceObserver, last, limitValue, valueOrDefault } from '../common';
 import { NAVIGATOR_AXIS, NAVIGATOR_PANE, DEFAULT_PANE } from './constants';
 
 const ZOOM_ACCELERATION = 3;
 
-class Navigator extends Class {
+class Navigator {
     constructor(chart) {
-        super();
-
         this.chart = chart;
         const options = this.options = deepExtend({}, this.options, chart.options.navigator);
         const select = options.select;

package/dist/es2015/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/es2015/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/es2015/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/es2015/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/es2015/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/es2015/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/es2015/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/es2015/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/es2015/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/es2015/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/es2015/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);

package/dist/es2015/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/es2015/chart/highlight.js

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

package/dist/es2015/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/es2015/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/es2015/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/es2015/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/es2015/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/es2015/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/es2015/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);
     }