scichart 2.0.2146 → 2.0.2179

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;

package/Charting/Visuals/Annotations/SvgAnnotationBase.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 __());
@@ -68,8 +70,10 @@ var SvgAnnotationBase = /** @class */ (function (_super) {
          * Gets or sets an offset to shift X-coordinates
          */
         set: function (value) {
-            this.xCoordShiftProperty = value;
-            this.notifyPropertyChanged(constants_1.PROPERTY.X_COORD_SHIFT);
+            if (this.xCoordShiftProperty !== value) {
+                this.xCoordShiftProperty = value;
+                this.notifyPropertyChanged(constants_1.PROPERTY.X_COORD_SHIFT);
+            }
         },
         enumerable: false,
         configurable: true
@@ -85,8 +89,10 @@ var SvgAnnotationBase = /** @class */ (function (_super) {
          * Gets or sets an offset to shift Y-coordinates
          */
         set: function (value) {
-            this.yCoordShiftProperty = value;
-            this.notifyPropertyChanged(constants_1.PROPERTY.Y_COORD_SHIFT);
+            if (this.yCoordShiftProperty !== value) {
+                this.yCoordShiftProperty = value;
+                this.notifyPropertyChanged(constants_1.PROPERTY.Y_COORD_SHIFT);
+            }
         },
         enumerable: false,
         configurable: true
@@ -102,8 +108,10 @@ var SvgAnnotationBase = /** @class */ (function (_super) {
          * Gets or sets vertical anchor point
          */
         set: function (value) {
-            this.verticalAnchorPointProperty = value;
-            this.notifyPropertyChanged(constants_1.PROPERTY.VERTICAL_ANCHOR_POINT);
+            if (this.verticalAnchorPointProperty !== value) {
+                this.verticalAnchorPointProperty = value;
+                this.notifyPropertyChanged(constants_1.PROPERTY.VERTICAL_ANCHOR_POINT);
+            }
         },
         enumerable: false,
         configurable: true
@@ -119,8 +127,10 @@ var SvgAnnotationBase = /** @class */ (function (_super) {
          * Gets or sets horizontal anchor point
          */
         set: function (value) {
-            this.horizontalAnchorPointProperty = value;
-            this.notifyPropertyChanged(constants_1.PROPERTY.HORIZONTAL_ANCHOR_POINT);
+            if (this.horizontalAnchorPointProperty !== value) {
+                this.horizontalAnchorPointProperty = value;
+                this.notifyPropertyChanged(constants_1.PROPERTY.HORIZONTAL_ANCHOR_POINT);
+            }
         },
         enumerable: false,
         configurable: true
@@ -200,12 +210,12 @@ var SvgAnnotationBase = /** @class */ (function (_super) {
         if (this.horizontalAnchorPoint === AnchorPoint_1.EHorizontalAnchorPoint.Center) {
             circleCenterX = circleCenterX + width;
         }
-        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 (!xyMousePoint) {
             return false;
         }
         if (xyCoord1) {
-            var dist = pointUtil_1.calcDistance(circleCenterX, circleCenterY, translate_1.translateToNotScaled(xyMousePoint.x), translate_1.translateToNotScaled(xyMousePoint.y));
+            var dist = (0, pointUtil_1.calcDistance)(circleCenterX, circleCenterY, (0, translate_1.translateToNotScaled)(xyMousePoint.x), (0, translate_1.translateToNotScaled)(xyMousePoint.y));
             if (dist < constants_1.ADORNER_GRIP_RADIUS) {
                 this.adornerDraggingPoint = AnnotationBase_1.EDraggingGripPoint.Point1;
                 return true;
@@ -247,7 +257,7 @@ var SvgAnnotationBase = /** @class */ (function (_super) {
         // For SVG annotations we need to use not scaled coordinates
         var notScaledX = x / DpiHelper_1.DpiHelper.PIXEL_RATIO;
         var notScaledY = y / DpiHelper_1.DpiHelper.PIXEL_RATIO;
-        return pointUtil_1.testIsInBounds(notScaledX, notScaledY, x1, y2, x2, y1);
+        return (0, pointUtil_1.testIsInBounds)(notScaledX, notScaledY, x1, y2, x2, y1);
     };
     SvgAnnotationBase.prototype.updateAdornerInner = function () {
         var _a = this.getAdornerAnnotationBorders(true), x1 = _a.x1, x2 = _a.x2, y1 = _a.y1, y2 = _a.y2;
@@ -323,5 +333,5 @@ var svgStringAdornerTemplate = function (x1, y1, x2, y2, verticalAnchorPoint, ho
     if (horizontalAnchorPoint === AnchorPoint_1.EHorizontalAnchorPoint.Center) {
         circleCenterX = circleCenterX + width;
     }
-    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=\"" + circleCenterX + "\" cy=\"" + circleCenterY + "\" 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(circleCenterX, "\" cy=\"").concat(circleCenterY, "\" r=\"").concat(constants_1.ADORNER_GRIP_RADIUS, "\" fill=\"").concat(adornerFill, "\" stroke=\"").concat(adornerStroke, "\"/>\n  </svg>");
 };

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

@@ -70,7 +70,7 @@ export declare class TextAnnotation extends SvgAnnotationBase {
     set fontWeight(fontWeight: string);
     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>>;
     };
     /**
      * Notifies listeners of {@link invalidateParentCallback} that a property has changed

package/Charting/Visuals/Annotations/TextAnnotation.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 __());
@@ -160,7 +162,7 @@ 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=\"" + fontSize + "\" fill=\"" + color + "\" font-size=\"" + fontSize + "\" font-family=\"" + fontFamily + "\" font-weight=\"" + fontWeight + "\">" + text + "</text>\n    </svg>";
+    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 = document.createRange().createContextualFragment(svgString);
     svgRoot.appendChild(svgNode);
     return svgRoot.lastChild;

package/Charting/Visuals/Annotations/VerticalLineAnnotation.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 VerticalLineAnnotation = /** @class */ (function (_super) {
         Guard_1.Guard.notNull(renderContext, "renderContext");
         Guard_1.Guard.notNull(xCalc, "xCalc");
         Guard_1.Guard.notNull(yCalc, "yCalc");
-        var strokePen = Pen2DCache_1.getWebGlPenFromCache(this.strokePenCache);
+        var strokePen = (0, Pen2DCache_1.getWebGlPenFromCache)(this.strokePenCache);
         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, isAlignmentTop = _a.isAlignmentTop;
         var borderY1 = viewRect.height;
         var borderY2 = 0;
@@ -136,10 +138,10 @@ var VerticalLineAnnotation = /** @class */ (function (_super) {
         var isLineAnnotationEdgeVisible = !isPartialLine || isLineAnnotationInVerticalVisibleRange;
         if (isAxisLabelInHorizontalVisibleRange && 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(horizontalAxis, renderContext, this.labelPlacement, this.labelValue, borderX1, borderX2, borderY1, borderY2, textStyle, this.axisLabelFill, strokePen, viewRect, this.showLabel, this.opacity);
+            var labelRect = (0, drawLabel_1.drawLineAnnotation)(horizontalAxis, 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);
             }
         }
@@ -168,7 +170,7 @@ var VerticalLineAnnotation = /** @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/Axis/AxisBase2D.d.ts

@@ -122,14 +122,20 @@ export interface IAxisBase2dOptions extends IAxisCoreOptions {
      */
     keepLabelsWithinAxis?: boolean;
     /**
-     * Default (true) is to not show labels that would overlap.  When using rotation you may want to set this false,
-     * as the bounding box of ratoated text may overlap even if the text itself does not.
+     * Default (true) is to not show labels that would overlap. When using rotation you may want to set this false,
+     * as the bounding box of rotated text may overlap even if the text itself does not.
      */
     hideOverlappingLabels?: boolean;
     /**
      * Options to configure if and how the axis should animate when autoRanging
      */
     autoRangeAnimation?: IAutoRangeAnimationOptions;
+    /**
+     * Sets axis label area thickness, by default the value is calculated to have enough space for labels.
+     * However, this property allows to set minimal width/height for vertical/horizontal axes.
+     * Useful to align seriesViewRects for different charts
+     */
+    axisThickness?: number;
 }
 /**
  * The base class for 2D Chart Axis within SciChart - High Performance {@link https://www.scichart.com/javascript-chart-features | JavaScript Charts}.
@@ -225,12 +231,9 @@ export declare abstract class AxisBase2D extends AxisCore implements IThemeable
      */
     set isStackedAxis(value: boolean);
     /**
-     * Gets or sets the length the current Axis. E.g. width of horizontal axis or height of vertical axis.
+     * Called internally - Gets or sets the length the current Axis. E.g. width of horizontal axis or height of vertical axis.
      */
     get axisLength(): number;
-    /**
-     * Gets or sets the length the current Axis. E.g. width of horizontal axis or height of vertical axis.
-     */
     set axisLength(value: number);
     /**
      * Gets or sets the offset of the axis position.
@@ -322,10 +325,11 @@ export declare abstract class AxisBase2D extends AxisCore implements IThemeable
      * @param options Optional parameters of type {@link IAxisBase2dOptions} used to configure the axis at instantiation time
      */
     protected constructor(webAssemblyContext: TSciChart, options?: IAxisBase2dOptions);
+    /** @inheritDoc */
+    applyTheme(themeProvider: IThemeProvider): void;
     /**
-     * @inheritDoc
+     * Called when the {@link AxisBase2D} is attached to an {@link SciChartSurface}
      */
-    applyTheme(themeProvider: IThemeProvider): void;
     onAttach(parentSurface: SciChartSurface, isXAxis: boolean, isPrimaryAxis: boolean): void;
     /**
      * Called internally - measures the axis as part of the layout phase
@@ -385,6 +389,10 @@ export declare abstract class AxisBase2D extends AxisCore implements IThemeable
      */
     zoom(fromCoord: number, toCoord: number, duration?: number, easingFunction?: TEasingFn): void;
     scale(initialRange: NumberRange, delta: number, isMoreThanHalf: boolean): void;
+    /**
+     * @inheritDoc
+     */
+    animateVisibleRange(visibleRange: NumberRange, durationMs: number, easingFunction?: TEasingFn, onCompleted?: () => void): import("../../../Core/Animations/GenericAnimation").IGenericAnimation;
     /**
      * @inheritDoc
      */