@progress/kendo-charts 1.23.0-dev.202201111041 → 1.23.0-dev.202202081459

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

@@ -10,6 +10,7 @@ import {
     mousewheelDelta,
     limitValue,
     deepExtend,
+    elementOffset,
     isArray
 } from '../common';
 
@@ -61,7 +62,6 @@ import {
     now,
     on,
     off,
-    elementOffset,
     getSupportedFeatures,
     convertToHtml
 } from './utils';
@@ -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();
     };
 
@@ -816,7 +832,6 @@ var Map = (function (Observable) {
 
     Map.prototype._mousewheel = function _mousewheel (e) {
         e.preventDefault();
-        // let delta = dataviz.mwDelta(e) > 0 ? -1 : 1;
         var delta = mousewheelDelta(e) > 0 ? -1 : 1;
         var options = this.options;
         var fromZoom = this.zoom();

package/dist/es/map/navigator.js

@@ -40,9 +40,9 @@ var directionsMap = {
 
 function createButton(direction) {
     var html =
-        // '<button class="k-button k-navigator-' + direction + '" aria-label="move ' + direction + '">' +
-            // '<span class="k-icon k-i-arrow-60-' + direction + '"/>' +
-        '<button class="k-button ' + directionsMap[direction].className + '" aria-label="move ' + direction + '">' +
+        '<button class="k-button k-button-square k-rounded-full k-button-flat k-button-flat-base k-icon-button ' +
+            directionsMap[direction].className +
+            '" aria-label="move ' + direction + '">' +
             '<span class="k-icon ' + directionsMap[direction].iconClass + '" />' +
         '</button>';
 
@@ -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/draggable.js

@@ -1,5 +1,6 @@
 import {
-    Class
+    Class,
+    elementOffset
 } from '../../common';
 
 import {
@@ -9,7 +10,6 @@ import {
 import {
     getEventMap,
     proxy,
-    elementOffset,
     getSupportedFeatures
 } from '../utils';
 

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/map/utils.js

@@ -445,15 +445,6 @@ export var now = function () {
     return Number(new Date());
 };
 
-export var elementOffset = function (element) {
-    var offset = {
-        left: element.offsetLeft,
-        top: element.offsetTop
-    };
-
-    return offset;
-};
-
 export var noop = function () {};
 
 /* eslint-enable arrow-body-style */

package/dist/es/map/zoom.js

@@ -19,7 +19,7 @@ import {
 
 function createButton(direction, iconClass) {
     var html =
-        '<button class="k-button k-button-icon k-zoom-' + direction +
+        '<button class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-icon-button k-zoom-' + direction +
             '" title="zoom-' + direction +
             '" aria-label="zoom-' + direction + '">' +
             '<span class="k-icon ' + iconClass + '">' + '</span>' +

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

@@ -10,6 +10,7 @@ import {
     mousewheelDelta,
     limitValue,
     deepExtend,
+    elementOffset,
     isArray
 } from '../common';
 
@@ -61,7 +62,6 @@ import {
     now,
     on,
     off,
-    elementOffset,
     getSupportedFeatures,
     convertToHtml
 } from './utils';
@@ -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();
     }
 
@@ -794,7 +804,6 @@ class Map extends Observable {
 
     _mousewheel(e) {
         e.preventDefault();
-        // let delta = dataviz.mwDelta(e) > 0 ? -1 : 1;
         let delta = mousewheelDelta(e) > 0 ? -1 : 1;
         let options = this.options;
         let fromZoom = this.zoom();

package/dist/es2015/map/navigator.js

@@ -40,9 +40,9 @@ const directionsMap = {
 
 function createButton(direction) {
     const html =
-        // '<button class="k-button k-navigator-' + direction + '" aria-label="move ' + direction + '">' +
-            // '<span class="k-icon k-i-arrow-60-' + direction + '"/>' +
-        '<button class="k-button ' + directionsMap[direction].className + '" aria-label="move ' + direction + '">' +
+        '<button class="k-button k-button-square k-rounded-full k-button-flat k-button-flat-base k-icon-button ' +
+            directionsMap[direction].className +
+            '" aria-label="move ' + direction + '">' +
             '<span class="k-icon ' + directionsMap[direction].iconClass + '" />' +
         '</button>';
 
@@ -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) {

package/dist/es2015/map/scroller/draggable.js

@@ -1,5 +1,6 @@
 import {
-    Class
+    Class,
+    elementOffset
 } from '../../common';
 
 import {
@@ -9,7 +10,6 @@ import {
 import {
     getEventMap,
     proxy,
-    elementOffset,
     getSupportedFeatures
 } from '../utils';
 

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

@@ -19,6 +19,10 @@ export class Observable extends Class {
         this._events = {};
     }
 
+    destroy() {
+        this.unbind();
+    }
+
     bind(event, handlers, one) {
         let that = this,
             idx,
@@ -140,4 +144,22 @@ export class Observable extends Class {
 
         return that;
     }
+
+    _setEvents(options) {
+        const length = (this.events || []).length;
+
+        for (let idx = 0; idx < length; idx ++) {
+            let e = this.events[idx];
+
+            if (this.options[e] && options[e]) {
+                this.unbind(e, this.options[e]);
+
+                if (this._events && this._events[e]) {
+                    delete this._events[e];
+                }
+            }
+        }
+
+        this.bind(this.events, options);
+    }
 }

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

@@ -346,6 +346,7 @@ export class UserEvents extends 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/es2015/map/utils.js

@@ -445,15 +445,6 @@ export const now = () => {
     return Number(new Date());
 };
 
-export const elementOffset = (element) => {
-    const offset = {
-        left: element.offsetLeft,
-        top: element.offsetTop
-    };
-
-    return offset;
-};
-
 export const noop = () => {};
 
 /* eslint-enable arrow-body-style */

package/dist/es2015/map/zoom.js

@@ -19,7 +19,7 @@ import {
 
 function createButton(direction, iconClass) {
     const html =
-        '<button class="k-button k-button-icon k-zoom-' + direction +
+        '<button class="k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-icon-button k-zoom-' + direction +
             '" title="zoom-' + direction +
             '" aria-label="zoom-' + direction + '">' +
             '<span class="k-icon ' + iconClass + '">' + '</span>' +