scichart 2.0.2132 → 2.0.2179

package/Charting/ChartModifiers/RubberBandXyZoomModifier.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -117,7 +119,7 @@ var RubberBandXyZoomModifier = /** @class */ (function (_super) {
             throw new Error("Should not call RubberBandXyZoomModifier.modifierMouseDown if not attached");
         }
         this.parentSurface.setZoomState(ZoomState_1.EZoomState.UserZooming);
-        var pointFromTrans = translate_1.translateFromCanvasToSeriesViewRect(args.mousePoint, this.parentSurface.seriesViewRect);
+        var pointFromTrans = (0, translate_1.translateFromCanvasToSeriesViewRect)(args.mousePoint, this.parentSurface.seriesViewRect);
         if (pointFromTrans) {
             this.pointFrom = pointFromTrans;
             this.isClicked = true;
@@ -130,13 +132,13 @@ var RubberBandXyZoomModifier = /** @class */ (function (_super) {
         _super.prototype.modifierMouseMove.call(this, args);
         var seriesViewRect = this.parentSurface.seriesViewRect;
         if (this.isClicked) {
-            this.pointTo = translate_1.translateFromCanvasToSeriesViewRect(Rect_1.Rect.clipPointToRect(args.mousePoint, seriesViewRect), seriesViewRect);
+            this.pointTo = (0, translate_1.translateFromCanvasToSeriesViewRect)(Rect_1.Rect.clipPointToRect(args.mousePoint, seriesViewRect), seriesViewRect);
             var _a = getRubberBandRect(this.pointFrom, this.pointTo, this.xyDirection, this.parentSurface.seriesViewRect), x = _a.x, right = _a.right, y = _a.y, bottom = _a.bottom;
             this.rubberBandRect.isHidden = false;
-            this.rubberBandRect.x1 = translate_1.translateToNotScaled(x);
-            this.rubberBandRect.x2 = translate_1.translateToNotScaled(right);
-            this.rubberBandRect.y1 = translate_1.translateToNotScaled(y);
-            this.rubberBandRect.y2 = translate_1.translateToNotScaled(bottom);
+            this.rubberBandRect.x1 = (0, translate_1.translateToNotScaled)(x);
+            this.rubberBandRect.x2 = (0, translate_1.translateToNotScaled)(right);
+            this.rubberBandRect.y1 = (0, translate_1.translateToNotScaled)(y);
+            this.rubberBandRect.y2 = (0, translate_1.translateToNotScaled)(bottom);
         }
     };
     /**
@@ -149,7 +151,7 @@ var RubberBandXyZoomModifier = /** @class */ (function (_super) {
         }
         if (this.isClicked) {
             var seriesViewRect = this.parentSurface.seriesViewRect;
-            this.pointTo = translate_1.translateFromCanvasToSeriesViewRect(Rect_1.Rect.clipPointToRect(args.mousePoint, seriesViewRect), seriesViewRect);
+            this.pointTo = (0, translate_1.translateFromCanvasToSeriesViewRect)(Rect_1.Rect.clipPointToRect(args.mousePoint, seriesViewRect), seriesViewRect);
             var _a = getRubberBandRect(this.pointFrom, this.pointTo, this.xyDirection, this.parentSurface.seriesViewRect), x = _a.x, right = _a.right, y = _a.y, bottom = _a.bottom;
             this.isClicked = false;
             this.rubberBandRect.isHidden = true;
@@ -264,7 +266,7 @@ var RubberBandXyZoomModifier = /** @class */ (function (_super) {
     };
     RubberBandXyZoomModifier.prototype.updateRubberBandRect = function () {
         if (this.parentSurface) {
-            this.rubberBandRect = Deleter_1.deleteSafe(this.rubberBandRect);
+            this.rubberBandRect = (0, Deleter_1.deleteSafe)(this.rubberBandRect);
             this.rubberBandRect = new RubberBandSvgRect_1.RubberBandSvgRect(this.parentSurface.domSvgContainer, this.fill, this.stroke, this.strokeThickness);
         }
     };

package/Charting/ChartModifiers/SeriesSelectionModifier.d.ts

@@ -122,7 +122,7 @@ export declare class SeriesSelectionModifier extends ChartModifierBase2D {
     modifierMouseUp(args: ModifierMouseArgs): void;
     toJSON(): {
         type: string;
-        options: Required<Pick<IChartModifierBaseOptions, "id" | "xAxisId" | "yAxisId" | "executeOn" | "xyDirection" | "modifierGroup">>;
+        options: Required<Omit<IChartModifierBaseOptions, never>>;
     };
     /**
      * This function called when the user sets series.isSelected = true elsewhere in code and we want to sync the modifier

package/Charting/ChartModifiers/SeriesSelectionModifier.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -60,7 +62,7 @@ var SeriesSelectionModifier = /** @class */ (function (_super) {
         if (options === null || options === void 0 ? void 0 : options.onSelectionChanged) {
             if (typeof options.onSelectionChanged === "string") {
                 _this.typeMap.set("onSelectionChanged", options.onSelectionChanged);
-                var onSelectionChangedCallback = classFactory_1.getFunction(BaseType_1.EBaseType.OptionFunction, options.onSelectionChanged);
+                var onSelectionChangedCallback = (0, classFactory_1.getFunction)(BaseType_1.EBaseType.OptionFunction, options.onSelectionChanged);
                 _this.selectionChanged.subscribe(onSelectionChangedCallback);
             }
             else {
@@ -70,7 +72,7 @@ var SeriesSelectionModifier = /** @class */ (function (_super) {
         if (options === null || options === void 0 ? void 0 : options.onHoverChanged) {
             if (typeof options.onHoverChanged === "string") {
                 _this.typeMap.set("onHoverChanged", options.onHoverChanged);
-                var onHoverChangedCallback = classFactory_1.getFunction(BaseType_1.EBaseType.OptionFunction, options.onHoverChanged);
+                var onHoverChangedCallback = (0, classFactory_1.getFunction)(BaseType_1.EBaseType.OptionFunction, options.onHoverChanged);
                 _this.hoverChanged.subscribe(onHoverChangedCallback);
             }
             else {
@@ -138,9 +140,9 @@ var SeriesSelectionModifier = /** @class */ (function (_super) {
      */
     SeriesSelectionModifier.prototype.onDetachSeries = function (rs) {
         _super.prototype.onDetachSeries.call(this, rs);
-        this.selectedSeries = array_1.arrayRemove(this.selectedSeries, rs);
+        this.selectedSeries = (0, array_1.arrayRemove)(this.selectedSeries, rs);
         rs.selected.unsubscribe(this.updateSeriesSelected);
-        this.hoveredSeries = array_1.arrayRemove(this.hoveredSeries, rs);
+        this.hoveredSeries = (0, array_1.arrayRemove)(this.hoveredSeries, rs);
         rs.hovered.unsubscribe(this.updateSeriesHovered);
     };
     /**
@@ -283,7 +285,7 @@ var SeriesSelectionModifier = /** @class */ (function (_super) {
             (_a = this.selectionChanged) === null || _a === void 0 ? void 0 : _a.raiseEvent(new SelectionChangedArgs_1.SelectionChangedArgs(this, this.selectedSeries, this.getAllSeries()));
         }
         else {
-            this.selectedSeries = array_1.arrayRemove(this.selectedSeries, arg.sourceSeries);
+            this.selectedSeries = (0, array_1.arrayRemove)(this.selectedSeries, arg.sourceSeries);
             // Raise the selectionChanged event after series deselected
             (_b = this.selectionChanged) === null || _b === void 0 ? void 0 : _b.raiseEvent(new SelectionChangedArgs_1.SelectionChangedArgs(this, this.selectedSeries, this.getAllSeries()));
         }
@@ -300,7 +302,7 @@ var SeriesSelectionModifier = /** @class */ (function (_super) {
             (_a = this.hoverChanged) === null || _a === void 0 ? void 0 : _a.raiseEvent(new HoveredChangedArgs_1.HoveredChangedArgs(this, this.hoveredSeries, this.getAllSeries()));
         }
         else {
-            this.hoveredSeries = array_1.arrayRemove(this.hoveredSeries, arg.sourceSeries);
+            this.hoveredSeries = (0, array_1.arrayRemove)(this.hoveredSeries, arg.sourceSeries);
             // Raise the selectionChanged event after series deselected
             (_b = this.hoverChanged) === null || _b === void 0 ? void 0 : _b.raiseEvent(new HoveredChangedArgs_1.HoveredChangedArgs(this, this.hoveredSeries, this.getAllSeries()));
         }

package/Charting/ChartModifiers/XAxisDragModifier.d.ts

@@ -69,7 +69,7 @@ export declare class XAxisDragModifier extends ChartModifierBase2D {
     modifierMouseUp(args: ModifierMouseArgs): void;
     toJSON(): {
         type: string;
-        options: Required<Pick<IChartModifierBaseOptions, "id" | "xAxisId" | "yAxisId" | "executeOn" | "xyDirection" | "modifierGroup">>;
+        options: Required<Omit<IChartModifierBaseOptions, never>>;
     };
     private updateCursor;
     private doPanning;

package/Charting/ChartModifiers/XAxisDragModifier.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -93,12 +95,12 @@ var XAxisDragModifier = /** @class */ (function (_super) {
         if (!this.isAttached) {
             throw new Error("Should not call XAxisDragModifier.modifierMouseDown if not attached");
         }
-        if (ChartModifierBase2D_1.testIsOverAxes(this.getHorizontalXAxes(), args.mousePoint)) {
+        if ((0, ChartModifierBase2D_1.testIsOverAxes)(this.getHorizontalXAxes(), args.mousePoint)) {
             // Horizontal chart
             this.isVerticalChart = false;
             this.startDragging(this.getHorizontalXAxes(), args);
         }
-        else if (ChartModifierBase2D_1.testIsOverAxes(this.getVerticalXAxes(), args.mousePoint)) {
+        else if ((0, ChartModifierBase2D_1.testIsOverAxes)(this.getVerticalXAxes(), args.mousePoint)) {
             // Vertical chart
             this.isVerticalChart = true;
             this.startDragging(this.getVerticalXAxes(), args);
@@ -147,13 +149,13 @@ var XAxisDragModifier = /** @class */ (function (_super) {
     };
     XAxisDragModifier.prototype.updateCursor = function (mousePoint) {
         var canvas = this.parentSurface.getMainCanvas();
-        if (ChartModifierBase2D_1.testIsOverAxes(this.getHorizontalXAxes(), mousePoint)) {
+        if ((0, ChartModifierBase2D_1.testIsOverAxes)(this.getHorizontalXAxes(), mousePoint)) {
             if (this.cursorStyle !== CursorStyle_1.ECursorStyle.EW) {
                 canvas.style.cursor = CursorStyle_1.ECursorStyle.EW;
                 this.cursorStyle = CursorStyle_1.ECursorStyle.EW;
             }
         }
-        else if (ChartModifierBase2D_1.testIsOverAxes(this.getVerticalXAxes(), mousePoint)) {
+        else if ((0, ChartModifierBase2D_1.testIsOverAxes)(this.getVerticalXAxes(), mousePoint)) {
             if (this.cursorStyle !== CursorStyle_1.ECursorStyle.NS) {
                 canvas.style.cursor = CursorStyle_1.ECursorStyle.NS;
                 this.cursorStyle = CursorStyle_1.ECursorStyle.NS;
@@ -187,16 +189,16 @@ var XAxisDragModifier = /** @class */ (function (_super) {
     XAxisDragModifier.prototype.doScaling = function (pointTo) {
         var seriesViewRect = this.parentSurface.seriesViewRect;
         if (this.isVerticalChart) {
-            var yFromTrans = translate_1.translateFromCanvasToSeriesViewRectY(this.pointFrom.y, seriesViewRect);
+            var yFromTrans = (0, translate_1.translateFromCanvasToSeriesViewRectY)(this.pointFrom.y, seriesViewRect);
             var isMoreThanHalf = yFromTrans >= seriesViewRect.height / 2;
             var yDelta = (pointTo.y - this.pointFrom.y) / seriesViewRect.width;
-            ChartModifierBase2D_2.scaleAxes(this.activeAxes, this.initialVisibleRanges, yDelta, isMoreThanHalf);
+            (0, ChartModifierBase2D_2.scaleAxes)(this.activeAxes, this.initialVisibleRanges, yDelta, isMoreThanHalf);
         }
         else {
-            var xFromTrans = translate_1.translateFromCanvasToSeriesViewRectX(this.pointFrom.x, seriesViewRect);
+            var xFromTrans = (0, translate_1.translateFromCanvasToSeriesViewRectX)(this.pointFrom.x, seriesViewRect);
             var isMoreThanHalf = xFromTrans >= seriesViewRect.width / 2;
             var xDelta = (pointTo.x - this.pointFrom.x) / seriesViewRect.width;
-            ChartModifierBase2D_2.scaleAxes(this.activeAxes, this.initialVisibleRanges, xDelta, isMoreThanHalf);
+            (0, ChartModifierBase2D_2.scaleAxes)(this.activeAxes, this.initialVisibleRanges, xDelta, isMoreThanHalf);
         }
     };
     XAxisDragModifier.prototype.getHorizontalXAxes = function () {
@@ -207,7 +209,7 @@ var XAxisDragModifier = /** @class */ (function (_super) {
     };
     XAxisDragModifier.prototype.startDragging = function (axes, args) {
         this.isClickedOverXAxis = true;
-        var activeAxes = ChartModifierBase2D_1.getActiveAxes(axes, args.mousePoint);
+        var activeAxes = (0, ChartModifierBase2D_1.getActiveAxes)(axes, args.mousePoint);
         var initialVisibleRanges = [];
         activeAxes.forEach(function (el) {
             initialVisibleRanges.push(el.visibleRange);

package/Charting/ChartModifiers/YAxisDragModifier.d.ts

@@ -70,7 +70,7 @@ export declare class YAxisDragModifier extends ChartModifierBase2D implements II
     modifierMouseUp(args: ModifierMouseArgs): void;
     toJSON(): {
         type: string;
-        options: Required<Pick<IChartModifierBaseOptions, "id" | "xAxisId" | "yAxisId" | "executeOn" | "xyDirection" | "modifierGroup">>;
+        options: Required<Omit<IChartModifierBaseOptions, never>>;
     };
     private updateCursor;
     private doPanning;

package/Charting/ChartModifiers/YAxisDragModifier.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -92,12 +94,12 @@ var YAxisDragModifier = /** @class */ (function (_super) {
         if (!this.isAttached) {
             throw new Error("Should not call YAxisDragModifier.modifierMouseDown if not attached");
         }
-        if (ChartModifierBase2D_2.testIsOverAxes(this.getVerticalYAxes(), args.mousePoint)) {
+        if ((0, ChartModifierBase2D_2.testIsOverAxes)(this.getVerticalYAxes(), args.mousePoint)) {
             // Horizontal chart
             this.isVerticalChart = false;
             this.startDragging(this.getVerticalYAxes(), args);
         }
-        else if (ChartModifierBase2D_2.testIsOverAxes(this.getHorizontalYAxes(), args.mousePoint)) {
+        else if ((0, ChartModifierBase2D_2.testIsOverAxes)(this.getHorizontalYAxes(), args.mousePoint)) {
             // Vertical chart
             this.isVerticalChart = true;
             this.startDragging(this.getHorizontalYAxes(), args);
@@ -146,13 +148,13 @@ var YAxisDragModifier = /** @class */ (function (_super) {
     };
     YAxisDragModifier.prototype.updateCursor = function (mousePoint) {
         var canvas = this.parentSurface.getMainCanvas();
-        if (ChartModifierBase2D_2.testIsOverAxes(this.getVerticalYAxes(), mousePoint)) {
+        if ((0, ChartModifierBase2D_2.testIsOverAxes)(this.getVerticalYAxes(), mousePoint)) {
             if (this.cursorStyle !== CursorStyle_1.ECursorStyle.NS) {
                 canvas.style.cursor = CursorStyle_1.ECursorStyle.NS;
                 this.cursorStyle = CursorStyle_1.ECursorStyle.NS;
             }
         }
-        else if (ChartModifierBase2D_2.testIsOverAxes(this.getHorizontalYAxes(), mousePoint)) {
+        else if ((0, ChartModifierBase2D_2.testIsOverAxes)(this.getHorizontalYAxes(), mousePoint)) {
             if (this.cursorStyle !== CursorStyle_1.ECursorStyle.EW) {
                 canvas.style.cursor = CursorStyle_1.ECursorStyle.EW;
                 this.cursorStyle = CursorStyle_1.ECursorStyle.EW;
@@ -186,16 +188,16 @@ var YAxisDragModifier = /** @class */ (function (_super) {
     YAxisDragModifier.prototype.doScaling = function (pointTo) {
         var seriesViewRect = this.parentSurface.seriesViewRect;
         if (this.isVerticalChart) {
-            var xFromTrans = translate_1.translateFromCanvasToSeriesViewRectX(this.pointFrom.x, seriesViewRect);
+            var xFromTrans = (0, translate_1.translateFromCanvasToSeriesViewRectX)(this.pointFrom.x, seriesViewRect);
             var isMoreThanHalf = xFromTrans <= seriesViewRect.width / 2;
             var xDelta = -(pointTo.x - this.pointFrom.x) / seriesViewRect.width;
-            ChartModifierBase2D_3.scaleAxes(this.activeAxes, this.initialVisibleRanges, xDelta, isMoreThanHalf);
+            (0, ChartModifierBase2D_3.scaleAxes)(this.activeAxes, this.initialVisibleRanges, xDelta, isMoreThanHalf);
         }
         else {
-            var yFromTrans = translate_1.translateFromCanvasToSeriesViewRectY(this.pointFrom.y, seriesViewRect);
+            var yFromTrans = (0, translate_1.translateFromCanvasToSeriesViewRectY)(this.pointFrom.y, seriesViewRect);
             var isMoreThanHalf = yFromTrans <= seriesViewRect.height / 2;
             var yDelta = -(pointTo.y - this.pointFrom.y) / seriesViewRect.height;
-            ChartModifierBase2D_3.scaleAxes(this.activeAxes, this.initialVisibleRanges, yDelta, isMoreThanHalf);
+            (0, ChartModifierBase2D_3.scaleAxes)(this.activeAxes, this.initialVisibleRanges, yDelta, isMoreThanHalf);
         }
     };
     YAxisDragModifier.prototype.getVerticalYAxes = function () {
@@ -206,7 +208,7 @@ var YAxisDragModifier = /** @class */ (function (_super) {
     };
     YAxisDragModifier.prototype.startDragging = function (axes, args) {
         this.isClickedOverYAxis = true;
-        var activeAxes = ChartModifierBase2D_1.getActiveAxes(axes, args.mousePoint);
+        var activeAxes = (0, ChartModifierBase2D_1.getActiveAxes)(axes, args.mousePoint);
         var initialVisibleRanges = [];
         activeAxes.forEach(function (el) {
             initialVisibleRanges.push(el.visibleRange);

package/Charting/ChartModifiers/ZoomExtentsModifier.d.ts

@@ -27,6 +27,14 @@ export interface IZoomExtentsModifierOptions extends IChartModifierBaseOptions {
      * A function to execute when zoomExtents is activated.  If this exists and returns false, the builtin behaviour is ignored;
      */
     onZoomExtents?: TZoomExtentsCallback | string;
+    /**
+     * Whether the modifier applies when the mouse is over the area where series are drawn (ie not over the axes).  Default true.
+     */
+    applyToSeriesViewRect?: boolean;
+    /**
+     * Whether the modifier applies when the mouse is over the axes. Default true.
+     */
+    applyToAxes?: boolean;
 }
 /**
  * The ZoomExtentsModifier provides double-tap or double-click to zoom-to-fit (Zoom Extents) behavior
@@ -62,6 +70,14 @@ export declare class ZoomExtentsModifier extends ChartModifierBase2D {
      * A function to execute when zoomExtents is activated.  If this exists and returns false, the builtin behaviour is ignored;
      */
     onZoomExtents?: (sciChartSurface: SciChartSurface) => boolean;
+    /**
+     * Whether the modifier applies when the mouse is over the area where series are drawn (ie not over the axes).  Default true.
+     */
+    applyToSeriesViewRect: boolean;
+    /**
+     * Whether the modifier applies when the mouse is over the axes. Default true.
+     */
+    applyToAxes: boolean;
     constructor(options?: IZoomExtentsModifierOptions);
     /**
      * @inheritDoc
@@ -69,6 +85,6 @@ export declare class ZoomExtentsModifier extends ChartModifierBase2D {
     modifierDoubleClick(args: ModifierMouseArgs): void;
     toJSON(): {
         type: string;
-        options: Required<Pick<IChartModifierBaseOptions, "id" | "xAxisId" | "yAxisId" | "executeOn" | "xyDirection" | "modifierGroup">>;
+        options: Required<Omit<IChartModifierBaseOptions, never>>;
     };
 }

package/Charting/ChartModifiers/ZoomExtentsModifier.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -18,7 +20,9 @@ var classFactory_1 = require("../../Builder/classFactory");
 var EasingFunctions_1 = require("../../Core/Animations/EasingFunctions");
 var BaseType_1 = require("../../types/BaseType");
 var ChartModifierType_1 = require("../../types/ChartModifierType");
+var XyDirection_1 = require("../../types/XyDirection");
 var ZoomState_1 = require("../../types/ZoomState");
+var translate_1 = require("../../utils/translate");
 var ChartModifierBase2D_1 = require("./ChartModifierBase2D");
 /**
  * The ZoomExtentsModifier provides double-tap or double-click to zoom-to-fit (Zoom Extents) behavior
@@ -39,7 +43,7 @@ var ChartModifierBase2D_1 = require("./ChartModifierBase2D");
 var ZoomExtentsModifier = /** @class */ (function (_super) {
     __extends(ZoomExtentsModifier, _super);
     function ZoomExtentsModifier(options) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e;
         var _this = _super.call(this, options) || this;
         _this.type = ChartModifierType_1.EChart2DModifierType.ZoomExtents;
         /**
@@ -54,16 +58,26 @@ var ZoomExtentsModifier = /** @class */ (function (_super) {
          * Defines the easing function for animation. See {@link TEasingFn} for a range of functions
          */
         _this.easingFunction = EasingFunctions_1.easing.outExpo;
-        _this.isAnimated = (_a = options === null || options === void 0 ? void 0 : options.isAnimated) !== null && _a !== void 0 ? _a : true;
-        _this.animationDuration = (_b = options === null || options === void 0 ? void 0 : options.animationDuration) !== null && _b !== void 0 ? _b : 400;
+        /**
+         * Whether the modifier applies when the mouse is over the area where series are drawn (ie not over the axes).  Default true.
+         */
+        _this.applyToSeriesViewRect = true;
+        /**
+         * Whether the modifier applies when the mouse is over the axes. Default true.
+         */
+        _this.applyToAxes = true;
+        _this.isAnimated = (_a = options === null || options === void 0 ? void 0 : options.isAnimated) !== null && _a !== void 0 ? _a : _this.isAnimated;
+        _this.animationDuration = (_b = options === null || options === void 0 ? void 0 : options.animationDuration) !== null && _b !== void 0 ? _b : _this.animationDuration;
+        _this.applyToSeriesViewRect = (_c = options === null || options === void 0 ? void 0 : options.applyToSeriesViewRect) !== null && _c !== void 0 ? _c : _this.applyToSeriesViewRect;
+        _this.applyToAxes = (_d = options === null || options === void 0 ? void 0 : options.applyToAxes) !== null && _d !== void 0 ? _d : _this.applyToAxes;
         if ((options === null || options === void 0 ? void 0 : options.easingFunction) && typeof options.easingFunction === "string") {
             options.easingFunction = EasingFunctions_1.easing[options.easingFunction];
         }
-        _this.easingFunction = (_c = options === null || options === void 0 ? void 0 : options.easingFunction) !== null && _c !== void 0 ? _c : EasingFunctions_1.easing.outExpo;
+        _this.easingFunction = (_e = options === null || options === void 0 ? void 0 : options.easingFunction) !== null && _e !== void 0 ? _e : EasingFunctions_1.easing.outExpo;
         if (options === null || options === void 0 ? void 0 : options.onZoomExtents) {
             if (typeof options.onZoomExtents === "string") {
                 _this.typeMap.set("onZoomExtents", options.onZoomExtents);
-                options.onZoomExtents = classFactory_1.getFunction(BaseType_1.EBaseType.OptionFunction, options.onZoomExtents);
+                options.onZoomExtents = (0, classFactory_1.getFunction)(BaseType_1.EBaseType.OptionFunction, options.onZoomExtents);
             }
         }
         _this.onZoomExtents = options === null || options === void 0 ? void 0 : options.onZoomExtents;
@@ -73,12 +87,51 @@ var ZoomExtentsModifier = /** @class */ (function (_super) {
      * @inheritDoc
      */
     ZoomExtentsModifier.prototype.modifierDoubleClick = function (args) {
+        var _this = this;
         var scs = this.parentSurface;
+        var animationDuration = this.isAnimated ? this.animationDuration : 0;
         if (scs !== undefined) {
-            if (!this.onZoomExtents || this.onZoomExtents(scs)) {
-                var animationDuration = this.isAnimated ? this.animationDuration : 0;
-                scs.zoomExtents(animationDuration, this.easingFunction, function () { return scs.setZoomState(ZoomState_1.EZoomState.AtExtents); });
-                args.handled = true;
+            var zoomPoint = (0, translate_1.translateFromCanvasToSeriesViewRect)(args.mousePoint, this.parentSurface.seriesViewRect);
+            if (zoomPoint && this.applyToSeriesViewRect) {
+                if (!this.onZoomExtents || this.onZoomExtents(scs)) {
+                    switch (this.xyDirection) {
+                        case XyDirection_1.EXyDirection.XyDirection:
+                            scs.zoomExtents(animationDuration, this.easingFunction, function () {
+                                return scs.setZoomState(ZoomState_1.EZoomState.AtExtents);
+                            });
+                            break;
+                        case XyDirection_1.EXyDirection.XDirection:
+                            scs.zoomExtentsX(animationDuration, this.easingFunction);
+                            break;
+                        case XyDirection_1.EXyDirection.YDirection:
+                            scs.zoomExtentsY(animationDuration, this.easingFunction);
+                            break;
+                    }
+                    args.handled = true;
+                }
+            }
+            else if (this.applyToAxes) {
+                var targetAxes = [];
+                if ([XyDirection_1.EXyDirection.XDirection, XyDirection_1.EXyDirection.XyDirection].includes(this.xyDirection)) {
+                    targetAxes.push.apply(targetAxes, this.parentSurface.xAxes.asArray());
+                }
+                if ([XyDirection_1.EXyDirection.YDirection, XyDirection_1.EXyDirection.XyDirection].includes(this.xyDirection)) {
+                    targetAxes.push.apply(targetAxes, this.parentSurface.yAxes.asArray());
+                }
+                var activeAxes = (0, ChartModifierBase2D_1.getActiveAxes)(targetAxes, args.mousePoint);
+                if (activeAxes.length > 0) {
+                    args.handled = true;
+                    activeAxes.forEach(function (axis) {
+                        if (axis.isXAxis) {
+                            var maxXRange = axis.getMaximumRange();
+                            scs.addAnimation(axis.animateVisibleRange(maxXRange, animationDuration, _this.easingFunction));
+                        }
+                        else {
+                            var yRange = axis.getWindowedYRange(undefined);
+                            scs.addAnimation(axis.animateVisibleRange(yRange, animationDuration, _this.easingFunction));
+                        }
+                    });
+                }
             }
         }
     };
@@ -88,6 +141,8 @@ var ZoomExtentsModifier = /** @class */ (function (_super) {
             animationDuration: this.animationDuration,
             easingFunction: this.easingFunction.name,
             isAnimated: this.isAnimated,
+            applyToSeriesViewRect: this.applyToSeriesViewRect,
+            applyToAxes: this.applyToAxes,
             onZoomExtents: this.typeMap.get("onZoomExtents")
         };
         Object.assign(json.options, options);

package/Charting/ChartModifiers/ZoomPanModifier.d.ts

@@ -74,6 +74,8 @@ export declare class ZoomPanModifier extends ChartModifierBase2D implements IInc
     getIncludedXAxis(): AxisBase2D[];
     /** @inheritDoc */
     getIncludedYAxis(): AxisBase2D[];
-    private getIncludedAxis;
-    private testHasExcluded;
+    toJSON(): {
+        type: string;
+        options: Required<Omit<IChartModifierBaseOptions, never>>;
+    };
 }

package/Charting/ChartModifiers/ZoomPanModifier.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -17,6 +19,7 @@ exports.ZoomPanModifier = void 0;
 var ChartModifierType_1 = require("../../types/ChartModifierType");
 var XyDirection_1 = require("../../types/XyDirection");
 var ZoomState_1 = require("../../types/ZoomState");
+var includedAxis_1 = require("../../utils/includedAxis");
 var translate_1 = require("../../utils/translate");
 var AxisBase2D_1 = require("../Visuals/Axis/AxisBase2D");
 var ChartModifierBase2D_1 = require("./ChartModifierBase2D");
@@ -78,7 +81,7 @@ var ZoomPanModifier = /** @class */ (function (_super) {
         if (!this.isAttached) {
             throw new Error("Should not call ZoomPanModifier.modifierMouseDown if not attached");
         }
-        var translatedPoint = translate_1.translateFromCanvasToSeriesViewRect(args.mousePoint, this.parentSurface.seriesViewRect);
+        var translatedPoint = (0, translate_1.translateFromCanvasToSeriesViewRect)(args.mousePoint, this.parentSurface.seriesViewRect);
         if (!translatedPoint) {
             return;
         }
@@ -158,29 +161,30 @@ var ZoomPanModifier = /** @class */ (function (_super) {
     };
     /** @inheritDoc */
     ZoomPanModifier.prototype.getIncludedXAxis = function () {
-        return this.getIncludedAxis(this.parentSurface.xAxes.asArray(), this.includedXAxisMap);
+        return (0, includedAxis_1.getIncludedAxis)(this.parentSurface.xAxes.asArray(), this.includedXAxisMap);
     };
     /** @inheritDoc */
     ZoomPanModifier.prototype.getIncludedYAxis = function () {
-        return this.getIncludedAxis(this.parentSurface.yAxes.asArray(), this.includedYAxisMap);
+        return (0, includedAxis_1.getIncludedAxis)(this.parentSurface.yAxes.asArray(), this.includedYAxisMap);
     };
-    ZoomPanModifier.prototype.getIncludedAxis = function (allAxes, axisMap) {
-        if (axisMap.size === 0) {
-            return allAxes;
-        }
-        if (this.testHasExcluded(axisMap)) {
-            return allAxes.filter(function (axis) { return axisMap.get(axis.id) !== false; });
-        }
-        return allAxes.filter(function (axis) { return axisMap.get(axis.id) === true; });
-    };
-    ZoomPanModifier.prototype.testHasExcluded = function (axisMap) {
-        var hasExcluded = false;
-        axisMap.forEach(function (value) {
-            if (value === false) {
-                hasExcluded = true;
-            }
-        });
-        return hasExcluded;
+    ZoomPanModifier.prototype.toJSON = function () {
+        var json = _super.prototype.toJSON.call(this);
+        var options = {
+            includedXAxisIds: Array.from(this.includedXAxisMap.entries())
+                .filter(function (a) { return a[1]; })
+                .map(function (a) { return a[0]; }),
+            includedYAxisIds: Array.from(this.includedYAxisMap.entries())
+                .filter(function (a) { return a[1]; })
+                .map(function (a) { return a[0]; }),
+            excludedXAxisIds: Array.from(this.includedXAxisMap.entries())
+                .filter(function (a) { return !a[1]; })
+                .map(function (a) { return a[0]; }),
+            excludedYAxisIds: Array.from(this.includedYAxisMap.entries())
+                .filter(function (a) { return !a[1]; })
+                .map(function (a) { return a[0]; })
+        };
+        Object.assign(json.options, options);
+        return json;
     };
     return ZoomPanModifier;
 }(ChartModifierBase2D_1.ChartModifierBase2D));

package/Charting/Drawing/BaseCache.js

@@ -33,7 +33,7 @@ var BaseCache = /** @class */ (function () {
      * @inheritDoc
      */
     BaseCache.prototype.invalidateCache = function () {
-        this.cachedEntity = Deleter_1.deleteSafe(this.cachedEntity);
+        this.cachedEntity = (0, Deleter_1.deleteSafe)(this.cachedEntity);
     };
     /**
      * @inheritDoc
@@ -45,7 +45,7 @@ var BaseCache = /** @class */ (function () {
      * @inheritDoc
      */
     BaseCache.prototype.delete = function () {
-        this.cachedEntity = Deleter_1.deleteSafe(this.cachedEntity);
+        this.cachedEntity = (0, Deleter_1.deleteSafe)(this.cachedEntity);
         if (this.webAssemblyContext) {
             // remove reference of the current instance to global collection of cached resources
             WebGlRenderContext2D_1.WebGlRenderContext2D.webGlResourcesRefs.delete(this);