scichart 2.0.2146 → 2.0.2194

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", {
         /**
@@ -657,8 +662,6 @@ var SciChartSurface = /** @class */ (function (_super) {
                 if (!animation.isComplete) {
                     animation.update(timeElapsed);
                     if (!animation.isComplete) {
-                        // Request another draw to advance animation
-                        this.invalidateElement();
                         remainingAnimations.push(animation);
                     }
                 }
@@ -754,7 +757,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 +815,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;

package/Charting/Visuals/TextureManager/DpiHelper.js

@@ -40,7 +40,7 @@ var DpiHelper = /** @class */ (function () {
                     var lastDpiScaling = DpiHelper.PIXEL_RATIO;
                     if (lastDpiScaling !== newDpiScale) {
                         if (SciChartSurfaceBase_1.DebugForDpi) {
-                            console.log("Dpi Changing, was " + lastDpiScaling + ", now " + newDpiScale);
+                            console.log("Dpi Changing, was ".concat(lastDpiScaling, ", now ").concat(newDpiScale));
                         }
                         DpiHelper.PIXEL_RATIO = newDpiScale;
                         DpiHelper.dpiChanged.raiseEvent({ newValue: newDpiScale, oldValue: lastDpiScaling });
@@ -81,7 +81,7 @@ var DpiHelper = /** @class */ (function () {
      */
     DpiHelper.setWidth = function (canvas, desiredWidth) {
         if (SciChartSurfaceBase_1.DebugForDpi) {
-            console.log("setWidth " + canvas.id + " backBuffer=" + desiredWidth * DpiHelper.PIXEL_RATIO + " display=" + desiredWidth);
+            console.log("setWidth ".concat(canvas.id, " backBuffer=").concat(desiredWidth * DpiHelper.PIXEL_RATIO, " display=").concat(desiredWidth));
         }
         // https://www.khronos.org/webgl/wiki/HandlingHighDPI
         //
@@ -97,7 +97,7 @@ var DpiHelper = /** @class */ (function () {
      */
     DpiHelper.setHeight = function (canvas, desiredHeight) {
         if (SciChartSurfaceBase_1.DebugForDpi) {
-            console.log("setHeight " + canvas.id + " backBuffer=" + desiredHeight * DpiHelper.PIXEL_RATIO + " display=" + desiredHeight);
+            console.log("setHeight ".concat(canvas.id, " backBuffer=").concat(desiredHeight * DpiHelper.PIXEL_RATIO, " display=").concat(desiredHeight));
         }
         // https://www.khronos.org/webgl/wiki/HandlingHighDPI
         //

package/Charting/Visuals/TextureManager/TextureManager.d.ts

@@ -35,6 +35,7 @@ export declare class TextureManager implements IDeletable {
     createTextureFromImage(image: HTMLImageElement, imageWidth: number, imageHeight: number): TTextureObject;
     getTextureContext(width: number, height: number): CanvasRenderingContext2D;
     createTextureFromCtxBuffer(textureWidth: number, textureHeight: number): TTextureObject;
+    createTextureFromImageData(imageData: ImageData, textureWidth: number, textureHeight: number): TTextureObject;
     delete(): void;
     private createTextureFromCtx;
 }

package/Charting/Visuals/TextureManager/TextureManager.js

@@ -56,15 +56,15 @@ var TextureManager = /** @class */ (function () {
             this.ctx.fillRect(0, 0, this.canvas.width, this.canvas.height);
         }
         this.ctx.fillStyle = color;
-        this.ctx.font = font_1.getFontString(fontStyle, fontWeight, fontSizePx, fontFamily);
+        this.ctx.font = (0, font_1.getFontString)(fontStyle, fontWeight, fontSizePx, fontFamily);
         var textureWidth = 0;
         // const fontSizePt = Math.ceil(fontSizePx * PX_TO_PT);
-        var lineHeight = exports.measureTextHeight(fontSizePx);
+        var lineHeight = (0, exports.measureTextHeight)(fontSizePx);
         var extraLineHeight = lineHeight * (lineSpacing !== null && lineSpacing !== void 0 ? lineSpacing : 1.1);
         var textureHeight = lineHeight + padding.top + padding.bottom;
         for (var index = 0; index < text.length; index++) {
             var line = text[index];
-            var lineWidth = exports.measureTextWidth(this.ctx, line) + padding.left + padding.right;
+            var lineWidth = (0, exports.measureTextWidth)(this.ctx, line) + padding.left + padding.right;
             if (lineWidth > textureWidth) {
                 textureWidth = lineWidth;
             }
@@ -96,7 +96,7 @@ var TextureManager = /** @class */ (function () {
         for (var _i = 0, text_1 = text; _i < text_1.length; _i++) {
             var line = text_1[_i];
             if (alignment === LabelAlignment_1.ELabelAlignment.Center || alignment === LabelAlignment_1.ELabelAlignment.Right) {
-                var lineWidth = exports.measureTextWidth(this.ctx, line);
+                var lineWidth = (0, exports.measureTextWidth)(this.ctx, line);
                 x =
                     alignment === LabelAlignment_1.ELabelAlignment.Right
                         ? textureWidth - lineWidth - padding.right
@@ -118,9 +118,9 @@ var TextureManager = /** @class */ (function () {
         this.ctx.globalAlpha = opacity !== null && opacity !== void 0 ? opacity : 1;
         this.ctx.textBaseline = "top";
         this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
-        this.ctx.font = font_1.getFontString(fontStyle, fontWeight, fontSizePx, fontFamily);
-        var textureWidth = exports.measureTextWidth(this.ctx, text) + 4 * padding;
-        var textureHeight = exports.measureTextHeight(fontSizePx) + 2 * padding;
+        this.ctx.font = (0, font_1.getFontString)(fontStyle, fontWeight, fontSizePx, fontFamily);
+        var textureWidth = (0, exports.measureTextWidth)(this.ctx, text) + 4 * padding;
+        var textureHeight = (0, exports.measureTextHeight)(fontSizePx) + 2 * padding;
         var _a = calcAxisMarkerTextureParams(textureHeight, textureWidth, text, axisAlignment), angle = _a.angle, alignmentLeft = _a.alignmentLeft, alignmentTop = _a.alignmentTop, finalTextureWidth = _a.finalTextureWidth, finalTextureHeight = _a.finalTextureHeight, halfHeight = _a.halfHeight;
         this.ctx.save();
         this.ctx.translate((textureWidth + halfHeight) / 2, textureHeight / 2);
@@ -178,13 +178,15 @@ var TextureManager = /** @class */ (function () {
         return this.ctx;
     };
     TextureManager.prototype.createTextureFromCtxBuffer = function (textureWidth, textureHeight) {
-        // TODO: Michael cache the canvas, UIntVector, bitmapTexture unless size changed
-        // Logger.log(`New Texture: Size is ${textureWidth}, ${textureHeight}`);
+        var imageData = this.ctx.getImageData(0, 0, textureWidth, textureHeight);
+        return this.createTextureFromImageData(imageData, textureWidth, textureHeight);
+    };
+    TextureManager.prototype.createTextureFromImageData = function (imageData, textureWidth, textureHeight) {
         var textureFormat = this.webAssemblyContext.eTSRTextureFormat.TSR_TEXTUREFORMAT_A8B8G8R8;
         var bitmapTexture = this.webAssemblyContext.SCRTCreateBitmapTexture(textureWidth, textureHeight, textureFormat);
         var buffer;
         try {
-            var imageData = this.ctx.getImageData(0, 0, textureWidth, textureHeight);
+            // const imageData = this.ctx.getImageData(0, 0, textureWidth, textureHeight);
             var clampedCharArray = imageData.data;
             /// because plain c functions were receiving the object pointer as null, this is the way around that...
             this.webAssemblyContext.SCRTSetActiveTexture(bitmapTexture);
@@ -258,11 +260,13 @@ var TextureManager = /** @class */ (function () {
     return TextureManager;
 }());
 exports.TextureManager = TextureManager;
-exports.measureTextHeight = function (fontSizePx) { return fontSizePx; };
-exports.measureTextWidth = function (ctx, text) {
+var measureTextHeight = function (fontSizePx) { return fontSizePx; };
+exports.measureTextHeight = measureTextHeight;
+var measureTextWidth = function (ctx, text) {
     var textMeasure = ctx.measureText(text);
     return Math.ceil(textMeasure.width);
 };
+exports.measureTextWidth = measureTextWidth;
 /** @ignore */
 var calcAxisMarkerTextureParams = function (textureHeight, textureWidth, text, axisAlignment) {
     var halfHeight = Math.ceil(textureHeight / 2);