scichart 2.0.2146 → 2.0.2179

package/Charting/Visuals/Axis/LabelProvider/NumericLabelProvider.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 __());
@@ -43,11 +45,11 @@ var NumericLabelProvider = /** @class */ (function (_super) {
         var _this = _super.call(this, __assign({ labelFormat: (_a = options === null || options === void 0 ? void 0 : options.labelFormat) !== null && _a !== void 0 ? _a : NumericFormat_1.ENumericFormat.Decimal, labelPrecision: (_b = options === null || options === void 0 ? void 0 : options.labelPrecision) !== null && _b !== void 0 ? _b : 1 }, options)) || this;
         _this.type = LabelProviderType_1.ELabelProviderType.Numeric;
         _this.formatLabelProperty = function (dataValue) {
-            return _this.applyFormat(number_1.formatNumber(dataValue, _this.numericFormat, _this.precision));
+            return _this.applyFormat((0, number_1.formatNumber)(dataValue, _this.numericFormat, _this.precision));
         };
         _this.formatCursorLabelProperty = function (dataValue) {
             var _a, _b;
-            return _this.applyFormat(number_1.formatNumber(dataValue, (_a = _this.cursorNumericFormat) !== null && _a !== void 0 ? _a : _this.numericFormat, (_b = _this.cursorPrecision) !== null && _b !== void 0 ? _b : _this.precision));
+            return _this.applyFormat((0, number_1.formatNumber)(dataValue, (_a = _this.cursorNumericFormat) !== null && _a !== void 0 ? _a : _this.numericFormat, (_b = _this.cursorPrecision) !== null && _b !== void 0 ? _b : _this.precision));
         };
         return _this;
     }

package/Charting/Visuals/Axis/LabelProvider/SmartDateLabelProvider.js

@@ -3,32 +3,24 @@ 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 __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SmartDateLabelProvider = void 0;
 var LabelProviderType_1 = require("../../../../types/LabelProviderType");
 var NumericFormat_1 = require("../../../../types/NumericFormat");
 var date_1 = require("../../../../utils/date");
 var number_1 = require("../../../../utils/number");
+var LabelCache_1 = require("./LabelCache");
 var LabelProviderBase2D_1 = require("./LabelProviderBase2D");
 var ETradeChartLabelFormat;
 (function (ETradeChartLabelFormat) {
@@ -52,7 +44,7 @@ var SmartDateLabelProvider = /** @class */ (function (_super) {
     function SmartDateLabelProvider() {
         var _this = _super.call(this) || this;
         _this.type = LabelProviderType_1.ELabelProviderType.SmartDate;
-        _this.formatLabelProperty = function (dataValue) { return number_1.formatNumber(dataValue, NumericFormat_1.ENumericFormat.Date_DDMMYYYY, 0); };
+        _this.formatLabelProperty = function (dataValue) { return (0, number_1.formatNumber)(dataValue, NumericFormat_1.ENumericFormat.Date_DDMMYYYY, 0); };
         _this.formatCursorLabelProperty = _this.formatLabelProperty;
         return _this;
     }
@@ -77,26 +69,27 @@ var SmartDateLabelProvider = /** @class */ (function (_super) {
         var format = this.getTradeChartLabelFormat(timeRange, ticksNumber);
         for (var index = 0; index < ticks.length; index++) {
             var tick = ticks[index];
+            var prevValue = index > 0 ? ticks[index - 1] : undefined;
+            var prevPrevValue = index > 0 ? ticks[index - 2] : undefined;
+            var text = this.formatTradeChartLabel(format, tick, prevValue, prevPrevValue);
             var cachedLabelText = this.tickToText.get(tick);
             var cachedLabel = void 0;
-            if (cachedLabelText) {
-                cachedLabel = this.labelCacheByText.get(cachedLabelText);
+            if (cachedLabelText && cachedLabelText === text) {
+                cachedLabel = LabelCache_1.labelCache.getLabel(cachedLabelText, this.styleId);
                 labels.push(cachedLabelText);
-                cachedLabel.lastUsed = Date.now();
             }
             else {
-                var prevValue = index > 0 ? ticks[index - 1] : undefined;
-                var prevPrevValue = index > 0 ? ticks[index - 2] : undefined;
-                var text = this.formatTradeChartLabel(format, tick, prevValue, prevPrevValue);
-                var axis = this.parentAxis;
-                var texture = this.getLabelTexture(text, axis.axisRenderer.textureManager, axis.dpiAdjustedLabelStyle);
-                cachedLabel = __assign(__assign({ tick: tick, text: text }, texture), { lastUsed: Date.now() });
                 this.tickToText.set(tick, text);
-                this.labelCacheByText.set(text, cachedLabel);
+                var axis = this.parentAxis;
+                var texture = this.getCachedLabelTexture(text, axis.axisRenderer.textureManager, axis.dpiAdjustedLabelStyle);
+                if (!texture.textureWidth) {
+                    cachedLabel = new LabelProviderBase2D_1.LabelInfo(tick, text, texture.bitmapTexture, texture.textureHeight, texture.textureWidth);
+                    LabelCache_1.labelCache.setLabel(text, this.styleId, cachedLabel);
+                }
                 labels.push(text);
             }
         }
-        this.pruneCache(majorTicks.length);
+        LabelCache_1.labelCache.pruneCache();
         return labels;
     };
     Object.defineProperty(SmartDateLabelProvider.prototype, "numericFormat", {
@@ -124,38 +117,38 @@ var SmartDateLabelProvider = /** @class */ (function (_super) {
     };
     SmartDateLabelProvider.prototype.formatTradeChartLabel = function (tradeChartLabelFormat, value, prevValue, prevPrevValue) {
         if (tradeChartLabelFormat === ETradeChartLabelFormat.Minutes) {
-            var newDate = !prevValue || date_1.formatUnixDateToHumanStringMMMDD(value) !== date_1.formatUnixDateToHumanStringMMMDD(prevValue);
+            var newDate = !prevValue || (0, date_1.formatUnixDateToHumanStringMMMDD)(value) !== (0, date_1.formatUnixDateToHumanStringMMMDD)(prevValue);
             if (newDate) {
-                return date_1.formatUnixDateToHumanStringMMMDD(value);
+                return (0, date_1.formatUnixDateToHumanStringMMMDD)(value);
             }
             else {
-                return date_1.formatUnixDateToHumanStringHHMM(value);
+                return (0, date_1.formatUnixDateToHumanStringHHMM)(value);
             }
         }
         else if (tradeChartLabelFormat === ETradeChartLabelFormat.Days) {
-            var newMonth = !prevValue || date_1.formatUnixDateToHumanStringMMM(value) !== date_1.formatUnixDateToHumanStringMMM(prevValue);
+            var newMonth = !prevValue || (0, date_1.formatUnixDateToHumanStringMMM)(value) !== (0, date_1.formatUnixDateToHumanStringMMM)(prevValue);
             if (newMonth) {
-                return date_1.formatUnixDateToHumanStringMMM(value);
+                return (0, date_1.formatUnixDateToHumanStringMMM)(value);
             }
             else {
-                return date_1.formatUnixDateToHumanStringDD(value);
+                return (0, date_1.formatUnixDateToHumanStringDD)(value);
             }
         }
         else if (tradeChartLabelFormat === ETradeChartLabelFormat.Months) {
-            var newYear = !prevValue || date_1.formatUnixDateToHumanStringYYYY(value) !== date_1.formatUnixDateToHumanStringYYYY(prevValue);
+            var newYear = !prevValue || (0, date_1.formatUnixDateToHumanStringYYYY)(value) !== (0, date_1.formatUnixDateToHumanStringYYYY)(prevValue);
             if (newYear) {
-                return date_1.formatUnixDateToHumanStringYYYY(value);
+                return (0, date_1.formatUnixDateToHumanStringYYYY)(value);
             }
             // If previous label was year, display month label
             var prevPrevNewYear = !prevPrevValue ||
-                date_1.formatUnixDateToHumanStringYYYY(prevValue) !== date_1.formatUnixDateToHumanStringYYYY(prevPrevValue);
-            var newMonth = prevPrevNewYear || date_1.formatUnixDateToHumanStringMMM(value) !== date_1.formatUnixDateToHumanStringMMM(prevValue);
+                (0, date_1.formatUnixDateToHumanStringYYYY)(prevValue) !== (0, date_1.formatUnixDateToHumanStringYYYY)(prevPrevValue);
+            var newMonth = prevPrevNewYear || (0, date_1.formatUnixDateToHumanStringMMM)(value) !== (0, date_1.formatUnixDateToHumanStringMMM)(prevValue);
             if (newMonth) {
-                return date_1.formatUnixDateToHumanStringMMM(value);
+                return (0, date_1.formatUnixDateToHumanStringMMM)(value);
             }
-            return date_1.formatUnixDateToHumanStringDD(value);
+            return (0, date_1.formatUnixDateToHumanStringDD)(value);
         }
-        return number_1.formatNumber(value, NumericFormat_1.ENumericFormat.Date_DDMMYYYY, 0);
+        return (0, number_1.formatNumber)(value, NumericFormat_1.ENumericFormat.Date_DDMMYYYY, 0);
     };
     return SmartDateLabelProvider;
 }(LabelProviderBase2D_1.LabelProviderBase2D));

package/Charting/Visuals/Axis/LabelProvider/TextLabelProvider.d.ts

@@ -1,6 +1,7 @@
 import { ELabelProviderType } from "../../../../types/LabelProviderType";
 import { TextureManager } from "../../TextureManager/TextureManager";
 import { TTextStyle } from "../AxisCore";
+import { TCachedLabelStyle } from "./LabelCache";
 import { ILabel2DOptions, LabelProviderBase2D } from "./LabelProviderBase2D";
 export interface ITextLabelOptions extends ILabel2DOptions {
     /**
@@ -61,15 +62,17 @@ export declare class TextLabelProvider extends LabelProviderBase2D {
     set lineSpacing(value: number);
     onBeginAxisDraw(): void;
     getLabelWidth(ctx: CanvasRenderingContext2D, labelText: string, labelStyle?: TTextStyle): number;
-    getLabelTexture(labelText: string | string[], textureManager: TextureManager, labelStyle: TTextStyle): import("../../TextureManager/TextureManager").TTextureObject;
+    getLabelTextureAsync(labelText: string, textureManager: TextureManager, labelStyle: TTextStyle): Promise<import("../../TextureManager/TextureManager").TTextureObject>;
+    getLabelTexture(labelText: string, textureManager: TextureManager, labelStyle: TTextStyle): import("../../TextureManager/TextureManager").TTextureObject;
     /**
      * Convert the label text to an array of lines
      */
     wrapText(text: string): string[];
     toJSON(): {
         type: string;
-        options: Required<Pick<import("./LabelProvider").ILabelOptions, "labelFormat" | "labelPrecision" | "cursorLabelFormat" | "cursorLabelPrecision" | "labelPrefix" | "labelPostfix">>;
+        options: Required<Omit<import("./LabelProvider").ILabelOptions, never>>;
     };
+    protected getCachedStyle(): TCachedLabelStyle;
 }
 /**
  * Convert a string into an array of lines by splitting on spaces and wrapping to a maximum number of characters

package/Charting/Visuals/Axis/LabelProvider/TextLabelProvider.js

@@ -3,19 +3,70 @@ 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 __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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.wrapText = exports.TextLabelProvider = void 0;
 var LabelProviderType_1 = require("../../../../types/LabelProviderType");
+var TextureWorker_1 = require("../../../Services/Workers/TextureWorker");
 var TextureManager_1 = require("../../TextureManager/TextureManager");
+var LabelCache_1 = require("./LabelCache");
 var LabelProviderBase2D_1 = require("./LabelProviderBase2D");
 var TextLabelProvider = /** @class */ (function (_super) {
     __extends(TextLabelProvider, _super);
@@ -102,10 +153,10 @@ var TextLabelProvider = /** @class */ (function (_super) {
     TextLabelProvider.prototype.onBeginAxisDraw = function () { };
     TextLabelProvider.prototype.getLabelWidth = function (ctx, labelText, labelStyle) {
         if (this.rotation % 90 === 0 || !this.parentAxis.isHorizontalAxis) {
-            var cachedlabel = this.labelCacheByText.get(labelText);
+            var cachedlabel = LabelCache_1.labelCache.getLabel(labelText, this.styleId);
             if (!cachedlabel) {
                 var padding = labelStyle.padding;
-                return TextureManager_1.measureTextWidth(ctx, labelText) + padding.left + padding.right;
+                return (0, TextureManager_1.measureTextWidth)(ctx, labelText) + padding.left + padding.right;
             }
             return cachedlabel.textureWidth;
         }
@@ -116,6 +167,31 @@ var TextLabelProvider = /** @class */ (function (_super) {
                 labelStyle.padding.right);
         }
     };
+    TextLabelProvider.prototype.getLabelTextureAsync = function (labelText, textureManager, labelStyle) {
+        return __awaiter(this, void 0, void 0, function () {
+            var image, lines;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!TextureWorker_1.textureWorker.isActive) return [3 /*break*/, 5];
+                        image = void 0;
+                        if (!Array.isArray(labelText)) return [3 /*break*/, 2];
+                        return [4 /*yield*/, TextureWorker_1.textureWorker.measureAndGetImageData(labelText, labelStyle, this.rotation, this.lineSpacing)];
+                    case 1:
+                        image = _a.sent();
+                        return [3 /*break*/, 4];
+                    case 2:
+                        lines = this.wrapText(labelText);
+                        return [4 /*yield*/, TextureWorker_1.textureWorker.measureAndGetImageData(lines, labelStyle, this.rotation, this.lineSpacing)];
+                    case 3:
+                        image = _a.sent();
+                        _a.label = 4;
+                    case 4: return [2 /*return*/, textureManager.createTextureFromImageData(image.imageData, image.textureWidth, image.textureHeight)];
+                    case 5: return [2 /*return*/, this.getLabelTexture(labelText, textureManager, labelStyle)];
+                }
+            });
+        });
+    };
     TextLabelProvider.prototype.getLabelTexture = function (labelText, textureManager, labelStyle) {
         if (Array.isArray(labelText)) {
             return textureManager.createTextTexture(labelText, labelStyle, this.rotation, this.lineSpacing);
@@ -129,7 +205,7 @@ var TextLabelProvider = /** @class */ (function (_super) {
      * Convert the label text to an array of lines
      */
     TextLabelProvider.prototype.wrapText = function (text) {
-        return exports.wrapText(text, this.maxLength);
+        return (0, exports.wrapText)(text, this.maxLength);
     };
     TextLabelProvider.prototype.toJSON = function () {
         var json = _super.prototype.toJSON.call(this);
@@ -141,13 +217,17 @@ var TextLabelProvider = /** @class */ (function (_super) {
         Object.assign(json.options, options);
         return json;
     };
+    TextLabelProvider.prototype.getCachedStyle = function () {
+        var axis = this.parentAxis;
+        return __assign(__assign({}, axis.dpiAdjustedLabelStyle), { rotation: this.rotation, extras: "ls".concat(this.lineSpacing, ",ml").concat(this.maxLength), providerId: this.useSharedCache ? undefined : this.providerId });
+    };
     return TextLabelProvider;
 }(LabelProviderBase2D_1.LabelProviderBase2D));
 exports.TextLabelProvider = TextLabelProvider;
 /**
  * Convert a string into an array of lines by splitting on spaces and wrapping to a maximum number of characters
  */
-exports.wrapText = function (text, maxLength) {
+var wrapText = function (text, maxLength) {
     if (maxLength === 0)
         return [text];
     var lines = [];
@@ -175,3 +255,4 @@ exports.wrapText = function (text, maxLength) {
     lines.push(line);
     return lines;
 };
+exports.wrapText = wrapText;

package/Charting/Visuals/Axis/LogarithmicAxis.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 __());
@@ -40,7 +42,8 @@ var LogarithmicAxis = /** @class */ (function (_super) {
         _this.logBaseProperty = 10;
         _this.tickProvider = new LogarithmicTickProvider_1.LogarithmicTickProvider(wasmContext);
         _this.deltaCalculator = new LogarithmicDeltaCalculator_1.LogarithmicDeltaCalculator(wasmContext);
-        _this.labelProvider = (_a = options === null || options === void 0 ? void 0 : options.labelProvider) !== null && _a !== void 0 ? _a : new LogarithmicLabelProvider_1.LogarithmicLabelProvider(options);
+        _this.labelProvider =
+            (_a = options === null || options === void 0 ? void 0 : options.labelProvider) !== null && _a !== void 0 ? _a : new LogarithmicLabelProvider_1.LogarithmicLabelProvider(options);
         _this.logBase = (_b = options === null || options === void 0 ? void 0 : options.logBase) !== null && _b !== void 0 ? _b : _this.logBaseProperty;
         _this.isNegativeProperty = (_c = options === null || options === void 0 ? void 0 : options.isNegative) !== null && _c !== void 0 ? _c : false;
         _this.visibleRange = (options === null || options === void 0 ? void 0 : options.visibleRange) || _this.getDefaultNonZeroRange();
@@ -191,7 +194,8 @@ var LogarithmicAxis = /** @class */ (function (_super) {
                 .filter(function (s) { return s.yAxisId === _this.id && s.isVisible && s.hasDataSeriesValues(); });
             visibleSeries.forEach(function (rSeries) {
                 // Get pre-calculated XRange if exists, otherwise, fetch from the axis for this series
-                var xVisibleRange = (xRanges === null || xRanges === void 0 ? void 0 : xRanges.containsKey(rSeries.xAxisId)) ? xRanges.item(rSeries.xAxisId)
+                var xVisibleRange = (xRanges === null || xRanges === void 0 ? void 0 : xRanges.containsKey(rSeries.xAxisId))
+                    ? xRanges.item(rSeries.xAxisId)
                     : _this.getXVisibleRange(rSeries.xAxisId);
                 var isXCategoryAxis = _this.getIsXCategoryAxis(rSeries.xAxisId);
                 if (xVisibleRange) {
@@ -231,6 +235,7 @@ var LogarithmicAxis = /** @class */ (function (_super) {
         this.visibleRangeAnimationToken = NumberRangeAnimator_1.NumberRangeAnimator.animate(this.visibleRange, visibleRange, durationMs, function (range) {
             _this.visibleRange = range;
         }, onCompleted, easingFunction, true);
+        this.parentSurface.addAnimation(this.visibleRangeAnimationToken);
         return this.visibleRangeAnimationToken;
     };
     LogarithmicAxis.prototype.scale = function (initialRange, delta, isMoreThanHalf) {

package/Charting/Visuals/Axis/NumericAxis.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 __());
@@ -41,7 +43,8 @@ var NumericAxis = /** @class */ (function (_super) {
         var _this = _super.call(this, webAssemblyContext, options) || this;
         _this.type = AxisType_1.EAxisType.NumericAxis;
         _this.tickProvider = new NumericTickProvider_1.NumericTickProvider(_this.webAssemblyContext2D);
-        _this.labelProvider = (_a = options === null || options === void 0 ? void 0 : options.labelProvider) !== null && _a !== void 0 ? _a : new NumericLabelProvider_1.NumericLabelProvider(options);
+        _this.labelProvider =
+            (_a = options === null || options === void 0 ? void 0 : options.labelProvider) !== null && _a !== void 0 ? _a : new NumericLabelProvider_1.NumericLabelProvider(options);
         _this.deltaCalculator = new NumericDeltaCalculator_1.NumericDeltaCalculator(_this.webAssemblyContext2D);
         return _this;
     }

package/Charting/Visuals/Axis/getAxisById.js

@@ -18,6 +18,6 @@ function getAxisGeneric(axes, axisId) {
             return axis;
         }
     }
-    console.warn("scichart getAxisGeneric(): Axis with Id '" + axisId + "' was not found");
+    console.warn("scichart getAxisGeneric(): Axis with Id '".concat(axisId, "' was not found"));
     return undefined;
 }

package/Charting/Visuals/Helpers/createNativeRect.js

@@ -10,6 +10,7 @@ exports.createNativeRect = void 0;
  * @param xBottomRight
  * @param yBottomRight
  */
-exports.createNativeRect = function (webAssemblyContext, xTopLeft, yTopLeft, xBottomRight, yBottomRight) {
+var createNativeRect = function (webAssemblyContext, xTopLeft, yTopLeft, xBottomRight, yBottomRight) {
     return new webAssemblyContext.SCRTRectVertex(xTopLeft, yTopLeft, xBottomRight - xTopLeft, yBottomRight - yTopLeft);
 };
+exports.createNativeRect = createNativeRect;

package/Charting/Visuals/Helpers/createPen.js

@@ -14,15 +14,15 @@ var parseColor_1 = require("../../../utils/parseColor");
  * @param opacity The opacity factor
  * @param strokeDashArray the StrokeDashArray which defines any dash e.g. [2,2] means dash for 2pts, gap for 2pts (or undefined = solid line).
  */
-exports.createSCRTPen = function (wasmContext, htmlColorCode, strokeThickness, opacity, strokeDashArray, antiAliased) {
+var createSCRTPen = function (wasmContext, htmlColorCode, strokeThickness, opacity, strokeDashArray, antiAliased) {
     if (antiAliased === void 0) { antiAliased = true; }
     if (app_1.IS_TEST_ENV || !htmlColorCode) {
         return undefined;
     }
     // the logic for calculating an opacity should be consistent when creating new and updating an existing pen or brush
-    var colorArgb = colorUtil_1.uintArgbColorMultiplyOpacity(parseColor_1.parseColorToUIntArgb(htmlColorCode), opacity);
+    var colorArgb = (0, colorUtil_1.uintArgbColorMultiplyOpacity)((0, parseColor_1.parseColorToUIntArgb)(htmlColorCode), opacity);
     if (isNaN(colorArgb)) {
-        throw new Error("Color code " + htmlColorCode + " cannot be converted to an ARGB integer");
+        throw new Error("Color code ".concat(htmlColorCode, " cannot be converted to an ARGB integer"));
     }
     if (strokeDashArray && strokeDashArray.length) {
         // Create a dashed pen
@@ -33,3 +33,4 @@ exports.createSCRTPen = function (wasmContext, htmlColorCode, strokeThickness, o
     // Create a normal pen
     return new wasmContext.SCRTPen(colorArgb, strokeThickness, antiAliased);
 };
+exports.createSCRTPen = createSCRTPen;

package/Charting/Visuals/Helpers/createSolidBrush.js

@@ -10,15 +10,16 @@ var parseColor_1 = require("../../../utils/parseColor");
  * access to our WebGL2 Engine and WebAssembly numerical methods
  * @param htmlColorCode Html color code in the format "#fff", "#ff0000", "rgba(255,255,0,1)", "#11333333"
  */
-exports.createSolidBrush = function (wasmContext, htmlColorCode, opacity) {
+var createSolidBrush = function (wasmContext, htmlColorCode, opacity) {
     if (app_1.IS_TEST_ENV || !htmlColorCode) {
         return undefined;
     }
     // the logic for calculating an opacity should be consistent when creating new and updating an existing pen or brush
-    var colorArgb = colorUtil_1.uintArgbColorMultiplyOpacity(parseColor_1.parseColorToUIntArgb(htmlColorCode), opacity);
-    var isTransparent = colorUtil_1.uintArgbColorIsTransparent(colorArgb);
+    var colorArgb = (0, colorUtil_1.uintArgbColorMultiplyOpacity)((0, parseColor_1.parseColorToUIntArgb)(htmlColorCode), opacity);
+    var isTransparent = (0, colorUtil_1.uintArgbColorIsTransparent)(colorArgb);
     if (isNaN(colorArgb)) {
-        throw new Error("Color code " + htmlColorCode + " cannot be converted to an ARGB integer");
+        throw new Error("Color code ".concat(htmlColorCode, " cannot be converted to an ARGB integer"));
     }
     return new wasmContext.SCRTSolidBrush(colorArgb, isTransparent);
 };
+exports.createSolidBrush = createSolidBrush;

package/Charting/Visuals/Helpers/drawBorder.js

@@ -2,16 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.drawBorder = void 0;
 var createNativeRect_1 = require("./createNativeRect");
-exports.drawBorder = function (renderContext, webAssemblyContext2D, solidBrushCacheBorder, borderRect, leftBorder, topBorder, rightBorder, bottomBorder, color) {
+var drawBorder = function (renderContext, webAssemblyContext2D, solidBrushCacheBorder, borderRect, leftBorder, topBorder, rightBorder, bottomBorder, color) {
     if (bottomBorder === 0 && topBorder === 0 && leftBorder === 0 && rightBorder === 0) {
         return;
     }
     var solidBrush = solidBrushCacheBorder.newBrush(color, true);
     var vecRects = new webAssemblyContext2D.VectorRectVertex();
-    vecRects.push_back(createNativeRect_1.createNativeRect(webAssemblyContext2D, borderRect.x, borderRect.y - topBorder, borderRect.x + borderRect.width + rightBorder, borderRect.y));
-    vecRects.push_back(createNativeRect_1.createNativeRect(webAssemblyContext2D, borderRect.x + borderRect.width, borderRect.y, borderRect.x + borderRect.width + rightBorder, borderRect.y + borderRect.height + bottomBorder));
-    vecRects.push_back(createNativeRect_1.createNativeRect(webAssemblyContext2D, borderRect.x - leftBorder, borderRect.y + borderRect.height, borderRect.x + borderRect.width, borderRect.y + borderRect.height + bottomBorder));
-    vecRects.push_back(createNativeRect_1.createNativeRect(webAssemblyContext2D, borderRect.x - leftBorder, borderRect.y - topBorder, borderRect.x, borderRect.y + borderRect.height));
+    vecRects.push_back((0, createNativeRect_1.createNativeRect)(webAssemblyContext2D, borderRect.x, borderRect.y - topBorder, borderRect.x + borderRect.width + rightBorder, borderRect.y));
+    vecRects.push_back((0, createNativeRect_1.createNativeRect)(webAssemblyContext2D, borderRect.x + borderRect.width, borderRect.y, borderRect.x + borderRect.width + rightBorder, borderRect.y + borderRect.height + bottomBorder));
+    vecRects.push_back((0, createNativeRect_1.createNativeRect)(webAssemblyContext2D, borderRect.x - leftBorder, borderRect.y + borderRect.height, borderRect.x + borderRect.width, borderRect.y + borderRect.height + bottomBorder));
+    vecRects.push_back((0, createNativeRect_1.createNativeRect)(webAssemblyContext2D, borderRect.x - leftBorder, borderRect.y - topBorder, borderRect.x, borderRect.y + borderRect.height));
     renderContext.drawRects(vecRects, solidBrush, 0, 0);
     vecRects.delete();
 };
+exports.drawBorder = drawBorder;

package/Charting/Visuals/Helpers/drawLabel.js

@@ -15,7 +15,7 @@ exports.getLabelCoordinates = exports.drawAxisMarkerAnnotation = exports.drawLin
 var Rect_1 = require("../../../Core/Rect");
 var AxisAlignment_1 = require("../../../types/AxisAlignment");
 var LabelPlacement_1 = require("../../../types/LabelPlacement");
-exports.drawModifiersAxisLabel = function (currentAxis, renderContext, labelCoord, fill, stroke) {
+var drawModifiersAxisLabel = function (currentAxis, renderContext, labelCoord, fill, stroke) {
     if (!currentAxis.isVisible) {
         return undefined;
     }
@@ -23,10 +23,11 @@ exports.drawModifiersAxisLabel = function (currentAxis, renderContext, labelCoor
     var textStyle = __assign(__assign({}, currentAxis.dpiAdjustedLabelStyle), { color: stroke });
     return currentAxis.axisRenderer.drawModifiersAxisLabel(renderContext, formattedDataValue, labelCoord, currentAxis.axisAlignment, textStyle, fill);
 };
+exports.drawModifiersAxisLabel = drawModifiersAxisLabel;
 /**
  * Function to draw Vertical or Horizontal Line annotations with labels
  */
-exports.drawLineAnnotation = function (currentAxis, renderContext, labelPlacement, displayValue, x1Coord, x2Coord, y1Coord, y2Coord, textStyle, fill, strokePen, viewRect, showLabel, opacity) {
+var drawLineAnnotation = function (currentAxis, renderContext, labelPlacement, displayValue, x1Coord, x2Coord, y1Coord, y2Coord, textStyle, fill, strokePen, viewRect, showLabel, opacity) {
     var nativeContext = renderContext.getNativeContext();
     var axisAlignment = currentAxis.axisAlignment;
     var displayVertically = (axisAlignment === AxisAlignment_1.EAxisAlignment.Top || axisAlignment === AxisAlignment_1.EAxisAlignment.Bottom) &&
@@ -42,7 +43,7 @@ exports.drawLineAnnotation = function (currentAxis, renderContext, labelPlacemen
     var labelRect;
     if (showLabel) {
         var _a = currentAxis.axisRenderer.createAnnotationLabelTexture(text, labelTextStyle, labelBackgroundColor, displayVertically, displayMirrored, opacity), bitmapTexture = _a.bitmapTexture, textureHeight = _a.textureHeight, textureWidth = _a.textureWidth;
-        var _b = exports.getLabelCoordinates(currentAxis, labelPlacement, x1Coord, x2Coord, y1Coord, y2Coord, textureHeight, textureWidth), xPosition = _b.xPosition, yPosition = _b.yPosition;
+        var _b = (0, exports.getLabelCoordinates)(currentAxis, labelPlacement, x1Coord, x2Coord, y1Coord, y2Coord, textureHeight, textureWidth), xPosition = _b.xPosition, yPosition = _b.yPosition;
         labelHeight = textureHeight;
         labelWidth = textureWidth;
         labelRect = new Rect_1.Rect(xPosition, yPosition, textureWidth, textureHeight);
@@ -53,25 +54,27 @@ exports.drawLineAnnotation = function (currentAxis, renderContext, labelPlacemen
     renderContext.drawLine(x1LineCoord, y1LineCoord, x2LineCoord, y2LineCoord, strokePen, viewRect);
     return labelRect;
 };
-exports.drawAxisMarkerAnnotation = function (currentAxis, renderContext, displayValue, markerCoordinate, x1Coord, y1Coord, textStyle, fill, opacity, image, imageWidth, imageHeight) {
+exports.drawLineAnnotation = drawLineAnnotation;
+var drawAxisMarkerAnnotation = function (currentAxis, renderContext, displayValue, markerCoordinate, x1Coord, y1Coord, textStyle, fill, opacity, image, imageWidth, imageHeight) {
     var nativeContext = renderContext.getNativeContext();
     var axisAlignment = currentAxis.axisAlignment;
     var text = displayValue || getLabelValue(currentAxis, markerCoordinate);
     var _a = image
         ? currentAxis.axisRenderer.createAxisMarkerFromImage(image, imageWidth, imageHeight)
         : currentAxis.axisRenderer.createAxisMarker(axisAlignment, text, textStyle, fill, opacity), bitmapTexture = _a.bitmapTexture, textureHeight = _a.textureHeight, textureWidth = _a.textureWidth;
-    var _b = exports.getLabelCoordinates(currentAxis, LabelPlacement_1.ELabelPlacement.Axis, x1Coord, x1Coord, y1Coord, y1Coord, textureHeight, textureWidth), xPosition = _b.xPosition, yPosition = _b.yPosition;
+    var _b = (0, exports.getLabelCoordinates)(currentAxis, LabelPlacement_1.ELabelPlacement.Axis, x1Coord, x1Coord, y1Coord, y1Coord, textureHeight, textureWidth), xPosition = _b.xPosition, yPosition = _b.yPosition;
     if (bitmapTexture) {
         nativeContext.DrawTexture(bitmapTexture, Math.round(xPosition), Math.round(yPosition), textureWidth, textureHeight);
         bitmapTexture.delete();
     }
     return { xPosition: xPosition, yPosition: yPosition, textureWidth: textureWidth, textureHeight: textureHeight };
 };
+exports.drawAxisMarkerAnnotation = drawAxisMarkerAnnotation;
 /**
  * Calculates coordinates of the annotation label.
  * The coordinates are defined as an absolute position on the whole SciChartSurface.
  */
-exports.getLabelCoordinates = function (currentAxis, labelPlacement, x1Coord, x2Coord, y1Coord, y2Coord, textureHeight, textureWidth) {
+var getLabelCoordinates = function (currentAxis, labelPlacement, x1Coord, x2Coord, y1Coord, y2Coord, textureHeight, textureWidth) {
     var axisAlignment = currentAxis.axisAlignment, seriesViewRect = currentAxis.parentSurface.seriesViewRect, axisViewRect = currentAxis.viewRect;
     var xPosition = 0;
     var yPosition = 0;
@@ -244,6 +247,7 @@ exports.getLabelCoordinates = function (currentAxis, labelPlacement, x1Coord, x2
     }
     return { xPosition: xPosition, yPosition: yPosition };
 };
+exports.getLabelCoordinates = getLabelCoordinates;
 /**
  * Calculates annotation line coordinates accordingly to axis alignment and label placement.
  * Returns coordinates relative to seriesViewRect.

package/Charting/Visuals/Legend/SciChartLegend.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 __());
@@ -87,7 +89,7 @@ var SciChartLegend = /** @class */ (function (_super) {
             var _a;
             return ({
                 id: rs.id,
-                name: (_a = rs.getDataSeriesName()) !== null && _a !== void 0 ? _a : "Series " + (index + 1),
+                name: (_a = rs.getDataSeriesName()) !== null && _a !== void 0 ? _a : "Series ".concat(index + 1),
                 color: rs.isStacked ? rs.fill : rs.stroke,
                 checked: rs.isVisible,
                 gradient: undefined