scichart 2.0.2144 → 2.0.2186

package/Charting/Visuals/RenderableSeries/UniformContoursRenderableSeries.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 __());
@@ -174,11 +176,11 @@ var UniformContoursRenderableSeries = /** @class */ (function (_super) {
         var _a, _b;
         var heatmapSeries = this.dataSeries;
         var dataZRange = heatmapSeries.zRange;
-        var zMin = this.zMin && isRealNumber_1.isRealNumber(this.zMin) ? this.zMin : dataZRange.min;
-        var zMax = this.zMax && isRealNumber_1.isRealNumber(this.zMax) ? this.zMax : dataZRange.max;
+        var zMin = this.zMin && (0, isRealNumber_1.isRealNumber)(this.zMin) ? this.zMin : dataZRange.min;
+        var zMax = this.zMax && (0, isRealNumber_1.isRealNumber)(this.zMax) ? this.zMax : dataZRange.max;
         zMin = Math.max(zMin, dataZRange.min);
         zMax = Math.min(zMax, dataZRange.max);
-        var majorStepZ = this.zStep && isRealNumber_1.isRealNumber(this.zStep)
+        var majorStepZ = this.zStep && (0, isRealNumber_1.isRealNumber)(this.zStep)
             ? this.zStep
             : Math.abs(zMax - zMin) / UniformContoursRenderableSeries.DEFAULT_CONTOURS_COUNT;
         var minorStepZ = this.minorsPerMajor && this.minorsPerMajor > 0 ? majorStepZ / (this.minorsPerMajor + 1) : majorStepZ;

package/Charting/Visuals/RenderableSeries/UniformHeatmapRenderableSeries.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,8 @@ var UniformHeatmapRenderableSeries = /** @class */ (function (_super) {
         _this.dataSeries = options === null || options === void 0 ? void 0 : options.dataSeries;
         _this.xAxisId = (_a = options === null || options === void 0 ? void 0 : options.xAxisId) !== null && _a !== void 0 ? _a : AxisCore_1.AxisCore.DEFAULT_AXIS_ID;
         _this.xAxisId = (_b = options === null || options === void 0 ? void 0 : options.yAxisId) !== null && _b !== void 0 ? _b : AxisCore_1.AxisCore.DEFAULT_AXIS_ID;
-        _this.useLinearTextureFilteringProperty = (_c = options === null || options === void 0 ? void 0 : options.useLinearTextureFiltering) !== null && _c !== void 0 ? _c : _this.useLinearTextureFilteringProperty;
+        _this.useLinearTextureFilteringProperty =
+            (_c = options === null || options === void 0 ? void 0 : options.useLinearTextureFiltering) !== null && _c !== void 0 ? _c : _this.useLinearTextureFilteringProperty;
         // Must be called here for the series type to be available
         if ((_d = _this.paletteProvider) === null || _d === void 0 ? void 0 : _d.onAttached) {
             (_e = _this.paletteProvider) === null || _e === void 0 ? void 0 : _e.onAttached(_this);

package/Charting/Visuals/RenderableSeries/XyScatterRenderableSeries.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/RubberBandSvgRect/RubberBandSvgRect.js

@@ -128,12 +128,12 @@ var RubberBandSvgRect = /** @class */ (function () {
             if (propertyName === constants_1.PROPERTY.X1 || propertyName === constants_1.PROPERTY.X2) {
                 var width = Math.abs(this.x2 - this.x1);
                 this.svg.setAttribute("x", this.x1.toString());
-                this.svg.setAttribute("width", width + "px");
+                this.svg.setAttribute("width", "".concat(width, "px"));
             }
             if (propertyName === constants_1.PROPERTY.Y1 || propertyName === constants_1.PROPERTY.Y2) {
                 var height = Math.abs(this.y2 - this.y1);
                 this.svg.setAttribute("y", this.y1.toString());
-                this.svg.setAttribute("height", height + "px");
+                this.svg.setAttribute("height", "".concat(height, "px"));
             }
         }
     };
@@ -149,5 +149,5 @@ exports.RubberBandSvgRect = RubberBandSvgRect;
 var svgTemplate = function (fill, stroke, strokeThickness, width, height) {
     if (width === void 0) { width = 0; }
     if (height === void 0) { height = 0; }
-    return "<svg width=\"" + width + "\" height=\"" + height + "\" style=\"display: none\">\n        <rect width=\"100%\" height=\"100%\" fill=\"" + fill + "\" stroke=\"" + stroke + "\" stroke-width=\"" + strokeThickness + "\"/>\n    </svg>";
+    return "<svg width=\"".concat(width, "\" height=\"").concat(height, "\" style=\"display: none\">\n        <rect width=\"100%\" height=\"100%\" fill=\"").concat(fill, "\" stroke=\"").concat(stroke, "\" stroke-width=\"").concat(strokeThickness, "\"/>\n    </svg>");
 };

package/Charting/Visuals/SciChartDefaults.d.ts

@@ -0,0 +1,11 @@
+export declare class SciChartDefaults {
+    /**
+     * Experimental - set true to enable async label texture creation
+     * Can also be set on individual labelProviders.
+     */
+    static asyncLabels: boolean;
+    /**
+     * Set this true to allow resuse of label textures across diferent axes and different charts
+     */
+    static useSharedCache: boolean;
+}

package/Charting/Visuals/SciChartDefaults.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SciChartDefaults = void 0;
+var SciChartDefaults = /** @class */ (function () {
+    function SciChartDefaults() {
+    }
+    /**
+     * Experimental - set true to enable async label texture creation
+     * Can also be set on individual labelProviders.
+     */
+    SciChartDefaults.asyncLabels = false;
+    /**
+     * Set this true to allow resuse of label textures across diferent axes and different charts
+     */
+    SciChartDefaults.useSharedCache = false;
+    return SciChartDefaults;
+}());
+exports.SciChartDefaults = SciChartDefaults;

package/Charting/Visuals/SciChartOverview.js

@@ -51,9 +51,11 @@ exports.SciChartOverview = void 0;
 var buildSeries_1 = require("../../Builder/buildSeries");
 var NumberRange_1 = require("../../Core/NumberRange");
 var AutoRange_1 = require("../../types/AutoRange");
+var AxisType_1 = require("../../types/AxisType");
 var OverviewRangeSelectionModifier_1 = require("../ChartModifiers/OverviewRangeSelectionModifier");
 var AxisBase2D_1 = require("./Axis/AxisBase2D");
 var CategoryAxis_1 = require("./Axis/CategoryAxis");
+var LogarithmicAxis_1 = require("./Axis/LogarithmicAxis");
 var NumericAxis_1 = require("./Axis/NumericAxis");
 var SciChartSurface_1 = require("./SciChartSurface");
 /**
@@ -170,21 +172,25 @@ var createSciChartOverview = function (originalSciChartSurface, overviewRootElem
                 originalMainAxis = originalSciChartSurface.getXAxisById(mainAxisId);
                 originalSecondaryAxis = originalSciChartSurface.getYAxisById(secondaryAxisId);
                 if (!originalMainAxis)
-                    throw new Error("Could not find a main axis with id " + mainAxisId + "." +
+                    throw new Error("Could not find a main axis with id ".concat(mainAxisId, ".") +
                         (!(options === null || options === void 0 ? void 0 : options.mainAxisId) ? "Please specify mainAxisId in the options" : ""));
                 if (!originalMainAxis)
-                    throw new Error("Could not find a secondary axis with id " + secondaryAxisId + "." +
+                    throw new Error("Could not find a secondary axis with id ".concat(secondaryAxisId, ".") +
                         (!(options === null || options === void 0 ? void 0 : options.secondaryAxisId) ? "Please specify secondaryAxisId in the options" : ""));
                 originalXAxis = originalMainAxis.isXAxis ? originalMainAxis : originalSecondaryAxis;
                 originalYAxis = originalMainAxis.isXAxis ? originalSecondaryAxis : originalMainAxis;
-                xAxisOptions = __assign({ axisAlignment: originalXAxis.axisAlignment, isVisible: false, autoRange: AutoRange_1.EAutoRange.Always }, options === null || options === void 0 ? void 0 : options.overviewXAxisOptions);
-                yAxisOptions = __assign({ axisAlignment: originalYAxis.axisAlignment, isVisible: false, autoRange: AutoRange_1.EAutoRange.Always }, options === null || options === void 0 ? void 0 : options.overviewYAxisOptions);
+                xAxisOptions = __assign({ axisAlignment: originalXAxis.axisAlignment, isVisible: false, autoRange: AutoRange_1.EAutoRange.Always, visibleRange: originalXAxis.visibleRange }, options === null || options === void 0 ? void 0 : options.overviewXAxisOptions);
+                yAxisOptions = __assign({ axisAlignment: originalYAxis.axisAlignment, isVisible: false, autoRange: AutoRange_1.EAutoRange.Always, visibleRange: originalYAxis.visibleRange }, options === null || options === void 0 ? void 0 : options.overviewYAxisOptions);
                 xAxis = originalXAxis.isCategoryAxis
                     ? new CategoryAxis_1.CategoryAxis(wasmContext, xAxisOptions)
-                    : new NumericAxis_1.NumericAxis(wasmContext, xAxisOptions);
+                    : originalXAxis.type === AxisType_1.EAxisType.LogarithmicAxis
+                        ? new LogarithmicAxis_1.LogarithmicAxis(wasmContext, xAxisOptions)
+                        : new NumericAxis_1.NumericAxis(wasmContext, xAxisOptions);
                 yAxis = originalYAxis.isCategoryAxis
                     ? new CategoryAxis_1.CategoryAxis(wasmContext, yAxisOptions)
-                    : new NumericAxis_1.NumericAxis(wasmContext, yAxisOptions);
+                    : originalXAxis.type === AxisType_1.EAxisType.LogarithmicAxis
+                        ? new LogarithmicAxis_1.LogarithmicAxis(wasmContext, yAxisOptions)
+                        : new NumericAxis_1.NumericAxis(wasmContext, yAxisOptions);
                 mainOverviewAxis = originalMainAxis.isXAxis ? xAxis : yAxis;
                 defaultTransform = function (rendSeries) {
                     // return undefined to skip
@@ -192,7 +198,7 @@ var createSciChartOverview = function (originalSciChartSurface, overviewRootElem
                         return undefined;
                     }
                     // clone the series using builder api
-                    var overviewSeries = buildSeries_1.buildSeries(wasmContext, rendSeries.toJSON(true))[0];
+                    var overviewSeries = (0, buildSeries_1.buildSeries)(wasmContext, rendSeries.toJSON(true))[0];
                     overviewSeries.dataSeries = rendSeries.dataSeries;
                     overviewSeries.xAxisId = xAxis.id;
                     overviewSeries.yAxisId = yAxis.id;

package/Charting/Visuals/SciChartPieSurface/PieSegment/PieSegment.js

@@ -10,7 +10,7 @@ var PieSegment = /** @class */ (function () {
         this.isSelectedProperty = false;
         this.textProperty = "";
         this.deltaProperty = 0;
-        this.id = (_a = options === null || options === void 0 ? void 0 : options.id) !== null && _a !== void 0 ? _a : guid_1.generateGuid();
+        this.id = (_a = options === null || options === void 0 ? void 0 : options.id) !== null && _a !== void 0 ? _a : (0, guid_1.generateGuid)();
         this.colorProperty = (_b = options === null || options === void 0 ? void 0 : options.color) !== null && _b !== void 0 ? _b : this.colorProperty;
         this.colorLinearGradientProperty = (_c = options === null || options === void 0 ? void 0 : options.colorLinearGradient) !== null && _c !== void 0 ? _c : this.colorLinearGradientProperty;
         this.isSelectedProperty = (_d = options === null || options === void 0 ? void 0 : options.isSelected) !== null && _d !== void 0 ? _d : this.isSelectedProperty;

package/Charting/Visuals/SciChartPieSurface/SciChartPieSurface.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.addEventListenerToPieSegment = exports.SciChartPieSurface = exports.EPieType = exports.ESizingMode = void 0;
@@ -117,10 +119,10 @@ var SciChartPieSurface = /** @class */ (function () {
      */
     SciChartPieSurface.create = function (divElementId, options) {
         var _a, _b;
-        chartBuilder_1.ensureRegistrations();
+        (0, chartBuilder_1.ensureRegistrations)();
         var canvases = sciChartInitCommon_1.default.initCanvas(divElementId, (_a = options === null || options === void 0 ? void 0 : options.widthAspect) !== null && _a !== void 0 ? _a : 0, (_b = options === null || options === void 0 ? void 0 : options.heightAspect) !== null && _b !== void 0 ? _b : 0, sciChartInitCommon_1.default.ECanvasType.svg);
         return new Promise(function (resolve) {
-            var conflictingRenderContextDestinations = __spreadArrays(createMaster_1.sciChartDestinations, createMaster3d_1.sciChartDestinations, createSingle_1.sciChartSingleDestinations).filter(function (destination) { return destination.sciChartSurface.domChartRoot.id === canvases.domChartRoot.id; });
+            var conflictingRenderContextDestinations = __spreadArray(__spreadArray(__spreadArray([], createMaster_1.sciChartDestinations, true), createMaster3d_1.sciChartDestinations, true), createSingle_1.sciChartSingleDestinations, true).filter(function (destination) { return destination.sciChartSurface.domChartRoot.id === canvases.domChartRoot.id; });
             conflictingRenderContextDestinations.forEach(function (destination) { return destination.sciChartSurface.delete(); });
             options = SciChartSurfaceBase_1.SciChartSurfaceBase.resolveOptions(options);
             var scps = new SciChartPieSurface(canvases, options);
@@ -193,7 +195,7 @@ var SciChartPieSurface = /** @class */ (function () {
         this.titleDivs = [];
         for (var _i = 0, _a = this.deletables; _i < _a.length; _i++) {
             var deletable = _a[_i];
-            Deleter_1.deleteSafe(deletable);
+            (0, Deleter_1.deleteSafe)(deletable);
         }
         this.deletables = [];
     };
@@ -323,7 +325,7 @@ var SciChartPieSurface = /** @class */ (function () {
      */
     SciChartPieSurface.prototype.changeDomViewportSize = function (width, height) {
         if (this.domChartRoot) {
-            this.domChartRoot.style.height = height + "px";
+            this.domChartRoot.style.height = "".concat(height, "px");
         }
         if (this.domCanvas2D) {
             this.domCanvas2D.width = width;
@@ -334,7 +336,7 @@ var SciChartPieSurface = /** @class */ (function () {
             this.domSvgContainer.setAttribute("height", height.toString());
         }
         if (this.domDivContainer) {
-            this.domDivContainer.style.height = height + "px";
+            this.domDivContainer.style.height = "".concat(height, "px");
         }
     };
     // PRIVATE
@@ -386,7 +388,7 @@ var SciChartPieSurface = /** @class */ (function () {
         if (!app_1.IS_TEST_ENV) {
             this.pieSegments.asArray().forEach(function (ps) {
                 var el = document.getElementById(ps.id);
-                exports.addEventListenerToPieSegment(ps, el, _this.animate);
+                (0, exports.addEventListenerToPieSegment)(ps, el, _this.animate);
             });
         }
         this.drawSegmentTitles();
@@ -417,16 +419,16 @@ var SciChartPieSurface = /** @class */ (function () {
         segments.forEach(function (el) {
             var newValue = el.value * animationProgress;
             var hasGradient = !!el.colorLinearGradient;
-            var gradientId = "grad" + el.id;
+            var gradientId = "grad".concat(el.id);
             if (hasGradient) {
                 var x1 = el.colorLinearGradient.startPoint.x * 100;
                 var y1 = el.colorLinearGradient.startPoint.y * 100;
                 var x2 = el.colorLinearGradient.endPoint.x * 100;
                 var y2 = el.colorLinearGradient.endPoint.y * 100;
-                var gradientBlock_1 = "<linearGradient id=\"" + gradientId + "\" x1=\"" + x1 + "%\" y1=\"" + y1 + "%\" x2=\"" + x2 + "%\" y2=\"" + y2 + "%\">";
+                var gradientBlock_1 = "<linearGradient id=\"".concat(gradientId, "\" x1=\"").concat(x1, "%\" y1=\"").concat(y1, "%\" x2=\"").concat(x2, "%\" y2=\"").concat(y2, "%\">");
                 el.colorLinearGradient.gradientStops.forEach(function (gStop) {
                     var offset = gStop.offset * 100;
-                    gradientBlock_1 += "<stop offset=\"" + offset + "%\" style=\"stop-color:" + gStop.color + ";stop-opacity:1\" />";
+                    gradientBlock_1 += "<stop offset=\"".concat(offset, "%\" style=\"stop-color:").concat(gStop.color, ";stop-opacity:1\" />");
                 });
                 gradientBlock_1 += "</linearGradient>";
                 gradientsBlock += gradientBlock_1;
@@ -437,13 +439,13 @@ var SciChartPieSurface = /** @class */ (function () {
                 ? getDonutSectorPath(xCoord, yCoord, outerRadius, innerRadius, angleFrom, angleTo, el.delta)
                 : getSectorPath(xCoord, yCoord, outerRadius, angleFrom, angleTo, el.delta);
             var pathBlock = hasGradient
-                ? "<g fill=\"url(#" + gradientId + ")\"><path id=\"" + el.id + "\" stroke=\"" + strokeColor + "\" stroke-width=\"" + strokeWidth + "\" d=\"" + dAttribute + "\" /></g>"
-                : "<path id=\"" + el.id + "\" stroke=\"" + strokeColor + "\" stroke-width=\"" + strokeWidth + "\" d=\"" + dAttribute + "\" fill=\"" + el.color + "\" />";
+                ? "<g fill=\"url(#".concat(gradientId, ")\"><path id=\"").concat(el.id, "\" stroke=\"").concat(strokeColor, "\" stroke-width=\"").concat(strokeWidth, "\" d=\"").concat(dAttribute, "\" /></g>")
+                : "<path id=\"".concat(el.id, "\" stroke=\"").concat(strokeColor, "\" stroke-width=\"").concat(strokeWidth, "\" d=\"").concat(dAttribute, "\" fill=\"").concat(el.color, "\" />");
             pathsBlock += pathBlock;
             currentValue += newValue;
         });
         gradientsBlock += "</defs>";
-        var svgString = "<svg width=\"" + this.viewRect.width + "\" height=\"" + this.viewRect.height + "\">" + gradientsBlock + pathsBlock + "</svg>";
+        var svgString = "<svg width=\"".concat(this.viewRect.width, "\" height=\"").concat(this.viewRect.height, "\">").concat(gradientsBlock).concat(pathsBlock, "</svg>");
         // CREATING AND ATTACHING SVG TO DOM
         var svgNode = document.createRange().createContextualFragment(svgString);
         this.domSvgContainer.appendChild(svgNode);
@@ -471,15 +473,15 @@ var SciChartPieSurface = /** @class */ (function () {
             div.style.fontWeight = "bold";
             div.style.display = "block";
             div.style.fontFamily = "Arial";
-            div.innerHTML = "<div>" + el.getPercentage(totalValue) + "</div>";
+            div.innerHTML = "<div>".concat(el.getPercentage(totalValue), "</div>");
             _this.domDivContainer.appendChild(div);
             var divWidth = div.offsetWidth;
             var divHeight = div.offsetHeight;
             var angleFrom = (360 * currentValue) / totalValue - START_ANGLE;
             var angleTo = (360 * (currentValue + el.value)) / totalValue - START_ANGLE;
             var position = calcTitlePosition(xCoord, yCoord, outerRadius, innerRadius, angleFrom, angleTo, el.delta, divWidth, divHeight);
-            div.style.left = position.left + "px";
-            div.style.top = position.top + "px";
+            div.style.left = "".concat(position.left, "px");
+            div.style.top = "".concat(position.top, "px");
             _this.titleDivs.push(div);
             currentValue += el.value;
         });
@@ -512,7 +514,7 @@ var getSectorPath = function (x, y, outerRadius, a1, a2, delta) {
     var cy1 = Math.sin(DEG_TO_RAD * a2) * outerRadius + y + deltaY;
     var cx2 = Math.cos(DEG_TO_RAD * a1) * outerRadius + x + deltaX;
     var cy2 = Math.sin(DEG_TO_RAD * a1) * outerRadius + y + deltaY;
-    return "M" + (x + deltaX) + " " + (y + deltaY) + " " + cx1 + " " + cy1 + " A" + outerRadius + " " + outerRadius + " 0 " + bigArc + " 0 " + cx2 + " " + cy2 + "Z";
+    return "M".concat(x + deltaX, " ").concat(y + deltaY, " ").concat(cx1, " ").concat(cy1, " A").concat(outerRadius, " ").concat(outerRadius, " 0 ").concat(bigArc, " 0 ").concat(cx2, " ").concat(cy2, "Z");
 };
 /**
  * @ignore
@@ -538,7 +540,7 @@ var getDonutSectorPath = function (x, y, outerR, innerR, a1, a2, delta) {
     var innerY1 = Math.sin(DEG_TO_RAD * a2) * innerR + y + deltaY;
     var innerX2 = Math.cos(DEG_TO_RAD * a1) * innerR + x + deltaX;
     var innerY2 = Math.sin(DEG_TO_RAD * a1) * innerR + y + deltaY;
-    return "M" + outerX1 + " " + outerY1 + " A" + outerR + " " + outerR + " 0 " + bigArc + " 0 " + outerX2 + " " + outerY2 + " L" + innerX2 + " " + innerY2 + " A" + innerR + " " + innerR + " 0 " + bigArc + " 1 " + innerX1 + " " + innerY1 + "Z";
+    return "M".concat(outerX1, " ").concat(outerY1, " A").concat(outerR, " ").concat(outerR, " 0 ").concat(bigArc, " 0 ").concat(outerX2, " ").concat(outerY2, " L").concat(innerX2, " ").concat(innerY2, " A").concat(innerR, " ").concat(innerR, " 0 ").concat(bigArc, " 1 ").concat(innerX1, " ").concat(innerY1, "Z");
 };
 /** @ignore */
 var calcTitlePosition = function (x, y, outerRadius, innerRadius, a1, a2, delta, divWidth, divHeight) {
@@ -553,7 +555,7 @@ var calcTitlePosition = function (x, y, outerRadius, innerRadius, a1, a2, delta,
 /** @ignore */
 var isListenerBlocked = false;
 /** @ignore */
-exports.addEventListenerToPieSegment = function (ps, el, animate) {
+var addEventListenerToPieSegment = function (ps, el, animate) {
     if (el) {
         el.addEventListener("click", function (e) {
             if (!animate) {
@@ -581,3 +583,4 @@ exports.addEventListenerToPieSegment = function (ps, el, animate) {
         });
     }
 };
+exports.addEventListenerToPieSegment = addEventListenerToPieSegment;

package/Charting/Visuals/SciChartSurface.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 __());
@@ -45,6 +47,7 @@ var RenderSurface_1 = require("../Drawing/RenderSurface");
 var SolidBrushCache_1 = require("../Drawing/SolidBrushCache");
 var LayoutManager_1 = require("../LayoutManager/LayoutManager");
 var SciChartRenderer_1 = require("../Services/SciChartRenderer");
+var TextureWorker_1 = require("../Services/Workers/TextureWorker");
 var AdornerLayer_1 = require("./Annotations/AdornerLayer");
 var createMaster_1 = require("./createMaster");
 var createSingle_1 = require("./createSingle");
@@ -55,6 +58,8 @@ var sciChartInitCommon_1 = require("./sciChartInitCommon");
 var SciChartSurfaceBase_1 = require("./SciChartSurfaceBase");
 var DpiHelper_1 = require("./TextureManager/DpiHelper");
 exports.sciChartConfig = {};
+// To force the worker to be created before it is needed, so we know if it alive or not
+var t = TextureWorker_1.textureWorker;
 /**
  * @summary The {@link SciChartSurface} is the root 2D Chart control in SciChart's High Performance Real-time
  * {@link https://www.scichart.com/javascript-chart-features | JavaScript Chart Library}
@@ -194,13 +199,13 @@ var SciChartSurface = /** @class */ (function (_super) {
      * @param options Optional - Optional parameters for chart creation. See {@link I2DSurfaceOptions} for more details
      */
     SciChartSurface.create = function (divElementId, options) {
-        chartBuilder_1.ensureRegistrations();
+        (0, chartBuilder_1.ensureRegistrations)();
         options = SciChartSurface.resolveOptions(options);
         if (app_1.IS_TEST_ENV) {
             return this.createTest(divElementId, options);
         }
         else {
-            return createMaster_1.createMultichart(divElementId, options).then(function (result) {
+            return (0, createMaster_1.createMultichart)(divElementId, options).then(function (result) {
                 result.sciChartSurface.applyOptions(options);
                 return result;
             });
@@ -212,13 +217,13 @@ var SciChartSurface = /** @class */ (function (_super) {
      * @param options - optional parameters for chart creation. See {@link I2DSurfaceOptions} for more details
      */
     SciChartSurface.createSingle = function (divElementId, options) {
-        chartBuilder_1.ensureRegistrations();
+        (0, chartBuilder_1.ensureRegistrations)();
         options = SciChartSurface.resolveOptions(options);
         if (app_1.IS_TEST_ENV) {
             return this.createTest(divElementId, options);
         }
         else {
-            return createSingle_1.createSingleInternal(divElementId, options).then(function (result) {
+            return (0, createSingle_1.createSingleInternal)(divElementId, options).then(function (result) {
                 result.sciChartSurface.applyOptions(options);
                 return result;
             });
@@ -367,7 +372,7 @@ var SciChartSurface = /** @class */ (function (_super) {
             this.domSvgAdornerLayer.setAttribute("height", pixelHeight.toString());
         }
         if (this.domDivContainer) {
-            this.domDivContainer.style.height = pixelHeight + "px";
+            this.domDivContainer.style.height = "".concat(pixelHeight, "px");
         }
         this.invalidateElement();
     };
@@ -399,10 +404,10 @@ var SciChartSurface = /** @class */ (function (_super) {
         this.yAxes.asArray().forEach(function (yAxis) { return yAxis.delete(); });
         this.modifierAnnotations.asArray().forEach(function (annotation) { return annotation.delete(); });
         this.annotations.asArray().forEach(function (annotation) { return annotation.delete(); });
-        this.solidBrushCacheViewportBorder = Deleter_1.deleteSafe(this.solidBrushCacheViewportBorder);
-        this.solidBrushCacheCanvasBorder = Deleter_1.deleteSafe(this.solidBrushCacheCanvasBorder);
-        this.watermarkProperties = Deleter_1.deleteSafe(this.watermarkProperties);
-        this.watermarkPropertyPosition = Deleter_1.deleteSafe(this.watermarkPropertyPosition);
+        this.solidBrushCacheViewportBorder = (0, Deleter_1.deleteSafe)(this.solidBrushCacheViewportBorder);
+        this.solidBrushCacheCanvasBorder = (0, Deleter_1.deleteSafe)(this.solidBrushCacheCanvasBorder);
+        this.watermarkProperties = (0, Deleter_1.deleteSafe)(this.watermarkProperties);
+        this.watermarkPropertyPosition = (0, Deleter_1.deleteSafe)(this.watermarkPropertyPosition);
         this.chartModifiers.asArray().forEach(function (chm) { return chm.delete(); });
     };
     /**
@@ -549,11 +554,11 @@ var SciChartSurface = /** @class */ (function (_super) {
      */
     SciChartSurface.prototype.drawBorder = function (renderContext) {
         // Draw Viewport Border
-        drawBorder_1.drawBorder(renderContext, this.webAssemblyContext2D, this.solidBrushCacheViewportBorder, this.seriesViewRect, this.leftViewportBorder, this.topViewportBorder, this.rightViewportBorder, this.bottomViewportBorder, this.viewportBorder.color);
+        (0, drawBorder_1.drawBorder)(renderContext, this.webAssemblyContext2D, this.solidBrushCacheViewportBorder, this.seriesViewRect, this.leftViewportBorder, this.topViewportBorder, this.rightViewportBorder, this.bottomViewportBorder, this.viewportBorder.color);
         // Draw Canvas Border
         var canvasSize = renderContext.viewportSize;
         var canvasBorderRect = Rect_1.Rect.create(this.leftCanvasBorder, this.topCanvasBorder, canvasSize.width - this.leftCanvasBorder - this.rightCanvasBorder, canvasSize.height - this.topCanvasBorder - this.bottomCanvasBorder);
-        drawBorder_1.drawBorder(renderContext, this.webAssemblyContext2D, this.solidBrushCacheCanvasBorder, canvasBorderRect, this.leftCanvasBorder, this.topCanvasBorder, this.rightCanvasBorder, this.bottomCanvasBorder, this.canvasBorder.color);
+        (0, drawBorder_1.drawBorder)(renderContext, this.webAssemblyContext2D, this.solidBrushCacheCanvasBorder, canvasBorderRect, this.leftCanvasBorder, this.topCanvasBorder, this.rightCanvasBorder, this.bottomCanvasBorder, this.canvasBorder.color);
     };
     Object.defineProperty(SciChartSurface.prototype, "leftViewportBorder", {
         /**
@@ -754,7 +759,7 @@ var SciChartSurface = /** @class */ (function (_super) {
         _super.prototype.applyOptions.call(this, options);
         if (options === null || options === void 0 ? void 0 : options.layoutManager) {
             if (!("layoutChart" in options.layoutManager)) {
-                options.layoutManager = classFactory_1.createType(BaseType_1.EBaseType.LayoutManager, options.layoutManager.type, null, options.layoutManager.options);
+                options.layoutManager = (0, classFactory_1.createType)(BaseType_1.EBaseType.LayoutManager, options.layoutManager.type, null, options.layoutManager.options);
             }
             this.layoutManager = options.layoutManager;
         }
@@ -812,24 +817,22 @@ var SciChartSurface = /** @class */ (function (_super) {
         this.webAssemblyContext2D.SCRTSetClearAlphaParams(enabled, alpha);
     };
     SciChartSurface.prototype.zoomExtentsYInternal = function (xRanges, animationDurationMs, easingFunction, onCompleted) {
-        var _this = this;
         if (animationDurationMs === void 0) { animationDurationMs = 0; }
         if (easingFunction === void 0) { easingFunction = EasingFunctions_1.easing.outExpo; }
         if (onCompleted === void 0) { onCompleted = function () { }; }
         this.yAxes.asArray().forEach(function (yAxis) {
             var yRange = yAxis.getWindowedYRange(xRanges);
-            _this.addAnimation(yAxis.animateVisibleRange(yRange, animationDurationMs, easingFunction, onCompleted));
+            yAxis.animateVisibleRange(yRange, animationDurationMs, easingFunction, onCompleted);
         });
     };
     SciChartSurface.prototype.zoomExtentsXInternal = function (animationDurationMs, easingFunction, onCompleted) {
-        var _this = this;
         if (animationDurationMs === void 0) { animationDurationMs = 0; }
         if (easingFunction === void 0) { easingFunction = EasingFunctions_1.easing.outExpo; }
         if (onCompleted === void 0) { onCompleted = function () { }; }
         var xRanges = new Dictionary_1.Dictionary();
         this.xAxes.asArray().forEach(function (xAxis) {
             var maxXRange = xAxis.getMaximumRange();
-            _this.addAnimation(xAxis.animateVisibleRange(maxXRange, animationDurationMs, easingFunction, onCompleted));
+            xAxis.animateVisibleRange(maxXRange, animationDurationMs, easingFunction, onCompleted);
             xRanges.add(xAxis.id, maxXRange);
         });
         return xRanges;

package/Charting/Visuals/SciChartSurfaceBase.js

@@ -48,12 +48,12 @@ var SciChartSurfaceBase = /** @class */ (function () {
     function SciChartSurfaceBase(webAssemblyContext, canvases) {
         var _this = this;
         if (canvases === void 0) { canvases = {}; }
-        this.id = guid_1.generateGuid();
+        this.id = (0, guid_1.generateGuid)();
         this.themeProviderProperty = SciChartSurfaceBase.DEFAULT_THEME;
         this.previousThemeProviderProperty = SciChartSurfaceBase.DEFAULT_THEME;
         this.isInitializedProperty = false;
         this.isDeletedProperty = false;
-        this.suspendableIdProperty = guid_1.generateGuid();
+        this.suspendableIdProperty = (0, guid_1.generateGuid)();
         this.isAlphaEnabledProperty = true;
         this.deletables = [];
         Guard_1.Guard.notNull(webAssemblyContext, "webAssemblyContext");
@@ -117,7 +117,7 @@ var SciChartSurfaceBase = /** @class */ (function () {
         if ((options === null || options === void 0 ? void 0 : options.theme) && "type" in options.theme) {
             if (!("applyOverrides" in options.theme)) {
                 // This is {type, overrides}
-                var theme = classFactory_1.createType(BaseType_1.EBaseType.ThemeProvider, options.theme.type, null, options.theme);
+                var theme = (0, classFactory_1.createType)(BaseType_1.EBaseType.ThemeProvider, options.theme.type, null, options.theme);
                 if ("applyOverrides" in theme) {
                     // We got a ThemeProvider we can give overrides to
                     theme.applyOverrides(options.theme);
@@ -135,7 +135,7 @@ var SciChartSurfaceBase = /** @class */ (function () {
         }
         if (options === null || options === void 0 ? void 0 : options.loader) {
             if (!("addChartLoader" in options.loader)) {
-                options.loader = classFactory_1.createType(BaseType_1.EBaseType.Loader, options.loader.type, null, options.loader);
+                options.loader = (0, classFactory_1.createType)(BaseType_1.EBaseType.Loader, options.loader.type, null, options.loader);
             }
         }
         return options;
@@ -298,7 +298,7 @@ var SciChartSurfaceBase = /** @class */ (function () {
         this.mouseManager.unsubscribe();
         for (var _i = 0, _b = this.deletables; _i < _b.length; _i++) {
             var deletable = _b[_i];
-            Deleter_1.deleteSafe(deletable);
+            (0, Deleter_1.deleteSafe)(deletable);
         }
         this.deletables = [];
     };
@@ -420,8 +420,8 @@ var SciChartSurfaceBase = /** @class */ (function () {
     return SciChartSurfaceBase;
 }());
 exports.SciChartSurfaceBase = SciChartSurfaceBase;
-exports.createChartDestination = function (canvasId) {
-    var canvas = document.querySelector("#" + canvasId);
+var createChartDestination = function (canvasId) {
+    var canvas = document.querySelector("#".concat(canvasId));
     if (!canvas)
         return undefined;
     return {
@@ -437,7 +437,8 @@ exports.createChartDestination = function (canvasId) {
         }
     };
 };
-exports.getMasterCanvas = function () {
+exports.createChartDestination = createChartDestination;
+var getMasterCanvas = function () {
     /** @ignore */
     var SCICHART_MASTER_CANVAS_ID = "SciChartMasterCanvas";
     // Have we created a master canvas yet?
@@ -473,8 +474,9 @@ exports.getMasterCanvas = function () {
     }
     return SciChartSurfaceBase.domMasterCanvas;
 };
-exports.copyToCanvas = function (sourceCanvas) { return function (destinationId) {
-    var destinationCanvas = document.querySelector("#" + destinationId);
+exports.getMasterCanvas = getMasterCanvas;
+var copyToCanvas = function (sourceCanvas) { return function (destinationId) {
+    var destinationCanvas = document.querySelector("#".concat(destinationId));
     if (destinationCanvas) {
         var destinationCanvasContext = destinationCanvas.getContext("2d");
         destinationCanvasContext.clearRect(0, 0, destinationCanvasContext.canvas.width, destinationCanvasContext.canvas.height);
@@ -487,8 +489,9 @@ exports.copyToCanvas = function (sourceCanvas) { return function (destinationId)
         //     destinationCanvas.clientWidth, destinationCanvas.clientHeight);
     }
 }; };
+exports.copyToCanvas = copyToCanvas;
 /** @ignore */
-exports.getLocateFile = function (sciChartConfig) { return function (path, prefix) {
+var getLocateFile = function (sciChartConfig) { return function (path, prefix) {
     if (path.endsWith(".wasm") && sciChartConfig.wasmUrl) {
         return sciChartConfig.wasmUrl;
     }
@@ -497,3 +500,4 @@ exports.getLocateFile = function (sciChartConfig) { return function (path, prefi
     }
     return prefix + path;
 }; };
+exports.getLocateFile = getLocateFile;

package/Charting/Visuals/TextureManager/CanvasTexture.js

@@ -90,9 +90,9 @@ var CanvasTexture = /** @class */ (function () {
      * @inheritDoc
      */
     CanvasTexture.prototype.delete = function () {
-        this.intermediateVector = Deleter_1.deleteSafe(this.intermediateVector);
-        this.originalIntermediateVector = Deleter_1.deleteSafe(this.originalIntermediateVector);
-        this.tsrTextureCache = Deleter_1.deleteSafe(this.tsrTextureCache);
+        this.intermediateVector = (0, Deleter_1.deleteSafe)(this.intermediateVector);
+        this.originalIntermediateVector = (0, Deleter_1.deleteSafe)(this.originalIntermediateVector);
+        this.tsrTextureCache = (0, Deleter_1.deleteSafe)(this.tsrTextureCache);
     };
     /**
      * After you have finished drawing, copy the canvas to the destination {@link TSRTexture}
@@ -101,7 +101,7 @@ var CanvasTexture = /** @class */ (function () {
         var _a;
         var expectedSize = this.width * this.height;
         if (!this.intermediateVector || this.intermediateVector.size() !== expectedSize) {
-            throw new Error("CanvasTexture.ts: IntermediateVector size is " + ((_a = this.intermediateVector) === null || _a === void 0 ? void 0 : _a.size()) + " and expected " + expectedSize);
+            throw new Error("CanvasTexture.ts: IntermediateVector size is ".concat((_a = this.intermediateVector) === null || _a === void 0 ? void 0 : _a.size(), " and expected ").concat(expectedSize));
         }
         // Get image data from the HTML5 canvas
         var imageData = this.getContext().getImageData(0, 0, this.width, this.height);
@@ -132,7 +132,7 @@ var CanvasTexture = /** @class */ (function () {
         var size = this.width * this.height;
         for (var i = 0; i < size; i++) {
             var oldPixel = this.originalIntermediateVector.get(i);
-            var newPixel = colorUtil_1.uintArgbColorMultiplyOpacity(oldPixel, opacity);
+            var newPixel = (0, colorUtil_1.uintArgbColorMultiplyOpacity)(oldPixel, opacity);
             this.intermediateVector.set(i, newPixel);
         }
         var tsrTexture = this.tsrTextureCache.value;