scichart 2.0.2132 → 2.0.2179

package/Charting/Model/XyzDataSeries.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 __());
@@ -96,9 +98,9 @@ var XyzDataSeries = /** @class */ (function (_super) {
      */
     XyzDataSeries.prototype.appendRange = function (xValues, yValues, zValues, metadata) {
         if (!this.getIsDeleted()) {
-            Guard_1.Guard.isTrue(Array.isArray(xValues) || NumberArray_1.isTypedArray(xValues), "xValues must be an array of numbers");
-            Guard_1.Guard.isTrue(Array.isArray(yValues) || NumberArray_1.isTypedArray(yValues), "yValues must be an array of numbers");
-            Guard_1.Guard.isTrue(Array.isArray(zValues) || NumberArray_1.isTypedArray(zValues), "zValues must be an array of numbers");
+            Guard_1.Guard.isTrue(Array.isArray(xValues) || (0, NumberArray_1.isTypedArray)(xValues), "xValues must be an array of numbers");
+            Guard_1.Guard.isTrue(Array.isArray(yValues) || (0, NumberArray_1.isTypedArray)(yValues), "yValues must be an array of numbers");
+            Guard_1.Guard.isTrue(Array.isArray(zValues) || (0, NumberArray_1.isTypedArray)(zValues), "zValues must be an array of numbers");
             Guard_1.Guard.arraysSameLengthArr([
                 { arg: xValues, name: "xValues" },
                 { arg: yValues, name: "yValues" },
@@ -113,9 +115,9 @@ var XyzDataSeries = /** @class */ (function (_super) {
             var nativeX = this.getNativeXValues();
             var nativeY = this.getNativeYValues();
             var nativeZ = this.getNativeZValues();
-            fillDoubleVectorFromJsArray_1.fillDoubleVectorFromJsArray(this.webAssemblyContext, nativeX, xValues);
-            fillDoubleVectorFromJsArray_1.fillDoubleVectorFromJsArray(this.webAssemblyContext, nativeY, yValues);
-            fillDoubleVectorFromJsArray_1.fillDoubleVectorFromJsArray(this.webAssemblyContext, nativeZ, zValues);
+            (0, fillDoubleVectorFromJsArray_1.fillDoubleVectorFromJsArray)(this.webAssemblyContext, nativeX, xValues);
+            (0, fillDoubleVectorFromJsArray_1.fillDoubleVectorFromJsArray)(this.webAssemblyContext, nativeY, yValues);
+            (0, fillDoubleVectorFromJsArray_1.fillDoubleVectorFromJsArray)(this.webAssemblyContext, nativeZ, zValues);
             this.notifyDataChanged(IDataSeries_1.EDataChangeType.Append, null, xValues.length);
         }
     };
@@ -191,9 +193,9 @@ var XyzDataSeries = /** @class */ (function (_super) {
      */
     XyzDataSeries.prototype.insertRange = function (startIndex, xValues, yValues, zValues, metadata) {
         if (!this.getIsDeleted()) {
-            Guard_1.Guard.isTrue(Array.isArray(xValues) || NumberArray_1.isTypedArray(xValues), "xValues must be an array of numbers");
-            Guard_1.Guard.isTrue(Array.isArray(yValues) || NumberArray_1.isTypedArray(yValues), "yValues must be an array of numbers");
-            Guard_1.Guard.isTrue(Array.isArray(zValues) || NumberArray_1.isTypedArray(zValues), "zValues must be an array of numbers");
+            Guard_1.Guard.isTrue(Array.isArray(xValues) || (0, NumberArray_1.isTypedArray)(xValues), "xValues must be an array of numbers");
+            Guard_1.Guard.isTrue(Array.isArray(yValues) || (0, NumberArray_1.isTypedArray)(yValues), "yValues must be an array of numbers");
+            Guard_1.Guard.isTrue(Array.isArray(zValues) || (0, NumberArray_1.isTypedArray)(zValues), "zValues must be an array of numbers");
             this.validateIndex(startIndex, "Start index is out of range");
             Guard_1.Guard.arraysSameLengthArr([
                 { arg: xValues, name: "xValues" },
@@ -269,9 +271,9 @@ var XyzDataSeries = /** @class */ (function (_super) {
     };
     /** @inheritDoc */
     XyzDataSeries.prototype.delete = function () {
-        this.zValues = Deleter_1.deleteSafe(this.zValues);
-        this.zInitialAnimationValues = Deleter_1.deleteSafe(this.zInitialAnimationValues);
-        this.zFinalAnimationValues = Deleter_1.deleteSafe(this.zFinalAnimationValues);
+        this.zValues = (0, Deleter_1.deleteSafe)(this.zValues);
+        this.zInitialAnimationValues = (0, Deleter_1.deleteSafe)(this.zInitialAnimationValues);
+        this.zFinalAnimationValues = (0, Deleter_1.deleteSafe)(this.zFinalAnimationValues);
         _super.prototype.delete.call(this);
     };
     /** @inheritDoc */

package/Charting/Numerics/CoordinateCalculators/CategoryCoordinateCalculator.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/Numerics/CoordinateCalculators/FlippedCategoryCoordinateCalculator.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/Numerics/CoordinateCalculators/FlippedNumericCoordinateCalculator.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/Numerics/CoordinateCalculators/LogarithmicCoordinateCalculator.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/Numerics/CoordinateCalculators/NumericCoordinateCalculator.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/Numerics/TickCoordinateProviders/DefaultTickCoordinatesProvider.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/Numerics/TickProviders/LogarithmicTickProvider.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 __());
@@ -242,10 +244,10 @@ var LogarithmicTickProvider = /** @class */ (function (_super) {
     LogarithmicTickProvider.prototype.isParamsValid = function (visibleRange, deltaRange) {
         Guard_1.Guard.notNull(visibleRange, "visibleRange");
         Guard_1.Guard.notNull(deltaRange, "deltaRange");
-        return (isRealNumber_1.isRealNumber(visibleRange.min) &&
-            isRealNumber_1.isRealNumber(visibleRange.max) &&
-            isRealNumber_1.isRealNumber(deltaRange.min) &&
-            isRealNumber_1.isRealNumber(deltaRange.max));
+        return ((0, isRealNumber_1.isRealNumber)(visibleRange.min) &&
+            (0, isRealNumber_1.isRealNumber)(visibleRange.max) &&
+            (0, isRealNumber_1.isRealNumber)(deltaRange.min) &&
+            (0, isRealNumber_1.isRealNumber)(deltaRange.max));
     };
     return LogarithmicTickProvider;
 }(TickProvider_1.TickProvider));

package/Charting/Numerics/TickProviders/NumericTickProvider.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 __());
@@ -77,7 +79,7 @@ var NumericTickProvider = /** @class */ (function (_super) {
     NumericTickProvider.prototype.isParamsValid = function (visibleRange, deltaRange) {
         Guard_1.Guard.notNull(visibleRange, "visibleRange");
         Guard_1.Guard.notNull(deltaRange, "deltaRange");
-        return (isRealNumber_1.isRealNumber(visibleRange.min) && isRealNumber_1.isRealNumber(visibleRange.max) && deltaRange.min > 0 && deltaRange.max > 0);
+        return ((0, isRealNumber_1.isRealNumber)(visibleRange.min) && (0, isRealNumber_1.isRealNumber)(visibleRange.max) && deltaRange.min > 0 && deltaRange.max > 0);
     };
     /**
      * @summary Performs the Numeric tick calculation

package/Charting/Services/SciChartRenderer.d.ts

@@ -26,4 +26,5 @@ export declare class SciChartRenderer {
     private drawDebugAxes;
     private tryPerformAutoRangeOn;
     private onParentSurfaceRendered;
+    private updateWatermark;
 }

package/Charting/Services/SciChartRenderer.js

@@ -1,10 +1,12 @@
 "use strict";
-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.SciChartRenderer = void 0;
@@ -15,6 +17,7 @@ var AutoRange_1 = require("../../types/AutoRange");
 var AxisAlignment_1 = require("../../types/AxisAlignment");
 var RenderLayer_1 = require("../../types/RenderLayer");
 var IAnnotation_1 = require("../Visuals/Annotations/IAnnotation");
+var SciChartSurfaceBase_1 = require("../Visuals/SciChartSurfaceBase");
 var DpiHelper_1 = require("../Visuals/TextureManager/DpiHelper");
 var RenderPassData_1 = require("./RenderPassData");
 /**
@@ -45,6 +48,7 @@ var SciChartRenderer = /** @class */ (function () {
         this.validate();
         // Animation Step
         var timeElapsed = this.previousTime ? Date.now() - this.previousTime : undefined;
+        // console.log("draw ", timeElapsed);
         this.previousTime = Date.now();
         this.sciChartSurface.onAnimate(timeElapsed);
         this.sciChartSurface.updateBackground();
@@ -68,7 +72,7 @@ var SciChartRenderer = /** @class */ (function () {
         // Step 6 Draw annotations below the series
         var userAnnotations = this.sciChartSurface.annotations.asArray();
         var modifierAnnotations = this.sciChartSurface.modifierAnnotations.asArray();
-        var annotations = __spreadArrays(userAnnotations, modifierAnnotations);
+        var annotations = __spreadArray(__spreadArray([], userAnnotations, true), modifierAnnotations, true);
         var renderContextAnnotations = annotations.filter(function (el) {
             return (el.type === IAnnotation_1.EAnnotationType.RenderContextBoxAnnotation ||
                 el.type === IAnnotation_1.EAnnotationType.RenderContextLineAnnotation ||
@@ -92,9 +96,7 @@ var SciChartRenderer = /** @class */ (function () {
         });
         this.drawSvgAnnotations(svgAnnotations, xyAxesById[0], xyAxesById[1]);
         // Update watermark
-        var left = seriesViewRect.x;
-        var bottom = renderContext.viewportSize.height - (seriesViewRect.top + seriesViewRect.height);
-        this.sciChartSurface.updateWatermark(left, bottom);
+        this.updateWatermark(renderContext, seriesViewRect);
         // Step 10 Call OnParentSurfaceRendered
         this.onParentSurfaceRendered();
         nativeContext.SetBlendMode(oldBlendMode);
@@ -115,10 +117,10 @@ var SciChartRenderer = /** @class */ (function () {
                 var yAxis = yAxisById.item(a.yAxisId) || yAxisById.values[0];
                 if (a.showWarning) {
                     if (xAxisById.count > 0 && xAxis.id !== a.xAxisId) {
-                        console.warn("Annotation looked for xAxis Id " + a.xAxisId + " but got " + xAxis.id + ". Do you need to set xAxisId on an annotation or modifier?");
+                        console.warn("Annotation looked for xAxis Id ".concat(a.xAxisId, " but got ").concat(xAxis.id, ". Do you need to set xAxisId on an annotation or modifier?"));
                     }
                     if (yAxisById.count > 0 && yAxis.id !== a.yAxisId) {
-                        console.warn("Annotation looked for yAxis Id " + a.yAxisId + " but got " + yAxis.id + ". Do you need to set yAxisId on an annotation or modifier?");
+                        console.warn("Annotation looked for yAxis Id ".concat(a.yAxisId, " but got ").concat(yAxis.id, ". Do you need to set yAxisId on an annotation or modifier?"));
                     }
                     a.showWarning = false;
                 }
@@ -134,10 +136,10 @@ var SciChartRenderer = /** @class */ (function () {
             var yAxis = yAxisById.item(a.yAxisId) || yAxisById.values[0];
             if (a.showWarning) {
                 if (xAxisById.count > 0 && xAxis.id !== a.xAxisId) {
-                    console.warn("Annotation looked for xAxis Id " + a.xAxisId + " but got " + xAxis.id + ". Do you need to set xAxisId on an annotation or modifier?");
+                    console.warn("Annotation looked for xAxis Id ".concat(a.xAxisId, " but got ").concat(xAxis.id, ". Do you need to set xAxisId on an annotation or modifier?"));
                 }
                 if (yAxisById.count > 0 && yAxis.id !== a.yAxisId) {
-                    console.warn("Annotation looked for yAxis Id " + a.yAxisId + " but got " + yAxis.id + ". Do you need to set yAxisId on an annotation or modifier?");
+                    console.warn("Annotation looked for yAxis Id ".concat(a.yAxisId, " but got ").concat(yAxis.id, ". Do you need to set yAxisId on an annotation or modifier?"));
                 }
                 a.showWarning = false;
             }
@@ -145,6 +147,8 @@ var SciChartRenderer = /** @class */ (function () {
         });
     };
     SciChartRenderer.prototype.validate = function () {
+        this.sciChartSurface.xAxes.asArray().forEach(function (axis) { return (axis.isMeasured = false); });
+        this.sciChartSurface.yAxes.asArray().forEach(function (axis) { return (axis.isMeasured = false); });
         // TODO: Check the surface is valid and output error codes to console
         // Checks would include
         // Is XAxes and YAxes collection null or empty
@@ -157,8 +161,8 @@ var SciChartRenderer = /** @class */ (function () {
         var viewRectInDevicePixels = new Rect_1.Rect(seriesViewRect.x / DpiHelper_1.DpiHelper.PIXEL_RATIO, seriesViewRect.y / DpiHelper_1.DpiHelper.PIXEL_RATIO, seriesViewRect.width / DpiHelper_1.DpiHelper.PIXEL_RATIO, seriesViewRect.height / DpiHelper_1.DpiHelper.PIXEL_RATIO);
         var svgRootElement = this.sciChartSurface.domSvgContainer;
         if (svgRootElement) {
-            svgRootElement.style.marginLeft = viewRectInDevicePixels.x + "px";
-            svgRootElement.style.marginTop = viewRectInDevicePixels.y + "px";
+            svgRootElement.style.marginLeft = "".concat(viewRectInDevicePixels.x, "px");
+            svgRootElement.style.marginTop = "".concat(viewRectInDevicePixels.y, "px");
             // Set width, height
             svgRootElement.setAttribute("width", viewRectInDevicePixels.width.toString());
             svgRootElement.setAttribute("height", viewRectInDevicePixels.height.toString());
@@ -204,12 +208,12 @@ var SciChartRenderer = /** @class */ (function () {
                 throw Error("Cannot find a Y Axis with ID = " + series.yAxisId);
             }
             if (xAxis.isVerticalChart && ![AxisAlignment_1.EAxisAlignment.Top, AxisAlignment_1.EAxisAlignment.Bottom].includes(yAxis.axisAlignment)) {
-                throw Error("For vertical chart (chart with X Axis alignment Left or Right) Y Axis alignment should be Top or Bottom, X Axis ID = " + xAxis.id);
+                throw Error("For vertical chart (chart with X Axis alignment Left or Right) Y Axis alignment should be Top or Bottom, X Axis ID = ".concat(xAxis.id));
             }
-            if (AxisAlignment_1.getIsVertical(xAxis.axisAlignment) && AxisAlignment_1.getIsVertical(yAxis.axisAlignment)) {
+            if ((0, AxisAlignment_1.getIsVertical)(xAxis.axisAlignment) && (0, AxisAlignment_1.getIsVertical)(yAxis.axisAlignment)) {
                 throw Error("Both x and y axes can't have vertical alignment");
             }
-            if (AxisAlignment_1.getIsHorizontal(xAxis.axisAlignment) && AxisAlignment_1.getIsHorizontal(yAxis.axisAlignment)) {
+            if ((0, AxisAlignment_1.getIsHorizontal)(xAxis.axisAlignment) && (0, AxisAlignment_1.getIsHorizontal)(yAxis.axisAlignment)) {
                 throw Error("Both x and y axes can't have horizontal alignment");
             }
             var xCalc = xAxis.getCurrentCoordinateCalculator();
@@ -238,13 +242,20 @@ var SciChartRenderer = /** @class */ (function () {
         });
     };
     SciChartRenderer.prototype.tryPerformAutoRangeOn = function (axis, sciChartSurface) {
-        var shouldAutoRange = axis.autoRange === AutoRange_1.EAutoRange.Always ||
-            (axis.autoRange === AutoRange_1.EAutoRange.Once && (!axis.hasValidVisibleRange() || axis.hasDefaultVisibleRange()));
+        var firstRange = !axis.hasValidVisibleRange() || axis.hasDefaultVisibleRange();
+        var shouldAutoRange = axis.autoRange === AutoRange_1.EAutoRange.Always || (axis.autoRange === AutoRange_1.EAutoRange.Once && firstRange);
         if (shouldAutoRange) {
             // Different implementation for YAxis and XAxis because of windowing
             var newRange = axis.getMaximumRange();
             if (!newRange.equals(axis.visibleRange)) {
-                axis.visibleRange = newRange;
+                if (!axis.autoRangeAnimation ||
+                    (firstRange && !axis.autoRangeAnimation.animateInitialRanging) ||
+                    (!firstRange && !axis.autoRangeAnimation.animateSubsequentRanging)) {
+                    axis.visibleRange = newRange;
+                }
+                else if (!newRange.equals(axis.animatedVisibleRange)) {
+                    axis.animateVisibleRange(newRange, axis.autoRangeAnimation.duration, axis.autoRangeAnimation.easing);
+                }
             }
         }
     };
@@ -254,6 +265,14 @@ var SciChartRenderer = /** @class */ (function () {
         });
         this.sciChartSurface.rendered.raiseEvent();
     };
+    SciChartRenderer.prototype.updateWatermark = function (renderContext, seriesViewRect) {
+        var left = seriesViewRect.x;
+        var chartHeight = this.sciChartSurface.isCopyCanvasSurface
+            ? SciChartSurfaceBase_1.SciChartSurfaceBase.domMasterCanvas.height
+            : renderContext.viewportSize.height;
+        var bottom = chartHeight - (seriesViewRect.top + seriesViewRect.height);
+        this.sciChartSurface.updateWatermark(left, bottom);
+    };
     return SciChartRenderer;
 }());
 exports.SciChartRenderer = SciChartRenderer;

package/Charting/Services/Workers/TextureWorker.d.ts

@@ -0,0 +1,16 @@
+import { TTextStyle } from "../../Visuals/Axis/AxisCore";
+declare class TextureWorkerWrapper {
+    private readonly worker;
+    private timeout;
+    private isActiveProperty;
+    constructor();
+    get isActive(): boolean;
+    measureAndGetImageData(text: string[], textStyle: TTextStyle, rotation?: number, lineSpacing?: number, backgroundColor?: string, opacity?: number): Promise<{
+        imageData: ImageData;
+        textureWidth: number;
+        textureHeight: number;
+    }>;
+    private makeWorker;
+}
+export declare const textureWorker: TextureWorkerWrapper;
+export {};

package/Charting/Services/Workers/TextureWorker.js

@@ -0,0 +1,138 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.textureWorker = void 0;
+var app_1 = require("../../../constants/app");
+var resolves = {};
+var rejects = {};
+var globalMsgId = 0;
+// Activate calculation in the worker, returning a promise
+function sendMsg(payload, worker, method) {
+    var msgId = globalMsgId++;
+    var msg = {
+        id: msgId,
+        payload: payload,
+        method: method
+    };
+    return new Promise(function (resolve, reject) {
+        // save callbacks for later
+        resolves[msgId] = resolve;
+        rejects[msgId] = reject;
+        worker.postMessage(msg);
+    });
+}
+// Handle incoming calculation result
+function handleMsg(msg) {
+    var _a = msg.data, id = _a.id, err = _a.err, payload = _a.payload;
+    if (payload) {
+        var resolve = resolves[id];
+        if (resolve) {
+            resolve(payload);
+        }
+    }
+    else {
+        // error condition
+        var reject = rejects[id];
+        if (reject) {
+            if (err) {
+                reject(err);
+            }
+            else {
+                reject("Got nothing");
+            }
+        }
+    }
+    // purge used callbacks
+    delete resolves[id];
+    delete rejects[id];
+}
+// Wrapper class
+var TextureWorkerWrapper = /** @class */ (function () {
+    function TextureWorkerWrapper() {
+        var _this = this;
+        this.timeout = 200;
+        this.isActiveProperty = true;
+        if (!app_1.IS_TEST_ENV && typeof window !== "undefined" && !!window.Worker) {
+            this.worker = this.makeWorker(); // new Worker("./TextureWorkerSource.ts", { type: "module" });
+            this.worker.onmessage = handleMsg;
+            this.worker.onerror = function (ev) {
+                console.warn("Label Worker could not be started", ev);
+                _this.isActiveProperty = false;
+            };
+        }
+        else {
+            this.isActiveProperty = false;
+        }
+    }
+    Object.defineProperty(TextureWorkerWrapper.prototype, "isActive", {
+        get: function () {
+            return this.isActiveProperty;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    TextureWorkerWrapper.prototype.measureAndGetImageData = function (text, textStyle, rotation, lineSpacing, backgroundColor, opacity) {
+        return __awaiter(this, void 0, void 0, function () {
+            var payload, result;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!this.isActiveProperty) {
+                            return [2 /*return*/, Promise.reject("Worker is inactive")];
+                        }
+                        payload = { text: text, textStyle: textStyle, rotation: rotation, lineSpacing: lineSpacing, backgroundColor: backgroundColor, opacity: opacity };
+                        return [4 /*yield*/, sendMsg(payload, this.worker)];
+                    case 1:
+                        result = _a.sent();
+                        return [2 /*return*/, result];
+                }
+            });
+        });
+    };
+    TextureWorkerWrapper.prototype.makeWorker = function () {
+        var blobURL = URL.createObjectURL(new Blob([
+            "\n        var DEFAULT_HEIGHT = 1080;\n        var DEFAULT_WIDTH = 1920;\n        var ELabelAlignment;\n        (function (ELabelAlignment) {\n            ELabelAlignment[\"Auto\"] = \"Auto\";\n            ELabelAlignment[\"Left\"] = \"Left\";\n            ELabelAlignment[\"Right\"] = \"Right\";\n            ELabelAlignment[\"Center\"] = \"Center\";\n        })(ELabelAlignment || (ELabelAlignment = {}));\n        var canvas = new OffscreenCanvas(DEFAULT_WIDTH, DEFAULT_HEIGHT);\n        var ctx = canvas.getContext(\"2d\");\n        var createTextTexture = function (text, textStyle, rotation, lineSpacing, backgroundColor, opacity) {\n            var fontStyle = textStyle.fontStyle, fontWeight = textStyle.fontWeight, fontFamily = textStyle.fontFamily, fontSizePx = textStyle.fontSize, padding = textStyle.padding, alignment = textStyle.alignment, color = textStyle.color;\n            ctx.globalAlpha = opacity !== null && opacity !== void 0 ? opacity : 1;\n            ctx.textBaseline = \"top\";\n            ctx.fillStyle = color;\n            ctx.font = getFontString(fontStyle, fontWeight, fontSizePx, fontFamily);\n            var textureWidth = 0;\n            // const fontSizePt = Math.ceil(fontSizePx * PX_TO_PT);\n            var lineHeight = measureTextHeight(fontSizePx);\n            var extraLineHeight = lineHeight * (lineSpacing !== null && lineSpacing !== void 0 ? lineSpacing : 1.1);\n            var textureHeight = lineHeight + padding.top + padding.bottom;\n            for (var index = 0; index < text.length; index++) {\n                var line = text[index];\n                var lineWidth = measureTextWidth(line) + padding.left + padding.right;\n                if (lineWidth > textureWidth) {\n                    textureWidth = lineWidth;\n                }\n                if (index > 0) {\n                    textureHeight += extraLineHeight;\n                }\n            }\n            var y = padding.top;\n            var x = padding.left;\n            if (!textureWidth || !textureHeight) {\n                return undefined;\n            }\n            var newTextureWidth = textureWidth;\n            var newTextureHeight = textureHeight;\n            ctx.clearRect(0, 0, canvas.width, canvas.height);\n            if (backgroundColor) {\n                ctx.fillStyle = backgroundColor;\n                ctx.fillRect(0, 0, canvas.width, canvas.height);\n            }\n            // Save state\n            ctx.save();\n            if (rotation) {\n                // convert to radians\n                var rotationRad = (rotation * Math.PI) / 180;\n                // We need to Math.ceil to fix rotation for WebGL1\n                newTextureWidth = Math.ceil(textureWidth * Math.abs(Math.cos(rotationRad)) + textureHeight * Math.abs(Math.sin(rotationRad)));\n                newTextureHeight = Math.ceil(textureWidth * Math.abs(Math.sin(rotationRad)) + textureHeight * Math.abs(Math.cos(rotationRad)));\n                // translate to the center of rectangle\n                ctx.translate(newTextureWidth / 2, newTextureHeight / 2);\n                ctx.rotate(rotationRad);\n                // translate to the new origin that is located in the left top center of the texture\n                ctx.translate(-textureWidth / 2, -textureHeight / 2);\n            }\n            for (var _i = 0, text_1 = text; _i < text_1.length; _i++) {\n                var line = text_1[_i];\n                if (alignment === ELabelAlignment.Center || alignment === ELabelAlignment.Right) {\n                    var lineWidth = measureTextWidth(line);\n                    x =\n                        alignment === ELabelAlignment.Right\n                            ? textureWidth - lineWidth - padding.right\n                            : (textureWidth - lineWidth) / 2;\n                }\n                ctx.fillText(line, Math.round(x), Math.round(y));\n                y += extraLineHeight;\n            }\n            ctx.strokeStyle = color;\n            ctx.restore();\n            var imageData = ctx.getImageData(0, 0, newTextureWidth, newTextureHeight);\n            return {\n                imageData: imageData,\n                textureWidth: newTextureWidth,\n                textureHeight: newTextureHeight\n            };\n        };\n        var measureTextHeight = function (fontSizePx) { return fontSizePx; };\n        var measureTextWidth = function (text) {\n            var textMeasure = ctx.measureText(text);\n            return Math.ceil(textMeasure.width);\n        };\n        var getFontString = function (fontStyle, fontWeight, fontSize, fontFamily) {\n            if (!fontWeight)\n                return fontStyle + \" \" + fontSize + \"px \" + fontFamily;\n            return fontStyle + \" \" + fontWeight + \" \" + fontSize + \"px \" + fontFamily;\n        };\n        self.onmessage = function (msg) {\n            var _a = msg.data, id = _a.id, payload = _a.payload, method = _a.method;\n            var text = payload.text, textStyle = payload.textStyle, rotation = payload.rotation, lineSpacing = payload.lineSpacing, backgroundColor = payload.backgroundColor, opacity = payload.opacity;\n            try {\n                var result = createTextTexture(text, textStyle, rotation, lineSpacing, backgroundColor, opacity);\n                var reply = {\n                    id: id,\n                    payload: result\n                };\n                self.postMessage(reply);\n            }\n            catch (err) {\n                self.postMessage({\n                    id: id,\n                    err: err,\n                    payload: undefined\n                });\n            }\n        };"
+        ], { type: "application/javascript" }));
+        var worker = new Worker(blobURL);
+        // Won't be needing this anymore
+        URL.revokeObjectURL(blobURL);
+        return worker;
+    };
+    return TextureWorkerWrapper;
+}());
+exports.textureWorker = new TextureWorkerWrapper();

package/Charting/Services/Workers/TextureWorkerSource.d.ts

@@ -0,0 +1 @@
+export {};