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

package/dist/es/chart/series-binder.js

@@ -1,12 +1,8 @@
 import getField from './utils/get-field';
 import { VALUE } from '../common/constants';
-import { Class, defined } from '../common';
-
-class SeriesBinder extends Class {
 
+class SeriesBinder {
     constructor() {
-        super();
-
         this._valueFields = {};
         this._otherFields = {};
         this._nullValue = {};
@@ -39,7 +35,7 @@ class SeriesBinder extends Class {
 
     bindPoint(series, pointIx, item) {
         const data = series.data;
-        const pointData = defined(item) ? item : data[pointIx];
+        const pointData = item !== undefined ? item : data[pointIx];
         const result = { valueFields: { value: pointData } };
         const valueFields = this.valueFields(series);
         const otherFields = this._otherFields[series.type];
@@ -47,7 +43,7 @@ class SeriesBinder extends Class {
 
         if (pointData === null) {
             value = this._nullValue[series.type];
-        } else if (!defined(pointData)) {
+        } else if (pointData === undefined) {
             value = this._undefinedValue[series.type];
         } else if (Array.isArray(pointData)) {
             const fieldData = pointData.slice(valueFields.length);
@@ -61,7 +57,7 @@ class SeriesBinder extends Class {
             fields = this._bindFromObject(pointData, otherFields, srcPointFields);
         }
 
-        if (defined(value)) {
+        if (value !== undefined) {
             if (valueFields.length === 1) {
                 result.valueFields.value = value[valueFields[0]];
             } else {

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

@@ -1,12 +1,10 @@
 import { Color } from '@progress/kendo-drawing';
 
-import { Class, defined, deepExtend, setDefaultOptions, valueOrDefault, getSpacing, styleValue } from '../../common';
+import { defined, deepExtend, setDefaultOptions, valueOrDefault, getSpacing, styleValue } from '../../common';
 import { SHOW_TOOLTIP, HIDE_TOOLTIP } from '../constants';
 
-class BaseTooltip extends Class {
+class BaseTooltip {
     constructor(chartService, options) {
-        super();
-
         this.chartService = chartService;
         this.options = deepExtend({}, this.options, options);
     }

package/dist/es/common/getter.js

@@ -1,5 +1,3 @@
-import { drawing } from '@progress/kendo-drawing';
-
 const FIELD_REGEX = /\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g;
 const getterCache = {};
 
@@ -14,7 +12,7 @@ export default function getter(field) {
 
     const fields = [];
     field.replace(FIELD_REGEX, function(match, index, indexAccessor, field) {
-        fields.push(drawing.util.defined(index) ? index : (indexAccessor || field));
+        fields.push(index !== undefined ? index : (indexAccessor || field));
     });
 
     getterCache[field] = function(obj) {

package/dist/es/common/grep.js

@@ -1,11 +1,2 @@
-export default function grep(array, callback) {
-    const length = array.length;
-    const result = [];
-    for (let idx = 0; idx < length; idx++) {
-        if (callback(array[idx])) {
-            result .push(array[idx]);
-        }
-    }
-
-    return result;
-}
+const grep = (array, callback) => array.filter(callback);
+export default grep;

package/dist/es/common/in-array.js

@@ -1,5 +1,5 @@
 export default function inArray(value, array) {
     if (array) {
-        return array.indexOf(value) !== -1;
+        return array.includes(value);
     }
 }

package/dist/es/common/observable.js

@@ -1,5 +1,3 @@
-import { Class } from '../drawing-utils';
-
 const STRING = "string";
 const FUNCTION = "function";
 
@@ -11,9 +9,8 @@ let isDefaultPrevented = function() {
     return this._defaultPrevented === true;
 };
 
-export default class Observable extends Class {
+export default class Observable {
     constructor() {
-        super();
         this._events = {};
     }
 

package/dist/es/common/user-events.js

@@ -1,4 +1,3 @@
-import { Class } from '../drawing-utils';
 import { applyEventMap, eventMap } from './event-map';
 import { on, off } from './event-utils';
 import getSupportedFeatures from './get-supported-features';
@@ -83,9 +82,8 @@ function getTouches(e) {
 
     return touches;
 }
-class TouchAxis extends Class {
+class TouchAxis {
     constructor(axis, location) {
-        super();
         let that = this;
 
         that.support = getSupportedFeatures();
@@ -124,10 +122,8 @@ class TouchAxis extends Class {
     }
 }
 
-class Touch extends Class {
+class Touch {
     constructor(userEvents, target, touchInfo) {
-        super();
-
         extend(this, {
             x: new TouchAxis('X', touchInfo.location),
             y: new TouchAxis('Y', touchInfo.location),

package/dist/es/core/box.js

@@ -2,13 +2,11 @@ import { geometry as geom } from '@progress/kendo-drawing';
 
 import Point from './point';
 
-import { X, Y, TOP, BOTTOM, LEFT, RIGHT, CENTER, WIDTH, HEIGHT } from '../common/constants';
-import { Class, defined, getSpacing, inArray, isArray, rad } from '../common';
+import { X, Y, TOP, BOTTOM, LEFT, RIGHT, CENTER } from '../common/constants';
+import { getSpacing, isArray, rad } from '../common';
 
-class Box extends Class {
+class Box {
     constructor(x1, y1, x2, y2) {
-        super();
-
         this.x1 = x1 || 0;
         this.y1 = y1 || 0;
         this.x2 = x2 || 0;
@@ -41,12 +39,12 @@ class Box extends Class {
         const height = this.height();
         const width = this.width();
 
-        if (defined(x)) {
+        if (x !== undefined) {
             this.x1 = x;
             this.x2 = this.x1 + width;
         }
 
-        if (defined(y)) {
+        if (y !== undefined) {
             this.y1 = y;
             this.y2 = this.y1 + height;
         }
@@ -217,20 +215,40 @@ class Box extends Class {
     }
 
     align(targetBox, axis, alignment) {
-        const c1 = axis + 1;
-        const c2 = axis + 2;
-        const sizeFunc = axis === X ? WIDTH : HEIGHT;
-        const size = this[sizeFunc]();
-
-        if (inArray(alignment, [ LEFT, TOP ])) {
-            this[c1] = targetBox[c1];
-            this[c2] = this[c1] + size;
-        } else if (inArray(alignment, [ RIGHT, BOTTOM ])) {
-            this[c2] = targetBox[c2];
-            this[c1] = this[c2] - size;
+        if (axis === X) {
+            this.alignX(targetBox, alignment);
+        } else {
+            this.alignY(targetBox, alignment);
+        }
+
+        return this;
+    }
+
+    alignX(targetBox, alignment) {
+        const width = this.width();
+        if (alignment === LEFT) {
+            this.x1 = targetBox.x1;
+            this.x2 = this.x1 + width;
+        } else if (alignment === RIGHT) {
+            this.x2 = targetBox.x2;
+            this.x1 = this.x2 - width;
         } else if (alignment === CENTER) {
-            this[c1] = targetBox[c1] + (targetBox[sizeFunc]() - size) / 2;
-            this[c2] = this[c1] + size;
+            this.x1 = targetBox.x1 + (targetBox.width() - width) / 2;
+            this.x2 = this.x1 + width;
+        }
+    }
+
+    alignY(targetBox, alignment) {
+        const height = this.height();
+        if (alignment === TOP) {
+            this.y1 = targetBox.y1;
+            this.y2 = this.y1 + height;
+        } else if (alignment === BOTTOM) {
+            this.y2 = targetBox.y2;
+            this.y1 = this.y2 - height;
+        } else if (alignment === CENTER) {
+            this.y1 = targetBox.y1 + (targetBox.height() - height) / 2;
+            this.y2 = this.y1 + height;
         }
     }
 }

package/dist/es/core/category-axis.js

@@ -2,7 +2,7 @@ import Axis from './axis';
 import AxisLabel from './axis-label';
 
 import { BLACK, COORD_PRECISION, DEFAULT_PRECISION, X, Y } from '../common/constants';
-import { defined, isNumber, last, limitValue, round, setDefaultOptions, valueOrDefault, HashMap } from '../common';
+import { isNumber, last, limitValue, round, setDefaultOptions, valueOrDefault, HashMap } from '../common';
 import { dateEquals } from '../date-utils';
 
 const MIN_CATEGORY_POINTS_RANGE = 0.01;
@@ -10,14 +10,7 @@ const MIN_CATEGORY_RANGE = 0.1;
 
 function indexOf(value, arr) {
     if (value instanceof Date) {
-        const length = arr.length;
-        for (let idx = 0; idx < length; idx++) {
-            if (dateEquals(arr[idx], value)) {
-                return idx;
-            }
-        }
-
-        return -1;
+        return arr.findIndex((item) => dateEquals(item, value));
     }
 
     return arr.indexOf(value);
@@ -43,8 +36,8 @@ class CategoryAxis extends Axis {
 
     initUserOptions(options) {
         const categories = options.categories || [];
-        const definedMin = defined(options.min);
-        const definedMax = defined(options.max);
+        const definedMin = options.min !== undefined;
+        const definedMax = options.max !== undefined;
         options.srcCategories = options.categories = categories;
 
         if ((definedMin || definedMax) && categories.length) {
@@ -259,7 +252,7 @@ class CategoryAxis extends Axis {
         const { axis: valueAxis, lineStart } = this.lineInfo();
 
         const slotBox = box.clone();
-        const singleSlot = !defined(to);
+        const singleSlot = to === undefined;
 
         const start = valueOrDefault(from, 0);
         let end = valueOrDefault(to, start);

package/dist/es/core/chart-element.js

@@ -1,14 +1,16 @@
 import { drawing as draw } from '@progress/kendo-drawing';
 
 import { WHITE } from '../common/constants';
-import { Class, deepExtend, defined, valueOrDefault, autoTextColor } from '../common';
+import { deepExtend, valueOrDefault, autoTextColor } from '../common';
 
-class ChartElement extends Class {
+class ChartElement {
     constructor(options) {
-        super();
-
         this.children = [];
 
+        this.initOptions(options);
+    }
+
+    initOptions(options) {
         this.options = deepExtend({}, this.options, this.initUserOptions(options));
     }
 
@@ -137,7 +139,7 @@ class ChartElement extends Class {
 
         if (childVisual.options.noclip) {
             this.clipRoot().visual.append(childVisual);
-        } else if (defined(childVisual.options.zIndex)) {
+        } else if (childVisual.options.zIndex !== undefined) {
             this.stackRoot().stackVisual(childVisual);
         } else if (this.isStackRoot) {
             this.stackVisual(childVisual);
@@ -261,7 +263,7 @@ class ChartElement extends Class {
                 highlight = this._highlight = this.createHighlight(highlightOptions);
             }
 
-            if (!defined(highlight.options.zIndex)) {
+            if (highlight.options.zIndex === undefined) {
                 highlight.options.zIndex = valueOrDefault(options.zIndex, this.options.zIndex);
             }
 

package/dist/es/core/curve-processor.js

@@ -1,16 +1,13 @@
 import { geometry as geom } from '@progress/kendo-drawing';
 
 import { X, Y } from '../common/constants';
-import { Class, last, round } from '../common';
+import { last, round } from '../common';
 
 const WEIGHT = 0.333;
 const EXTREMUM_ALLOWED_DEVIATION = 0.01;
 
-class CurveProcessor extends Class {
-
+class CurveProcessor {
     constructor(closed) {
-        super();
-
         this.closed = closed;
     }
 

package/dist/es/core/point.js

@@ -1,10 +1,8 @@
 import { COORD_PRECISION } from '../common/constants';
-import { Class, rad, round } from '../common';
+import { rad, round } from '../common';
 
-class Point extends Class {
+class Point {
     constructor(x, y) {
-        super();
-
         this.x = x || 0;
         this.y = y || 0;
     }

package/dist/es/core/ring.js

@@ -1,13 +1,10 @@
 import Box from './box';
 import Point from './point';
 import { COORD_PRECISION, MAX_VALUE, MIN_VALUE } from '../common/constants';
-import { Class, clockwise, rad, round } from '../common';
-
-class Ring extends Class {
+import { clockwise, rad, round } from '../common';
 
+class Ring {
     constructor(center, innerRadius, radius, startAngle, angle) {
-        super();
-
         this.center = center;
         this.innerRadius = innerRadius;
         this.radius = radius;

package/dist/es/core/shape-builder.js

@@ -1,9 +1,8 @@
 import { geometry as geom, drawing as draw } from '@progress/kendo-drawing';
-import { Class } from '../common';
 
 const DIRECTION_ANGLE = 0.001; //any value that will make the endAngle bigger than the start angle will work here.
 
-class ShapeBuilder extends Class {
+class ShapeBuilder {
     createRing(sector, options) {
         const startAngle = sector.startAngle + 180;
         let endAngle = sector.angle + startAngle;

package/dist/es/core/utils/element-id.js

@@ -0,0 +1,5 @@
+let elId = 1;
+
+export default function elementId() {
+    return "kchart" + elId++;
+}

package/dist/es/core/utils/guid.js

@@ -1,17 +1,5 @@
-export default function guid() {
-    let id = "";
-    let i;
-    let random;
-
-    for (i = 0; i < 32; i++) {
-        random = Math.random() * 16 | 0;
-
-        if (i === 8 || i === 12 || i === 16 || i === 20) {
-            id += "-";
-        }
+import elementId from "./element-id";
 
-        id += (i === 12 ? 4 : (i === 16 ? (random & 3 | 8) : random)).toString(16); // eslint-disable-line no-nested-ternary
-    }
-
-    return id;
-}
+export default function guid() {
+    return elementId();
+}

package/dist/es/drawing-utils.js

@@ -1,6 +1,5 @@
 import {
     drawing,
-    Class,
     logToConsole
 } from '@progress/kendo-drawing';
 
@@ -26,7 +25,6 @@ const {
 export {
     append,
     bindEvents,
-    Class,
     defined,
     deg,
     elementOffset,

package/dist/es/gauges/gauge.js

@@ -1,5 +1,5 @@
 import { geometry as geo, drawing } from '@progress/kendo-drawing';
-import { Class, elementSize, setDefaultOptions, deepExtend, isArray, isNumber } from '../common';
+import { elementSize, setDefaultOptions, deepExtend, isArray, isNumber } from '../common';
 import { DEFAULT_WIDTH, DEFAULT_HEIGHT } from './constants';
 import { ChartService } from '../services';
 import { unpad } from './utils';
@@ -7,11 +7,8 @@ import { unpad } from './utils';
 const DEFAULT_MARGIN = 5;
 const { Path, Surface } = drawing;
 
-class Gauge extends Class {
-
+class Gauge {
     constructor(element, userOptions, theme, context = {}) {
-        super();
-
         this.element = element;
         this.theme = theme;
         this.contextService = new ChartService(this, context);

package/dist/es/gauges/pointer.js

@@ -1,10 +1,8 @@
-import { Class, setDefaultOptions, defined, deepExtend, limitValue } from '../common';
+import { setDefaultOptions, defined, deepExtend, limitValue } from '../common';
 import { BLACK } from '../common/constants';
 
-class Pointer extends Class {
+class Pointer {
     constructor(scale, userOptions) {
-        super();
-
         const { min, max } = scale.options;
         const options = this.options = deepExtend({}, this.options, userOptions);
 

package/dist/es/map/crs.js

@@ -3,7 +3,6 @@ import {
 } from '@progress/kendo-drawing';
 
 import {
-    Class,
     setDefaultOptions,
     limitValue,
     rad,
@@ -37,9 +36,8 @@ let PI = math.PI,
 let WGS84 = datums.WGS84;
 
 // WGS 84 / World Mercator
-export class Mercator extends Class {
+export class Mercator {
     constructor(options) {
-        super();
         this.initProperties();
         this._initOptions(options);
     }
@@ -150,7 +148,7 @@ export class SphericalMercator extends Mercator {
     }
 }
 
-export class Equirectangular extends Class {
+export class Equirectangular {
     forward(loc) {
         return new Point(loc.lng, loc.lat);
     }
@@ -167,9 +165,8 @@ export class Equirectangular extends Class {
 // Area of use: World between 85.06°S and 85.06°N.
 // Coordinate system: Cartesian 2D CS. Axes: easting, northing (X,Y). Orientations: east, north. UoM: m.
 // https://epsg.io/3857
-export class EPSG3857 extends Class {
+export class EPSG3857 {
     constructor() {
-        super();
         let crs = this,
             proj = crs._proj = new SphericalMercator();
         let c = this.c = 2 * PI * proj.options.datum.a;
@@ -200,9 +197,8 @@ export class EPSG3857 extends Class {
 // Area of use: World between 80°S and 84°N.
 // Coordinate system: Cartesian 2D CS. Axes: easting, northing (E,N). Orientations: east, north. UoM: m.
 // https://epsg.io/3395
-export class EPSG3395 extends Class {
+export class EPSG3395 {
     constructor() {
-        super();
         this._proj = new Mercator();
     }
     toPoint(loc) {
@@ -219,9 +215,8 @@ export class EPSG3395 extends Class {
 // Area of use: World.
 // Coordinate system: Ellipsoidal 2D CS. Axes: latitude, longitude. Orientations: north, east. UoM: degree
 // https://epsg.io/4326
-export class EPSG4326 extends Class {
+export class EPSG4326 {
     constructor() {
-        super();
         this._proj = new Equirectangular();
     }
     toPoint(loc) {

package/dist/es/map/extent.js

@@ -1,5 +1,4 @@
 import {
-    Class,
     valueOrDefault
 } from '../common';
 
@@ -9,9 +8,8 @@ let math = Math,
     max = math.max,
     min = math.min;
 
-export class Extent extends Class {
+export class Extent {
     constructor(initialNw, initialSe) {
-        super();
         let nw = Location.create(initialNw);
         let se = Location.create(initialSe);
 

package/dist/es/map/layers/bubble.js

@@ -4,7 +4,6 @@ import {
 } from '@progress/kendo-drawing';
 
 import {
-    Class,
     defined,
     isFunction,
     getter,
@@ -149,10 +148,8 @@ setDefaultOptions(BubbleLayer, {
     zIndex: 200
 });
 
-class SqrtScale extends Class {
+class SqrtScale {
     constructor(domain, range) {
-        super();
-
         this._domain = domain;
         this._range = range;
 

package/dist/es/map/layers/layer.js

@@ -1,5 +1,4 @@
 import {
-    Class,
     addClass,
     deepExtend,
     defined,
@@ -10,10 +9,8 @@ import {
     Extent
 } from './../extent';
 
-export class Layer extends Class {
+export class Layer {
     constructor(map, options) {
-        super();
-
         this.support = getSupportedFeatures();
 
         this._initOptions(options);

package/dist/es/map/layers/marker.js

@@ -1,5 +1,4 @@
 import {
-    Class,
     addClass,
     isArray,
     getter,
@@ -189,9 +188,8 @@ setDefaultOptions(MarkerLayer, {
     template: ""
 });
 
-export class Marker extends Class {
+export class Marker {
     constructor(options) {
-        super();
         this.options = options || {};
     }
 

package/dist/es/map/layers/shape.js

@@ -4,7 +4,6 @@ import {
 } from '@progress/kendo-drawing';
 
 import {
-    Class,
     defined,
     last,
     setDefaultOptions
@@ -258,9 +257,8 @@ setDefaultOptions(ShapeLayer, {
     zIndex: 100
 });
 
-class GeoJsonLoader extends Class {
+class GeoJsonLoader {
     constructor(locator, defaultStyle, observer) {
-        super();
         this.observer = observer;
         this.locator = locator;
         this.style = defaultStyle;

package/dist/es/map/layers/tile.js

@@ -4,7 +4,6 @@ import {
 } from '@progress/kendo-drawing';
 
 import {
-    Class,
     deepExtend,
     round,
     limitValue,
@@ -134,9 +133,8 @@ setDefaultOptions(TileLayer, {
     zIndex: 1
 });
 
-export class TileView extends Class {
+export class TileView {
     constructor(element, options) {
-        super();
         this.element = element;
         this._initOptions(options);
         this.pool = new TilePool();
@@ -284,9 +282,8 @@ export class TileView extends Class {
     }
 }
 
-export class ImageTile extends Class {
+export class ImageTile {
     constructor(id, options) {
-        super();
         this.id = id;
         this.visible = true;
         this._initOptions(options);
@@ -393,9 +390,8 @@ setDefaultOptions(ImageTile, {
     errorUrlTemplate: ''
 });
 
-export class TilePool extends Class {
+export class TilePool {
     constructor() {
-        super();
         this._items = [];
     }
 

package/dist/es/map/location.js

@@ -1,5 +1,4 @@
 import {
-    Class,
     deepExtend,
     deg,
     rad,
@@ -24,10 +23,8 @@ let math = Math,
     sin = math.sin,
     tan = math.tan;
 
-export class Location extends Class {
+export class Location {
     constructor(lat, lng) {
-        super();
-
         this.initProperties();
 
         if (arguments.length === 1) {