scichart 3.2.516 → 3.2.528

package/Charting/Visuals/Annotations/TextAnnotation.d.ts

@@ -1,3 +1,4 @@
+import { Thickness } from "../../../Core/Thickness";
 import { CoordinateCalculatorBase } from "../../Numerics/CoordinateCalculators/CoordinateCalculatorBase";
 import { EAnnotationType } from "./IAnnotation";
 import { ISvgAnnotationBaseOptions, SvgAnnotationBase } from "./SvgAnnotationBase";
@@ -25,6 +26,18 @@ export interface ITextAnnotationOptions extends ISvgAnnotationBaseOptions {
      * Font weight provided by the user
      */
     fontWeight?: string;
+    /**
+     * Text background color provided by the user
+     */
+    background?: string;
+    /**
+     * Text padding provided by the user
+     */
+    padding?: Thickness;
+    /**
+     * Text SVG class provided by the user
+     */
+    className?: string;
 }
 /**
  * A TextAnnotation presents text information over the chart at specific {@link X1}, {@link Y1} coordinates
@@ -37,6 +50,9 @@ export declare class TextAnnotation extends SvgAnnotationBase {
     protected fontSizeProperty?: number;
     protected fontFamilyProperty?: string;
     protected fontWeightProperty?: string;
+    protected backgroundProperty?: string;
+    protected paddingProperty?: Thickness;
+    protected classNameProperty: string;
     protected isDirty: boolean;
     /**
      * Creates an instance of the {@link CustomAnnotation}
@@ -48,6 +64,30 @@ export declare class TextAnnotation extends SvgAnnotationBase {
      */
     get text(): string;
     set text(text: string);
+    /**
+     * Gets or sets the background of {@link TextAnnotation}
+     */
+    get background(): string;
+    /**
+     * Gets or sets the background of {@link TextAnnotation}
+     */
+    set background(value: string);
+    /**
+     * Gets or sets the padding of {@link TextAnnotation}
+     */
+    get padding(): Thickness;
+    /**
+     * Gets or sets the padding of {@link TextAnnotation}
+     */
+    set padding(value: Thickness);
+    /**
+     * Gets or sets the class on underlying SVG element of {@link TextAnnotation}
+     */
+    get className(): string;
+    /**
+     * Gets or sets the class on underlying SVG element of {@link TextAnnotation}
+     */
+    set className(value: string);
     /**
      * text color provided by the user
      */
@@ -80,4 +120,6 @@ export declare class TextAnnotation extends SvgAnnotationBase {
      * @inheritDoc
      */
     protected create(xCalc: CoordinateCalculatorBase, yCalc: CoordinateCalculatorBase, xCoordSvgTrans: number, yCoordSvgTrans: number): void;
+    protected createSvg(): SVGElement;
+    protected attachSvgBackgroundRect(svgRoot: SVGSVGElement, background: string, padding: Thickness): void;
 }

package/Charting/Visuals/Annotations/TextAnnotation.js

@@ -16,6 +16,7 @@ var __extends = (this && this.__extends) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextAnnotation = void 0;
+var Thickness_1 = require("../../../Core/Thickness");
 var annotationHelpers_1 = require("./annotationHelpers");
 var constants_1 = require("./constants");
 var IAnnotation_1 = require("./IAnnotation");
