@progress/kendo-charts 1.23.0-dev.202201170823 → 1.23.0-dev.202202150641

package/dist/es/barcode/barcode.js

@@ -20,6 +20,7 @@ import {
 } from '../core';
 
 import { Encodings } from './encodings/main';
+import { surfaceSize } from './surface-size';
 
 var DEFAULT_BARCODE_WIDTH = 300;
 var DEFAULT_BARCODE_HEIGHT = 100;
@@ -84,7 +85,7 @@ var Barcode = (function (Class) {
     Barcode.prototype._initSurfaceElement = function _initSurfaceElement () {
         if (!this.surfaceElement) {
             this.surfaceElement = document.createElement('div');
-            this.surfaceElement.style.position = "relative";
+            this.surfaceElement.style.position = 'relative';
             this.element.appendChild(this.surfaceElement);
         }
     };
@@ -98,6 +99,7 @@ var Barcode = (function (Class) {
 
     Barcode.prototype.setOptions = function setOptions (options) {
         this._setOptions(options);
+        this._initSurface();
         this.redraw();
     };
 
@@ -184,16 +186,15 @@ var Barcode = (function (Class) {
 
     Barcode.prototype._getSize = function _getSize () {
         var element = this.element;
-        var elementWidth = element.clientWidth;
-        var elementHeight = element.clientHeight;
+        var elementSize = surfaceSize(element, this.options.renderAs);
         var size = new geom.Size(DEFAULT_BARCODE_WIDTH, DEFAULT_BARCODE_HEIGHT);
 
-        if (elementWidth > 0) {
-            size.width = elementWidth;
+        if (elementSize.width > 0) {
+            size.width = elementSize.width;
         }
 
-        if (elementHeight) {
-            size.height = elementHeight;
+        if (elementSize.height > 0) {
+            size.height = elementSize.height;
         }
 
         if (this.options.width) {

package/dist/es/barcode/surface-size.js

@@ -0,0 +1,19 @@
+export function surfaceSize(element, surfaceType) {
+    var display = element.style.display;
+    if (surfaceType === 'canvas') {
+        // The Canvas default size is different from SVG for
+        // inline-block containers such as the Barcode and QR Code.
+        //
+        // Switch to display: block to get same dimensions.
+        element.style.display = 'block';
+    }
+
+    var size = {
+        width: element.clientWidth,
+        height: element.clientHeight
+    };
+
+    element.style.display = display;
+
+    return size;
+}

package/dist/es/chart/heatmap-chart/color-scale.js

@@ -8,7 +8,7 @@ var colorScale = function (color, minLightnessOffset) {
     var offset = 1 - minLightnessOffset;
 
     return function (value) {
-        var hsl = baseColor .toHSL();
+        var hsl = baseColor.toHSL();
         var range = 100 - hsl.l;
         var point = offset - value;
         hsl.l += Math.min(point * range, range);

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

@@ -121,7 +121,7 @@ var HeatmapChart = (function (ChartElement) {
 
         if (isFunction(series.color)) {
             color = pointOptions.color;
-        } else {
+        } else if (this.valueRange.max !== 0) {
             var scale = colorScale(color);
             color = scale(value.value / this.valueRange.max);
         }

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

@@ -240,7 +240,8 @@ var NumericAxis = (function (Axis) {
 
         return {
             min: limitValue(range.min, totalMin, totalMax),
-            max: limitValue(range.max, totalMin, totalMax)
+            max: limitValue(range.max, totalMin, totalMax),
+            narrowRange: false
         };
     };
 

package/dist/es/map/attribution.js

@@ -1,5 +1,4 @@
 import {
-    Class,
     addClass,
     defined,
     valueOrDefault,
@@ -14,11 +13,13 @@ import {
     removeChildren
 } from './utils';
 
+import { Observable } from './scroller/observable';
+
 var template = TemplateService.compile;
 
-export var Attribution = (function (Class) {
+export var Attribution = (function (Observable) {
     function Attribution(element, options) {
-        Class.call(this);
+        Observable.call(this);
         this.element = element;
 
         this._initOptions(options);
@@ -27,8 +28,8 @@ export var Attribution = (function (Class) {
         addClass(this.element, 'k-widget k-attribution');
     }
 
-    if ( Class ) Attribution.__proto__ = Class;
-    Attribution.prototype = Object.create( Class && Class.prototype );
+    if ( Observable ) Attribution.__proto__ = Observable;
+    Attribution.prototype = Object.create( Observable && Observable.prototype );
     Attribution.prototype.constructor = Attribution;
 
     Attribution.prototype._initOptions = function _initOptions (options) {
@@ -147,7 +148,7 @@ export var Attribution = (function (Class) {
     };
 
     return Attribution;
-}(Class));
+}(Observable));
 
 setDefaultOptions(Attribution, {
     name: 'Attribution',

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

@@ -201,7 +201,6 @@ export var MarkerLayer = (function (Layer) {
 setDefaultOptions(MarkerLayer, {
     zIndex: 1000,
     autoBind: true,
-    dataSource: {},
     locationField: 'location',
     titleField: 'title'
 });

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

@@ -59,7 +59,6 @@ export var ShapeLayer = (function (Layer) {
         Layer.prototype.destroy.call(this);
 
         this.surface.destroy();
-        this.dataSource.unbind('change', this._dataChange);
     };
 
     ShapeLayer.prototype._reset = function _reset () {

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

@@ -13,6 +13,8 @@ import {
     setDefaultOptions
 } from '../../common';
 
+import { removeChildren } from '../utils';
+
 import { Layer } from './layer';
 
 import TemplateService from '../../services/template-service';
@@ -203,7 +205,7 @@ export var TileView = (function (Class) {
     };
 
     TileView.prototype.destroy = function destroy () {
-        this.element.empty();
+        removeChildren(this.element);
         this.pool.empty();
     };
 
@@ -226,6 +228,7 @@ export var TileView = (function (Class) {
                     x: firstTileIndex.x + x,
                     y: firstTileIndex.y + y
                 });
+
                 if (!tile.visible) {
                     tile.show();
                 }
@@ -265,6 +268,7 @@ export var TileView = (function (Class) {
 
     TileView.prototype.wrapIndex = function wrapIndex (index) {
         var boundary = math.pow(2, this._zoom);
+
         return {
             x: this.wrapValue(index.x, boundary),
             y: limitValue(index.y, 0, boundary - 1)
@@ -302,8 +306,14 @@ export var ImageTile = (function (Class) {
     ImageTile.prototype.constructor = ImageTile;
 
     ImageTile.prototype.destroy = function destroy () {
-        if (this.element) {
-            this.element.remove();
+        var element = this.element;
+        var parentNode = element ? element.parentNode : null;
+
+        if (element) {
+            if (parentNode) {
+                parentNode.removeChild(element);
+            }
+
             this.element = null;
         }
     };

package/dist/es/map/map.js

@@ -117,27 +117,8 @@ var Map = (function (Observable) {
 
         Observable.call(this);
 
-        this.support = getSupportedFeatures();
-
-        this.initObserver(context);
-        this.initServices(context);
-
-        this._initOptions(options);
-        this.bind(this.events, options);
-        this.crs = new EPSG3857();
-
-        this._initElement(element);
-
-        this._viewOrigin = this._getOrigin();
-
-        this._initScroller();
-        this._initMarkers();
-        this._initControls();
-        this._initLayers();
-        this._reset();
 
-        this._mousewheelHandler = this._mousewheel.bind(this);
-        on(this.element, MOUSEWHEEL, this._mousewheelHandler);
+        this._init(element, options, themeOptions, context);
     }
 
     if ( Observable ) Map.__proto__ = Observable;
@@ -176,6 +157,35 @@ var Map = (function (Observable) {
         Observable.prototype.destroy.call(this);
     };
 
+    Map.prototype._init = function _init (element, options, themeOptions, context) {
+        if ( options === void 0 ) options = {};
+        if ( themeOptions === void 0 ) themeOptions = {};
+        if ( context === void 0 ) context = {};
+
+        this.support = getSupportedFeatures();
+        this.context = context;
+
+        this.initObserver(context);
+        this.initServices(context);
+
+        this._initOptions(options);
+        this._setEvents(options);
+        this.crs = new EPSG3857();
+
+        this._initElement(element);
+
+        this._viewOrigin = this._getOrigin();
+
+        this._initScroller();
+        this._initMarkers();
+        this._initControls();
+        this._initLayers();
+        this._reset();
+
+        this._mousewheelHandler = this._mousewheel.bind(this);
+        on(this.element, MOUSEWHEEL, this._mousewheelHandler);
+    };
+
     Map.prototype._initOptions = function _initOptions (options) {
         this.options = deepExtend({}, this.options, options);
     };
@@ -188,7 +198,6 @@ var Map = (function (Observable) {
         element.setAttribute("data-role", "map");
         removeChildren(element);
 
-
         var div = convertToHtml("<div />");
         this.element.appendChild(div);
     };
@@ -315,7 +324,14 @@ var Map = (function (Observable) {
     };
 
     Map.prototype.setOptions = function setOptions (options) {
-        Observable.prototype.setOptions.call(this, options);
+        if ( options === void 0 ) options = {};
+
+        var element = this.element;
+
+        this.destroy();
+        removeChildren(element);
+        this._init(element, options, {}, this.context);
+
         this._reset();
     };
 

package/dist/es/map/navigator.js

@@ -75,7 +75,8 @@ export var Navigator = (function (Observable) {
         this._keyroot = parentElement ? parentElement : this.element;
         this._tabindex(this._keyroot);
 
-        on(this._keyroot, "keydown", proxy(this._keydown, this));
+        this._keydownHandler = proxy(this._keydown, this);
+        on(this._keyroot, "keydown", this._keydownHandler);
     }
 
     if ( Observable ) Navigator.__proto__ = Observable;
@@ -88,7 +89,7 @@ export var Navigator = (function (Observable) {
 
     // originates from the kendo.jquery version
     Navigator.prototype.dispose = function dispose () {
-        off(this._keyroot, this._keydown);
+        off(this._keyroot, "keydown", this._keydownHandler);
     };
 
     Navigator.prototype._tabindex = function _tabindex (target) {

package/dist/es/map/scroller/observable.js

@@ -23,6 +23,10 @@ export var Observable = (function (Class) {
     Observable.prototype = Object.create( Class && Class.prototype );
     Observable.prototype.constructor = Observable;
 
+    Observable.prototype.destroy = function destroy () {
+        this.unbind();
+    };
+
     Observable.prototype.bind = function bind (event, handlers, one) {
         var that = this,
             idx,
@@ -147,5 +151,25 @@ export var Observable = (function (Class) {
         return that;
     };
 
+    Observable.prototype._setEvents = function _setEvents (options) {
+        var this$1 = this;
+
+        var length = (this.events || []).length;
+
+        for (var idx = 0; idx < length; idx ++) {
+            var e = this$1.events[idx];
+
+            if (this$1.options[e] && options[e]) {
+                this$1.unbind(e, this$1.options[e]);
+
+                if (this$1._events && this$1._events[e]) {
+                    delete this$1._events[e];
+                }
+            }
+        }
+
+        this.bind(this.events, options);
+    };
+
     return Observable;
 }(Class));

package/dist/es/map/scroller/user-events.js

@@ -358,6 +358,7 @@ export var UserEvents = (function (Observable) {
         /* eslint-disable no-param-reassign */
         options = options || {};
         /* eslint-enable no-param-reassign */
+        this.options = options;
 
         filter = that.filter = options.filter;
         that.threshold = options.threshold || DEFAULT_THRESHOLD;

package/dist/es/qrcode/qrcode.js

@@ -15,6 +15,8 @@ import { Box } from '../core';
 import { encodeData } from './encodings/encoding';
 import { extend } from './utils';
 
+import { surfaceSize } from '../barcode/surface-size';
+
 var round = Math.round;
 var crossPattern = [[0, 1], [1, 1], [1, 2], [2, 2], [2, 1], [3, 1], [3, 0], [2, 0], [2, -1], [1, -1], [1, 0]];
 var squarePattern = [[0, 1], [1, 1], [1, 0]];
@@ -253,7 +255,8 @@ var QRCode = (function (Class) {
             size = parseInt(this.options.size, 10);
         } else {
             var element = this.element;
-            var min = Math.min(element.clientWidth, element.clientHeight);
+            var elementSize = surfaceSize(element, this.options.renderAs);
+            var min = Math.min(elementSize.width, elementSize.height);
 
             if (min > 0) {
                 size = min;
@@ -344,6 +347,7 @@ var QRCode = (function (Class) {
             this._value = String(this.options.value);
         }
 
+        this._initSurface();
         this.redraw();
     };
 

package/dist/es2015/barcode/barcode.js

@@ -20,6 +20,7 @@ import {
 } from '../core';
 
 import { Encodings } from './encodings/main';
+import { surfaceSize } from './surface-size';
 
 const DEFAULT_BARCODE_WIDTH = 300;
 const DEFAULT_BARCODE_HEIGHT = 100;
@@ -76,7 +77,7 @@ class Barcode extends Class {
     _initSurfaceElement() {
         if (!this.surfaceElement) {
             this.surfaceElement = document.createElement('div');
-            this.surfaceElement.style.position = "relative";
+            this.surfaceElement.style.position = 'relative';
             this.element.appendChild(this.surfaceElement);
         }
     }
@@ -90,6 +91,7 @@ class Barcode extends Class {
 
     setOptions(options) {
         this._setOptions(options);
+        this._initSurface();
         this.redraw();
     }
 
@@ -176,16 +178,15 @@ class Barcode extends Class {
 
     _getSize() {
         const element = this.element;
-        const elementWidth = element.clientWidth;
-        const elementHeight = element.clientHeight;
+        const elementSize = surfaceSize(element, this.options.renderAs);
         const size = new geom.Size(DEFAULT_BARCODE_WIDTH, DEFAULT_BARCODE_HEIGHT);
 
-        if (elementWidth > 0) {
-            size.width = elementWidth;
+        if (elementSize.width > 0) {
+            size.width = elementSize.width;
         }
 
-        if (elementHeight) {
-            size.height = elementHeight;
+        if (elementSize.height > 0) {
+            size.height = elementSize.height;
         }
 
         if (this.options.width) {

package/dist/es2015/barcode/surface-size.js

@@ -0,0 +1,19 @@
+export function surfaceSize(element, surfaceType) {
+    const display = element.style.display;
+    if (surfaceType === 'canvas') {
+        // The Canvas default size is different from SVG for
+        // inline-block containers such as the Barcode and QR Code.
+        //
+        // Switch to display: block to get same dimensions.
+        element.style.display = 'block';
+    }
+
+    const size = {
+        width: element.clientWidth,
+        height: element.clientHeight
+    };
+
+    element.style.display = display;
+
+    return size;
+}

package/dist/es2015/chart/heatmap-chart/color-scale.js

@@ -6,7 +6,7 @@ const colorScale = (color, minLightnessOffset = 0.05) => {
     const offset = 1 - minLightnessOffset;
 
     return (value) => {
-        const hsl = baseColor .toHSL();
+        const hsl = baseColor.toHSL();
         const range = 100 - hsl.l;
         const point = offset - value;
         hsl.l += Math.min(point * range, range);

package/dist/es2015/chart/heatmap-chart/heatmap-chart.js

@@ -112,7 +112,7 @@ class HeatmapChart extends ChartElement {
 
         if (isFunction(series.color)) {
             color = pointOptions.color;
-        } else {
+        } else if (this.valueRange.max !== 0) {
             const scale = colorScale(color);
             color = scale(value.value / this.valueRange.max);
         }

package/dist/es2015/core/numeric-axis.js

@@ -220,7 +220,8 @@ class NumericAxis extends Axis {
 
         return {
             min: limitValue(range.min, totalMin, totalMax),
-            max: limitValue(range.max, totalMin, totalMax)
+            max: limitValue(range.max, totalMin, totalMax),
+            narrowRange: false
         };
     }
 

package/dist/es2015/map/attribution.js

@@ -1,5 +1,4 @@
 import {
-    Class,
     addClass,
     defined,
     valueOrDefault,
@@ -14,9 +13,11 @@ import {
     removeChildren
 } from './utils';
 
+import { Observable } from './scroller/observable';
+
 let template = TemplateService.compile;
 
-export class Attribution extends Class {
+export class Attribution extends Observable {
     constructor(element, options) {
         super();
         this.element = element;

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

@@ -187,7 +187,6 @@ export class MarkerLayer extends Layer {
 setDefaultOptions(MarkerLayer, {
     zIndex: 1000,
     autoBind: true,
-    dataSource: {},
     locationField: 'location',
     titleField: 'title'
 });

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

@@ -55,7 +55,6 @@ export class ShapeLayer extends Layer {
         super.destroy();
 
         this.surface.destroy();
-        this.dataSource.unbind('change', this._dataChange);
     }
 
     _reset() {

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

@@ -13,6 +13,8 @@ import {
     setDefaultOptions
 } from '../../common';
 
+import { removeChildren } from '../utils';
+
 import { Layer } from './layer';
 
 import TemplateService from '../../services/template-service';
@@ -193,7 +195,7 @@ export class TileView extends Class {
     }
 
     destroy() {
-        this.element.empty();
+        removeChildren(this.element);
         this.pool.empty();
     }
 
@@ -214,6 +216,7 @@ export class TileView extends Class {
                     x: firstTileIndex.x + x,
                     y: firstTileIndex.y + y
                 });
+
                 if (!tile.visible) {
                     tile.show();
                 }
@@ -253,6 +256,7 @@ export class TileView extends Class {
 
     wrapIndex(index) {
         let boundary = math.pow(2, this._zoom);
+
         return {
             x: this.wrapValue(index.x, boundary),
             y: limitValue(index.y, 0, boundary - 1)
@@ -284,8 +288,14 @@ export class ImageTile extends Class {
     }
 
     destroy() {
-        if (this.element) {
-            this.element.remove();
+        const element = this.element;
+        const parentNode = element ? element.parentNode : null;
+
+        if (element) {
+            if (parentNode) {
+                parentNode.removeChild(element);
+            }
+
             this.element = null;
         }
     }

package/dist/es2015/map/map.js

@@ -113,27 +113,8 @@ class Map extends Observable {
     constructor(element, options = {}, themeOptions = {}, context = {}) {
         super();
 
-        this.support = getSupportedFeatures();
-
-        this.initObserver(context);
-        this.initServices(context);
-
-        this._initOptions(options);
-        this.bind(this.events, options);
-        this.crs = new EPSG3857();
-
-        this._initElement(element);
 
-        this._viewOrigin = this._getOrigin();
-
-        this._initScroller();
-        this._initMarkers();
-        this._initControls();
-        this._initLayers();
-        this._reset();
-
-        this._mousewheelHandler = this._mousewheel.bind(this);
-        on(this.element, MOUSEWHEEL, this._mousewheelHandler);
+        this._init(element, options, themeOptions, context);
     }
 
     destroy() {
@@ -166,6 +147,31 @@ class Map extends Observable {
         super.destroy();
     }
 
+    _init(element, options = {}, themeOptions = {}, context = {}) {
+        this.support = getSupportedFeatures();
+        this.context = context;
+
+        this.initObserver(context);
+        this.initServices(context);
+
+        this._initOptions(options);
+        this._setEvents(options);
+        this.crs = new EPSG3857();
+
+        this._initElement(element);
+
+        this._viewOrigin = this._getOrigin();
+
+        this._initScroller();
+        this._initMarkers();
+        this._initControls();
+        this._initLayers();
+        this._reset();
+
+        this._mousewheelHandler = this._mousewheel.bind(this);
+        on(this.element, MOUSEWHEEL, this._mousewheelHandler);
+    }
+
     _initOptions(options) {
         this.options = deepExtend({}, this.options, options);
     }
@@ -178,7 +184,6 @@ class Map extends Observable {
         element.setAttribute("data-role", "map");
         removeChildren(element);
 
-
         const div = convertToHtml("<div />");
         this.element.appendChild(div);
     }
@@ -296,8 +301,13 @@ class Map extends Observable {
         return result;
     }
 
-    setOptions(options) {
-        super.setOptions(options);
+    setOptions(options = {}) {
+        const element = this.element;
+
+        this.destroy();
+        removeChildren(element);
+        this._init(element, options, {}, this.context);
+
         this._reset();
     }
 

package/dist/es2015/map/navigator.js

@@ -75,7 +75,8 @@ export class Navigator extends Observable {
         this._keyroot = parentElement ? parentElement : this.element;
         this._tabindex(this._keyroot);
 
-        on(this._keyroot, "keydown", proxy(this._keydown, this));
+        this._keydownHandler = proxy(this._keydown, this);
+        on(this._keyroot, "keydown", this._keydownHandler);
     }
 
     destroy() {
@@ -84,7 +85,7 @@ export class Navigator extends Observable {
 
     // originates from the kendo.jquery version
     dispose() {
-        off(this._keyroot, this._keydown);
+        off(this._keyroot, "keydown", this._keydownHandler);
     }
 
     _tabindex(target) {