scichart 2.0.2139 → 2.0.2185

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}
@@ -89,6 +94,7 @@ var SciChartSurface = /** @class */ (function (_super) {
          * to time render performance, or to update elements of the chart or your UI on redraw.
          */
         _this.rendered = new EventHandler_1.EventHandler();
+        _this.animationList = [];
         _this.zoomStateProperty = ZoomState_1.EZoomState.AtExtents;
         _this.paddingProperty = Thickness_1.Thickness.fromNumber(10);
         _this.viewportBorderProperty = {
@@ -193,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;
             });
@@ -211,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;
             });
@@ -366,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();
     };
@@ -398,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(); });
     };
     /**
@@ -548,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", {
         /**
@@ -649,8 +655,40 @@ var SciChartSurface = /** @class */ (function (_super) {
     SciChartSurface.prototype.onAnimate = function (timeElapsed) {
         if (timeElapsed) {
             this.renderableSeries.asArray().forEach(function (rs) { return rs.onAnimate(timeElapsed); });
+            // advance all animations in queue
+            var remainingAnimations = [];
+            for (var i = 0; i < this.animationList.length; i++) {
+                var animation = this.animationList[i];
+                if (!animation.isComplete) {
+                    animation.update(timeElapsed);
+                    if (!animation.isComplete) {
+                        // Request another draw to advance animation
+                        this.invalidateElement();
+                        remainingAnimations.push(animation);
+                    }
+                }
+            }
+            this.animationList = remainingAnimations;
         }
     };
+    /**
+     * Gets the generic animations currently on the surface. Do not manipulate this array directly.
+     * To add, use addAnimation.  To remove, find an animation and call .cancel() on it.
+     */
+    SciChartSurface.prototype.getAnimations = function () {
+        return this.animationList;
+    };
+    /**
+     * Add a {@link GenericAnimation} to the surface.
+     * Multiple animations will be run in parallel, so if you want to run one after another, use the onCompleted callback
+     * to add another animation after the first completes
+     */
+    SciChartSurface.prototype.addAnimation = function (animation) {
+        if (!animation)
+            return;
+        this.animationList.push(animation);
+        this.invalidateElement();
+    };
     Object.defineProperty(SciChartSurface.prototype, "isRunningAnimation", {
         /**
          * Returns true if an animation is running
@@ -661,7 +699,7 @@ var SciChartSurface = /** @class */ (function (_super) {
                     return true;
                 }
             }
-            return false;
+            return this.animationList.some(function (a) { return !a.isComplete; });
         },
         enumerable: false,
         configurable: true
@@ -721,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;
         }

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);

package/Charting/Visuals/createMaster.js

@@ -56,7 +56,7 @@ var sciChartMaster = {
 /** @ignore */
 var sciChartMasterPromise;
 /** @ignore */
-exports.createMultichart = function (divElementId, options) { return __awaiter(void 0, void 0, void 0, function () {
+var createMultichart = function (divElementId, options) { return __awaiter(void 0, void 0, void 0, function () {
     var canvases, loader, loaderDiv, master, createChildSurface, wasmContext, sciChartSurface;
     var _a, _b, _c;
     return __generator(this, function (_d) {
@@ -90,6 +90,7 @@ exports.createMultichart = function (divElementId, options) { return __awaiter(v
         }
     });
 }); };
+exports.createMultichart = createMultichart;
 /** @ignore */
 var monitorWebGL = function (master) {
     var wasmContext = sciChartMaster.wasmContext, getChildSurfaces = sciChartMaster.getChildSurfaces;
@@ -134,7 +135,7 @@ var createMaster = function () {
         return sciChartSurface;
     };
     var addDestination = function (wasmContext, canvasElementId, sciChartSurface, width, height, chartInitObj) {
-        var newDestination = SciChartSurfaceBase_1.createChartDestination(canvasElementId);
+        var newDestination = (0, SciChartSurfaceBase_1.createChartDestination)(canvasElementId);
         if (!newDestination) {
             sciChartSurface.delete();
             return;
@@ -146,8 +147,8 @@ var createMaster = function () {
     };
     return new Promise(function (resolve) {
         // make sure canvas has event listener for context creation error
-        var canvas = SciChartSurfaceBase_1.getMasterCanvas();
-        var locateFile = SciChartSurfaceBase_1.getLocateFile(SciChartSurface_1.sciChartConfig);
+        var canvas = (0, SciChartSurfaceBase_1.getMasterCanvas)();
+        var locateFile = (0, SciChartSurfaceBase_1.getLocateFile)(SciChartSurface_1.sciChartConfig);
         // @ts-ignore
         new WasmModule2D({ locateFile: locateFile, noInitialRun: true }).then(function (wasmContext) {
             var getChildSurfaces = function () { return exports.sciChartDestinations.map(function (el) { return el.sciChartSurface; }); };
@@ -198,7 +199,7 @@ var createMaster = function () {
             wasmContext.SCRTSetGlobalSampleChartInterface(chartInitObj);
             /// create an object that native side can trigger the copy to from...
             var canvasCopyObj = wasmContext.SCRTCopyToDestinationInterface.implement({
-                CopyToDestination: SciChartSurfaceBase_1.copyToCanvas(SciChartSurfaceBase_1.SciChartSurfaceBase.domMasterCanvas)
+                CopyToDestination: (0, SciChartSurfaceBase_1.copyToCanvas)(SciChartSurfaceBase_1.SciChartSurfaceBase.domMasterCanvas)
             });
             wasmContext.SCRTSetGlobalCopyToDestinationInterface(canvasCopyObj);
             wasmContext.TSRSetDrawRequestsEnabled(true);

package/Charting/Visuals/createSingle.js

@@ -14,7 +14,7 @@ var SciChartSurfaceBase_1 = require("./SciChartSurfaceBase");
 // Global variables
 exports.sciChartSingleDestinations = [];
 /** @ignore */
-exports.createSingleInternal = function (divElementId, options) {
+var createSingleInternal = function (divElementId, options) {
     return new Promise(function (resolve) {
         var _a;
         var canvases = sciChartInitCommon_1.default.initCanvas(divElementId, options === null || options === void 0 ? void 0 : options.widthAspect, options === null || options === void 0 ? void 0 : options.heightAspect);
@@ -23,13 +23,13 @@ exports.createSingleInternal = function (divElementId, options) {
         var webGLSupport = WebGlHelper_1.WebGlHelper.getWebGlSupport();
         // console.log("webGLSupport", webGLSupport);
         if (webGLSupport === WebGlHelper_1.EWebGLSupport.WebGL2 || webGLSupport === WebGlHelper_1.EWebGLSupport.WebGL1) {
-            var locateFile = SciChartSurfaceBase_1.getLocateFile(SciChartSurface_1.sciChartConfig);
+            var locateFile = (0, SciChartSurfaceBase_1.getLocateFile)(SciChartSurface_1.sciChartConfig);
             // @ts-ignore
             new WasmModule2D({ locateFile: locateFile, noInitialRun: true }).then(function (wasmContext) {
                 loader.removeChartLoader(canvases.domDivContainer, loaderDiv);
                 // @ts-ignore
                 wasmContext.doNotCaptureKeyboard = true;
-                exports.initDrawEngineSingleChart(wasmContext, canvases, resolve, options === null || options === void 0 ? void 0 : options.theme);
+                (0, exports.initDrawEngineSingleChart)(wasmContext, canvases, resolve, options === null || options === void 0 ? void 0 : options.theme);
             });
         }
         else {
@@ -37,8 +37,9 @@ exports.createSingleInternal = function (divElementId, options) {
         }
     });
 };
+exports.createSingleInternal = createSingleInternal;
 /** @ignore */
-exports.initDrawEngineSingleChart = function (wasmContext, canvases, resolve, theme) {
+var initDrawEngineSingleChart = function (wasmContext, canvases, resolve, theme) {
     Guard_1.Guard.notNull(theme, "theme");
     var width = canvases.domCanvas2D.width;
     var height = canvases.domCanvas2D.height;
@@ -81,3 +82,4 @@ exports.initDrawEngineSingleChart = function (wasmContext, canvases, resolve, th
     // @ts-ignore
     wasmContext.callMain();
 };
+exports.initDrawEngineSingleChart = initDrawEngineSingleChart;