@progress/kendo-charts 1.28.0-dev.202303070933 → 1.28.0-dev.202303091324

package/dist/es/map/map.js

@@ -1,5 +1,6 @@
 import {
-    geometry as g
+    geometry as g,
+    throttle
 } from '@progress/kendo-drawing';
 
 import {
@@ -89,7 +90,8 @@ var math = Math,
     LOCATION = "location",
     FRICTION = 0.9,
     FRICTION_MOBILE = 0.93,
-    MOUSEWHEEL = 'DOMMouseScroll mousewheel',
+    MOUSEWHEEL = 'wheel',
+    MOUSEWHEEL_THROTTLE = 50,
     VELOCITY_MULTIPLIER = 5,
     DEFAULT_ZOOM_RATE = 1;
 
@@ -178,7 +180,11 @@ var Map = (function (Observable) {
         this._initLayers();
         this._reset();
 
-        this._mousewheelHandler = this._mousewheel.bind(this);
+        var mousewheelThrottled = throttle(this._mousewheel.bind(this), MOUSEWHEEL_THROTTLE);
+        this._mousewheelHandler = function (e) {
+            e.preventDefault();
+            mousewheelThrottled(e);
+        };
         on(this.element, MOUSEWHEEL, this._mousewheelHandler);
     };
 
@@ -851,7 +857,6 @@ var Map = (function (Observable) {
     };
 
     Map.prototype._mousewheel = function _mousewheel (e) {
-        e.preventDefault();
         var delta = mousewheelDelta(e) > 0 ? -1 : 1;
         var options = this.options;
         var fromZoom = this.zoom();

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

@@ -438,7 +438,7 @@ export var Scroller = (function (Observable) {
 
         if (that.options.mousewheelScrolling) {
             this._wheelScrollHandler = this._wheelScroll.bind(this);
-            on(element, 'DOMMouseScroll mousewheel', this._wheelScrollHandler);
+            on(element, 'wheel', this._wheelScrollHandler);
         }
 
         extend(that, {
@@ -622,7 +622,7 @@ export var Scroller = (function (Observable) {
     Scroller.prototype.destroy = function destroy () {
         var element = this.element;
 
-        off(element, 'DOMMouseScroll mousewheel', this._wheelScrollHandler);
+        off(element, 'wheel', this._wheelScrollHandler);
 
         if (this.userEvents) {
             this.userEvents.destroy();

package/dist/es/stock/constants.js

@@ -1,4 +1,5 @@
 var NAVIGATOR_PANE = "_navigator";
 var NAVIGATOR_AXIS = NAVIGATOR_PANE;
+var DEFAULT_PANE = "_default";
 
-export { NAVIGATOR_AXIS, NAVIGATOR_PANE };
+export { NAVIGATOR_AXIS, NAVIGATOR_PANE, DEFAULT_PANE };

package/dist/es/stock/navigator.js

@@ -4,7 +4,7 @@ import { DRAG, DRAG_END, EQUALLY_SPACED_SERIES, ZOOM, ZOOM_END } from '../chart/
 import { DateCategoryAxis } from '../core';
 import { addDuration, parseDate, toDate, toTime } from '../date-utils';
 import { Class, deepExtend, defined, getTemplate, InstanceObserver, last, limitValue, valueOrDefault } from '../common';
-import { NAVIGATOR_AXIS, NAVIGATOR_PANE } from './constants';
+import { NAVIGATOR_AXIS, NAVIGATOR_PANE, DEFAULT_PANE } from './constants';
 
 var ZOOM_ACCELERATION = 3;
 
@@ -148,7 +148,7 @@ var Navigator = (function (Class) {
     Navigator.prototype.redrawSlaves = function redrawSlaves () {
         var chart = this.chart;
         var plotArea = chart._plotArea;
-        var slavePanes = plotArea.panes.slice(0, -1);
+        var slavePanes = plotArea.panes.filter(function (pane) { return pane.options.name !== NAVIGATOR_PANE; });
 
         // Update the original series and categoryAxis before partial refresh.
         plotArea.srcSeries = chart.options.series;
@@ -393,7 +393,13 @@ var Navigator = (function (Class) {
             paneOptions.height = 0.1;
         }
 
-        panes.push(paneOptions);
+        if (options.navigator.position !== 'top') {
+            panes.push(paneOptions);
+        } else {
+            panes.unshift(paneOptions);
+        }
+
+        panes.forEach(function (pane) { return pane.name = pane.name || DEFAULT_PANE; });
 
         Navigator.attachAxes(options, naviOptions);
         Navigator.attachSeries(options, naviOptions, themeOptions);
@@ -403,6 +409,8 @@ var Navigator = (function (Class) {
         var series = naviOptions.series || [];
         var categoryAxes = options.categoryAxis = [].concat(options.categoryAxis);
         var valueAxes = options.valueAxis = [].concat(options.valueAxis);
+        var allAxes = categoryAxes.concat(valueAxes);
+        allAxes.forEach(function (axis) { return axis.pane = axis.pane || DEFAULT_PANE; });
 
         var equallySpacedSeries = filterSeriesByType(series, EQUALLY_SPACED_SERIES);
         var justifyAxis = equallySpacedSeries.length === 0;

package/dist/es2015/map/map.js

@@ -1,5 +1,6 @@
 import {
-    geometry as g
+    geometry as g,
+    throttle
 } from '@progress/kendo-drawing';
 
 import {
@@ -89,7 +90,8 @@ let math = Math,
     LOCATION = "location",
     FRICTION = 0.9,
     FRICTION_MOBILE = 0.93,
-    MOUSEWHEEL = 'DOMMouseScroll mousewheel',
+    MOUSEWHEEL = 'wheel',
+    MOUSEWHEEL_THROTTLE = 50,
     VELOCITY_MULTIPLIER = 5,
     DEFAULT_ZOOM_RATE = 1;
 
@@ -164,7 +166,11 @@ class Map extends Observable {
         this._initLayers();
         this._reset();
 
-        this._mousewheelHandler = this._mousewheel.bind(this);
+        const mousewheelThrottled = throttle(this._mousewheel.bind(this), MOUSEWHEEL_THROTTLE);
+        this._mousewheelHandler = (e) => {
+            e.preventDefault();
+            mousewheelThrottled(e);
+        };
         on(this.element, MOUSEWHEEL, this._mousewheelHandler);
     }
 
@@ -823,7 +829,6 @@ class Map extends Observable {
     }
 
     _mousewheel(e) {
-        e.preventDefault();
         let delta = mousewheelDelta(e) > 0 ? -1 : 1;
         let options = this.options;
         let fromZoom = this.zoom();

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

@@ -414,7 +414,7 @@ export class Scroller extends Observable {
 
         if (that.options.mousewheelScrolling) {
             this._wheelScrollHandler = this._wheelScroll.bind(this);
-            on(element, 'DOMMouseScroll mousewheel', this._wheelScrollHandler);
+            on(element, 'wheel', this._wheelScrollHandler);
         }
 
         extend(that, {
@@ -594,7 +594,7 @@ export class Scroller extends Observable {
     destroy() {
         const element = this.element;
 
-        off(element, 'DOMMouseScroll mousewheel', this._wheelScrollHandler);
+        off(element, 'wheel', this._wheelScrollHandler);
 
         if (this.userEvents) {
             this.userEvents.destroy();

package/dist/es2015/stock/constants.js

@@ -1,4 +1,5 @@
 const NAVIGATOR_PANE = "_navigator";
 const NAVIGATOR_AXIS = NAVIGATOR_PANE;
+const DEFAULT_PANE = "_default";
 
-export { NAVIGATOR_AXIS, NAVIGATOR_PANE };
+export { NAVIGATOR_AXIS, NAVIGATOR_PANE, DEFAULT_PANE };

package/dist/es2015/stock/navigator.js

@@ -4,7 +4,7 @@ import { DRAG, DRAG_END, EQUALLY_SPACED_SERIES, ZOOM, ZOOM_END } from '../chart/
 import { DateCategoryAxis } from '../core';
 import { addDuration, parseDate, toDate, toTime } from '../date-utils';
 import { Class, deepExtend, defined, getTemplate, InstanceObserver, last, limitValue, valueOrDefault } from '../common';
-import { NAVIGATOR_AXIS, NAVIGATOR_PANE } from './constants';
+import { NAVIGATOR_AXIS, NAVIGATOR_PANE, DEFAULT_PANE } from './constants';
 
 const ZOOM_ACCELERATION = 3;
 
@@ -138,7 +138,7 @@ class Navigator extends Class {
     redrawSlaves() {
         const chart = this.chart;
         const plotArea = chart._plotArea;
-        const slavePanes = plotArea.panes.slice(0, -1);
+        const slavePanes = plotArea.panes.filter(pane => pane.options.name !== NAVIGATOR_PANE);
 
         // Update the original series and categoryAxis before partial refresh.
         plotArea.srcSeries = chart.options.series;
@@ -364,7 +364,13 @@ class Navigator extends Class {
             paneOptions.height = 0.1;
         }
 
-        panes.push(paneOptions);
+        if (options.navigator.position !== 'top') {
+            panes.push(paneOptions);
+        } else {
+            panes.unshift(paneOptions);
+        }
+
+        panes.forEach(pane => pane.name = pane.name || DEFAULT_PANE);
 
         Navigator.attachAxes(options, naviOptions);
         Navigator.attachSeries(options, naviOptions, themeOptions);
@@ -374,6 +380,8 @@ class Navigator extends Class {
         const series = naviOptions.series || [];
         const categoryAxes = options.categoryAxis = [].concat(options.categoryAxis);
         const valueAxes = options.valueAxis = [].concat(options.valueAxis);
+        const allAxes = categoryAxes.concat(valueAxes);
+        allAxes.forEach(axis => axis.pane = axis.pane || DEFAULT_PANE);
 
         const equallySpacedSeries = filterSeriesByType(series, EQUALLY_SPACED_SERIES);
         const justifyAxis = equallySpacedSeries.length === 0;