@@ -31,7 +32,7 @@ var TextAnnotation = /** @class */ (function (_super) {
      */
     function TextAnnotation(options) {
         var _this = this;
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         _this = _super.call(this, options) || this;
         /** @inheritDoc */
         _this.type = IAnnotation_1.EAnnotationType.SVGTextAnnotation;
@@ -40,12 +41,17 @@ var TextAnnotation = /** @class */ (function (_super) {
         _this.fontSizeProperty = 14;
         _this.fontFamilyProperty = "Arial";
         _this.fontWeightProperty = "Normal";
+        _this.paddingProperty = Thickness_1.Thickness.fromNumber(0);
+        _this.classNameProperty = "scichart__text-annotation";
         _this.isDirty = true;
         _this.textProperty = (_a = options === null || options === void 0 ? void 0 : options.text) !== null && _a !== void 0 ? _a : _this.textProperty;
         _this.textColorProperty = (_b = options === null || options === void 0 ? void 0 : options.textColor) !== null && _b !== void 0 ? _b : _this.textColorProperty;
         _this.fontSizeProperty = (_c = options === null || options === void 0 ? void 0 : options.fontSize) !== null && _c !== void 0 ? _c : _this.fontSizeProperty;
         _this.fontFamilyProperty = (_d = options === null || options === void 0 ? void 0 : options.fontFamily) !== null && _d !== void 0 ? _d : _this.fontFamilyProperty;
-        _this.fontWeight = (_e = options === null || options === void 0 ? void 0 : options.fontWeight) !== null && _e !== void 0 ? _e : _this.fontWeight;
+        _this.backgroundProperty = (_e = options === null || options === void 0 ? void 0 : options.background) !== null && _e !== void 0 ? _e : _this.backgroundProperty;
+        _this.paddingProperty = (_f = options === null || options === void 0 ? void 0 : options.padding) !== null && _f !== void 0 ? _f : _this.paddingProperty;
+        _this.classNameProperty = (_g = options === null || options === void 0 ? void 0 : options.className) !== null && _g !== void 0 ? _g : _this.classNameProperty;
+        _this.fontWeight = (_h = options === null || options === void 0 ? void 0 : options.fontWeight) !== null && _h !== void 0 ? _h : _this.fontWeight;
         return _this;
     }
     Object.defineProperty(TextAnnotation.prototype, "text", {
@@ -64,6 +70,63 @@ var TextAnnotation = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(TextAnnotation.prototype, "background", {
+        /**
+         * Gets or sets the background of {@link TextAnnotation}
+         */
+        get: function () {
+            return this.backgroundProperty;
+        },
+        /**
+         * Gets or sets the background of {@link TextAnnotation}
+         */
+        set: function (value) {
+            if (this.backgroundProperty !== value) {
+                this.backgroundProperty = value;
+                this.notifyPropertyChanged(constants_1.PROPERTY.BACKGROUND_COLOR);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TextAnnotation.prototype, "padding", {
+        /**
+         * Gets or sets the padding of {@link TextAnnotation}
+         */
+        get: function () {
+            return this.paddingProperty;
+        },
+        /**
+         * Gets or sets the padding of {@link TextAnnotation}
+         */
+        set: function (value) {
+            if (this.paddingProperty !== value) {
+                this.paddingProperty = value;
+                this.notifyPropertyChanged(constants_1.PROPERTY.PADDING);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TextAnnotation.prototype, "className", {
+        /**
+         * Gets or sets the class on underlying SVG element of {@link TextAnnotation}
+         */
+        get: function () {
+            return this.classNameProperty;
+        },
+        /**
+         * Gets or sets the class on underlying SVG element of {@link TextAnnotation}
+         */
+        set: function (value) {
+            if (this.classNameProperty !== value) {
+                this.classNameProperty = value;
+                this.notifyPropertyChanged(constants_1.PROPERTY.CLASS_NAME);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(TextAnnotation.prototype, "textColor", {
         /**
          * text color provided by the user
@@ -149,7 +212,6 @@ var TextAnnotation = /** @class */ (function (_super) {
             p !== constants_1.PROPERTY.Y_COORD_SHIFT &&
             p !== constants_1.PROPERTY.HORIZONTAL_ANCHOR_POINT &&
             p !== constants_1.PROPERTY.VERTICAL_ANCHOR_POINT &&
-            p !== constants_1.PROPERTY.IS_HIDDEN &&
             p !== constants_1.PROPERTY.X1 &&
             p !== constants_1.PROPERTY.X2 &&
             p !== constants_1.PROPERTY.Y1 &&
@@ -169,20 +231,37 @@ var TextAnnotation = /** @class */ (function (_super) {
             return;
         }
         if (this.svg) {
-            this.delete();
+            this.clear();
         }
-        this.setSvg(createSvg(this.svgRoot, this.textProperty, this.textColorProperty, this.fontSizeProperty, this.fontFamilyProperty, this.fontWeight));
+        this.setSvg(this.createSvg());
         this.calcAndSetAnnotationBorders(xCalc, yCalc);
         this.updateAdornerInner();
         this.isDirty = false;
     };
+    TextAnnotation.prototype.createSvg = function () {
+        var x = this.padding.left;
+        var y = this.fontSize + this.padding.top;
+        //dominant-baseline="text-after-edge"
+        var svgString = "<svg id=\"scichart__text-annotation-".concat(this.id, "\" class=\"").concat(this.className, "\">\n            <text x=\"").concat(x, "\" y=\"").concat(y, "\" fill=\"").concat(this.textColor, "\"  font-size=\"").concat(this.fontSize, "\" font-family=\"").concat(this.fontFamily, "\" font-weight=\"").concat(this.fontWeight, "\">").concat(this.text, "</text>\n        </svg>");
+        var svgNode = annotationHelpers_1.annotationHelpers.createSvg(svgString, this.svgRoot);
+        if (this.background) {
+            this.attachSvgBackgroundRect(svgNode, this.background, this.padding);
+        }
+        return svgNode;
+    };
+    TextAnnotation.prototype.attachSvgBackgroundRect = function (svgRoot, background, padding) {
+        var textAnnotationRect = svgRoot.getBoundingClientRect();
+        var rectWidth = textAnnotationRect.width + padding.left + padding.right;
+        var rectHeight = textAnnotationRect.height + padding.top + padding.bottom;
+        var namespace = "http://www.w3.org/2000/svg";
+        var newRect = document.createElementNS(namespace, "rect");
+        newRect.setAttribute("x", "0");
+        newRect.setAttribute("y", "0");
+        newRect.setAttribute("width", "".concat(rectWidth));
+        newRect.setAttribute("height", "".concat(rectHeight));
+        newRect.setAttribute("fill", "".concat(background));
+        svgRoot.insertBefore(newRect, svgRoot.firstChild);
+    };
     return TextAnnotation;
 }(SvgAnnotationBase_1.SvgAnnotationBase));
 exports.TextAnnotation = TextAnnotation;
-/** @ignore */
-/** @ignore */
-var createSvg = function (svgRoot, text, color, fontSize, fontFamily, fontWeight) {
-    var svgString = "<svg class=\"scichart__text-annotation\">\n        <text x=\"0\" y=\"".concat(fontSize, "\" fill=\"").concat(color, "\" font-size=\"").concat(fontSize, "\" font-family=\"").concat(fontFamily, "\" font-weight=\"").concat(fontWeight, "\">").concat(text, "</text>\n    </svg>");
-    var svgNode = annotationHelpers_1.annotationHelpers.createSvg(svgString, svgRoot);
-    return svgNode;
-};

package/Charting/Visuals/Annotations/constants.d.ts

@@ -7,6 +7,7 @@ export declare enum PROPERTY {
     AXIS_FONT_FAMILY = "AXIS_FONT_FAMILY",
     AXIS_FONT_SIZE = "AXIS_FONT_SIZE",
     BACKGROUND_COLOR = "BACKGROUND_COLOR",
+    CLASS_NAME = "CLASS_NAME",
     COLOR = "COLOR",
     CONTAINER_BACKGROUND = "CONTAINER_BACKGROUND",
     FILL = "FILL",

package/Charting/Visuals/Annotations/constants.js

@@ -11,6 +11,7 @@ var PROPERTY;
     PROPERTY["AXIS_FONT_FAMILY"] = "AXIS_FONT_FAMILY";
     PROPERTY["AXIS_FONT_SIZE"] = "AXIS_FONT_SIZE";
     PROPERTY["BACKGROUND_COLOR"] = "BACKGROUND_COLOR";
+    PROPERTY["CLASS_NAME"] = "CLASS_NAME";
     PROPERTY["COLOR"] = "COLOR";
     PROPERTY["CONTAINER_BACKGROUND"] = "CONTAINER_BACKGROUND";
     PROPERTY["FILL"] = "FILL";

package/Charting/Visuals/Legend/SciChartLegend.js

@@ -101,11 +101,18 @@ var SciChartLegend = /** @class */ (function (_super) {
                 }
             };
             el.addEventListener("change", onChangeEventListener_1);
+            var visibilityChangeEventHandler_1 = function (data) {
+                _this.invalidateLegend();
+            };
+            rs.isVisibleChanged.subscribe(visibilityChangeEventHandler_1);
             var eventSubscriptionItem = {
                 element: el,
                 eventType: "change",
                 eventListener: onChangeEventListener_1,
-                delete: function () { return el.removeEventListener("change", onChangeEventListener_1); }
+                delete: function () {
+                    el.removeEventListener("change", onChangeEventListener_1);
+                    rs.isVisibleChanged.unsubscribe(visibilityChangeEventHandler_1);
+                }
             };
             var eventListenersForRenderableSeries = this.eventListenersCollection.get(rs.id);
             if (eventListenersForRenderableSeries) {

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

@@ -84,8 +84,8 @@ var BandSeriesHitTestProvider = /** @class */ (function (_super) {
         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);
+        var _b = hitTestHelpers_1.hitTestHelpers.getNearestXyyPoint(this.webAssemblyContext, xCoordinateCalculator, yCoordinateCalculator, dataSeries, xHitCoord, yHitCoord, hitTestRadius), nearestPointIndex = _b.nearestPointIndex, distance = _b.distance;
+        var hitTestInfo = hitTestHelpers_1.hitTestHelpers.createHitTestInfo(this.parentSeries, xCoordinateCalculator, yCoordinateCalculator, isVerticalChart, dataSeries, dataSeries.getNativeXValues(), dataSeries.getNativeYValues(), xHitCoord, yHitCoord, nearestPointIndex, hitTestRadius, distance);
         if (nearestPointIndex >= 0) {
             hitTestInfo.y1Value = dataSeries.getNativeY1Values().get(nearestPointIndex);
             hitTestInfo.y1Coord = yCoordinateCalculator.getCoordinate(hitTestInfo.y1Value);

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

@@ -43,12 +43,12 @@ var BaseHitTestProvider = /** @class */ (function () {
         if (!dataSeries) {
             return HitTestInfo_1.HitTestInfo.empty();
         }
-        var nearestPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXyPoint(xCoordinateCalculator, yCoordinateCalculator, dataSeries, xHitCoord, yHitCoord);
+        var nearest = hitTestHelpers_1.hitTestHelpers.getNearestXyPoint(this.webAssemblyContext, xCoordinateCalculator, yCoordinateCalculator, dataSeries, xHitCoord, yHitCoord, hitTestRadius);
         var xNativeValues = dataSeries.getNativeXValues();
         var yNativeValues = dataSeries.getNativeYValues();
-        var hitTestInfo = hitTestHelpers_1.hitTestHelpers.createHitTestInfo(this.parentSeries, xCoordinateCalculator, yCoordinateCalculator, isVerticalChart, dataSeries, xNativeValues, yNativeValues, xHitCoord, yHitCoord, nearestPointIndex, hitTestRadius);
-        if (nearestPointIndex >= 0) {
-            hitTestInfo.isHit = hitTestHelpers_1.hitTestHelpers.testIsHitForPoint(xCoordinateCalculator, yCoordinateCalculator, xNativeValues, yNativeValues, nearestPointIndex, xHitCoord, yHitCoord, hitTestRadius);
+        var hitTestInfo = hitTestHelpers_1.hitTestHelpers.createHitTestInfo(this.parentSeries, xCoordinateCalculator, yCoordinateCalculator, isVerticalChart, dataSeries, xNativeValues, yNativeValues, xHitCoord, yHitCoord, nearest.nearestPointIndex, hitTestRadius, nearest.distance);
+        if (nearest.nearestPointIndex >= 0) {
+            hitTestInfo.isHit = hitTestHelpers_1.hitTestHelpers.testIsHitForPoint(xCoordinateCalculator, yCoordinateCalculator, xNativeValues, yNativeValues, nearest.nearestPointIndex, xHitCoord, yHitCoord, hitTestRadius);
         }
         else {
             hitTestInfo.isHit = false;
@@ -80,7 +80,7 @@ var BaseHitTestProvider = /** @class */ (function () {
         var nearestPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXPoint(this.webAssemblyContext, xCoordinateCalculator, dataSeries, xHitCoord, dataSeries.dataDistributionCalculator.isSortedAscending);
         var xNativeValues = dataSeries.getNativeXValues();
         var yNativeValues = dataSeries.getNativeYValues();
-        var hitTestInfo = hitTestHelpers_1.hitTestHelpers.createHitTestInfo(this.parentSeries, xCoordinateCalculator, yCoordinateCalculator, isVerticalChart, dataSeries, xNativeValues, yNativeValues, xHitCoord, yHitCoord, nearestPointIndex, 0);
+        var hitTestInfo = hitTestHelpers_1.hitTestHelpers.createHitTestInfo(this.parentSeries, xCoordinateCalculator, yCoordinateCalculator, isVerticalChart, dataSeries, xNativeValues, yNativeValues, xHitCoord, yHitCoord, nearestPointIndex, 0, undefined);
         hitTestInfo.isHit = hitTestInfo.isWithinDataBounds;
         if (dataSeries.dataDistributionCalculator.isSortedAscending && nearestPointIndex >= 0) {
             var dataSeriesCount = xNativeValues.size();

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

@@ -45,13 +45,13 @@ var BubbleSeriesHitTestProvider = /** @class */ (function (_super) {
         if (!dataSeries) {
             return HitTestInfo_1.HitTestInfo.empty();
         }
-        var nearestPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXyPoint(xCoordinateCalculator, yCoordinateCalculator, dataSeries, xHitCoord, yHitCoord);
+        var nearest = hitTestHelpers_1.hitTestHelpers.getNearestXyPoint(this.webAssemblyContext, xCoordinateCalculator, yCoordinateCalculator, dataSeries, xHitCoord, yHitCoord, hitTestRadius);
         var xNativeValues = dataSeries.getNativeXValues();
         var yNativeValues = dataSeries.getNativeYValues();
         var zNativeValues = dataSeries.getNativeZValues();
-        var hitTestInfo = hitTestHelpers_1.hitTestHelpers.createHitTestInfo(this.parentSeries, xCoordinateCalculator, yCoordinateCalculator, isVerticalChart, dataSeries, xNativeValues, yNativeValues, xHitCoord, yHitCoord, nearestPointIndex, hitTestRadius);
-        if (nearestPointIndex >= 0) {
-            hitTestInfo.zValue = zNativeValues.get(nearestPointIndex);
+        var hitTestInfo = hitTestHelpers_1.hitTestHelpers.createHitTestInfo(this.parentSeries, xCoordinateCalculator, yCoordinateCalculator, isVerticalChart, dataSeries, xNativeValues, yNativeValues, xHitCoord, yHitCoord, nearest.nearestPointIndex, hitTestRadius);
+        if (nearest.nearestPointIndex >= 0) {
+            hitTestInfo.zValue = zNativeValues.get(nearest.nearestPointIndex);
             var distance = (0, pointUtil_1.calcDistance)(xHitCoord, yHitCoord, hitTestInfo.xCoord, hitTestInfo.yCoord);
             hitTestInfo.isHit = distance < (hitTestInfo.zValue * DpiHelper_1.DpiHelper.PIXEL_RATIO) / 2 + hitTestRadius;
             var isCategoryAxis = xCoordinateCalculator.isCategoryCoordinateCalculator;

package/Charting/Visuals/RenderableSeries/HitTest/HitTestInfo.d.ts

@@ -166,5 +166,9 @@ export declare class HitTestInfo {
      * The point metadata for the second data point
      */
     point2metadata: IPointMetadata;
+    private distanceProperty;
+    /** The distance from the hitTest coordinate to the point */
+    get distance(): number;
+    set distance(value: number);
     constructor(renderableSeries: IRenderableSeries, isEmpty?: boolean);
 }

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

@@ -25,6 +25,19 @@ var HitTestInfo = /** @class */ (function () {
         var dy = ((_b = this.hitTestPoint) === null || _b === void 0 ? void 0 : _b.y) - this.yCoord;
         return Math.sqrt(dx * dx + dy * dy);
     };
+    Object.defineProperty(HitTestInfo.prototype, "distance", {
+        /** The distance from the hitTest coordinate to the point */
+        get: function () {
+            if (this.distanceProperty !== undefined)
+                return this.distanceProperty;
+            return this.getEuclideanDistance();
+        },
+        set: function (value) {
+            this.distanceProperty = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
     return HitTestInfo;
 }());
 exports.HitTestInfo = HitTestInfo;

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

@@ -45,15 +45,15 @@ var ImpulseSeriesHitTestProvider = /** @class */ (function (_super) {
         if (!dataSeries) {
             return HitTestInfo_1.HitTestInfo.empty();
         }
-        var nearestXyPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXyPoint(xCoordinateCalculator, yCoordinateCalculator, dataSeries, xHitCoord, yHitCoord);
+        var nearestXy = hitTestHelpers_1.hitTestHelpers.getNearestXyPoint(this.webAssemblyContext, xCoordinateCalculator, yCoordinateCalculator, dataSeries, xHitCoord, yHitCoord, hitTestRadius);
         var nearestPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXPoint(this.webAssemblyContext, xCoordinateCalculator, dataSeries, xHitCoord, dataSeries.dataDistributionCalculator.isSortedAscending);
         var xNativeValues = dataSeries.getNativeXValues();
         var yNativeValues = dataSeries.getNativeYValues();
         var hitTestInfo = hitTestHelpers_1.hitTestHelpers.createHitTestInfo(this.parentSeries, xCoordinateCalculator, yCoordinateCalculator, isVerticalChart, dataSeries, xNativeValues, yNativeValues, xHitCoord, yHitCoord, nearestPointIndex, 0);
-        if (nearestPointIndex >= 0 || nearestXyPointIndex >= 0) {
+        if (nearestPointIndex >= 0 || nearestXy.nearestPointIndex >= 0) {
             hitTestInfo.isHit =
                 hitTestHelpers_1.hitTestHelpers.testIsHitForImpulse(xCoordinateCalculator, yCoordinateCalculator, this.parentSeries, xNativeValues, yNativeValues, nearestPointIndex, xHitCoord, yHitCoord, hitTestRadius) ||
-                    hitTestHelpers_1.hitTestHelpers.testIsHitForPoint(xCoordinateCalculator, yCoordinateCalculator, xNativeValues, yNativeValues, nearestXyPointIndex, xHitCoord, yHitCoord, this.parentSeries.size);
+                    hitTestHelpers_1.hitTestHelpers.testIsHitForPoint(xCoordinateCalculator, yCoordinateCalculator, xNativeValues, yNativeValues, nearestXy.nearestPointIndex, xHitCoord, yHitCoord, this.parentSeries.size);
         }
         else {
             hitTestInfo.isHit = false;

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

@@ -57,7 +57,7 @@ var LineSeriesHitTestProvider = /** @class */ (function (_super) {
         var nearestPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXPoint(this.webAssemblyContext, xCoordinateCalculator, dataSeries, xHitCoord, dataSeries.dataDistributionCalculator.isSortedAscending);
         var xNativeValues = dataSeries.getNativeXValues();
         var yNativeValues = dataSeries.getNativeYValues();
-        var hitTestInfo = hitTestHelpers_1.hitTestHelpers.createHitTestInfo(this.parentSeries, xCoordinateCalculator, yCoordinateCalculator, isVerticalChart, dataSeries, xNativeValues, yNativeValues, xHitCoord, yHitCoord, nearestPointIndex, hitTestRadius);
+        var hitTestInfo = hitTestHelpers_1.hitTestHelpers.createHitTestInfo(this.parentSeries, xCoordinateCalculator, yCoordinateCalculator, isVerticalChart, dataSeries, xNativeValues, yNativeValues, xHitCoord, yHitCoord, nearestPointIndex, hitTestRadius, undefined);
         if (nearestPointIndex >= 0) {
             var dataSeriesCount = xNativeValues.size();
             var nearestXCoord = xCoordinateCalculator.getCoordinate(xCoordinateCalculator.isCategoryCoordinateCalculator
@@ -95,11 +95,11 @@ var LineSeriesHitTestProvider = /** @class */ (function (_super) {
         if (!dataSeries) {
             return HitTestInfo_1.HitTestInfo.empty();
         }
-        var nearestPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXyPoint(xCoordinateCalculator, yCoordinateCalculator, dataSeries, xHitCoord, yHitCoord);
+        var nearest = hitTestHelpers_1.hitTestHelpers.getNearestXyPoint(this.webAssemblyContext, xCoordinateCalculator, yCoordinateCalculator, dataSeries, xHitCoord, yHitCoord, hitTestRadius);
         var xNativeValues = dataSeries.getNativeXValues();
         var yNativeValues = dataSeries.getNativeYValues();
-        var hitTestInfo = hitTestHelpers_1.hitTestHelpers.createHitTestInfo(this.parentSeries, xCoordinateCalculator, yCoordinateCalculator, isVerticalChart, dataSeries, xNativeValues, yNativeValues, xHitCoord, yHitCoord, nearestPointIndex, hitTestRadius);
-        if (nearestPointIndex >= 0) {
+        var hitTestInfo = hitTestHelpers_1.hitTestHelpers.createHitTestInfo(this.parentSeries, xCoordinateCalculator, yCoordinateCalculator, isVerticalChart, dataSeries, xNativeValues, yNativeValues, xHitCoord, yHitCoord, nearest.nearestPointIndex, hitTestRadius, nearest.distance);
+        if (nearest.nearestPointIndex >= 0) {
             var dataSeriesCount = xNativeValues.size();
             var minX = Number.MAX_VALUE;
             var maxX = Number.MIN_VALUE;

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

@@ -44,11 +44,11 @@ var ScatterSeriesHitTestProvider = /** @class */ (function (_super) {
         if (!dataSeries) {
             return HitTestInfo_1.HitTestInfo.empty();
         }
-        var nearestPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXyPoint(xCoordinateCalculator, yCoordinateCalculator, dataSeries, xHitCoord, yHitCoord);
+        var nearest = hitTestHelpers_1.hitTestHelpers.getNearestXyPoint(this.webAssemblyContext, xCoordinateCalculator, yCoordinateCalculator, dataSeries, xHitCoord, yHitCoord, hitTestRadius);
         var xNativeValues = dataSeries.getNativeXValues();
         var yNativeValues = dataSeries.getNativeYValues();
-        var hitTestInfo = hitTestHelpers_1.hitTestHelpers.createHitTestInfo(this.parentSeries, xCoordinateCalculator, yCoordinateCalculator, isVerticalChart, dataSeries, xNativeValues, yNativeValues, xHitCoord, yHitCoord, nearestPointIndex, hitTestRadius);
-        if (nearestPointIndex >= 0) {
+        var hitTestInfo = hitTestHelpers_1.hitTestHelpers.createHitTestInfo(this.parentSeries, xCoordinateCalculator, yCoordinateCalculator, isVerticalChart, dataSeries, xNativeValues, yNativeValues, xHitCoord, yHitCoord, nearest.nearestPointIndex, hitTestRadius);
+        if (nearest.nearestPointIndex >= 0) {
             var _b = this.parentSeries.pointMarker, width = _b.width, height = _b.height;
             var isCategoryAxis = xCoordinateCalculator.isCategoryCoordinateCalculator;
             var xFirstValue = isCategoryAxis ? 0 : xNativeValues.get(0);

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

@@ -34,10 +34,10 @@ var TextSeriesHitTestProvider = /** @class */ (function (_super) {
         var xHitCoord = isVerticalChart ? hitTestPoint.y : hitTestPoint.x;
         var yHitCoord = isVerticalChart ? hitTestPoint.x : hitTestPoint.y;
         var dataSeries = this.parentSeries.dataSeries;
-        var nearestPointIndex = hitTestHelpers_1.hitTestHelpers.getNearestXyPoint(xCoordinateCalculator, yCoordinateCalculator, dataSeries, xHitCoord, yHitCoord);
+        var nearest = hitTestHelpers_1.hitTestHelpers.getNearestXyPoint(this.webAssemblyContext, xCoordinateCalculator, yCoordinateCalculator, dataSeries, xHitCoord, yHitCoord, hitTestRadius);
         var xNativeValues = dataSeries.getNativeXValues();
         var yNativeValues = dataSeries.getNativeYValues();
-        var hitTestInfo = hitTestHelpers_1.hitTestHelpers.createHitTestInfo(this.parentSeries, xCoordinateCalculator, yCoordinateCalculator, isVerticalChart, dataSeries, xNativeValues, yNativeValues, xHitCoord, yHitCoord, nearestPointIndex, hitTestRadius);
+        var hitTestInfo = hitTestHelpers_1.hitTestHelpers.createHitTestInfo(this.parentSeries, xCoordinateCalculator, yCoordinateCalculator, isVerticalChart, dataSeries, xNativeValues, yNativeValues, xHitCoord, yHitCoord, nearest.nearestPointIndex, hitTestRadius, nearest.distance);
         var labels = this.parentSeries.dataLabelProvider.dataLabels;
         var isHit = false;
         for (var _i = 0, labels_1 = labels; _i < labels_1.length; _i++) {

package/Charting/Visuals/RenderableSeries/HitTest/hitTestHelpers.d.ts

@@ -14,10 +14,16 @@ import { FastImpulseRenderableSeries } from "../FastImpulseRenderableSeries";
 import { IRenderableSeries } from "../IRenderableSeries";
 import { HitTestInfo } from "./HitTestInfo";
 export declare const hitTestHelpers: {
-    createHitTestInfo: (renderableSeries: IRenderableSeries, xCoordinateCalculator: CoordinateCalculatorBase, yCoordinateCalculator: CoordinateCalculatorBase, isVerticalChart: boolean, dataSeries: BaseDataSeries, xNativeValues: SCRTDoubleVector, yNativeValues: SCRTDoubleVector, xHitCoord: number, yHitCoord: number, nearestPointIndex: number, hitTestRadius: number) => HitTestInfo;
+    createHitTestInfo: (renderableSeries: IRenderableSeries, xCoordinateCalculator: CoordinateCalculatorBase, yCoordinateCalculator: CoordinateCalculatorBase, isVerticalChart: boolean, dataSeries: BaseDataSeries, xNativeValues: SCRTDoubleVector, yNativeValues: SCRTDoubleVector, xHitCoord: number, yHitCoord: number, nearestPointIndex: number, hitTestRadius: number, distance?: number) => HitTestInfo;
     getNearestXPoint: (webAssemblyContext: TSciChart, xCoordinateCalculator: CoordinateCalculatorBase, dataSeries: IDataSeries, xHitCoord: number, isSorted: boolean) => number;
-    getNearestXyPoint: (xCoordinateCalculator: CoordinateCalculatorBase, yCoordinateCalculator: CoordinateCalculatorBase, dataSeries: IDataSeries, xHitCoord: number, yHitCoord: number) => number;
-    getNearestXyyPoint: (xCoordinateCalculator: CoordinateCalculatorBase, yCoordinateCalculator: CoordinateCalculatorBase, dataSeries: XyyDataSeries, xHitCoord: number, yHitCoord: number) => number;
+    getNearestXyPoint: (webassemblyContext: TSciChart, xCoordinateCalculator: CoordinateCalculatorBase, yCoordinateCalculator: CoordinateCalculatorBase, dataSeries: IDataSeries, xHitCoord: number, yHitCoord: number, hitTestRadius: number) => {
+        nearestPointIndex: number;
+        distance: number;
+    };
+    getNearestXyyPoint: (webassemblyContext: TSciChart, xCoordinateCalculator: CoordinateCalculatorBase, yCoordinateCalculator: CoordinateCalculatorBase, dataSeries: XyyDataSeries, xHitCoord: number, yHitCoord: number, hitTestRadius: number) => {
+        nearestPointIndex: number;
+        distance: number;
+    };
     getNearestUniformHeatmapPoint: (xCoordinateCalculator: CoordinateCalculatorBase, yCoordinateCalculator: CoordinateCalculatorBase, heatmapDataSeries: UniformHeatmapDataSeries, xHitCoord: number, yHitCoord: number) => {
         xIndex: number;
         yIndex: number;

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.hitTestHelpers = void 0;
+var Deleter_1 = require("../../../../Core/Deleter");
 var Point_1 = require("../../../../Core/Point");
 var ErrorDirection_1 = require("../../../../types/ErrorDirection");
 var pointUtil_1 = require("../../../../utils/pointUtil");
@@ -23,7 +24,7 @@ var interpolateLinear = function (x, x1, y1, x2, y2) {
  * @param nearestPointIndex
  * @param hitTestRadius
  */
-var createHitTestInfo = function (renderableSeries, xCoordinateCalculator, yCoordinateCalculator, isVerticalChart, dataSeries, xNativeValues, yNativeValues, xHitCoord, yHitCoord, nearestPointIndex, hitTestRadius) {
+var createHitTestInfo = function (renderableSeries, xCoordinateCalculator, yCoordinateCalculator, isVerticalChart, dataSeries, xNativeValues, yNativeValues, xHitCoord, yHitCoord, nearestPointIndex, hitTestRadius, distance) {
     var isCategoryAxis = xCoordinateCalculator.isCategoryCoordinateCalculator;
     var hitTestInfo = new HitTestInfo_1.HitTestInfo(renderableSeries);
     hitTestInfo.dataSeriesName = dataSeries.dataSeriesName;
@@ -35,6 +36,7 @@ var createHitTestInfo = function (renderableSeries, xCoordinateCalculator, yCoor
     hitTestInfo.dataSeriesIndex = nearestPointIndex;
     hitTestInfo.hitTestRadius = hitTestRadius;
     hitTestInfo.isCategoryAxis = isCategoryAxis;
+    hitTestInfo.distance = distance;
     // If there is no data, don't attempt to access it.
     if (nearestPointIndex >= 0) {
         var xValue = isCategoryAxis ? nearestPointIndex : xNativeValues.get(nearestPointIndex);
@@ -74,70 +76,51 @@ var createHitTestInfo = function (renderableSeries, xCoordinateCalculator, yCoor
     return hitTestInfo;
 };
 var getNearestXPoint = function (webAssemblyContext, xCoordinateCalculator, dataSeries, xHitCoord, isSorted) {
-    var xHitValue = xCoordinateCalculator.getDataValue(xHitCoord);
+    var result = getNearestXyPoint(webAssemblyContext, xCoordinateCalculator, xCoordinateCalculator, dataSeries, xHitCoord, 0, 0);
+    return result.nearestPointIndex;
+};
+var getNearestXyPoint = function (webassemblyContext, xCoordinateCalculator, yCoordinateCalculator, dataSeries, xHitCoord, yHitCoord, hitTestRadius) {
     var isCategoryAxis = xCoordinateCalculator.isCategoryCoordinateCalculator;
-    var xValues = isCategoryAxis ? dataSeries.getNativeIndexes() : dataSeries.getNativeXValues();
-    if (isSorted) {
-        return webAssemblyContext.NumberUtil.FindIndex(xValues, xHitValue, webAssemblyContext.SCRTFindIndexSearchMode.Nearest, isSorted);
+    var dataX = isCategoryAxis ? dataSeries.getNativeIndexes() : dataSeries.getNativeXValues();
+    var dataY = dataSeries.getNativeYValues();
+    var result;
+    try {
+        result = webassemblyContext.SCRTHitTestHelper.GetNearestXyPoint(xCoordinateCalculator.nativeCalculator, yCoordinateCalculator.nativeCalculator, dataX, dataY, dataSeries.dataDistributionCalculator.isSortedAscending, xHitCoord, yHitCoord, hitTestRadius !== null && hitTestRadius !== void 0 ? hitTestRadius : 1 // Default to 1 here so unsorted data will get nearest by x and y
+        );
+        return { nearestPointIndex: result.minD, distance: result.maxD };
     }
-    // TODO check if could be refactored
-    var dataLength = dataSeries.count();
-    var nearestPointIndex = -1;
-    var currentDistance = Number.MAX_VALUE;
-    for (var i = 0; i < dataLength; i++) {
-        var xValue = xValues.get(i);
-        var distance = Math.abs(xHitValue - xValue);
-        if (distance < currentDistance) {
-            nearestPointIndex = i;
-            currentDistance = distance;
-        }
+    finally {
+        (0, Deleter_1.deleteSafe)(result);
     }
-    return nearestPointIndex;
 };
-var getNearestXyPoint = function (xCoordinateCalculator, yCoordinateCalculator, dataSeries, xHitCoord, yHitCoord) {
-    var dataLength = dataSeries.count();
-    // TODO: if isSorted
-    var nearestPointIndex = -1;
-    var currentDistance = Number.MAX_VALUE;
+var getNearestXyyPoint = function (webassemblyContext, xCoordinateCalculator, yCoordinateCalculator, dataSeries, xHitCoord, yHitCoord, hitTestRadius) {
     var isCategoryAxis = xCoordinateCalculator.isCategoryCoordinateCalculator;
-    for (var i = 0; i < dataLength; i++) {
-        var dataX = isCategoryAxis ? i : dataSeries.getNativeXValues().get(i);
-        var dataY = dataSeries.getNativeYValues().get(i);
-        var coordX = xCoordinateCalculator.getCoordinate(dataX);
-        var coordY = yCoordinateCalculator.getCoordinate(dataY);
-        var distance = (0, pointUtil_1.calcDistance)(xHitCoord, yHitCoord, coordX, coordY);
-        if (distance < currentDistance) {
-            nearestPointIndex = i;
-            currentDistance = distance;
-        }
+    var dataX = isCategoryAxis ? dataSeries.getNativeIndexes() : dataSeries.getNativeXValues();
+    var dataY = dataSeries.getNativeYValues();
+    var result;
+    var nearestY;
+    var distanceY;
+    try {
+        result = webassemblyContext.SCRTHitTestHelper.GetNearestXyPoint(xCoordinateCalculator.nativeCalculator, yCoordinateCalculator.nativeCalculator, dataX, dataY, dataSeries.dataDistributionCalculator.isSortedAscending, xHitCoord, yHitCoord, hitTestRadius !== null && hitTestRadius !== void 0 ? hitTestRadius : 1);
+        nearestY = result.minD;
+        distanceY = result.maxD;
     }
-    return nearestPointIndex;
-};
-var getNearestXyyPoint = function (xCoordinateCalculator, yCoordinateCalculator, dataSeries, xHitCoord, yHitCoord) {
-    var dataLength = dataSeries.count();
-    // TODO: if isSorted
-    var nearestPointIndex = -1;
-    var currentDistance = Number.MAX_VALUE;
-    var isCategoryAxis = xCoordinateCalculator.isCategoryCoordinateCalculator;
-    for (var i = 0; i < dataLength; i++) {
-        var dataX = isCategoryAxis ? i : dataSeries.getNativeXValues().get(i);
-        var dataY = dataSeries.getNativeYValues().get(i);
-        var dataY1 = dataSeries.getNativeY1Values().get(i);
-        var coordX = xCoordinateCalculator.getCoordinate(dataX);
-        var coordY = yCoordinateCalculator.getCoordinate(dataY);
-        var coordY1 = yCoordinateCalculator.getCoordinate(dataY1);
-        var distance = (0, pointUtil_1.calcDistance)(xHitCoord, yHitCoord, coordX, coordY);
-        var distance1 = (0, pointUtil_1.calcDistance)(xHitCoord, yHitCoord, coordX, coordY1);
-        if (distance < currentDistance) {
-            nearestPointIndex = i;
-            currentDistance = distance;
+    finally {
+        (0, Deleter_1.deleteSafe)(result);
+    }
+    try {
+        result = webassemblyContext.SCRTHitTestHelper.GetNearestXyPoint(xCoordinateCalculator.nativeCalculator, yCoordinateCalculator.nativeCalculator, dataX, dataSeries.getNativeY1Values(), dataSeries.dataDistributionCalculator.isSortedAscending, xHitCoord, yHitCoord, hitTestRadius !== null && hitTestRadius !== void 0 ? hitTestRadius : 1);
+        if (distanceY < result.maxD) {
+            // Y is nearer
+            return { nearestPointIndex: nearestY, distance: distanceY };
         }
-        if (distance1 < currentDistance) {
-            nearestPointIndex = i;
-            currentDistance = distance1;
+        else {
+            return { nearestPointIndex: result.minD, distance: result.maxD };
         }
     }
-    return nearestPointIndex;
+    finally {
+        (0, Deleter_1.deleteSafe)(result);
+    }
 };
 var getNearestUniformHeatmapPoint = function (xCoordinateCalculator, yCoordinateCalculator, heatmapDataSeries, xHitCoord, yHitCoord) {
     var xHitValue = xCoordinateCalculator.getDataValue(xHitCoord);

package/Charting/Visuals/RenderableSeries/RolloverModifier/RolloverModifierRenderableSeriesProps.d.ts

@@ -29,6 +29,7 @@ export declare class RolloverModifierRenderableSeriesProps {
     private tooltipTextColorProperty;
     private tooltipTitleProperty;
     private markerColorProperty;
+    private shadowColorProperty;
     private tooltipDataTemplateProperty?;
     private isY1;
     constructor(renderableSeries: IRenderableSeries, isY1?: boolean);
@@ -43,6 +44,8 @@ export declare class RolloverModifierRenderableSeriesProps {
     set tooltipTitle(value: string);
     get markerColor(): string;
     set markerColor(value: string);
+    get shadowColor(): string;
+    set shadowColor(value: string);
     get tooltipDataTemplate(): TRolloverTooltipDataTemplate;
     set tooltipDataTemplate(value: TRolloverTooltipDataTemplate);
     get tooltipLegendTemplate(): (tooltipProps: RolloverModifierRenderableSeriesProps, seriesInfo: SeriesInfo) => string;

package/Charting/Visuals/RenderableSeries/RolloverModifier/RolloverModifierRenderableSeriesProps.js

@@ -26,6 +26,7 @@ var RolloverModifierRenderableSeriesProps = /** @class */ (function () {
         to.tooltipTemplate = from.tooltipTemplate;
         to.tooltipTextColorProperty = from.tooltipTextColorProperty;
         to.tooltipTitleProperty = from.tooltipTitle;
+        to.shadowColorProperty = from.shadowColorProperty;
         to.invalidateParentCallback = from.invalidateParentCallback;
     };
     RolloverModifierRenderableSeriesProps.prototype.setInvalidateParentCallback = function (callback) {
@@ -102,6 +103,17 @@ var RolloverModifierRenderableSeriesProps = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(RolloverModifierRenderableSeriesProps.prototype, "shadowColor", {
+        get: function () {
+            return this.shadowColorProperty;
+        },
+        set: function (value) {
+            this.shadowColorProperty = value;
+            this.notifyPropertyChanged(constants_1.PROPERTY.TOOLTIP_SHADOW_COLOR);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(RolloverModifierRenderableSeriesProps.prototype, "tooltipDataTemplate", {
         get: function () {
             return this.tooltipDataTemplateProperty;