scichart 2.0.2144 → 2.0.2186

package/Charting/Visuals/Annotations/CursorTooltipSvgAnnotation.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 __());
@@ -54,9 +56,19 @@ var CursorTooltipSvgAnnotation = /** @class */ (function (_super) {
         /**
          * Gets or sets seriesInfos {@link SeriesInfo} value on the tooltip
          */
-        set: function (value) {
-            this.seriesInfosProperty = value;
-            this.notifyPropertyChanged(constants_1.PROPERTY.SERIES_INFOS);
+        set: function (newSeriesInfos) {
+            if (this.seriesInfosProperty && newSeriesInfos) {
+                // Compare infos against the ones for the matching series.  See if any are different
+                if (newSeriesInfos.length !== this.seriesInfosProperty.length ||
+                    this.seriesInfosProperty
+                        .map(function (seriesInfo) {
+                        return seriesInfo.equals(newSeriesInfos.find(function (newSeriesInfo) { return newSeriesInfo.renderableSeries.id === seriesInfo.renderableSeries.id; }));
+                    })
+                        .some(function (sameSeriesInfo) { return sameSeriesInfo === false; })) {
+                    this.seriesInfosProperty = newSeriesInfos;
+                    this.notifyPropertyChanged(constants_1.PROPERTY.SERIES_INFOS);
+                }
+            }
         },
         enumerable: false,
         configurable: true
@@ -66,8 +78,10 @@ var CursorTooltipSvgAnnotation = /** @class */ (function (_super) {
             return this.titleProperty;
         },
         set: function (value) {
-            this.titleProperty = value;
-            this.notifyPropertyChanged(constants_1.PROPERTY.TITLE);
+            if (this.titleProperty !== value) {
+                this.titleProperty = value;
+                this.notifyPropertyChanged(constants_1.PROPERTY.TITLE);
+            }
         },
         enumerable: false,
         configurable: true
@@ -99,8 +113,10 @@ var CursorTooltipSvgAnnotation = /** @class */ (function (_super) {
             return this.containerBackgroundProperty;
         },
         set: function (value) {
-            this.containerBackgroundProperty = value;
-            this.notifyPropertyChanged(constants_1.PROPERTY.CONTAINER_BACKGROUND);
+            if (this.containerBackgroundProperty !== value) {
+                this.containerBackgroundProperty = value;
+                this.notifyPropertyChanged(constants_1.PROPERTY.CONTAINER_BACKGROUND);
+            }
         },
         enumerable: false,
         configurable: true
@@ -110,8 +126,10 @@ var CursorTooltipSvgAnnotation = /** @class */ (function (_super) {
             return this.tooltipLegendOffsetXProperty;
         },
         set: function (value) {
-            this.tooltipLegendOffsetXProperty = value;
-            this.notifyPropertyChanged(constants_1.PROPERTY.TOOLTIP_LEGEND_OFFSET_X);
+            if (this.tooltipLegendOffsetXProperty !== value) {
+                this.tooltipLegendOffsetXProperty = value;
+                this.notifyPropertyChanged(constants_1.PROPERTY.TOOLTIP_LEGEND_OFFSET_X);
+            }
         },
         enumerable: false,
         configurable: true
@@ -121,8 +139,10 @@ var CursorTooltipSvgAnnotation = /** @class */ (function (_super) {
             return this.tooltipLegendOffsetYProperty;
         },
         set: function (value) {
-            this.tooltipLegendOffsetYProperty = value;
-            this.notifyPropertyChanged(constants_1.PROPERTY.TOOLTIP_LEGEND_OFFSET_Y);
+            if (this.tooltipLegendOffsetYProperty !== value) {
+                this.tooltipLegendOffsetYProperty = value;
+                this.notifyPropertyChanged(constants_1.PROPERTY.TOOLTIP_LEGEND_OFFSET_Y);
+            }
         },
         enumerable: false,
         configurable: true
@@ -132,8 +152,10 @@ var CursorTooltipSvgAnnotation = /** @class */ (function (_super) {
             return this.textStrokeProperty;
         },
         set: function (value) {
-            this.textStrokeProperty = value;
-            this.notifyPropertyChanged(constants_1.PROPERTY.TEXT_STROKE);
+            if (this.textStrokeProperty !== value) {
+                this.textStrokeProperty = value;
+                this.notifyPropertyChanged(constants_1.PROPERTY.TEXT_STROKE);
+            }
         },
         enumerable: false,
         configurable: true

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

@@ -28,7 +28,7 @@ export declare class CustomAnnotation extends SvgAnnotationBase {
     /** @inheritDoc */
     toJSON(): {
         type: EAnnotationType;
-        options: Required<Pick<import("./AnnotationBase").IAnnotationBaseOptions, "opacity" | "id" | "annotationLayer" | "isHidden" | "resizeDirections" | "isEditable" | "x1" | "x2" | "y1" | "y2" | "xAxisId" | "xCoordinateMode" | "yAxisId" | "yCoordinateMode" | "isSelected" | "onDragStarted" | "onDragEnded" | "onDrag">>;
+        options: Required<Omit<import("./AnnotationBase").IAnnotationBaseOptions, never>>;
     };
     /** @inheritDoc */
     protected create(xCalc: CoordinateCalculatorBase, yCalc: CoordinateCalculatorBase): void;

package/Charting/Visuals/Annotations/CustomAnnotation.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 __());

package/Charting/Visuals/Annotations/HorizontalLineAnnotation.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 __());
@@ -109,7 +111,7 @@ var HorizontalLineAnnotation = /** @class */ (function (_super) {
         Guard_1.Guard.notNull(renderContext, "renderContext");
         Guard_1.Guard.notNull(xCalc, "xCalc");
         Guard_1.Guard.notNull(yCalc, "yCalc");
-        var strokePen = this.stroke && this.strokeThickness ? Pen2DCache_1.getWebGlPenFromCache(this.strokePenCache) : undefined;
+        var strokePen = this.stroke && this.strokeThickness ? (0, Pen2DCache_1.getWebGlPenFromCache)(this.strokePenCache) : undefined;
         var _a = this.getDrawConfig(xCalc, yCalc), annotationCoord = _a.annotationCoord, lineAnnotationEdgeCoord = _a.lineAnnotationEdgeCoord, horizontalAxis = _a.horizontalAxis, verticalAxis = _a.verticalAxis, horizontalAxisCoordinateMode = _a.horizontalAxisCoordinateMode, verticalAxisCoordinateMode = _a.verticalAxisCoordinateMode, horizontalCoordinateCalculator = _a.horizontalCoordinateCalculator, verticalCoordinateCalculator = _a.verticalCoordinateCalculator, isAlignmentRight = _a.isAlignmentRight;
         var borderX1 = 0;
         var borderX2 = viewRect.width;
@@ -134,10 +136,10 @@ var HorizontalLineAnnotation = /** @class */ (function (_super) {
         var isLineAnnotationEdgeVisible = !isPartialLine || isLineAnnotationInHorizontalVisibleRange;
         if (isAxisLabelInVerticalVisibleRange && isLineAnnotationEdgeVisible) {
             var textStyle = __assign(__assign({}, verticalAxis.labelStyle), { color: this.axisLabelStroke, fontSize: this.axisFontSize * DpiHelper_1.DpiHelper.PIXEL_RATIO, fontFamily: this.axisFontFamily });
-            var labelRect = drawLabel_1.drawLineAnnotation(verticalAxis, renderContext, this.labelPlacement, this.labelValue, borderX1, borderX2, borderY1, borderY2, textStyle, this.axisLabelFill, strokePen, viewRect, this.showLabel, this.opacity);
+            var labelRect = (0, drawLabel_1.drawLineAnnotation)(verticalAxis, renderContext, this.labelPlacement, this.labelValue, borderX1, borderX2, borderY1, borderY2, textStyle, this.axisLabelFill, strokePen, viewRect, this.showLabel, this.opacity);
             if (labelRect) {
-                var point1 = translate_1.translateFromCanvasToSeriesViewRect(new Point_1.Point(labelRect.left, labelRect.top), viewRect, true);
-                var point2 = translate_1.translateFromCanvasToSeriesViewRect(new Point_1.Point(labelRect.right, labelRect.bottom), viewRect, true);
+                var point1 = (0, translate_1.translateFromCanvasToSeriesViewRect)(new Point_1.Point(labelRect.left, labelRect.top), viewRect, true);
+                var point2 = (0, translate_1.translateFromCanvasToSeriesViewRect)(new Point_1.Point(labelRect.right, labelRect.bottom), viewRect, true);
                 this.labelRect = Rect_1.Rect.createWithPoints(point1, point2);
             }
         }
@@ -166,7 +168,7 @@ var HorizontalLineAnnotation = /** @class */ (function (_super) {
         if (this.dragOnLabel && this.labelRect) {
             var _a = this.labelRect, left = _a.left, top_1 = _a.top, right = _a.right, bottom = _a.bottom;
             // TODO not sure if this is a bug in testIsInBounds or if it's just the reversed nature of y on screen
-            if (pointUtil_1.testIsInBounds(x, y, left, bottom, right, top_1)) {
+            if ((0, pointUtil_1.testIsInBounds)(x, y, left, bottom, right, top_1)) {
                 return true;
             }
         }

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

@@ -183,7 +183,7 @@ export declare class LineAnnotation extends RenderContextAnnotationBase {
     onDpiChanged(args: TDpiChangedEventArgs): void;
     toJSON(): {
         type: EAnnotationType;
-        options: Required<Pick<IAnnotationBaseOptions, "opacity" | "id" | "annotationLayer" | "isHidden" | "resizeDirections" | "isEditable" | "x1" | "x2" | "y1" | "y2" | "xAxisId" | "xCoordinateMode" | "yAxisId" | "yCoordinateMode" | "isSelected" | "onDragStarted" | "onDragEnded" | "onDrag">>;
+        options: Required<Omit<IAnnotationBaseOptions, never>>;
     };
     protected checkIsClickedOnAnnotationInternal(x: number, y: number): boolean;
     protected notifyPropertyChanged(propertyName: string): void;

package/Charting/Visuals/Annotations/LineAnnotation.js

@@ -3,21 +3,25 @@ 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 __());
     };
 })();
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LineAnnotation = void 0;
@@ -254,7 +258,7 @@ var LineAnnotation = /** @class */ (function (_super) {
     });
     /** @inheritDoc */
     LineAnnotation.prototype.delete = function () {
-        this.strokePenCache = Deleter_1.deleteSafe(this.strokePenCache);
+        this.strokePenCache = (0, Deleter_1.deleteSafe)(this.strokePenCache);
     };
     /** @inheritDoc */
     LineAnnotation.prototype.onAttach = function (scs) {
@@ -262,7 +266,7 @@ var LineAnnotation = /** @class */ (function (_super) {
         if (!this.strokePenCache) {
             this.strokePenCache = new Pen2DCache_1.Pen2DCache(scs.webAssemblyContext2D);
         }
-        Pen2DCache_1.createPenInCache(this.strokePenCache, this.stroke, this.strokeThickness, this.opacity, this.strokeDashArray);
+        (0, Pen2DCache_1.createPenInCache)(this.strokePenCache, this.stroke, this.strokeThickness, this.opacity, this.strokeDashArray);
     };
     /** @inheritDoc */
     LineAnnotation.prototype.drawWithContext = function (renderContext, xCalc, yCalc, viewRect) {
@@ -270,7 +274,7 @@ var LineAnnotation = /** @class */ (function (_super) {
         Guard_1.Guard.notNull(renderContext, "renderContext");
         Guard_1.Guard.notNull(xCalc, "xCalc");
         Guard_1.Guard.notNull(yCalc, "yCalc");
-        var strokePen = this.stroke && this.strokeThickness ? Pen2DCache_1.getWebGlPenFromCache(this.strokePenCache) : undefined;
+        var strokePen = this.stroke && this.strokeThickness ? (0, Pen2DCache_1.getWebGlPenFromCache)(this.strokePenCache) : undefined;
         var borderX1 = this.getX1Coordinate(xCalc, yCalc);
         var borderX2 = this.getX2Coordinate(xCalc, yCalc);
         var borderY1 = this.getY1Coordinate(xCalc, yCalc);
@@ -295,8 +299,8 @@ var LineAnnotation = /** @class */ (function (_super) {
                 coord_1 = borderY1;
             }
             if (axes.length > 0 || verticalAxes.length > 0)
-                __spreadArrays(axes, verticalAxes).forEach(function (el) {
-                    return drawLabel_1.drawModifiersAxisLabel(el, renderContext, coord_1, _this.axisLabelFill, _this.axisLabelStroke);
+                __spreadArray(__spreadArray([], axes, true), verticalAxes, true).forEach(function (el) {
+                    return (0, drawLabel_1.drawModifiersAxisLabel)(el, renderContext, coord_1, _this.axisLabelFill, _this.axisLabelStroke);
                 });
         }
         this.updateAdornerInner();
@@ -317,14 +321,14 @@ var LineAnnotation = /** @class */ (function (_super) {
         var xyCoord2 = this.getXYCoordinatesFromValues(new Point_1.Point(x2, y2));
         var xyCoordBody = new Point_1.Point(args.mousePoint.x, args.mousePoint.y);
         if (xyCoord1) {
-            var dist = pointUtil_1.calcDistance(xyCoord1.x, xyCoord1.y, args.mousePoint.x, args.mousePoint.y);
+            var dist = (0, pointUtil_1.calcDistance)(xyCoord1.x, xyCoord1.y, args.mousePoint.x, args.mousePoint.y);
             if (dist < constants_1.ADORNER_GRIP_RADIUS * DpiHelper_1.DpiHelper.PIXEL_RATIO) {
                 this.adornerDraggingPoint = AnnotationBase_1.EDraggingGripPoint.Point1;
                 return true;
             }
         }
         if (xyCoord2) {
-            var dist = pointUtil_1.calcDistance(xyCoord2.x, xyCoord2.y, args.mousePoint.x, args.mousePoint.y);
+            var dist = (0, pointUtil_1.calcDistance)(xyCoord2.x, xyCoord2.y, args.mousePoint.x, args.mousePoint.y);
             if (dist < constants_1.ADORNER_GRIP_RADIUS * DpiHelper_1.DpiHelper.PIXEL_RATIO) {
                 this.adornerDraggingPoint = AnnotationBase_1.EDraggingGripPoint.Point2;
                 return true;
@@ -424,7 +428,7 @@ var LineAnnotation = /** @class */ (function (_super) {
     };
     LineAnnotation.prototype.checkIsClickedOnAnnotationInternal = function (x, y) {
         var _a = this.getAnnotationBorders(), x1 = _a.x1, x2 = _a.x2, y1 = _a.y1, y2 = _a.y2;
-        var distanceFromLine = pointUtil_1.calcDistanceFromLineSegment(x, y, x1, y1, x2, y2);
+        var distanceFromLine = (0, pointUtil_1.calcDistanceFromLineSegment)(x, y, x1, y1, x2, y2);
         return distanceFromLine <= constants_1.DISTANCE_TO_LINE * DpiHelper_1.DpiHelper.PIXEL_RATIO;
     };
     LineAnnotation.prototype.notifyPropertyChanged = function (propertyName) {
@@ -436,7 +440,7 @@ var LineAnnotation = /** @class */ (function (_super) {
             constants_1.PROPERTY.OPACITY
         ];
         if (strokePenRelatedProperties.includes(propertyName) && this.strokePenCache) {
-            Pen2DCache_1.createPenInCache(this.strokePenCache, this.stroke, this.strokeThickness, this.opacity, this.strokeDashArray);
+            (0, Pen2DCache_1.createPenInCache)(this.strokePenCache, this.stroke, this.strokeThickness, this.opacity, this.strokeDashArray);
         }
     };
     LineAnnotation.prototype.updateAdornerInner = function () {
@@ -456,5 +460,5 @@ var svgStringAdornerTemplate = function (x1, y1, x2, y2) {
     var colorLine = "#f00e0e66";
     var adornerFill = "#CDCDCD22";
     var adornerStroke = "#CDCDCD99";
-    return "<svg xmlns=\"http://www.w3.org/2000/svg\">\n  <line x1=\"" + x1 + "\" y1=\"" + y1 + "\" x2=\"" + x2 + "\" y2=\"" + y2 + "\" stroke=\"" + colorLine + "\" stroke-width=\"6\" />\n  <circle cx=\"" + x1 + "\" cy=\"" + y1 + "\" r=\"" + constants_1.ADORNER_GRIP_RADIUS + "\" fill=\"" + adornerFill + "\" stroke=\"" + adornerStroke + "\"/>\n  <circle cx=\"" + x2 + "\" cy=\"" + y2 + "\" r=\"" + constants_1.ADORNER_GRIP_RADIUS + "\" fill=\"" + adornerFill + "\" stroke=\"" + adornerStroke + "\"/>\n</svg>";
+    return "<svg xmlns=\"http://www.w3.org/2000/svg\">\n  <line x1=\"".concat(x1, "\" y1=\"").concat(y1, "\" x2=\"").concat(x2, "\" y2=\"").concat(y2, "\" stroke=\"").concat(colorLine, "\" stroke-width=\"6\" />\n  <circle cx=\"").concat(x1, "\" cy=\"").concat(y1, "\" r=\"").concat(constants_1.ADORNER_GRIP_RADIUS, "\" fill=\"").concat(adornerFill, "\" stroke=\"").concat(adornerStroke, "\"/>\n  <circle cx=\"").concat(x2, "\" cy=\"").concat(y2, "\" r=\"").concat(constants_1.ADORNER_GRIP_RADIUS, "\" fill=\"").concat(adornerFill, "\" stroke=\"").concat(adornerStroke, "\"/>\n</svg>");
 };

package/Charting/Visuals/Annotations/OverviewCustomResizableAnnotation.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 __());
@@ -34,7 +36,8 @@ var OverviewCustomResizableAnnotation = /** @class */ (function (_super) {
         var _this = _super.call(this, options) || this;
         _this.minWidthProperty = 10;
         _this.minHeightProperty = 10;
-        _this.adornerSvgStringTemplateProperty = (_a = options === null || options === void 0 ? void 0 : options.adornerSvgStringTemplate) !== null && _a !== void 0 ? _a : _this.adornerSvgStringTemplateProperty;
+        _this.adornerSvgStringTemplateProperty =
+            (_a = options === null || options === void 0 ? void 0 : options.adornerSvgStringTemplate) !== null && _a !== void 0 ? _a : _this.adornerSvgStringTemplateProperty;
         _this.minWidthProperty = (_b = options === null || options === void 0 ? void 0 : options.minWidth) !== null && _b !== void 0 ? _b : _this.minWidthProperty;
         _this.minHeightProperty = (_c = options === null || options === void 0 ? void 0 : options.minHeight) !== null && _c !== void 0 ? _c : _this.minHeightProperty;
         return _this;
@@ -173,12 +176,12 @@ var OverviewCustomResizableAnnotation = /** @class */ (function (_super) {
         var _a;
         (_a = this.dragStarted) === null || _a === void 0 ? void 0 : _a.raiseEvent();
         var _b = this.getAnnotationBorders(true), x1 = _b.x1, x2 = _b.x2, y1 = _b.y1, y2 = _b.y2;
-        var xyMousePoint = translate_1.translateFromCanvasToSeriesViewRect(new Point_1.Point(args.mousePoint.x, args.mousePoint.y), this.parentSurface.seriesViewRect, true);
+        var xyMousePoint = (0, translate_1.translateFromCanvasToSeriesViewRect)(new Point_1.Point(args.mousePoint.x, args.mousePoint.y), this.parentSurface.seriesViewRect, true);
         if (!xyMousePoint) {
             return false;
         }
-        var xMousePoint = translate_1.translateToNotScaled(xyMousePoint.x);
-        var yMousePoint = translate_1.translateToNotScaled(xyMousePoint.y);
+        var xMousePoint = (0, translate_1.translateToNotScaled)(xyMousePoint.x);
+        var yMousePoint = (0, translate_1.translateToNotScaled)(xyMousePoint.y);
         var isResizableHorizontally = this.isVerticalChart
             ? this.resizeDirections !== XyDirection_1.EXyDirection.XDirection
             : this.resizeDirections !== XyDirection_1.EXyDirection.YDirection;
@@ -187,11 +190,11 @@ var OverviewCustomResizableAnnotation = /** @class */ (function (_super) {
             : this.resizeDirections !== XyDirection_1.EXyDirection.XDirection;
         if (isResizableHorizontally) {
             // Left
-            if (pointUtil_1.testIsInBounds(xMousePoint, yMousePoint, x1 - constants_1.ADORNER_GRIP_RADIUS, y2, x1 + constants_1.ADORNER_GRIP_RADIUS, y1)) {
+            if ((0, pointUtil_1.testIsInBounds)(xMousePoint, yMousePoint, x1 - constants_1.ADORNER_GRIP_RADIUS, y2, x1 + constants_1.ADORNER_GRIP_RADIUS, y1)) {
                 this.adornerDraggingPoint = AnnotationBase_1.EDraggingGripPoint.Point1;
                 return true;
             }
-            else if (pointUtil_1.testIsInBounds(xMousePoint, yMousePoint, x2 - constants_1.ADORNER_GRIP_RADIUS, y2, x2 + constants_1.ADORNER_GRIP_RADIUS, y1)) {
+            else if ((0, pointUtil_1.testIsInBounds)(xMousePoint, yMousePoint, x2 - constants_1.ADORNER_GRIP_RADIUS, y2, x2 + constants_1.ADORNER_GRIP_RADIUS, y1)) {
                 // Right
                 this.adornerDraggingPoint = AnnotationBase_1.EDraggingGripPoint.Point2;
                 return true;
@@ -199,11 +202,11 @@ var OverviewCustomResizableAnnotation = /** @class */ (function (_super) {
         }
         // Top
         if (isResizableVertically) {
-            if (pointUtil_1.testIsInBounds(xMousePoint, yMousePoint, x1, y1 + constants_1.ADORNER_GRIP_RADIUS, x2, y1 - constants_1.ADORNER_GRIP_RADIUS)) {
+            if ((0, pointUtil_1.testIsInBounds)(xMousePoint, yMousePoint, x1, y1 + constants_1.ADORNER_GRIP_RADIUS, x2, y1 - constants_1.ADORNER_GRIP_RADIUS)) {
                 this.adornerDraggingPoint = AnnotationBase_1.EDraggingGripPoint.Point3;
                 return true;
             }
-            else if (pointUtil_1.testIsInBounds(xMousePoint, yMousePoint, x1, y2 + constants_1.ADORNER_GRIP_RADIUS, x2, y2 - constants_1.ADORNER_GRIP_RADIUS)) {
+            else if ((0, pointUtil_1.testIsInBounds)(xMousePoint, yMousePoint, x1, y2 + constants_1.ADORNER_GRIP_RADIUS, x2, y2 - constants_1.ADORNER_GRIP_RADIUS)) {
                 // Bottom
                 this.adornerDraggingPoint = AnnotationBase_1.EDraggingGripPoint.Point4;
                 return true;
@@ -369,7 +372,7 @@ var OverviewCustomResizableAnnotation = /** @class */ (function (_super) {
                 break;
             }
             default:
-                throw new Error("Unexpected adornerDraggingPoint value " + this.adornerDraggingPoint);
+                throw new Error("Unexpected adornerDraggingPoint value ".concat(this.adornerDraggingPoint));
         }
     };
     /**
@@ -441,9 +444,9 @@ var OverviewCustomResizableAnnotation = /** @class */ (function (_super) {
     };
     OverviewCustomResizableAnnotation.prototype.checkIsClickedOnAnnotationInternal = function (x, y) {
         var _a = this.getAnnotationBorders(true), x1 = _a.x1, x2 = _a.x2, y1 = _a.y1, y2 = _a.y2;
-        var xMousePoint = translate_1.translateToNotScaled(x);
-        var yMousePoint = translate_1.translateToNotScaled(y);
-        if (pointUtil_1.testIsInBounds(xMousePoint, yMousePoint, x1, y2, x2, y1)) {
+        var xMousePoint = (0, translate_1.translateToNotScaled)(x);
+        var yMousePoint = (0, translate_1.translateToNotScaled)(y);
+        if ((0, pointUtil_1.testIsInBounds)(xMousePoint, yMousePoint, x1, y2, x2, y1)) {
             return true;
         }
         var isResizableHorizontally = this.isVerticalChart
@@ -454,20 +457,20 @@ var OverviewCustomResizableAnnotation = /** @class */ (function (_super) {
             : this.resizeDirections !== XyDirection_1.EXyDirection.XDirection;
         if (isResizableHorizontally) {
             // Left
-            if (pointUtil_1.testIsInBounds(xMousePoint, yMousePoint, x1 - constants_1.ADORNER_GRIP_RADIUS, y2, x1 + constants_1.ADORNER_GRIP_RADIUS, y1)) {
+            if ((0, pointUtil_1.testIsInBounds)(xMousePoint, yMousePoint, x1 - constants_1.ADORNER_GRIP_RADIUS, y2, x1 + constants_1.ADORNER_GRIP_RADIUS, y1)) {
                 return true;
             }
-            else if (pointUtil_1.testIsInBounds(xMousePoint, yMousePoint, x2 - constants_1.ADORNER_GRIP_RADIUS, y2, x2 + constants_1.ADORNER_GRIP_RADIUS, y1)) {
+            else if ((0, pointUtil_1.testIsInBounds)(xMousePoint, yMousePoint, x2 - constants_1.ADORNER_GRIP_RADIUS, y2, x2 + constants_1.ADORNER_GRIP_RADIUS, y1)) {
                 // Right
                 return true;
             }
         }
         // Top
         if (isResizableVertically) {
-            if (pointUtil_1.testIsInBounds(xMousePoint, yMousePoint, x1, y1 + constants_1.ADORNER_GRIP_RADIUS, x2, y1 - constants_1.ADORNER_GRIP_RADIUS)) {
+            if ((0, pointUtil_1.testIsInBounds)(xMousePoint, yMousePoint, x1, y1 + constants_1.ADORNER_GRIP_RADIUS, x2, y1 - constants_1.ADORNER_GRIP_RADIUS)) {
                 return true;
             }
-            else if (pointUtil_1.testIsInBounds(xMousePoint, yMousePoint, x1, y2 + constants_1.ADORNER_GRIP_RADIUS, x2, y2 - constants_1.ADORNER_GRIP_RADIUS)) {
+            else if ((0, pointUtil_1.testIsInBounds)(xMousePoint, yMousePoint, x1, y2 + constants_1.ADORNER_GRIP_RADIUS, x2, y2 - constants_1.ADORNER_GRIP_RADIUS)) {
                 // Bottom
                 return true;
             }

package/Charting/Visuals/Annotations/RenderContextAnnotationBase.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 __());

package/Charting/Visuals/Annotations/RolloverLegendSvgAnnotation.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 __());

package/Charting/Visuals/Annotations/RolloverMarkerSvgAnnotation.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 __());
@@ -47,5 +49,5 @@ exports.RolloverMarkerSvgAnnotation = RolloverMarkerSvgAnnotation;
  * @ignore
  */
 var tooltipSvgTemplate = function (fillColor) {
-    return "<svg width=\"8\" height=\"8\"><circle cx=\"50%\" cy=\"50%\" r=\"4\" fill=\"" + fillColor + "\"/></svg>";
+    return "<svg width=\"8\" height=\"8\"><circle cx=\"50%\" cy=\"50%\" r=\"4\" fill=\"".concat(fillColor, "\"/></svg>");
 };

package/Charting/Visuals/Annotations/RolloverTooltipSvgAnnotation.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 __());
@@ -100,7 +102,7 @@ var RolloverTooltipSvgAnnotation = /** @class */ (function (_super) {
         else {
             var tooltipTitle = this.tooltipProps.tooltipTitle;
             var idTitle = ("" + tooltipTitle).replace(/\s/g, "");
-            var id = "id" + Math.floor(this.y1) + "_" + idTitle + "_" + Date.now();
+            var id = "id".concat(Math.floor(this.y1), "_").concat(idTitle, "_").concat(Date.now());
             var tooltipTemplate = (_a = this.tooltipProps.tooltipTemplate) !== null && _a !== void 0 ? _a : defaultTooltipTemplate;
             svgString = tooltipTemplate(id, this.seriesInfo, this);
         }
@@ -132,12 +134,12 @@ var defaultTooltipDataTemplate = function (seriesInfo, tooltipTitle, tooltipLabe
     if (seriesInfo.dataSeriesType === IDataSeries_1.EDataSeriesType.Ohlc) {
         var ohlcSeriesInfo = seriesInfo;
         if (tooltipLabelX) {
-            valuesWithLabels.push(tooltipLabelX + ": " + ohlcSeriesInfo.formattedXValue);
+            valuesWithLabels.push("".concat(tooltipLabelX, ": ").concat(ohlcSeriesInfo.formattedXValue));
         }
-        valuesWithLabels.push("Open: " + ohlcSeriesInfo.formattedOpenValue);
-        valuesWithLabels.push("Highest: " + ohlcSeriesInfo.formattedHighValue);
-        valuesWithLabels.push("Lowest: " + ohlcSeriesInfo.formattedLowValue);
-        valuesWithLabels.push("Close: " + ohlcSeriesInfo.formattedCloseValue);
+        valuesWithLabels.push("Open: ".concat(ohlcSeriesInfo.formattedOpenValue));
+        valuesWithLabels.push("Highest: ".concat(ohlcSeriesInfo.formattedHighValue));
+        valuesWithLabels.push("Lowest: ".concat(ohlcSeriesInfo.formattedLowValue));
+        valuesWithLabels.push("Close: ".concat(ohlcSeriesInfo.formattedCloseValue));
     }
     else if (seriesInfo.dataSeriesType === IDataSeries_1.EDataSeriesType.Xyy) {
         // Band Series
@@ -153,12 +155,12 @@ var defaultTooltipDataTemplate = function (seriesInfo, tooltipTitle, tooltipLabe
         // Band Series
         var heatmapSeriesInfo = seriesInfo;
         if (tooltipLabelX) {
-            valuesWithLabels.push(tooltipLabelX + ": " + heatmapSeriesInfo.formattedXValue);
+            valuesWithLabels.push("".concat(tooltipLabelX, ": ").concat(heatmapSeriesInfo.formattedXValue));
         }
         if (tooltipLabelY) {
-            valuesWithLabels.push(tooltipLabelY + ": " + heatmapSeriesInfo.formattedYValue);
+            valuesWithLabels.push("".concat(tooltipLabelY, ": ").concat(heatmapSeriesInfo.formattedYValue));
         }
-        valuesWithLabels.push("Z: " + heatmapSeriesInfo.formattedZValue);
+        valuesWithLabels.push("Z: ".concat(heatmapSeriesInfo.formattedZValue));
     }
     else {
         // Line Series
@@ -181,9 +183,9 @@ var defaultTooltipTemplate = function (id, seriesInfo, rolloverTooltip) {
     var height = (_d = tooltipProps.height) !== null && _d !== void 0 ? _d : calcTooltipHeight(valuesWithLabels.length);
     rolloverTooltip.updateSize(width, height);
     valuesWithLabels.forEach(function (val, index) {
-        valuesBlock += "<tspan x=\"8\" dy=\"1.2em\">" + val + "</tspan>";
+        valuesBlock += "<tspan x=\"8\" dy=\"1.2em\">".concat(val, "</tspan>");
     });
-    return "<svg class=\"scichart__rollover-tooltip\" width=\"" + width + "\" height=\"" + height + "\">\n        <defs>\n            <filter id=\"" + id + "\" x=\"0\" y=\"0\" width=\"200%\" height=\"200%\">\n                <feOffset result=\"offOut\" in=\"SourceAlpha\" dx=\"3\" dy=\"3\" />\n                <feGaussianBlur result=\"blurOut\" in=\"offOut\" stdDeviation=\"3\" />\n                <feBlend in=\"SourceGraphic\" in2=\"blurOut\" mode=\"normal\" />\n            </filter>\n        </defs>\n        <rect rx=\"4\" ry=\"4\" width=\"95%\" height=\"90%\" fill=\"" + tooltipColor + "\" filter=\"url(#" + id + ")\" />\n        <svg width=\"100%\">\n            <text x=\"8\" y=\"3\" font-size=\"13\" font-family=\"Verdana\" dy=\"0\" fill=\"" + tooltipTextColor + "\">" + valuesBlock + "</text>\n        </svg>\n    </svg>";
+    return "<svg class=\"scichart__rollover-tooltip\" width=\"".concat(width, "\" height=\"").concat(height, "\">\n        <defs>\n            <filter id=\"").concat(id, "\" x=\"0\" y=\"0\" width=\"200%\" height=\"200%\">\n                <feOffset result=\"offOut\" in=\"SourceAlpha\" dx=\"3\" dy=\"3\" />\n                <feGaussianBlur result=\"blurOut\" in=\"offOut\" stdDeviation=\"3\" />\n                <feBlend in=\"SourceGraphic\" in2=\"blurOut\" mode=\"normal\" />\n            </filter>\n        </defs>\n        <rect rx=\"4\" ry=\"4\" width=\"95%\" height=\"90%\" fill=\"").concat(tooltipColor, "\" filter=\"url(#").concat(id, ")\" />\n        <svg width=\"100%\">\n            <text x=\"8\" y=\"3\" font-size=\"13\" font-family=\"Verdana\" dy=\"0\" fill=\"").concat(tooltipTextColor, "\">").concat(valuesBlock, "</text>\n        </svg>\n    </svg>");
 };
 /** @ignore */
 var calcTooltipWidth = function (textLength, fontSize) {
@@ -201,10 +203,10 @@ var calcTooltipHeight = function (lines, fontSize) {
 var addValueWithLabel = function (valuesWithLabels, xValue, yValue, xLabel, yLabel) {
     if (xLabel) {
         var yLabel2 = yLabel !== null && yLabel !== void 0 ? yLabel : "Y";
-        valuesWithLabels.push(xLabel + ": " + xValue + " " + yLabel2 + ": " + yValue);
+        valuesWithLabels.push("".concat(xLabel, ": ").concat(xValue, " ").concat(yLabel2, ": ").concat(yValue));
     }
     else {
-        var yLabel2 = yLabel ? yLabel + ": " : "";
-        valuesWithLabels.push("" + yLabel2 + yValue);
+        var yLabel2 = yLabel ? "".concat(yLabel, ": ") : "";
+        valuesWithLabels.push("".concat(yLabel2).concat(yValue));
     }
 };

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

@@ -84,7 +84,7 @@ export declare abstract class SvgAnnotationBase extends AnnotationBase {
     delete(): void;
     toJSON(): {
         type: import("./IAnnotation").EAnnotationType;
-        options: Required<Pick<IAnnotationBaseOptions, "opacity" | "id" | "annotationLayer" | "isHidden" | "resizeDirections" | "isEditable" | "x1" | "x2" | "y1" | "y2" | "xAxisId" | "xCoordinateMode" | "yAxisId" | "yCoordinateMode" | "isSelected" | "onDragStarted" | "onDragEnded" | "onDrag">>;
+        options: Required<Omit<IAnnotationBaseOptions, never>>;
     };
     get svg(): SVGElement;
     protected checkIsClickedOnAnnotationInternal(x: number, y: number): boolean;