@progress/kendo-charts 2.7.2-dev.202502101310 → 2.7.2-develop.1

package/dist/es/stock/navigator.js

@@ -6,17 +6,15 @@ import { addDuration, parseDate, toDate, toTime } from '../date-utils';
 import { Class, deepExtend, defined, getTemplate, InstanceObserver, last, limitValue, valueOrDefault } from '../common';
 import { NAVIGATOR_AXIS, NAVIGATOR_PANE, DEFAULT_PANE } from './constants';
 
-var ZOOM_ACCELERATION = 3;
+const ZOOM_ACCELERATION = 3;
 
-var Navigator = (function (Class) {
-    function Navigator(chart) {
-        var obj;
-
-        Class.call(this);
+class Navigator extends Class {
+    constructor(chart) {
+        super();
 
         this.chart = chart;
-        var options = this.options = deepExtend({}, this.options, chart.options.navigator);
-        var select = options.select;
+        const options = this.options = deepExtend({}, this.options, chart.options.navigator);
+        const select = options.select;
         if (select) {
             select.from = this.parseDate(select.from);
             select.to = this.parseDate(select.to);
@@ -26,19 +24,20 @@ var Navigator = (function (Class) {
             options.hint.visible = options.visible;
         }
 
-        this.chartObserver = new InstanceObserver(this, ( obj = {}, obj[DRAG] = '_drag', obj[DRAG_END] = '_dragEnd', obj[ZOOM] = '_zoom', obj[ZOOM_END] = '_zoomEnd', obj ));
+        this.chartObserver = new InstanceObserver(this, {
+            [DRAG]: '_drag',
+            [DRAG_END]: '_dragEnd',
+            [ZOOM]: '_zoom',
+            [ZOOM_END]: '_zoomEnd'
+        });
         chart.addObserver(this.chartObserver);
     }
 
-    if ( Class ) Navigator.__proto__ = Class;
-    Navigator.prototype = Object.create( Class && Class.prototype );
-    Navigator.prototype.constructor = Navigator;
-
-    Navigator.prototype.parseDate = function parseDate$1 (value) {
+    parseDate(value) {
         return parseDate(this.chart.chartService.intl, value);
-    };
+    }
 
-    Navigator.prototype.clean = function clean () {
+    clean() {
         if (this.selection) {
             this.selection.destroy();
             this.selection = null;
@@ -48,35 +47,28 @@ var Navigator = (function (Class) {
             this.hint.destroy();
             this.hint = null;
         }
-    };
+    }
 
-    Navigator.prototype.destroy = function destroy () {
+    destroy() {
         if (this.chart) {
             this.chart.removeObserver(this.chartObserver);
             delete this.chart;
         }
 
         this.clean();
-    };
+    }
 
-    Navigator.prototype.redraw = function redraw () {
+    redraw() {
         this._redrawSelf();
         this.initSelection();
-    };
-
-    Navigator.prototype.initSelection = function initSelection () {
-        var ref = this;
-        var chart = ref.chart;
-        var options = ref.options;
-        var axis = this.mainAxis();
-        var ref$1 = axis.roundedRange();
-        var min = ref$1.min;
-        var max = ref$1.max;
-        var ref$2 = options.select;
-        var from = ref$2.from;
-        var to = ref$2.to;
-        var mousewheel = ref$2.mousewheel;
-        var axisClone = clone(axis);
+    }
+
+    initSelection() {
+        const { chart, options } = this;
+        const axis = this.mainAxis();
+        const { min, max } = axis.roundedRange();
+        const { from, to, mousewheel } = options.select;
+        const axisClone = clone(axis);
 
         if (axis.categoriesCount() === 0) {
             return;
@@ -108,23 +100,21 @@ var Navigator = (function (Class) {
                 format: options.hint.format
             });
         }
-    };
+    }
 
-    Navigator.prototype.setRange = function setRange () {
-        var plotArea = this.chart._createPlotArea(true);
-        var axis = plotArea.namedCategoryAxes[NAVIGATOR_AXIS];
+    setRange() {
+        const plotArea = this.chart._createPlotArea(true);
+        const axis = plotArea.namedCategoryAxes[NAVIGATOR_AXIS];
 
-        var ref = axis.roundedRange();
-        var min = ref.min;
-        var max = ref.max;
+        const { min, max } = axis.roundedRange();
 
-        var select = this.options.select || {};
-        var from = select.from || min;
+        const select = this.options.select || {};
+        let from = select.from || min;
         if (from < min) {
             from = min;
         }
 
-        var to = select.to || max;
+        let to = select.to || max;
         if (to > max) {
             to = max;
         }
@@ -135,20 +125,20 @@ var Navigator = (function (Class) {
         });
 
         this.filterAxes();
-    };
+    }
 
-    Navigator.prototype._redrawSelf = function _redrawSelf (silent) {
-        var plotArea = this.chart._plotArea;
+    _redrawSelf(silent) {
+        const plotArea = this.chart._plotArea;
 
         if (plotArea) {
             plotArea.redraw(last(plotArea.panes), silent);
         }
-    };
+    }
 
-    Navigator.prototype.redrawSlaves = function redrawSlaves () {
-        var chart = this.chart;
-        var plotArea = chart._plotArea;
-        var slavePanes = plotArea.panes.filter(function (pane) { return pane.options.name !== NAVIGATOR_PANE; });
+    redrawSlaves() {
+        const chart = this.chart;
+        const plotArea = chart._plotArea;
+        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;
@@ -156,20 +146,18 @@ var Navigator = (function (Class) {
         plotArea.clearSeriesPointsCache();
 
         plotArea.redraw(slavePanes);
-    };
-
-    Navigator.prototype._drag = function _drag (e) {
-        var ref = this;
-        var chart = ref.chart;
-        var selection = ref.selection;
-        var coords = chart._eventCoordinates(e.originalEvent);
-        var navigatorAxis = this.mainAxis();
-        var naviRange = navigatorAxis.roundedRange();
-        var inNavigator = navigatorAxis.pane.box.containsPoint(coords);
-        var axis = chart._plotArea.categoryAxis;
-        var range = e.axisRanges[axis.options.name];
-        var select = this.options.select;
-        var duration;
+    }
+
+    _drag(e) {
+        const { chart, selection } = this;
+        const coords = chart._eventCoordinates(e.originalEvent);
+        const navigatorAxis = this.mainAxis();
+        const naviRange = navigatorAxis.roundedRange();
+        const inNavigator = navigatorAxis.pane.box.containsPoint(coords);
+        const axis = chart._plotArea.categoryAxis;
+        const range = e.axisRanges[axis.options.name];
+        const select = this.options.select;
+        let duration;
 
         if (!range || inNavigator || !selection) {
             return;
@@ -181,12 +169,12 @@ var Navigator = (function (Class) {
             duration = toTime(selection.options.to) - toTime(selection.options.from);
         }
 
-        var from = toDate(limitValue(
+        const from = toDate(limitValue(
             toTime(range.min),
             naviRange.min, toTime(naviRange.max) - duration
         ));
 
-        var to = toDate(limitValue(
+        const to = toDate(limitValue(
             toTime(from) + duration,
             toTime(naviRange.min) + duration, naviRange.max
         ));
@@ -201,9 +189,9 @@ var Navigator = (function (Class) {
         selection.set(from, to);
 
         this.showHint(from, to);
-    };
+    }
 
-    Navigator.prototype._dragEnd = function _dragEnd () {
+    _dragEnd() {
         this.filterAxes();
         this.filter();
         this.redrawSlaves();
@@ -211,53 +199,44 @@ var Navigator = (function (Class) {
         if (this.hint) {
             this.hint.hide();
         }
-    };
+    }
 
-    Navigator.prototype.readSelection = function readSelection () {
-        var ref = this;
-        var ref_selection_options = ref.selection.options;
-        var from = ref_selection_options.from;
-        var to = ref_selection_options.to;
-        var select = ref.options.select;
+    readSelection() {
+        const { selection: { options: { from, to } }, options: { select } } = this;
 
         select.from = from;
         select.to = to;
-    };
-
-    Navigator.prototype.filterAxes = function filterAxes () {
-        var ref = this;
-        var select = ref.options.select; if ( select === void 0 ) select = { };
-        var chart = ref.chart;
-        var allAxes = chart.options.categoryAxis;
-        var from = select.from;
-        var to = select.to;
-
-        for (var idx = 0; idx < allAxes.length; idx++) {
-            var axis = allAxes[idx];
+    }
+
+    filterAxes() {
+        const { options: { select = { } }, chart } = this;
+        const allAxes = chart.options.categoryAxis;
+        const { from, to } = select;
+
+        for (let idx = 0; idx < allAxes.length; idx++) {
+            const axis = allAxes[idx];
             if (axis.pane !== NAVIGATOR_PANE) {
                 axis.min = from;
                 axis.max = to;
             }
         }
-    };
+    }
 
-    Navigator.prototype.filter = function filter () {
-        var ref = this;
-        var chart = ref.chart;
-        var select = ref.options.select;
+    filter() {
+        const { chart, options: { select } } = this;
 
         if (!chart.requiresHandlers([ "navigatorFilter" ])) {
             return;
         }
 
-        var mainAxis = this.mainAxis();
-        var args = {
+        const mainAxis = this.mainAxis();
+        const args = {
             from: select.from,
             to: select.to
         };
 
         if (mainAxis.options.type !== 'category') {
-            var axisOptions = new DateCategoryAxis(deepExtend({
+            const axisOptions = new DateCategoryAxis(deepExtend({
                 baseUnit: "fit"
             }, chart.options.categoryAxis[0], {
                 categories: [ select.from, select.to ]
@@ -268,25 +247,20 @@ var Navigator = (function (Class) {
         }
 
         this.chart.trigger("navigatorFilter", args);
-    };
-
-    Navigator.prototype._zoom = function _zoom (e) {
-        var ref = this;
-        var axis = ref.chart._plotArea.categoryAxis;
-        var selection = ref.selection;
-        var ref_options = ref.options;
-        var select = ref_options.select;
-        var liveDrag = ref_options.liveDrag;
-        var mainAxis = this.mainAxis();
-        var delta = e.delta;
+    }
+
+    _zoom(e) {
+        const { chart: { _plotArea: { categoryAxis: axis } }, selection, options: { select, liveDrag } } = this;
+        const mainAxis = this.mainAxis();
+        let delta = e.delta;
 
         if (!selection) {
             return;
         }
 
-        var fromIx = mainAxis.categoryIndex(selection.options.from);
-        var toIx = mainAxis.categoryIndex(selection.options.to);
-        var coords = this.chart._eventCoordinates(e.originalEvent);
+        const fromIx = mainAxis.categoryIndex(selection.options.from);
+        const toIx = mainAxis.categoryIndex(selection.options.to);
+        const coords = this.chart._eventCoordinates(e.originalEvent);
 
         e.originalEvent.preventDefault();
 
@@ -310,31 +284,31 @@ var Navigator = (function (Class) {
         selection.set(select.from, select.to);
 
         this.showHint(this.options.select.from, this.options.select.to);
-    };
+    }
 
-    Navigator.prototype._zoomEnd = function _zoomEnd (e) {
+    _zoomEnd(e) {
         this._dragEnd(e);
-    };
+    }
 
-    Navigator.prototype.showHint = function showHint (from, to) {
-        var plotArea = this.chart._plotArea;
+    showHint(from, to) {
+        const plotArea = this.chart._plotArea;
 
         if (this.hint) {
             this.hint.show(from, to, plotArea.backgroundBox());
         }
-    };
+    }
 
-    Navigator.prototype._selectStart = function _selectStart (e) {
+    _selectStart(e) {
         return this.chart._selectStart(e);
-    };
+    }
 
-    Navigator.prototype._select = function _select (e) {
+    _select(e) {
         this.showHint(e.from, e.to);
 
         return this.chart._select(e);
-    };
+    }
 
-    Navigator.prototype._selectEnd = function _selectEnd (e) {
+    _selectEnd(e) {
         if (this.hint) {
             this.hint.hide();
         }
@@ -345,18 +319,18 @@ var Navigator = (function (Class) {
         this.redrawSlaves();
 
         return this.chart._selectEnd(e);
-    };
+    }
 
-    Navigator.prototype.mainAxis = function mainAxis () {
-        var plotArea = this.chart._plotArea;
+    mainAxis() {
+        const plotArea = this.chart._plotArea;
 
         if (plotArea) {
             return plotArea.namedCategoryAxes[NAVIGATOR_AXIS];
         }
-    };
+    }
 
-    Navigator.prototype.select = function select (from, to) {
-        var select = this.options.select;
+    select(from, to) {
+        const select = this.options.select;
 
         if (from && to) {
             select.from = this.parseDate(from);
@@ -373,20 +347,17 @@ var Navigator = (function (Class) {
             from: select.from,
             to: select.to
         };
-    };
-
-    Navigator.setup = function setup (options, themeOptions) {
-        if ( options === void 0 ) options = {};
-        if ( themeOptions === void 0 ) themeOptions = {};
+    }
 
+    static setup(options = {}, themeOptions = {}) {
         if (options.__navi) {
             return;
         }
         options.__navi = true;
 
-        var naviOptions = deepExtend({}, themeOptions.navigator, options.navigator);
-        var panes = options.panes = [].concat(options.panes);
-        var paneOptions = deepExtend({}, naviOptions.pane, { name: NAVIGATOR_PANE });
+        const naviOptions = deepExtend({}, themeOptions.navigator, options.navigator);
+        const panes = options.panes = [].concat(options.panes);
+        const paneOptions = deepExtend({}, naviOptions.pane, { name: NAVIGATOR_PANE });
 
         if (!naviOptions.visible) {
             paneOptions.visible = false;
@@ -399,27 +370,27 @@ var Navigator = (function (Class) {
             panes.unshift(paneOptions);
         }
 
-        panes.forEach(function (pane) {
+        panes.forEach(pane => {
             pane.name = pane.name || DEFAULT_PANE;
         });
 
         Navigator.attachAxes(options, naviOptions);
         Navigator.attachSeries(options, naviOptions, themeOptions);
-    };
-
-    Navigator.attachAxes = function attachAxes (options, naviOptions) {
-        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) {
+    }
+
+    static attachAxes(options, naviOptions) {
+        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;
         });
 
-        var equallySpacedSeries = filterSeriesByType(series, EQUALLY_SPACED_SERIES);
-        var justifyAxis = equallySpacedSeries.length === 0;
+        const equallySpacedSeries = filterSeriesByType(series, EQUALLY_SPACED_SERIES);
+        const justifyAxis = equallySpacedSeries.length === 0;
 
-        var base = deepExtend({
+        const base = deepExtend({
             type: "date",
             pane: NAVIGATOR_PANE,
             roundToBaseUnit: !justifyAxis,
@@ -438,7 +409,7 @@ var Navigator = (function (Class) {
                 years: [ 1 ]
             }
         });
-        var user = naviOptions.categoryAxis;
+        const user = naviOptions.categoryAxis;
 
         categoryAxes.push(
             deepExtend({}, base, {
@@ -481,15 +452,15 @@ var Navigator = (function (Class) {
             },
             visible: false
         }, naviOptions.valueAxis));
-    };
+    }
 
-    Navigator.attachSeries = function attachSeries (options, naviOptions, themeOptions) {
-        var series = options.series = options.series || [];
-        var navigatorSeries = [].concat(naviOptions.series || []);
-        var seriesColors = themeOptions.seriesColors;
-        var defaults = naviOptions.seriesDefaults;
+    static attachSeries(options, naviOptions, themeOptions) {
+        const series = options.series = options.series || [];
+        const navigatorSeries = [].concat(naviOptions.series || []);
+        const seriesColors = themeOptions.seriesColors;
+        const defaults = naviOptions.seriesDefaults;
 
-        for (var idx = 0; idx < navigatorSeries.length; idx++) {
+        for (let idx = 0; idx < navigatorSeries.length; idx++) {
             series.push(
                 deepExtend({
                     color: seriesColors[idx % seriesColors.length],
@@ -505,10 +476,8 @@ var Navigator = (function (Class) {
                 })
             );
         }
-    };
-
-    return Navigator;
-}(Class));
+    }
+}
 
 function ClonedObject() { }
 function clone(obj) {