scichart 2.2.2404 → 2.2.2411

package/Charting/ChartModifiers/ChartModifierBase.d.ts

@@ -78,6 +78,8 @@ export interface IChartModifierBase extends IThemeable, IDeletable {
     onParentSurfaceRendered(): void;
     /**
      * Method called when mouse-down or touch-down occurs on the parent {@link SciChartSurfaceBase}
+     * Call args.nativeEvent.preventDefault() to prevent default browser actions
+     * like fast scroll for mouse wheel click and dragging of selected elements
      * @param args the {@link ModifierMouseArgs} containing data about the mouse event
      * @param scs the {@link SciChartSurfaceBase} on which method was called
      */

package/Charting/ChartModifiers/ChartModifierBase.js

@@ -112,6 +112,10 @@ var ChartModifierBase = /** @class */ (function () {
     /** @inheritDoc */
     ChartModifierBase.prototype.modifierMouseDown = function (args) {
         // Override in derived class to be notified of mouse down
+        if (this.executeOn === ExecuteOn_1.EExecuteOn.MouseMiddleButton) {
+            // Don't scroll browser if middle button is being used for the modifier
+            args.nativeEvent.preventDefault();
+        }
     };
     /** @inheritDoc */
     ChartModifierBase.prototype.modifierMouseMove = function (args) {

package/Charting/ChartModifiers/DataPointSelectionModifier.js

@@ -203,9 +203,6 @@ var DataPointSelectionModifier = /** @class */ (function (_super) {
             this.startPoint = pointFromTrans;
             this.isClicked = true;
         }
-        if (args.isMaster) {
-            args.target.setPointerCapture(args.pointerId);
-        }
         args.handled = true;
     };
     /**
@@ -250,9 +247,6 @@ var DataPointSelectionModifier = /** @class */ (function (_super) {
             }
             this.isClicked = false;
             this.selectionRect.isHidden = true;
-            if (args.isMaster) {
-                args.target.releasePointerCapture(args.pointerId);
-            }
         }
     };
     Object.defineProperty(DataPointSelectionModifier.prototype, "selectionStrokeThickness", {

package/Charting/ChartModifiers/ModifierMouseArgs.d.ts

@@ -13,6 +13,7 @@ declare type TModifierMouseArgsParams = {
     shiftKey?: boolean;
     ctrlKey?: boolean;
     altKey?: boolean;
+    nativeEvent?: MouseEvent;
 };
 /**
  * Mouse arguments passed to {@link ChartModifierBase} methods
@@ -25,12 +26,12 @@ export declare class ModifierMouseArgs extends ModifierArgsBase {
     static fromMouseEvent(mouseEvent: MouseEvent): ModifierMouseArgs;
     /**
      * Creates a {@link ModifierMouseArgs} instance from Javascript {@link WheelEvent}
-     * @param mouseEvent the Javascript {@link WheelEvent}
+     * @param wheelEvent the Javascript {@link WheelEvent}
      */
     static fromWheelEvent(wheelEvent: WheelEvent): ModifierMouseArgs;
     /**
      * Creates a {@link ModifierMouseArgs} instance from Javascript {@link PointerEvent}
-     * @param mouseEvent the Javascript {@link PointerEvent}
+     * @param pointerEvent the Javascript {@link PointerEvent}
      */
     static fromPointerEvent(pointerEvent: PointerEvent): ModifierMouseArgs;
     /**
@@ -88,6 +89,10 @@ export declare class ModifierMouseArgs extends ModifierArgsBase {
      * When true, the Ctrl Key is currently pressed
      */
     readonly ctrlKey: boolean;
+    /**
+     * The native pointer event
+     */
+    nativeEvent: MouseEvent;
     /**
      * Creates an instance of {@link ModifierMouseArgs}
      * @param mousePoint the mouse point as an X,Y location

package/Charting/ChartModifiers/ModifierMouseArgs.js

@@ -55,6 +55,7 @@ var ModifierMouseArgs = /** @class */ (function (_super) {
         _this.shiftKey = options === null || options === void 0 ? void 0 : options.shiftKey;
         _this.altKey = options === null || options === void 0 ? void 0 : options.altKey;
         _this.ctrlKey = options === null || options === void 0 ? void 0 : options.ctrlKey;
+        _this.nativeEvent = options === null || options === void 0 ? void 0 : options.nativeEvent;
         return _this;
     }
     /**
@@ -69,13 +70,14 @@ var ModifierMouseArgs = /** @class */ (function (_super) {
             isMaster: true,
             shiftKey: mouseEvent.shiftKey,
             ctrlKey: mouseEvent.ctrlKey,
-            altKey: mouseEvent.altKey
+            altKey: mouseEvent.altKey,
+            nativeEvent: mouseEvent
         };
         return new ModifierMouseArgs(mousePoint, options);
     };
     /**
      * Creates a {@link ModifierMouseArgs} instance from Javascript {@link WheelEvent}
-     * @param mouseEvent the Javascript {@link WheelEvent}
+     * @param wheelEvent the Javascript {@link WheelEvent}
      */
     ModifierMouseArgs.fromWheelEvent = function (wheelEvent) {
         Guard_1.Guard.notNull(wheelEvent, "wheelEvent");
@@ -86,13 +88,14 @@ var ModifierMouseArgs = /** @class */ (function (_super) {
             isMaster: true,
             shiftKey: wheelEvent.shiftKey,
             ctrlKey: wheelEvent.ctrlKey,
-            altKey: wheelEvent.altKey
+            altKey: wheelEvent.altKey,
+            nativeEvent: wheelEvent
         };
         return new ModifierMouseArgs(mousePoint, options);
     };
     /**
      * Creates a {@link ModifierMouseArgs} instance from Javascript {@link PointerEvent}
-     * @param mouseEvent the Javascript {@link PointerEvent}
+     * @param pointerEvent the Javascript {@link PointerEvent}
      */
     ModifierMouseArgs.fromPointerEvent = function (pointerEvent) {
         Guard_1.Guard.notNull(pointerEvent, "pointerEvent");
@@ -105,7 +108,8 @@ var ModifierMouseArgs = /** @class */ (function (_super) {
             isMaster: true,
             shiftKey: pointerEvent.shiftKey,
             ctrlKey: pointerEvent.ctrlKey,
-            altKey: pointerEvent.altKey
+            altKey: pointerEvent.altKey,
+            nativeEvent: pointerEvent
         };
         return new ModifierMouseArgs(mousePoint, options);
     };

package/Charting/ChartModifiers/PinchZoomModifier.js

@@ -81,7 +81,6 @@ var PinchZoomModifier = /** @class */ (function (_super) {
         }
         this.activeTouchEvents.set(args.pointerId, args);
         args.handled = true;
-        args.target.setPointerCapture(args.pointerId);
     };
     /**
      * @inheritDoc
@@ -164,7 +163,6 @@ var PinchZoomModifier = /** @class */ (function (_super) {
     PinchZoomModifier.prototype.removeFromActiveTouchEvents = function (args) {
         // Remove this event from the target's cache
         this.activeTouchEvents.delete(args.pointerId);
-        args.target.releasePointerCapture(args.pointerId);
         // reset distance values
         if (this.activeTouchEvents.size < 2) {
             this.previousHorizontalTouchPointsDistance = undefined;

package/Charting/ChartModifiers/XAxisDragModifier.js

@@ -134,7 +134,6 @@ var XAxisDragModifier = /** @class */ (function (_super) {
         this.updateCursor(args.mousePoint);
         this.pointFrom = undefined;
         this.isClickedOverXAxis = false;
-        args.target.releasePointerCapture(args.pointerId);
     };
     XAxisDragModifier.prototype.toJSON = function () {
         var json = _super.prototype.toJSON.call(this);
@@ -218,7 +217,6 @@ var XAxisDragModifier = /** @class */ (function (_super) {
         this.initialVisibleRanges = initialVisibleRanges;
         this.pointFrom = args.mousePoint;
         args.handled = true;
-        args.target.setPointerCapture(args.pointerId);
     };
     return XAxisDragModifier;
 }(ChartModifierBase2D_1.ChartModifierBase2D));

package/Charting/ChartModifiers/YAxisDragModifier.js

@@ -133,7 +133,6 @@ var YAxisDragModifier = /** @class */ (function (_super) {
         this.updateCursor(args.mousePoint);
         this.pointFrom = undefined;
         this.isClickedOverYAxis = false;
-        args.target.releasePointerCapture(args.pointerId);
     };
     YAxisDragModifier.prototype.toJSON = function () {
         var json = _super.prototype.toJSON.call(this);
@@ -217,7 +216,6 @@ var YAxisDragModifier = /** @class */ (function (_super) {
         this.initialVisibleRanges = initialVisibleRanges;
         this.pointFrom = args.mousePoint;
         args.handled = true;
-        args.target.setPointerCapture(args.pointerId);
     };
     return YAxisDragModifier;
 }(ChartModifierBase2D_1.ChartModifierBase2D));

package/Charting/ChartModifiers/ZoomPanModifier.js

@@ -94,7 +94,6 @@ var ZoomPanModifier = /** @class */ (function (_super) {
         this.parentSurface.setZoomState(ZoomState_1.EZoomState.UserZooming);
         args.handled = true;
         this.lastPoint = args.mousePoint;
-        args.target.setPointerCapture(args.pointerId);
     };
     /** @inheritDoc */
     ZoomPanModifier.prototype.modifierMouseMove = function (args) {
@@ -131,7 +130,6 @@ var ZoomPanModifier = /** @class */ (function (_super) {
     ZoomPanModifier.prototype.modifierMouseUp = function (args) {
         _super.prototype.modifierMouseUp.call(this, args);
         this.lastPoint = undefined;
-        args.target.releasePointerCapture(args.pointerId);
         this.activeTouchEvents.delete(args.pointerId);
         // delegate drag and pan handling to the next active pointer in order of event occurrence
         if (this.activeTouchEvents.size > 0) {
@@ -144,7 +142,6 @@ var ZoomPanModifier = /** @class */ (function (_super) {
     ZoomPanModifier.prototype.modifierPointerCancel = function (args) {
         _super.prototype.modifierPointerCancel.call(this, args);
         this.lastPoint = undefined;
-        args.target.releasePointerCapture(args.pointerId);
         this.activeTouchEvents.clear();
     };
     /** @inheritDoc */

package/Charting/Visuals/RenderableSeries/HitTest/BandSeriesHitTestProvider.js

@@ -39,6 +39,9 @@ var BandSeriesHitTestProvider = /** @class */ (function (_super) {
         var xHitCoord = isVerticalChart ? hitTestPoint.y : hitTestPoint.x;
         var yHitCoord = isVerticalChart ? hitTestPoint.x : hitTestPoint.y;
         var dataSeries = this.parentSeries.dataSeries;
+        if (!dataSeries) {
+            return HitTestInfo_1.HitTestInfo.empty();
+        }
         var nearestPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXPoint(this.webAssemblyContext, xCoordinateCalculator, dataSeries, xHitCoord, dataSeries.dataDistributionCalculator.isSortedAscending);
         var xNativeValues = dataSeries.getNativeXValues();
         var yNativeValues = dataSeries.getNativeYValues();
@@ -68,6 +71,9 @@ var BandSeriesHitTestProvider = /** @class */ (function (_super) {
         var xHitCoord = isVerticalChart ? hitTestPoint.y : hitTestPoint.x;
         var yHitCoord = isVerticalChart ? hitTestPoint.x : hitTestPoint.y;
         var dataSeries = this.parentSeries.dataSeries;
+        if (!dataSeries) {
+            return HitTestInfo_1.HitTestInfo.empty();
+        }
         var nearestPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXyyPoint(xCoordinateCalculator, yCoordinateCalculator, dataSeries, xHitCoord, yHitCoord);
         var hitTestInfo = hitTestHelpers_1.hitTestHelpers.createHitTestInfo(this.parentSeries, xCoordinateCalculator, yCoordinateCalculator, isVerticalChart, dataSeries, dataSeries.getNativeXValues(), dataSeries.getNativeYValues(), xHitCoord, yHitCoord, nearestPointIndex, hitTestRadius);
         if (nearestPointIndex >= 0) {
@@ -94,6 +100,9 @@ var BandSeriesHitTestProvider = /** @class */ (function (_super) {
         var xHitCoord = isVerticalChart ? hitTestPoint.y : hitTestPoint.x;
         var yHitCoord = isVerticalChart ? hitTestPoint.x : hitTestPoint.y;
         var dataSeries = this.parentSeries.dataSeries;
+        if (!dataSeries) {
+            return HitTestInfo_1.HitTestInfo.empty();
+        }
         var nearestPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXPoint(this.webAssemblyContext, xCoordinateCalculator, dataSeries, xHitCoord, dataSeries.dataDistributionCalculator.isSortedAscending);
         var hitTestInfo = hitTestHelpers_1.hitTestHelpers.createHitTestInfo(this.parentSeries, xCoordinateCalculator, yCoordinateCalculator, isVerticalChart, dataSeries, dataSeries.getNativeXValues(), dataSeries.getNativeYValues(), xHitCoord, yHitCoord, nearestPointIndex, 0);
         if (nearestPointIndex >= 0) {

package/Charting/Visuals/RenderableSeries/HitTest/BaseHitTestProvider.js

@@ -40,6 +40,9 @@ var BaseHitTestProvider = /** @class */ (function () {
         var xHitCoord = isVerticalChart ? hitTestPoint.y : hitTestPoint.x;
         var yHitCoord = isVerticalChart ? hitTestPoint.x : hitTestPoint.y;
         var dataSeries = this.parentSeries.dataSeries;
+        if (!dataSeries) {
+            return HitTestInfo_1.HitTestInfo.empty();
+        }
         var nearestPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXyPoint(xCoordinateCalculator, yCoordinateCalculator, dataSeries, xHitCoord, yHitCoord);
         var xNativeValues = dataSeries.getNativeXValues();
         var yNativeValues = dataSeries.getNativeYValues();
@@ -71,6 +74,9 @@ var BaseHitTestProvider = /** @class */ (function () {
         var xHitCoord = isVerticalChart ? hitTestPoint.y : hitTestPoint.x;
         var yHitCoord = isVerticalChart ? hitTestPoint.x : hitTestPoint.y;
         var dataSeries = this.parentSeries.dataSeries;
+        if (!dataSeries) {
+            return HitTestInfo_1.HitTestInfo.empty();
+        }
         var nearestPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXPoint(this.webAssemblyContext, xCoordinateCalculator, dataSeries, xHitCoord, dataSeries.dataDistributionCalculator.isSortedAscending);
         var hitTestInfo = hitTestHelpers_1.hitTestHelpers.createHitTestInfo(this.parentSeries, xCoordinateCalculator, yCoordinateCalculator, isVerticalChart, dataSeries, dataSeries.getNativeXValues(), dataSeries.getNativeYValues(), xHitCoord, yHitCoord, nearestPointIndex, 0);
         hitTestInfo.isHit = hitTestInfo.isWithinDataBounds;

package/Charting/Visuals/RenderableSeries/HitTest/BubbleSeriesHitTestProvider.js

@@ -42,6 +42,9 @@ var BubbleSeriesHitTestProvider = /** @class */ (function (_super) {
         var xHitCoord = isVerticalChart ? hitTestPoint.y : hitTestPoint.x;
         var yHitCoord = isVerticalChart ? hitTestPoint.x : hitTestPoint.y;
         var dataSeries = this.parentSeries.dataSeries;
+        if (!dataSeries) {
+            return HitTestInfo_1.HitTestInfo.empty();
+        }
         var nearestPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXyPoint(xCoordinateCalculator, yCoordinateCalculator, dataSeries, xHitCoord, yHitCoord);
         var xNativeValues = dataSeries.getNativeXValues();
         var yNativeValues = dataSeries.getNativeYValues();
@@ -86,6 +89,9 @@ var BubbleSeriesHitTestProvider = /** @class */ (function (_super) {
         var xHitCoord = isVerticalChart ? hitTestPoint.y : hitTestPoint.x;
         var yHitCoord = isVerticalChart ? hitTestPoint.x : hitTestPoint.y;
         var dataSeries = this.parentSeries.dataSeries;
+        if (!dataSeries) {
+            return HitTestInfo_1.HitTestInfo.empty();
+        }
         var xNativeValues = dataSeries.getNativeXValues();
         var yNativeValues = dataSeries.getNativeYValues();
         var zNativeValues = dataSeries.getNativeZValues();

package/Charting/Visuals/RenderableSeries/HitTest/ColumnSeriesHitTestProvider.js

@@ -40,6 +40,9 @@ var ColumnSeriesHitTestProvider = /** @class */ (function (_super) {
         var xHitCoord = isVerticalChart ? hitTestPoint.y : hitTestPoint.x;
         var yHitCoord = isVerticalChart ? hitTestPoint.x : hitTestPoint.y;
         var dataSeries = this.parentSeries.dataSeries;
+        if (!dataSeries) {
+            return HitTestInfo_1.HitTestInfo.empty();
+        }
         var nearestPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXPoint(this.webAssemblyContext, xCoordinateCalculator, dataSeries, xHitCoord, dataSeries.dataDistributionCalculator.isSortedAscending);
         var xNativeValues = dataSeries.getNativeXValues();
         var yNativeValues = dataSeries.getNativeYValues();
@@ -71,6 +74,9 @@ var ColumnSeriesHitTestProvider = /** @class */ (function (_super) {
         var xHitCoord = isVerticalChart ? hitTestPoint.y : hitTestPoint.x;
         var yHitCoord = isVerticalChart ? hitTestPoint.x : hitTestPoint.y;
         var dataSeries = this.parentSeries.dataSeries;
+        if (!dataSeries) {
+            return HitTestInfo_1.HitTestInfo.empty();
+        }
         var xNativeValues = dataSeries.getNativeXValues();
         var yNativeValues = dataSeries.getNativeYValues();
         var nearestPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXPoint(this.webAssemblyContext, xCoordinateCalculator, dataSeries, xHitCoord, dataSeries.dataDistributionCalculator.isSortedAscending);

package/Charting/Visuals/RenderableSeries/HitTest/ErrorSeriesHitTestProvider.js

@@ -42,6 +42,9 @@ var ErrorSeriesHitTestProvider = /** @class */ (function (_super) {
         var xHitCoord = isVerticalChart ? hitTestPoint.y : hitTestPoint.x;
         var yHitCoord = isVerticalChart ? hitTestPoint.x : hitTestPoint.y;
         var dataSeries = this.parentSeries.dataSeries;
+        if (!dataSeries) {
+            return HitTestInfo_1.HitTestInfo.empty();
+        }
         // TODO handle horizontal direction
         var nearestPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXPoint(this.webAssemblyContext, xCoordinateCalculator, dataSeries, xHitCoord, dataSeries.dataDistributionCalculator.isSortedAscending);
         var xNativeValues = dataSeries.getNativeXValues();
@@ -77,6 +80,9 @@ var ErrorSeriesHitTestProvider = /** @class */ (function (_super) {
         var xHitCoord = isVerticalChart ? hitTestPoint.y : hitTestPoint.x;
         var yHitCoord = isVerticalChart ? hitTestPoint.x : hitTestPoint.y;
         var dataSeries = this.parentSeries.dataSeries;
+        if (!dataSeries) {
+            return HitTestInfo_1.HitTestInfo.empty();
+        }
         var xNativeValues = dataSeries.getNativeXValues();
         var yNativeValues = dataSeries.getNativeYValues();
         var lowNativeValues = dataSeries.getNativeLowValues();

package/Charting/Visuals/RenderableSeries/HitTest/ImpulseSeriesHitTestProvider.js

@@ -42,6 +42,9 @@ var ImpulseSeriesHitTestProvider = /** @class */ (function (_super) {
         var xHitCoord = isVerticalChart ? hitTestPoint.y : hitTestPoint.x;
         var yHitCoord = isVerticalChart ? hitTestPoint.x : hitTestPoint.y;
         var dataSeries = this.parentSeries.dataSeries;
+        if (!dataSeries) {
+            return HitTestInfo_1.HitTestInfo.empty();
+        }
         var nearestXyPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXyPoint(xCoordinateCalculator, yCoordinateCalculator, dataSeries, xHitCoord, yHitCoord);
         var nearestPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXPoint(this.webAssemblyContext, xCoordinateCalculator, dataSeries, xHitCoord, dataSeries.dataDistributionCalculator.isSortedAscending);
         var xNativeValues = dataSeries.getNativeXValues();
@@ -77,6 +80,9 @@ var ImpulseSeriesHitTestProvider = /** @class */ (function (_super) {
         var xHitCoord = isVerticalChart ? hitTestPoint.y : hitTestPoint.x;
         var yHitCoord = isVerticalChart ? hitTestPoint.x : hitTestPoint.y;
         var dataSeries = this.parentSeries.dataSeries;
+        if (!dataSeries) {
+            return HitTestInfo_1.HitTestInfo.empty();
+        }
         var xNativeValues = dataSeries.getNativeXValues();
         var yNativeValues = dataSeries.getNativeYValues();
         var nearestPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXPoint(this.webAssemblyContext, xCoordinateCalculator, dataSeries, xHitCoord, dataSeries.dataDistributionCalculator.isSortedAscending);

package/Charting/Visuals/RenderableSeries/HitTest/LineSeriesHitTestProvider.js

@@ -51,6 +51,9 @@ var LineSeriesHitTestProvider = /** @class */ (function (_super) {
     LineSeriesHitTestProvider.prototype.hitTestSorted = function (xHitCoord, yHitCoord, hitTestRadius) {
         var _a = this.currentRenderPassData, xCoordinateCalculator = _a.xCoordinateCalculator, yCoordinateCalculator = _a.yCoordinateCalculator, isVerticalChart = _a.isVerticalChart;
         var dataSeries = this.parentSeries.dataSeries;
+        if (!dataSeries) {
+            return HitTestInfo_1.HitTestInfo.empty();
+        }
         var nearestPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXPoint(this.webAssemblyContext, xCoordinateCalculator, dataSeries, xHitCoord, dataSeries.dataDistributionCalculator.isSortedAscending);
         var xNativeValues = dataSeries.getNativeXValues();
         var yNativeValues = dataSeries.getNativeYValues();
@@ -81,6 +84,9 @@ var LineSeriesHitTestProvider = /** @class */ (function (_super) {
     LineSeriesHitTestProvider.prototype.hitTestUnsorted = function (xHitCoord, yHitCoord, hitTestRadius) {
         var _a = this.currentRenderPassData, xCoordinateCalculator = _a.xCoordinateCalculator, yCoordinateCalculator = _a.yCoordinateCalculator, isVerticalChart = _a.isVerticalChart;
         var dataSeries = this.parentSeries.dataSeries;
+        if (!dataSeries) {
+            return HitTestInfo_1.HitTestInfo.empty();
+        }
         var nearestPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXyPoint(xCoordinateCalculator, yCoordinateCalculator, dataSeries, xHitCoord, yHitCoord);
         var xNativeValues = dataSeries.getNativeXValues();
         var yNativeValues = dataSeries.getNativeYValues();

package/Charting/Visuals/RenderableSeries/HitTest/MountainSeriesHitTestProvider.js

@@ -40,6 +40,9 @@ var MountainSeriesHitTestProvider = /** @class */ (function (_super) {
         var yHitCoord = isVerticalChart ? hitTestPoint.x : hitTestPoint.y;
         var renderableSeries = this.parentSeries;
         var dataSeries = renderableSeries.dataSeries;
+        if (!dataSeries) {
+            return HitTestInfo_1.HitTestInfo.empty();
+        }
         var nearestPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXPoint(this.webAssemblyContext, xCoordinateCalculator, dataSeries, xHitCoord, dataSeries.dataDistributionCalculator.isSortedAscending);
         var xNativeValues = dataSeries.getNativeXValues();
         var yNativeValues = dataSeries.getNativeYValues();

package/Charting/Visuals/RenderableSeries/HitTest/OhlcSeriesHitTestProvider.js

@@ -42,6 +42,9 @@ var OhlcSeriesHitTestProvider = /** @class */ (function (_super) {
         var yHitCoord = isVerticalChart ? hitTestPoint.x : hitTestPoint.y;
         var renderableSeries = this.parentSeries;
         var dataSeries = this.parentSeries.dataSeries;
+        if (!dataSeries) {
+            return HitTestInfo_1.HitTestInfo.empty();
+        }
         var nearestPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXPoint(this.webAssemblyContext, xCoordinateCalculator, dataSeries, xHitCoord, dataSeries.dataDistributionCalculator.isSortedAscending);
         var xNativeValues = dataSeries.getNativeXValues();
         var yNativeValues = dataSeries.getNativeYValues();
@@ -78,6 +81,9 @@ var OhlcSeriesHitTestProvider = /** @class */ (function (_super) {
         var xHitCoord = isVerticalChart ? hitTestPoint.y : hitTestPoint.x;
         var yHitCoord = isVerticalChart ? hitTestPoint.x : hitTestPoint.y;
         var dataSeries = this.parentSeries.dataSeries;
+        if (!dataSeries) {
+            return HitTestInfo_1.HitTestInfo.empty();
+        }
         var xNativeValues = dataSeries.getNativeXValues();
         var yNativeValues = dataSeries.getNativeYValues();
         var nearestPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXPoint(this.webAssemblyContext, xCoordinateCalculator, dataSeries, xHitCoord, dataSeries.dataDistributionCalculator.isSortedAscending);

package/Charting/Visuals/RenderableSeries/HitTest/ScatterSeriesHitTestProvider.js

@@ -41,6 +41,9 @@ var ScatterSeriesHitTestProvider = /** @class */ (function (_super) {
         var xHitCoord = isVerticalChart ? hitTestPoint.y : hitTestPoint.x;
         var yHitCoord = isVerticalChart ? hitTestPoint.x : hitTestPoint.y;
         var dataSeries = this.parentSeries.dataSeries;
+        if (!dataSeries) {
+            return HitTestInfo_1.HitTestInfo.empty();
+        }
         var nearestPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXyPoint(xCoordinateCalculator, yCoordinateCalculator, dataSeries, xHitCoord, yHitCoord);
         var xNativeValues = dataSeries.getNativeXValues();
         var yNativeValues = dataSeries.getNativeYValues();
@@ -72,6 +75,9 @@ var ScatterSeriesHitTestProvider = /** @class */ (function (_super) {
         var xHitCoord = isVerticalChart ? hitTestPoint.y : hitTestPoint.x;
         var yHitCoord = isVerticalChart ? hitTestPoint.x : hitTestPoint.y;
         var dataSeries = this.parentSeries.dataSeries;
+        if (!dataSeries) {
+            return HitTestInfo_1.HitTestInfo.empty();
+        }
         var xNativeValues = dataSeries.getNativeXValues();
         var yNativeValues = dataSeries.getNativeYValues();
         var nearestPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXPoint(this.webAssemblyContext, xCoordinateCalculator, dataSeries, xHitCoord, dataSeries.dataDistributionCalculator.isSortedAscending);

package/Charting/Visuals/RenderableSeries/HitTest/StackedColumnSeriesHitTestProvider.js

@@ -40,6 +40,9 @@ var StackedColumnSeriesHitTestProvider = /** @class */ (function (_super) {
         var xHitCoord = isVerticalChart ? hitTestPoint.y : hitTestPoint.x;
         var yHitCoord = isVerticalChart ? hitTestPoint.x : hitTestPoint.y;
         var dataSeries = this.parentSeries.dataSeries;
+        if (!dataSeries) {
+            return HitTestInfo_1.HitTestInfo.empty();
+        }
         var nearestPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXPoint(this.webAssemblyContext, xCoordinateCalculator, dataSeries, xHitCoord, dataSeries.dataDistributionCalculator.isSortedAscending);
         var xNativeValues = dataSeries.getNativeXValues();
         var yNativeValues = dataSeries.getNativeYValues();
@@ -98,6 +101,9 @@ var StackedColumnSeriesHitTestProvider = /** @class */ (function (_super) {
         var xHitCoord = isVerticalChart ? hitTestPoint.y : hitTestPoint.x;
         var yHitCoord = isVerticalChart ? hitTestPoint.x : hitTestPoint.y;
         var dataSeries = this.parentSeries.dataSeries;
+        if (!dataSeries) {
+            return HitTestInfo_1.HitTestInfo.empty();
+        }
         var nearestPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXPoint(this.webAssemblyContext, xCoordinateCalculator, dataSeries, xHitCoord, dataSeries.dataDistributionCalculator.isSortedAscending);
         var xNativeValues = dataSeries.getNativeXValues();
         var yNativeValues = dataSeries.getNativeYValues();

package/Charting/Visuals/RenderableSeries/HitTest/StackedMountainSeriesHitTestProvider.js

@@ -39,6 +39,9 @@ var StackedMountainSeriesHitTestProvider = /** @class */ (function (_super) {
         var xHitCoord = isVerticalChart ? hitTestPoint.y : hitTestPoint.x;
         var yHitCoord = isVerticalChart ? hitTestPoint.x : hitTestPoint.y;
         var dataSeries = this.parentSeries.dataSeries;
+        if (!dataSeries) {
+            return HitTestInfo_1.HitTestInfo.empty();
+        }
         var nearestPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXPoint(this.webAssemblyContext, xCoordinateCalculator, dataSeries, xHitCoord, dataSeries.dataDistributionCalculator.isSortedAscending);
         var xNativeValues = dataSeries.getNativeXValues();
         var accumulatedValues = this.parentSeries.accumulatedValues;
@@ -69,6 +72,9 @@ var StackedMountainSeriesHitTestProvider = /** @class */ (function (_super) {
         var xHitCoord = isVerticalChart ? hitTestPoint.y : hitTestPoint.x;
         var yHitCoord = isVerticalChart ? hitTestPoint.x : hitTestPoint.y;
         var dataSeries = this.parentSeries.dataSeries;
+        if (!dataSeries) {
+            return HitTestInfo_1.HitTestInfo.empty();
+        }
         var nearestPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXPoint(this.webAssemblyContext, xCoordinateCalculator, dataSeries, xHitCoord, dataSeries.dataDistributionCalculator.isSortedAscending);
         var xNativeValues = dataSeries.getNativeXValues();
         var yNativeValues = dataSeries.getNativeYValues();

package/Charting/Visuals/RenderableSeries/HitTest/UniformHeatmapHitTestProvider.js

@@ -40,6 +40,9 @@ var UniformHeatmapHitTestProvider = /** @class */ (function (_super) {
         var xHitCoord = isVerticalChart ? hitTestPoint.y : hitTestPoint.x;
         var yHitCoord = isVerticalChart ? hitTestPoint.x : hitTestPoint.y;
         var dataSeries = this.parentSeries.dataSeries;
+        if (!dataSeries) {
+            return HitTestInfo_1.HitTestInfo.empty();
+        }
         var heatmapPoint = hitTestHelpers_1.hitTestHelpers.getNearestHeatmapPoint(xCoordinateCalculator, yCoordinateCalculator, dataSeries, xHitCoord, yHitCoord);
         var xIndex = heatmapPoint.xIndex, yIndex = heatmapPoint.yIndex, zValue = heatmapPoint.zValue;
         var hitTestInfo = new HitTestInfo_1.HitTestInfo(this.parentSeries);

package/Core/BuildStamp.d.ts

@@ -1,4 +1,4 @@
 import { TSciChart } from "../types/TSciChart";
 import { TSciChart3D } from "../types/TSciChart3D";
-export declare const libraryVersion = "2.2.2404";
+export declare const libraryVersion = "2.2.2411";
 export declare const checkBuildStamp: (wasmContext: TSciChart | TSciChart3D) => boolean;

package/Core/BuildStamp.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.checkBuildStamp = exports.libraryVersion = void 0;
-var buildStamp = "2022-07-26T00:00:00";
+var buildStamp = "2022-08-25T00:00:00";
 var result;
 // tslint:disable-next-line:no-var-requires
-exports.libraryVersion = "2.2.2404";
+exports.libraryVersion = "2.2.2411";
 var checkBuildStamp = function (wasmContext) {
     if (result !== undefined)
         return result;

package/Core/Mouse/MouseManager.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MouseManager = void 0;
 var ModifierMouseArgs_1 = require("../../Charting/ChartModifiers/ModifierMouseArgs");
 var SciChartSurfaceBase_1 = require("../../Charting/Visuals/SciChartSurfaceBase");
-var ExecuteOn_1 = require("../../types/ExecuteOn");
 var array_1 = require("../../utils/array");
 var Guard_1 = require("../Guard");
 /**
@@ -82,10 +81,8 @@ var MouseManager = /** @class */ (function () {
      * @param event The {@link PointerEvent}
      */
     MouseManager.prototype.onPointerDown = function (event) {
-        // prevent page scrolling on MMB click
-        if (event.button === ExecuteOn_1.EExecuteOn.MouseMiddleButton) {
-            event.preventDefault();
-        }
+        // To prevent default browser actions (like fast scroll for mouse wheel click and dragging of selected elements)
+        // call args.nativeEvent.preventDefault() in the chart modifier instead of calling event.preventDefault() here
         var modifierEvent = ModifierMouseArgs_1.ModifierMouseArgs.fromPointerEvent(event);
         this.modifierMouseDown(modifierEvent);
     };
@@ -142,6 +139,9 @@ var MouseManager = /** @class */ (function () {
     };
     MouseManager.prototype.modifierPointerCancel = function (args) {
         var _this = this;
+        if (args.isMaster) {
+            args.target.releasePointerCapture(args.pointerId);
+        }
         this.chartModifiers.forEach(function (cm) {
             if (cm.canReceiveMouseEvents && (!args.handled || cm.receiveHandledEvents)) {
                 if (args.isMaster || (!args.isMaster && cm.modifierGroup === args.modifierGroup)) {
@@ -200,6 +200,11 @@ var MouseManager = /** @class */ (function () {
      */
     MouseManager.prototype.modifierMouseDown = function (args) {
         var _this = this;
+        var _a;
+        // allow capturing mouse events outside when pointer is of canvas
+        if (args.isMaster) {
+            (_a = args.target) === null || _a === void 0 ? void 0 : _a.setPointerCapture(args.pointerId);
+        }
         var updateModifiers = function () {
             _this.chartModifiers.forEach(function (cm) {
                 if (cm.canReceiveMouseEvents && (!args.handled || cm.receiveHandledEvents)) {
@@ -255,6 +260,10 @@ var MouseManager = /** @class */ (function () {
      */
     MouseManager.prototype.modifierMouseUp = function (args) {
         var _this = this;
+        var _a;
+        if (args.isMaster) {
+            (_a = args.target) === null || _a === void 0 ? void 0 : _a.releasePointerCapture(args.pointerId);
+        }
         // Annotation Adorners
         if (this.sciChartSurface.surfaceType === SciChartSurfaceBase_1.ESurfaceType.SciChartSurfaceType) {
             var scs = this.sciChartSurface;