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

package/dist/es/chart/pan-and-zoom/zoom-selection.js

@@ -4,46 +4,42 @@ import toChartAxisRanges from './to-chart-axis-ranges';
 import { X, Y } from '../../common/constants';
 import { Class, deepExtend, elementStyles, elementOffset, defined } from '../../common';
 
-var ZoomSelection = (function (Class) {
-    function ZoomSelection(chart, options) {
-        Class.call(this);
+class ZoomSelection extends Class {
+    constructor(chart, options) {
+        super();
 
         this.chart = chart;
         this.options = deepExtend({}, this.options, options);
         this.createElement();
     }
 
-    if ( Class ) ZoomSelection.__proto__ = Class;
-    ZoomSelection.prototype = Object.create( Class && Class.prototype );
-    ZoomSelection.prototype.constructor = ZoomSelection;
-
-    ZoomSelection.prototype.createElement = function createElement () {
-        var marquee = this._marquee = document.createElement("div");
+    createElement() {
+        const marquee = this._marquee = document.createElement("div");
         marquee.className = "k-marquee";
-        var marqueeColor = document.createElement("div");
+        const marqueeColor = document.createElement("div");
         marqueeColor.className = "k-marquee-color";
         marquee.appendChild(marqueeColor);
-    };
+    }
 
-    ZoomSelection.prototype.removeElement = function removeElement () {
+    removeElement() {
         if (this._marquee.parentNode) {
             this._marquee.parentNode.removeChild(this._marquee);
         }
-    };
+    }
 
-    ZoomSelection.prototype.setStyles = function setStyles (styles) {
+    setStyles(styles) {
         elementStyles(this._marquee, styles);
-    };
+    }
 
-    ZoomSelection.prototype.start = function start (e) {
+    start(e) {
         if (acceptKey(e, this.options.key)) {
-            var chart = this.chart;
-            var point = chart._eventCoordinates(e);
-            var zoomPane = this._zoomPane = chart._plotArea.paneByPoint(point);
-            var clipBox = zoomPane ? zoomPane.chartsBox().clone() : null;
+            const chart = this.chart;
+            const point = chart._eventCoordinates(e);
+            const zoomPane = this._zoomPane = chart._plotArea.paneByPoint(point);
+            const clipBox = zoomPane ? zoomPane.chartsBox().clone() : null;
 
             if (zoomPane && clipBox) {
-                var offset = this._elementOffset();
+                const offset = this._elementOffset();
 
                 clipBox.translate(offset.left, offset.top);
                 this._zoomPaneClipBox = clipBox;
@@ -60,38 +56,36 @@ var ZoomSelection = (function (Class) {
             }
         }
         return false;
-    };
+    }
 
-    ZoomSelection.prototype._elementOffset = function _elementOffset () {
-        var chartElement = this.chart.element;
-        var ref = elementStyles(chartElement, [ "paddingLeft", "paddingTop" ]);
-        var paddingLeft = ref.paddingLeft;
-        var paddingTop = ref.paddingTop;
-        var offset = elementOffset(chartElement);
+    _elementOffset() {
+        const chartElement = this.chart.element;
+        const { paddingLeft, paddingTop } = elementStyles(chartElement, [ "paddingLeft", "paddingTop" ]);
+        const offset = elementOffset(chartElement);
 
         return {
             left: paddingLeft + offset.left,
             top: paddingTop + offset.top
         };
-    };
+    }
 
-    ZoomSelection.prototype.move = function move (e) {
-        var zoomPane = this._zoomPane;
+    move(e) {
+        const zoomPane = this._zoomPane;
         if (zoomPane) {
             this.setStyles(this._selectionPosition(e));
         }
-    };
+    }
 
-    ZoomSelection.prototype.end = function end (e) {
-        var zoomPane = this._zoomPane;
+    end(e) {
+        const zoomPane = this._zoomPane;
         if (zoomPane) {
-            var elementOffset = this._elementOffset();
-            var selectionPosition = this._selectionPosition(e);
+            const elementOffset = this._elementOffset();
+            const selectionPosition = this._selectionPosition(e);
             selectionPosition.left -= elementOffset.left;
             selectionPosition.top -= elementOffset.top;
 
-            var start = { x: selectionPosition.left, y: selectionPosition.top };
-            var end = { x: selectionPosition.left + selectionPosition.width, y: selectionPosition.top + selectionPosition.height };
+            const start = { x: selectionPosition.left, y: selectionPosition.top };
+            const end = { x: selectionPosition.left + selectionPosition.width, y: selectionPosition.top + selectionPosition.height };
             this._updateAxisRanges(start, end);
 
             this.removeElement();
@@ -99,36 +93,36 @@ var ZoomSelection = (function (Class) {
 
             return toChartAxisRanges(this.axisRanges);
         }
-    };
+    }
 
-    ZoomSelection.prototype.zoom = function zoom () {
-        var axisRanges = this.axisRanges;
+    zoom() {
+        const axisRanges = this.axisRanges;
         if (axisRanges && axisRanges.length) {
-            var plotArea = this.chart._plotArea;
-            for (var idx = 0; idx < axisRanges.length; idx++) {
-                var axisRange = axisRanges[idx];
+            const plotArea = this.chart._plotArea;
+            for (let idx = 0; idx < axisRanges.length; idx++) {
+                const axisRange = axisRanges[idx];
                 plotArea.updateAxisOptions(axisRange.axis, axisRange.range);
             }
             plotArea.redraw(plotArea.panes);
         }
-    };
+    }
 
-    ZoomSelection.prototype.destroy = function destroy () {
+    destroy() {
         this.removeElement();
         delete this._marquee;
         delete this.chart;
-    };
+    }
 
-    ZoomSelection.prototype._updateAxisRanges = function _updateAxisRanges (start, end) {
-        var lock = (this.options.lock || "").toLowerCase();
-        var axisRanges = [];
+    _updateAxisRanges(start, end) {
+        const lock = (this.options.lock || "").toLowerCase();
+        const axisRanges = [];
 
-        var axes = this._zoomPane.axes;
-        for (var idx = 0; idx < axes.length; idx++) {
-            var axis = axes[idx];
-            var vertical = axis.options.vertical;
+        const axes = this._zoomPane.axes;
+        for (let idx = 0; idx < axes.length; idx++) {
+            const axis = axes[idx];
+            const vertical = axis.options.vertical;
             if (!(lock === X && !vertical) && !(lock === Y && vertical) && defined(axis.axisIndex)) {
-                var range = axis.pointsRange(start, end);
+                const range = axis.pointsRange(start, end);
                 if (range) {
                     axisRanges.push({
                         axis: axis,
@@ -139,21 +133,20 @@ var ZoomSelection = (function (Class) {
         }
 
         this.axisRanges = axisRanges;
-    };
+    }
 
-    ZoomSelection.prototype._selectionPosition = function _selectionPosition (e) {
-        var clipBox = this._zoomPaneClipBox;
-        var startLocation = {
+    _selectionPosition(e) {
+        const clipBox = this._zoomPaneClipBox;
+        const startLocation = {
             x: e.x.startLocation,
             y: e.y.startLocation
         };
-        var pageX = e.x.location;
-        var pageY = e.y.location;
-        var lock = (this.options.lock || "").toLowerCase();
-        var left = Math.min(startLocation.x, pageX);
-        var top = Math.min(startLocation.y, pageY);
-        var width = Math.abs(startLocation.x - pageX);
-        var height = Math.abs(startLocation.y - pageY);
+        const { x: { location: pageX }, y: { location: pageY } } = e;
+        const lock = (this.options.lock || "").toLowerCase();
+        let left = Math.min(startLocation.x, pageX);
+        let top = Math.min(startLocation.y, pageY);
+        let width = Math.abs(startLocation.x - pageX);
+        let height = Math.abs(startLocation.y - pageY);
 
         if (lock === X) {
             left = clipBox.x1;
@@ -186,10 +179,8 @@ var ZoomSelection = (function (Class) {
             width: width,
             height: height
         };
-    };
-
-    return ZoomSelection;
-}(Class));
+    }
+}
 
 ZoomSelection.prototype.options = {
     key: "shift",

package/dist/es/chart/pane.js

@@ -6,9 +6,9 @@ import { PANE_RENDER } from './constants';
 import { TOP, LEFT, X, Y } from '../common/constants';
 import { append, deepExtend, isObject, last, setDefaultOptions } from '../common';
 
-var Pane = (function (BoxElement) {
-    function Pane(options) {
-        BoxElement.call(this, options);
+class Pane extends BoxElement {
+    constructor(options) {
+        super(options);
 
         this.id = paneID();
 
@@ -23,12 +23,8 @@ var Pane = (function (BoxElement) {
         this.charts = [];
     }
 
-    if ( BoxElement ) Pane.__proto__ = BoxElement;
-    Pane.prototype = Object.create( BoxElement && BoxElement.prototype );
-    Pane.prototype.constructor = Pane;
-
-    Pane.prototype.createTitle = function createTitle () {
-        var titleOptions = this.options.title;
+    createTitle() {
+        let titleOptions = this.options.title;
         if (isObject(titleOptions)) {
             titleOptions = deepExtend({}, titleOptions, {
                 align: titleOptions.position,
@@ -40,21 +36,21 @@ var Pane = (function (BoxElement) {
         if (this.title) {
             this.append(this.title);
         }
-    };
+    }
 
-    Pane.prototype.appendAxis = function appendAxis (axis) {
+    appendAxis(axis) {
         this.content.append(axis);
         this.axes.push(axis);
         axis.pane = this;
-    };
+    }
 
-    Pane.prototype.appendAxisAt = function appendAxisAt (axis, pos) {
+    appendAxisAt(axis, pos) {
         this.content.append(axis);
         this.axes.splice(pos, 0, axis);
         axis.pane = this;
-    };
+    }
 
-    Pane.prototype.appendChart = function appendChart (chart) {
+    appendChart(chart) {
         if (this.chartContainer.parent !== this.content) {
             this.content.append(this.chartContainer);
         }
@@ -62,20 +58,18 @@ var Pane = (function (BoxElement) {
         this.charts.push(chart);
         this.chartContainer.append(chart);
         chart.pane = this;
-    };
-
-    Pane.prototype.empty = function empty () {
-        var this$1 = this;
+    }
 
-        var plotArea = this.parent;
+    empty() {
+        const plotArea = this.parent;
 
         if (plotArea) {
-            for (var i = 0; i < this.axes.length; i++) {
-                plotArea.removeAxis(this$1.axes[i]);
+            for (let i = 0; i < this.axes.length; i++) {
+                plotArea.removeAxis(this.axes[i]);
             }
 
-            for (var i$1 = 0; i$1 < this.charts.length; i$1++) {
-                plotArea.removeChart(this$1.charts[i$1]);
+            for (let i = 0; i < this.charts.length; i++) {
+                plotArea.removeChart(this.charts[i]);
             }
         }
 
@@ -85,16 +79,16 @@ var Pane = (function (BoxElement) {
         this.content.destroy();
         this.content.children = [];
         this.chartContainer.children = [];
-    };
+    }
 
-    Pane.prototype.reflow = function reflow (targetBox) {
+    reflow(targetBox) {
         // Content (such as charts) is rendered, but excluded from reflows
-        var content;
+        let content;
         if (last(this.children) === this.content) {
             content = this.children.pop();
         }
 
-        BoxElement.prototype.reflow.call(this, targetBox);
+        super.reflow(targetBox);
 
         if (content) {
             this.children.push(content);
@@ -103,53 +97,53 @@ var Pane = (function (BoxElement) {
         if (this.title) {
             this.contentBox.y1 += this.title.box.height();
         }
-    };
+    }
 
-    Pane.prototype.visualStyle = function visualStyle () {
-        var style = BoxElement.prototype.visualStyle.call(this);
+    visualStyle() {
+        const style = super.visualStyle();
         style.zIndex = -10;
 
         return style;
-    };
+    }
 
-    Pane.prototype.renderComplete = function renderComplete () {
+    renderComplete() {
         if (this.options.visible) {
             this.createGridLines();
         }
-    };
+    }
 
-    Pane.prototype.stackRoot = function stackRoot () {
+    stackRoot() {
         return this;
-    };
+    }
 
-    Pane.prototype.clipRoot = function clipRoot () {
+    clipRoot() {
         return this;
-    };
+    }
 
-    Pane.prototype.createGridLines = function createGridLines () {
-        var axes = this.axes;
-        var allAxes = axes.concat(this.parent.axes);
-        var vGridLines = [];
-        var hGridLines = [];
+    createGridLines() {
+        const axes = this.axes;
+        const allAxes = axes.concat(this.parent.axes);
+        const vGridLines = [];
+        const hGridLines = [];
 
         // TODO
         // Is full combination really necessary?
-        for (var i = 0; i < axes.length; i++) {
-            var axis = axes[i];
-            var vertical = axis.options.vertical;
-            var gridLines = vertical ? vGridLines : hGridLines;
-            for (var j = 0; j < allAxes.length; j++) {
+        for (let i = 0; i < axes.length; i++) {
+            const axis = axes[i];
+            const vertical = axis.options.vertical;
+            const gridLines = vertical ? vGridLines : hGridLines;
+            for (let j = 0; j < allAxes.length; j++) {
                 if (gridLines.length === 0) {
-                    var altAxis = allAxes[j];
+                    const altAxis = allAxes[j];
                     if (vertical !== altAxis.options.vertical) {
                         append(gridLines, axis.createGridLines(altAxis));
                     }
                 }
             }
         }
-    };
+    }
 
-    Pane.prototype.refresh = function refresh () {
+    refresh() {
         this.visual.clear();
 
         this.content.parent = null;
@@ -165,43 +159,43 @@ var Pane = (function (BoxElement) {
 
         this.renderComplete();
         this.notifyRender();
-    };
+    }
 
-    Pane.prototype.chartsBox = function chartsBox () {
-        var axes = this.axes;
-        var length = axes.length;
-        var chartsBox = new Box();
+    chartsBox() {
+        const axes = this.axes;
+        const length = axes.length;
+        const chartsBox = new Box();
 
-        for (var idx = 0; idx < length; idx++) {
-            var axis = axes[idx];
-            var axisValueField = axis.options.vertical ? Y : X;
-            var lineBox = axis.lineBox();
+        for (let idx = 0; idx < length; idx++) {
+            const axis = axes[idx];
+            const axisValueField = axis.options.vertical ? Y : X;
+            const lineBox = axis.lineBox();
             chartsBox[axisValueField + 1] = lineBox[axisValueField + 1];
             chartsBox[axisValueField + 2] = lineBox[axisValueField + 2];
         }
 
         if (chartsBox.x2 === 0) {
-            var allAxes = this.parent.axes;
-            var length$1 = allAxes.length;
-
-            for (var idx$1 = 0; idx$1 < length$1; idx$1++) {
-                var axis$1 = allAxes[idx$1];
-                if (!axis$1.options.vertical) {
-                    var lineBox$1 = axis$1.lineBox();
-                    chartsBox.x1 = lineBox$1.x1;
-                    chartsBox.x2 = lineBox$1.x2;
+            const allAxes = this.parent.axes;
+            const length = allAxes.length;
+
+            for (let idx = 0; idx < length; idx++) {
+                const axis = allAxes[idx];
+                if (!axis.options.vertical) {
+                    const lineBox = axis.lineBox();
+                    chartsBox.x1 = lineBox.x1;
+                    chartsBox.x2 = lineBox.x2;
                 }
             }
         }
         return chartsBox;
-    };
+    }
 
-    Pane.prototype.clipBox = function clipBox () {
+    clipBox() {
         return this.chartContainer.clipBox;
-    };
+    }
 
-    Pane.prototype.notifyRender = function notifyRender () {
-        var service = this.getService();
+    notifyRender() {
+        const service = this.getService();
         if (service) {
             service.notify(PANE_RENDER, {
                 pane: new ChartPane(this),
@@ -209,12 +203,10 @@ var Pane = (function (BoxElement) {
                 name: this.options.name
             });
         }
-    };
-
-    return Pane;
-}(BoxElement));
+    }
+}
 
-var ID = 1;
+let ID = 1;
 
 function paneID() {
     return "pane" + ID++;