scichart 2.0.2139 → 2.0.2185

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

@@ -11,20 +11,47 @@ import { RenderContextAnnotationBase } from "./RenderContextAnnotationBase";
  * Options passed to the constructor of a {@link AxisMarkerAnnotation}, used to configure it at instantiation time
  */
 export interface IAxisMarkerAnnotationOptions extends IAnnotationBaseOptions {
+    /**
+     * Font size in pixels
+     */
     fontSize?: number;
+    /**
+     * Font family
+     */
     fontFamily?: string;
+    /**
+     * Font weight, e.g. bold
+     */
     fontWeight?: string;
+    /**
+     * Font style
+     */
     fontStyle?: string;
+    /**
+     * Text color, html code or string, e.g. #FF0000 or red
+     */
     color?: string;
     padding?: Thickness;
+    /**
+     * The axis marker color, html code or string, e.g. #FF0000 or red
+     */
     backgroundColor?: string;
+    /**
+     * Custom text on the label, by default the data value is displayed
+     */
     formattedValue?: string;
     /**
      * Sets the image to draw for {@link AxisMarkerAnnotation},
      * if not set the default AxisMarkerAnnotation is being used
      */
     image?: HTMLImageElement;
+    /**
+     * Image width
+     */
     imageWidth?: number;
+    /**
+     * Image height
+     */
     imageHeight?: number;
 }
 /**
@@ -170,7 +197,7 @@ export declare class AxisMarkerAnnotation extends RenderContextAnnotationBase {
     calcDragDistance(xyValues: Point): 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 updateAdornerInner(): void;

package/Charting/Visuals/Annotations/AxisMarkerAnnotation.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 __());
@@ -330,9 +332,9 @@ var AxisMarkerAnnotation = /** @class */ (function (_super) {
                 fontStyle: this.fontStyleProperty,
                 color: this.colorProperty
             };
-            var res = drawLabel_1.drawAxisMarkerAnnotation(axisWithMarker, renderContext, this.formattedValueProperty, annotationAbsoluteCoord, x1Coord, y1Coord, textStyle, this.backgroundColorProperty, this.opacity, this.image, this.imageWidth, this.imageHeight);
-            var point1 = translate_1.translateFromCanvasToSeriesViewRect(new Point_1.Point(res.xPosition, res.yPosition), viewRect, true);
-            var point2 = translate_1.translateFromCanvasToSeriesViewRect(new Point_1.Point(res.xPosition + res.textureWidth, res.yPosition + res.textureHeight), viewRect, true);
+            var res = (0, drawLabel_1.drawAxisMarkerAnnotation)(axisWithMarker, renderContext, this.formattedValueProperty, annotationAbsoluteCoord, x1Coord, y1Coord, textStyle, this.backgroundColorProperty, this.opacity, this.image, this.imageWidth, this.imageHeight);
+            var point1 = (0, translate_1.translateFromCanvasToSeriesViewRect)(new Point_1.Point(res.xPosition, res.yPosition), viewRect, true);
+            var point2 = (0, translate_1.translateFromCanvasToSeriesViewRect)(new Point_1.Point(res.xPosition + res.textureWidth, res.yPosition + res.textureHeight), viewRect, true);
             this.setAnnotationBorders(point1.x, point2.x, point1.y, point2.y);
             this.updateAdornerInner();
         }
@@ -343,11 +345,11 @@ var AxisMarkerAnnotation = /** @class */ (function (_super) {
     AxisMarkerAnnotation.prototype.onDragStarted = function (args) {
         _super.prototype.onDragStarted.call(this, args);
         var _a = this.calculateAdornerCenter(), x = _a.x, y = _a.y;
-        var xyMousePoint = translate_1.translateFromCanvasToSeriesViewRect(new Point_1.Point(args.mousePoint.x, args.mousePoint.y), this.parentSurface.seriesViewRect, true);
-        var xyAdorner = translate_1.translateFromCanvasToSeriesViewRect(new Point_1.Point(x * DpiHelper_1.DpiHelper.PIXEL_RATIO, y * DpiHelper_1.DpiHelper.PIXEL_RATIO), this.parentSurface.seriesViewRect, true);
+        var xyMousePoint = (0, translate_1.translateFromCanvasToSeriesViewRect)(new Point_1.Point(args.mousePoint.x, args.mousePoint.y), this.parentSurface.seriesViewRect, true);
+        var xyAdorner = (0, translate_1.translateFromCanvasToSeriesViewRect)(new Point_1.Point(x * DpiHelper_1.DpiHelper.PIXEL_RATIO, y * DpiHelper_1.DpiHelper.PIXEL_RATIO), this.parentSurface.seriesViewRect, true);
         if (xyMousePoint) {
             if (xyAdorner) {
-                var dist = pointUtil_1.calcDistance(xyAdorner.x, xyAdorner.y, xyMousePoint.x, xyMousePoint.y);
+                var dist = (0, pointUtil_1.calcDistance)(xyAdorner.x, xyAdorner.y, xyMousePoint.x, xyMousePoint.y);
                 if (dist < constants_1.ADORNER_GRIP_RADIUS * DpiHelper_1.DpiHelper.PIXEL_RATIO) {
                     this.adornerDraggingPoint = AnnotationBase_1.EDraggingGripPoint.Point1;
                     return true;
@@ -390,7 +392,7 @@ var AxisMarkerAnnotation = /** @class */ (function (_super) {
     };
     AxisMarkerAnnotation.prototype.checkIsClickedOnAnnotationInternal = function (x, y) {
         var _a = this.getAnnotationBorders(true), x1 = _a.x1, x2 = _a.x2, y1 = _a.y1, y2 = _a.y2;
-        return pointUtil_1.testIsInBounds(x, y, x1, y2, x2, y1);
+        return (0, pointUtil_1.testIsInBounds)(x, y, x1, y2, x2, y1);
     };
     AxisMarkerAnnotation.prototype.updateAdornerInner = function () {
         this.deleteAdorner();
@@ -422,5 +424,5 @@ var svgStringAdornerTemplate = function (x1, y1, x2, y2, x, y) {
     var adornerFill = "#CDCDCD22";
     var adornerStroke = "#CDCDCD99";
     var delta = 1;
-    return "<svg xmlns=\"http://www.w3.org/2000/svg\">\n  <line x1=\"" + (x1 - delta) + "\" y1=\"" + y1 + "\" x2=\"" + (x2 + delta) + "\" y2=\"" + y1 + "\" stroke=\"" + colorLine + "\" stroke-width=\"" + 2 * delta + "\" />\n  <line x1=\"" + x2 + "\" y1=\"" + (y1 + delta) + "\" x2=\"" + x2 + "\" y2=\"" + (y2 - delta) + "\" stroke=\"" + colorLine + "\" stroke-width=\"" + 2 * delta + "\" />\n  <line x1=\"" + (x1 - delta) + "\" y1=\"" + y2 + "\" x2=\"" + (x2 + delta) + "\" y2=\"" + y2 + "\" stroke=\"" + colorLine + "\" stroke-width=\"" + 2 * delta + "\" />\n  <line x1=\"" + x1 + "\" y1=\"" + (y1 + delta) + "\" x2=\"" + x1 + "\" y2=\"" + (y2 - delta) + "\" stroke=\"" + colorLine + "\" stroke-width=\"" + 2 * delta + "\" />\n  <circle cx=\"" + x + "\" cy=\"" + y + "\" 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 - delta, "\" y1=\"").concat(y1, "\" x2=\"").concat(x2 + delta, "\" y2=\"").concat(y1, "\" stroke=\"").concat(colorLine, "\" stroke-width=\"").concat(2 * delta, "\" />\n  <line x1=\"").concat(x2, "\" y1=\"").concat(y1 + delta, "\" x2=\"").concat(x2, "\" y2=\"").concat(y2 - delta, "\" stroke=\"").concat(colorLine, "\" stroke-width=\"").concat(2 * delta, "\" />\n  <line x1=\"").concat(x1 - delta, "\" y1=\"").concat(y2, "\" x2=\"").concat(x2 + delta, "\" y2=\"").concat(y2, "\" stroke=\"").concat(colorLine, "\" stroke-width=\"").concat(2 * delta, "\" />\n  <line x1=\"").concat(x1, "\" y1=\"").concat(y1 + delta, "\" x2=\"").concat(x1, "\" y2=\"").concat(y2 - delta, "\" stroke=\"").concat(colorLine, "\" stroke-width=\"").concat(2 * delta, "\" />\n  <circle cx=\"").concat(x, "\" cy=\"").concat(y, "\" r=\"").concat(constants_1.ADORNER_GRIP_RADIUS, "\" fill=\"").concat(adornerFill, "\" stroke=\"").concat(adornerStroke, "\"/>\n</svg>");
 };

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

@@ -90,7 +90,7 @@ export declare class BoxAnnotation 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/BoxAnnotation.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 __());
@@ -115,17 +117,17 @@ var BoxAnnotation = /** @class */ (function (_super) {
     });
     /** @inheritDoc */
     BoxAnnotation.prototype.delete = function () {
-        this.strokePenCache = Deleter_1.deleteSafe(this.strokePenCache);
-        this.fillBrushCache = Deleter_1.deleteSafe(this.fillBrushCache);
+        this.strokePenCache = (0, Deleter_1.deleteSafe)(this.strokePenCache);
+        this.fillBrushCache = (0, Deleter_1.deleteSafe)(this.fillBrushCache);
     };
     /** @inheritDoc */
     BoxAnnotation.prototype.drawWithContext = function (renderContext, xCalc, yCalc, viewRect) {
         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;
         strokePen === null || strokePen === void 0 ? void 0 : strokePen.setOpacity(this.opacity);
-        var fillBrush = this.fill ? BrushCache_1.getWebGlBrushFromCache(this.fillBrushCache) : undefined;
+        var fillBrush = this.fill ? (0, BrushCache_1.getWebGlBrushFromCache)(this.fillBrushCache) : undefined;
         fillBrush === null || fillBrush === void 0 ? void 0 : fillBrush.setOpacity(this.opacity);
         var x1 = this.getX1Coordinate(xCalc, yCalc);
         var x2 = this.getX2Coordinate(xCalc, yCalc);
@@ -142,11 +144,11 @@ var BoxAnnotation = /** @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);
+        (0, Pen2DCache_1.createPenInCache)(this.strokePenCache, this.stroke, this.strokeThickness, this.opacity);
         if (!this.fillBrushCache) {
             this.fillBrushCache = new BrushCache_1.BrushCache(scs.webAssemblyContext2D);
         }
-        BrushCache_1.createBrushInCache(this.fillBrushCache, this.fill, this.opacity);
+        (0, BrushCache_1.createBrushInCache)(this.fillBrushCache, this.fill, this.opacity);
     };
     BoxAnnotation.prototype.onDragStarted = function (args) {
         _super.prototype.onDragStarted.call(this, args);
@@ -155,30 +157,30 @@ var BoxAnnotation = /** @class */ (function (_super) {
         var xyCoord2 = this.getXYCoordinatesFromValues(new Point_1.Point(point2.x, point2.y));
         var xyCoord3 = this.getXYCoordinatesFromValues(new Point_1.Point(point3.x, point3.y));
         var xyCoord4 = this.getXYCoordinatesFromValues(new Point_1.Point(point4.x, point4.y));
-        var xyMousePoint = translate_1.translateFromCanvasToSeriesViewRect(new Point_1.Point(args.mousePoint.x, args.mousePoint.y), this.parentSurface.seriesViewRect);
+        var xyMousePoint = (0, translate_1.translateFromCanvasToSeriesViewRect)(new Point_1.Point(args.mousePoint.x, args.mousePoint.y), this.parentSurface.seriesViewRect);
         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_2.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_2.ADORNER_GRIP_RADIUS * DpiHelper_1.DpiHelper.PIXEL_RATIO) {
                 this.adornerDraggingPoint = AnnotationBase_1.EDraggingGripPoint.Point2;
                 return true;
             }
         }
         if (xyCoord3) {
-            var dist = pointUtil_1.calcDistance(xyCoord3.x, xyCoord3.y, args.mousePoint.x, args.mousePoint.y);
+            var dist = (0, pointUtil_1.calcDistance)(xyCoord3.x, xyCoord3.y, args.mousePoint.x, args.mousePoint.y);
             if (dist < constants_2.ADORNER_GRIP_RADIUS * DpiHelper_1.DpiHelper.PIXEL_RATIO) {
                 this.adornerDraggingPoint = AnnotationBase_1.EDraggingGripPoint.Point3;
                 return true;
             }
         }
         if (xyCoord4) {
-            var dist = pointUtil_1.calcDistance(xyCoord4.x, xyCoord4.y, args.mousePoint.x, args.mousePoint.y);
+            var dist = (0, pointUtil_1.calcDistance)(xyCoord4.x, xyCoord4.y, args.mousePoint.x, args.mousePoint.y);
             if (dist < constants_2.ADORNER_GRIP_RADIUS * DpiHelper_1.DpiHelper.PIXEL_RATIO) {
                 this.adornerDraggingPoint = AnnotationBase_1.EDraggingGripPoint.Point4;
                 return true;
@@ -277,7 +279,7 @@ var BoxAnnotation = /** @class */ (function (_super) {
     };
     BoxAnnotation.prototype.checkIsClickedOnAnnotationInternal = function (x, y) {
         var _a = this.getAnnotationBorders(true), x1 = _a.x1, x2 = _a.x2, y1 = _a.y1, y2 = _a.y2;
-        return pointUtil_1.testIsInBounds(x, y, x1, y2, x2, y1);
+        return (0, pointUtil_1.testIsInBounds)(x, y, x1, y2, x2, y1);
     };
     BoxAnnotation.prototype.notifyPropertyChanged = function (propertyName) {
         _super.prototype.notifyPropertyChanged.call(this, propertyName);
@@ -288,11 +290,11 @@ var BoxAnnotation = /** @class */ (function (_super) {
             constants_1.PROPERTY.OPACITY
         ];
         if (this.strokePenCache && strokePenRelatedProperties.includes(propertyName)) {
-            Pen2DCache_1.createPenInCache(this.strokePenCache, this.stroke, this.strokeThickness, this.opacity);
+            (0, Pen2DCache_1.createPenInCache)(this.strokePenCache, this.stroke, this.strokeThickness, this.opacity);
         }
         var fillBrushRelatedProperties = [constants_1.PROPERTY.FILL, constants_1.PROPERTY.OPACITY];
         if (this.fillBrushCache && fillBrushRelatedProperties.includes(propertyName)) {
-            BrushCache_1.createBrushInCache(this.fillBrushCache, this.fill, this.opacity);
+            (0, BrushCache_1.createBrushInCache)(this.fillBrushCache, this.fill, this.opacity);
         }
     };
     BoxAnnotation.prototype.updateAdornerInner = function () {
@@ -313,5 +315,5 @@ var svgStringAdornerTemplate = function (x1, y1, x2, y2) {
     var adornerFill = "#CDCDCD22";
     var adornerStroke = "#CDCDCD99";
     var delta = 3;
-    return "<svg xmlns=\"http://www.w3.org/2000/svg\">\n  <line x1=\"" + (x1 - delta) + "\" y1=\"" + y1 + "\" x2=\"" + (x2 + delta) + "\" y2=\"" + y1 + "\" stroke=\"" + colorLine + "\" stroke-width=\"" + 2 * delta + "\" />\n  <line x1=\"" + x2 + "\" y1=\"" + (y1 + delta) + "\" x2=\"" + x2 + "\" y2=\"" + (y2 - delta) + "\" stroke=\"" + colorLine + "\" stroke-width=\"" + 2 * delta + "\" />\n  <line x1=\"" + (x1 - delta) + "\" y1=\"" + y2 + "\" x2=\"" + (x2 + delta) + "\" y2=\"" + y2 + "\" stroke=\"" + colorLine + "\" stroke-width=\"" + 2 * delta + "\" />\n  <line x1=\"" + x1 + "\" y1=\"" + (y1 + delta) + "\" x2=\"" + x1 + "\" y2=\"" + (y2 - delta) + "\" stroke=\"" + colorLine + "\" stroke-width=\"" + 2 * delta + "\" />\n  <circle cx=\"" + x1 + "\" cy=\"" + y1 + "\" r=\"" + constants_2.ADORNER_GRIP_RADIUS + "\" fill=\"" + adornerFill + "\" stroke=\"" + adornerStroke + "\"/>\n  <circle cx=\"" + x1 + "\" cy=\"" + y2 + "\" r=\"" + constants_2.ADORNER_GRIP_RADIUS + "\" fill=\"" + adornerFill + "\" stroke=\"" + adornerStroke + "\"/>\n  <circle cx=\"" + x2 + "\" cy=\"" + y1 + "\" r=\"" + constants_2.ADORNER_GRIP_RADIUS + "\" fill=\"" + adornerFill + "\" stroke=\"" + adornerStroke + "\"/>\n  <circle cx=\"" + x2 + "\" cy=\"" + y2 + "\" r=\"" + constants_2.ADORNER_GRIP_RADIUS + "\" fill=\"" + adornerFill + "\" stroke=\"" + adornerStroke + "\"/>\n</svg>";
+    return "<svg xmlns=\"http://www.w3.org/2000/svg\">\n  <line x1=\"".concat(x1 - delta, "\" y1=\"").concat(y1, "\" x2=\"").concat(x2 + delta, "\" y2=\"").concat(y1, "\" stroke=\"").concat(colorLine, "\" stroke-width=\"").concat(2 * delta, "\" />\n  <line x1=\"").concat(x2, "\" y1=\"").concat(y1 + delta, "\" x2=\"").concat(x2, "\" y2=\"").concat(y2 - delta, "\" stroke=\"").concat(colorLine, "\" stroke-width=\"").concat(2 * delta, "\" />\n  <line x1=\"").concat(x1 - delta, "\" y1=\"").concat(y2, "\" x2=\"").concat(x2 + delta, "\" y2=\"").concat(y2, "\" stroke=\"").concat(colorLine, "\" stroke-width=\"").concat(2 * delta, "\" />\n  <line x1=\"").concat(x1, "\" y1=\"").concat(y1 + delta, "\" x2=\"").concat(x1, "\" y2=\"").concat(y2 - delta, "\" stroke=\"").concat(colorLine, "\" stroke-width=\"").concat(2 * delta, "\" />\n  <circle cx=\"").concat(x1, "\" cy=\"").concat(y1, "\" r=\"").concat(constants_2.ADORNER_GRIP_RADIUS, "\" fill=\"").concat(adornerFill, "\" stroke=\"").concat(adornerStroke, "\"/>\n  <circle cx=\"").concat(x1, "\" cy=\"").concat(y2, "\" r=\"").concat(constants_2.ADORNER_GRIP_RADIUS, "\" fill=\"").concat(adornerFill, "\" stroke=\"").concat(adornerStroke, "\"/>\n  <circle cx=\"").concat(x2, "\" cy=\"").concat(y1, "\" r=\"").concat(constants_2.ADORNER_GRIP_RADIUS, "\" fill=\"").concat(adornerFill, "\" stroke=\"").concat(adornerStroke, "\"/>\n  <circle cx=\"").concat(x2, "\" cy=\"").concat(y2, "\" r=\"").concat(constants_2.ADORNER_GRIP_RADIUS, "\" fill=\"").concat(adornerFill, "\" stroke=\"").concat(adornerStroke, "\"/>\n</svg>");
 };

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

@@ -42,7 +42,7 @@ export declare class CursorTooltipSvgAnnotation extends SvgAnnotationBase {
     /**
      * Gets or sets seriesInfos {@link SeriesInfo} value on the tooltip
      */
-    set seriesInfos(value: SeriesInfo[]);
+    set seriesInfos(newSeriesInfos: SeriesInfo[]);
     get title(): string;
     set title(value: string);
     get tooltipSvgTemplate(): TCursorTooltipSvgTemplate;

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>");
 };