scichart 2.0.2179 → 2.0.2195

package/Charting/ChartModifiers/CursorModifier.d.ts

@@ -24,6 +24,10 @@ export interface ICursorModifierOptions extends IChartModifierBaseOptions {
     showAxisLabels?: boolean;
     axisLabelStroke?: string;
     axisLabelFill?: string;
+    xAxisLabelStroke?: string;
+    xAxisLabelFill?: string;
+    yAxisLabelStroke?: string;
+    yAxisLabelFill?: string;
     tooltipLegendTemplate?: TCursorTooltipSvgTemplate | string;
     tooltipLegendOffsetX?: number;
     tooltipLegendOffsetY?: number;
@@ -70,13 +74,29 @@ export declare class CursorModifier extends ChartModifierBase2D implements IIncl
      */
     showAxisLabels: boolean;
     /**
-     * Gets or sets the axis label text color as an HTML Color code
+     * Gets or sets both axiseslabel text color as an HTML Color code
      */
     axisLabelStroke: string;
     /**
-     * Gets or sets the axis label fill as an HTML Color code.
+     * Gets or sets both axises label fill as an HTML Color code.
      */
     axisLabelFill: string;
+    /**
+     * Gets or sets the xAxis label text color as an HTML Color code
+     */
+    xAxisLabelStroke: string;
+    /**
+     * Gets or sets the xAxis label fill as an HTML Color code.
+     */
+    xAxisLabelFill: string;
+    /**
+     * Gets or sets the xAxis label text color as an HTML Color code
+     */
+    yAxisLabelStroke: string;
+    /**
+     * Gets or sets the xAxis label fill as an HTML Color code.
+     */
+    yAxisLabelFill: string;
     /**
      * Gets or sets the template for the legend
      */
@@ -97,7 +117,10 @@ export declare class CursorModifier extends ChartModifierBase2D implements IIncl
     private tooltipDataTemplateProperty?;
     private includedSeriesMap;
     /**
-     * Creates an instance of the RolloverModifier
+     * Creates an instance of the CursorModifier
+     *
+     * If number of renderable series is more then 10 and showTooltip enabled consider passing {@link TCursorTooltipDataTemplate} or {@link TCursorTooltipSvgTemplate} to reduce the output for the tooltip
+     *
      * @param options Optional parameters {@link ICursorModifierOptions} used to configure the modifier
      */
     constructor(options?: ICursorModifierOptions);

package/Charting/ChartModifiers/CursorModifier.js

@@ -44,11 +44,14 @@ var constants_1 = require("./constants");
 var CursorModifier = /** @class */ (function (_super) {
     __extends(CursorModifier, _super);
     /**
-     * Creates an instance of the RolloverModifier
+     * Creates an instance of the CursorModifier
+     *
+     * If number of renderable series is more then 10 and showTooltip enabled consider passing {@link TCursorTooltipDataTemplate} or {@link TCursorTooltipSvgTemplate} to reduce the output for the tooltip
+     *
      * @param options Optional parameters {@link ICursorModifierOptions} used to configure the modifier
      */
     function CursorModifier(options) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
         var _this = _super.call(this, options) || this;
         _this.type = ChartModifierType_1.EChart2DModifierType.Cursor;
         _this.tooltipSvgTemplate = defaultTooltipTemplate;
@@ -77,13 +80,29 @@ var CursorModifier = /** @class */ (function (_super) {
          */
         _this.showAxisLabels = true;
         /**
-         * Gets or sets the axis label text color as an HTML Color code
+         * Gets or sets both axiseslabel text color as an HTML Color code
          */
         _this.axisLabelStroke = "#fff";
         /**
-         * Gets or sets the axis label fill as an HTML Color code.
+         * Gets or sets both axises label fill as an HTML Color code.
          */
         _this.axisLabelFill = "#228B22";
+        /**
+         * Gets or sets the xAxis label text color as an HTML Color code
+         */
+        _this.xAxisLabelStroke = undefined;
+        /**
+         * Gets or sets the xAxis label fill as an HTML Color code.
+         */
+        _this.xAxisLabelFill = undefined;
+        /**
+         * Gets or sets the xAxis label text color as an HTML Color code
+         */
+        _this.yAxisLabelStroke = undefined;
+        /**
+         * Gets or sets the xAxis label fill as an HTML Color code.
+         */
+        _this.yAxisLabelFill = undefined;
         /**
          * Gets or sets the legend X offset
          */
@@ -110,8 +129,12 @@ var CursorModifier = /** @class */ (function (_super) {
         _this.tooltipTextStroke = (_f = options === null || options === void 0 ? void 0 : options.tooltipTextStroke) !== null && _f !== void 0 ? _f : _this.tooltipTextStroke;
         _this.showTooltip = (_g = options === null || options === void 0 ? void 0 : options.showTooltip) !== null && _g !== void 0 ? _g : _this.showTooltip;
         _this.showAxisLabels = (_h = options === null || options === void 0 ? void 0 : options.showAxisLabels) !== null && _h !== void 0 ? _h : _this.showAxisLabels;
-        _this.axisLabelStroke = (_j = options === null || options === void 0 ? void 0 : options.axisLabelStroke) !== null && _j !== void 0 ? _j : _this.axisLabelStroke;
-        _this.axisLabelFill = (_k = options === null || options === void 0 ? void 0 : options.axisLabelFill) !== null && _k !== void 0 ? _k : _this.axisLabelFill;
+        _this.axisLabelFill = (_j = options === null || options === void 0 ? void 0 : options.axisLabelFill) !== null && _j !== void 0 ? _j : _this.axisLabelFill;
+        _this.axisLabelStroke = (_k = options === null || options === void 0 ? void 0 : options.axisLabelStroke) !== null && _k !== void 0 ? _k : _this.axisLabelStroke;
+        _this.xAxisLabelStroke = (_l = options === null || options === void 0 ? void 0 : options.xAxisLabelStroke) !== null && _l !== void 0 ? _l : _this.xAxisLabelStroke;
+        _this.xAxisLabelFill = (_m = options === null || options === void 0 ? void 0 : options.xAxisLabelFill) !== null && _m !== void 0 ? _m : _this.xAxisLabelFill;
+        _this.yAxisLabelStroke = (_o = options === null || options === void 0 ? void 0 : options.yAxisLabelStroke) !== null && _o !== void 0 ? _o : _this.yAxisLabelStroke;
+        _this.yAxisLabelFill = (_p = options === null || options === void 0 ? void 0 : options.yAxisLabelFill) !== null && _p !== void 0 ? _p : _this.yAxisLabelFill;
         if (options === null || options === void 0 ? void 0 : options.tooltipLegendTemplate) {
             if (typeof options.tooltipLegendTemplate === "string") {
                 _this.typeMap.set("tooltipLegendTemplate", options.tooltipLegendTemplate);
@@ -120,9 +143,9 @@ var CursorModifier = /** @class */ (function (_super) {
             }
         }
         _this.tooltipLegendTemplate =
-            (_l = options === null || options === void 0 ? void 0 : options.tooltipLegendTemplate) !== null && _l !== void 0 ? _l : _this.tooltipLegendTemplate;
-        _this.tooltipLegendOffsetX = (_m = options === null || options === void 0 ? void 0 : options.tooltipLegendOffsetX) !== null && _m !== void 0 ? _m : _this.tooltipLegendOffsetX;
-        _this.tooltipLegendOffsetY = (_o = options === null || options === void 0 ? void 0 : options.tooltipLegendOffsetY) !== null && _o !== void 0 ? _o : _this.tooltipLegendOffsetY;
+            (_q = options === null || options === void 0 ? void 0 : options.tooltipLegendTemplate) !== null && _q !== void 0 ? _q : _this.tooltipLegendTemplate;
+        _this.tooltipLegendOffsetX = (_r = options === null || options === void 0 ? void 0 : options.tooltipLegendOffsetX) !== null && _r !== void 0 ? _r : _this.tooltipLegendOffsetX;
+        _this.tooltipLegendOffsetY = (_s = options === null || options === void 0 ? void 0 : options.tooltipLegendOffsetY) !== null && _s !== void 0 ? _s : _this.tooltipLegendOffsetY;
         if (options === null || options === void 0 ? void 0 : options.tooltipDataTemplate) {
             if (typeof options.tooltipDataTemplate === "string") {
                 _this.typeMap.set("tooltipDataTemplate", options.tooltipDataTemplate);
@@ -131,7 +154,7 @@ var CursorModifier = /** @class */ (function (_super) {
             }
         }
         _this.tooltipDataTemplateProperty =
-            (_p = options === null || options === void 0 ? void 0 : options.tooltipDataTemplate) !== null && _p !== void 0 ? _p : _this.tooltipDataTemplateProperty;
+            (_t = options === null || options === void 0 ? void 0 : options.tooltipDataTemplate) !== null && _t !== void 0 ? _t : _this.tooltipDataTemplateProperty;
         return _this;
     }
     /**
@@ -148,8 +171,12 @@ var CursorModifier = /** @class */ (function (_super) {
     CursorModifier.prototype.onAttach = function () {
         var _a;
         _super.prototype.onAttach.call(this);
-        this.xLineAnnotation = this.newLineAnnotation();
-        this.yLineAnnotation = this.newLineAnnotation();
+        var xAxisLabelFill = this.xAxisLabelFill ? this.xAxisLabelFill : this.axisLabelFill;
+        var yAxisLabelFill = this.yAxisLabelFill ? this.yAxisLabelFill : this.axisLabelFill;
+        var xAxisLabelStroke = this.xAxisLabelStroke ? this.xAxisLabelStroke : this.axisLabelStroke;
+        var yAxisLabelStroke = this.yAxisLabelStroke ? this.yAxisLabelStroke : this.axisLabelStroke;
+        this.xLineAnnotation = this.newLineAnnotation(xAxisLabelFill, xAxisLabelStroke);
+        this.yLineAnnotation = this.newLineAnnotation(yAxisLabelFill, yAxisLabelStroke);
         this.tooltipAnnotation = new CursorTooltipSvgAnnotation_1.CursorTooltipSvgAnnotation({
             cursorModifier: this,
             xCoordinateMode: AnnotationBase_1.ECoordinateMode.Pixel,
@@ -299,6 +326,10 @@ var CursorModifier = /** @class */ (function (_super) {
         var options = {
             axisLabelFill: this.axisLabelFill,
             axisLabelStroke: this.axisLabelStroke,
+            xAxisLabelFill: this.xAxisLabelFill,
+            xAxisLabelStroke: this.xAxisLabelStroke,
+            yAxisLabelFill: this.yAxisLabelFill,
+            yAxisLabelStroke: this.yAxisLabelStroke,
             crosshairStroke: this.crosshairStroke,
             crosshairStrokeDashArray: this.crosshairStrokeDashArray,
             crosshairStrokeThickness: this.crosshairStrokeThickness,
@@ -383,7 +414,7 @@ var CursorModifier = /** @class */ (function (_super) {
             }
         }
     };
-    CursorModifier.prototype.newLineAnnotation = function () {
+    CursorModifier.prototype.newLineAnnotation = function (axisLabelFill, axisLabelStroke) {
         return new LineAnnotation_1.LineAnnotation({
             xCoordinateMode: AnnotationBase_1.ECoordinateMode.Pixel,
             yCoordinateMode: AnnotationBase_1.ECoordinateMode.Pixel,
@@ -392,8 +423,8 @@ var CursorModifier = /** @class */ (function (_super) {
             stroke: this.crosshairStroke,
             isHidden: true,
             showLabel: this.showAxisLabels,
-            axisLabelFill: this.axisLabelFill,
-            axisLabelStroke: this.axisLabelStroke,
+            axisLabelFill: axisLabelFill,
+            axisLabelStroke: axisLabelStroke,
             xAxisId: this.xAxisId,
             yAxisId: this.yAxisId
         });

package/Charting/Services/Workers/TextureWorker.js

@@ -87,7 +87,11 @@ var TextureWorkerWrapper = /** @class */ (function () {
         var _this = this;
         this.timeout = 200;
         this.isActiveProperty = true;
-        if (!app_1.IS_TEST_ENV && typeof window !== "undefined" && !!window.Worker) {
+        if (!app_1.IS_TEST_ENV &&
+            typeof window !== "undefined" &&
+            !!window.Worker &&
+            // @ts-ignore
+            typeof OffscreenCanvas !== "undefined") {
             this.worker = this.makeWorker(); // new Worker("./TextureWorkerSource.ts", { type: "module" });
             this.worker.onmessage = handleMsg;
             this.worker.onerror = function (ev) {

package/Charting/Visuals/Annotations/CursorTooltipSvgAnnotation.d.ts

@@ -42,7 +42,7 @@ export declare class CursorTooltipSvgAnnotation extends SvgAnnotationBase {
     /**
      * Gets or sets seriesInfos {@link SeriesInfo} value on the tooltip
      */
-    set seriesInfos(value: SeriesInfo[]);
+    set seriesInfos(newSeriesInfos: SeriesInfo[]);
     get title(): string;
     set title(value: string);
     get tooltipSvgTemplate(): TCursorTooltipSvgTemplate;

package/Charting/Visuals/Annotations/CursorTooltipSvgAnnotation.js

@@ -56,13 +56,16 @@ var CursorTooltipSvgAnnotation = /** @class */ (function (_super) {
         /**
          * Gets or sets seriesInfos {@link SeriesInfo} value on the tooltip
          */
-        set: function (value) {
-            if (this.seriesInfosProperty && value) {
+        set: function (newSeriesInfos) {
+            if (this.seriesInfosProperty && newSeriesInfos) {
                 // Compare infos against the ones for the matching series.  See if any are different
-                if (this.seriesInfos
-                    .map(function (si) { return si.equals(value.find(function (o) { return o.renderableSeries.id === si.renderableSeries.id; })); })
-                    .find(function (a) { return !a; })) {
-                    this.seriesInfosProperty = value;
+                if (newSeriesInfos.length !== this.seriesInfosProperty.length ||
+                    this.seriesInfosProperty
+                        .map(function (seriesInfo) {
+                        return seriesInfo.equals(newSeriesInfos.find(function (newSeriesInfo) { return newSeriesInfo.renderableSeries.id === seriesInfo.renderableSeries.id; }));
+                    })
+                        .some(function (sameSeriesInfo) { return sameSeriesInfo === false; })) {
+                    this.seriesInfosProperty = newSeriesInfos;
                     this.notifyPropertyChanged(constants_1.PROPERTY.SERIES_INFOS);
                 }
             }

package/Charting/Visuals/Axis/AxisBase2D.js

@@ -981,6 +981,8 @@ var AxisBase2D = /** @class */ (function (_super) {
     };
     AxisBase2D.prototype.getMaxXRange = function () {
         var maximumRange = this.getXDataRange();
+        if (!maximumRange)
+            return undefined;
         // TODO: Coerce a zero range
         if (this.growBy) {
             maximumRange = maximumRange.growBy(this.growBy);

package/Charting/Visuals/Axis/LogarithmicAxis.js

@@ -277,6 +277,8 @@ var LogarithmicAxis = /** @class */ (function (_super) {
     };
     LogarithmicAxis.prototype.getMaxXRange = function () {
         var maximumRange = this.getXDataRange();
+        if (!maximumRange)
+            return undefined;
         // TODO: Coerce a zero range
         if (this.growBy && maximumRange) {
             maximumRange = maximumRange.growByLog(this.growBy, this.logBase);

package/Charting/Visuals/SciChartSurface.js

@@ -662,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);
                     }
                 }

package/Charting/Visuals/createMaster.js

@@ -39,6 +39,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.sciChartDestinations = exports.createMultichart = void 0;
 // @ts-ignore
 var WasmModule2D = require("../../_wasm/scichart2d");
+var BuildStamp_1 = require("../../Core/BuildStamp");
 var Guard_1 = require("../../Core/Guard");
 var WebGlRenderContext2D_1 = require("../Drawing/WebGlRenderContext2D");
 var licenseManager2D_1 = require("./licenseManager2D");
@@ -57,7 +58,7 @@ var sciChartMaster = {
 var sciChartMasterPromise;
 /** @ignore */
 var createMultichart = function (divElementId, options) { return __awaiter(void 0, void 0, void 0, function () {
-    var canvases, loader, loaderDiv, master, createChildSurface, wasmContext, sciChartSurface;
+    var canvases, loader, loaderDiv, master, createChildSurface, wasmContext_1, sciChartSurface_1, err_1;
     var _a, _b, _c;
     return __generator(this, function (_d) {
         switch (_d.label) {
@@ -66,27 +67,38 @@ var createMultichart = function (divElementId, options) { return __awaiter(void
                 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.canvas2D);
                 loader = (_c = options === null || options === void 0 ? void 0 : options.loader) !== null && _c !== void 0 ? _c : new loader_1.DefaultSciChartLoader();
                 loaderDiv = loader.addChartLoader(canvases.domDivContainer, options === null || options === void 0 ? void 0 : options.theme);
-                if (!(!sciChartMaster.wasmContext || !sciChartMaster.createChildSurface || !sciChartMaster.getChildSurfaces)) return [3 /*break*/, 2];
+                _d.label = 1;
+            case 1:
+                _d.trys.push([1, 4, , 5]);
+                if (!(!sciChartMaster.wasmContext || !sciChartMaster.createChildSurface || !sciChartMaster.getChildSurfaces)) return [3 /*break*/, 3];
                 if (!sciChartMasterPromise) {
                     sciChartMasterPromise = createMaster();
                 }
                 return [4 /*yield*/, sciChartMasterPromise];
-            case 1:
+            case 2:
                 master = _d.sent();
                 sciChartMaster.wasmContext = master.wasmContext;
+                (0, BuildStamp_1.checkBuildStamp)(master.wasmContext);
                 sciChartMaster.createChildSurface = master.createChildSurface;
                 sciChartMaster.getChildSurfaces = master.getChildSurfaces;
                 monitorWebGL(sciChartMaster);
-                _d.label = 2;
-            case 2:
-                createChildSurface = sciChartMaster.createChildSurface, wasmContext = sciChartMaster.wasmContext;
-                sciChartSurface = createChildSurface(divElementId, canvases, options === null || options === void 0 ? void 0 : options.theme);
+                _d.label = 3;
+            case 3:
+                createChildSurface = sciChartMaster.createChildSurface, wasmContext_1 = sciChartMaster.wasmContext;
+                sciChartSurface_1 = createChildSurface(divElementId, canvases, options === null || options === void 0 ? void 0 : options.theme);
                 return [2 /*return*/, new Promise(function (resolve) {
                         setTimeout(function () {
                             loader.removeChartLoader(canvases.domDivContainer, loaderDiv);
-                            resolve({ wasmContext: wasmContext, sciChartSurface: sciChartSurface });
+                            resolve({ wasmContext: wasmContext_1, sciChartSurface: sciChartSurface_1 });
                         }, 0);
                     })];
+            case 4:
+                err_1 = _d.sent();
+                console.error(err_1);
+                // replace with div with error message
+                loader.removeChartLoader(canvases.domDivContainer, loaderDiv);
+                return [2 /*return*/, Promise.reject(err_1)];
+            case 5: return [2 /*return*/];
         }
     });
 }); };
@@ -145,12 +157,13 @@ var createMaster = function () {
         chartInitObj.SetFPSCounterEnabled(false);
         exports.sciChartDestinations.push({ canvasElementId: canvasElementId, sciChartSurface: sciChartSurface, width: width, height: height });
     };
-    return new Promise(function (resolve) {
+    return new Promise(function (resolve, reject) {
         // make sure canvas has event listener for context creation error
         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) {
+        new WasmModule2D({ locateFile: locateFile, noInitialRun: true })
+            .then(function (wasmContext) {
             var getChildSurfaces = function () { return exports.sciChartDestinations.map(function (el) { return el.sciChartSurface; }); };
             // Create of replace child surface
             var createChildSurface = function (divElementId, canvases, theme) {
@@ -205,6 +218,9 @@ var createMaster = function () {
             wasmContext.TSRSetDrawRequestsEnabled(true);
             // @ts-ignore
             wasmContext.callMain();
+        })
+            .catch(function () {
+            reject("Could not load SciChart WebAssembly module.\n                Check your build process and ensure that your scichart2d.wasm, scichart2d.data and scichart2d.js files are from the same version");
         });
     });
 };

package/Charting/Visuals/createSingle.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.initDrawEngineSingleChart = exports.createSingleInternal = exports.sciChartSingleDestinations = void 0;
 // @ts-ignore
 var WasmModule2D = require("../../_wasm/scichart2d");
+var BuildStamp_1 = require("../../Core/BuildStamp");
 var Guard_1 = require("../../Core/Guard");
 var WebGlHelper_1 = require("../../Core/WebGlHelper");
 var logger_1 = require("../../utils/logger");
@@ -15,7 +16,7 @@ var SciChartSurfaceBase_1 = require("./SciChartSurfaceBase");
 exports.sciChartSingleDestinations = [];
 /** @ignore */
 var createSingleInternal = function (divElementId, options) {
-    return new Promise(function (resolve) {
+    return new Promise(function (resolve, reject) {
         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);
         var loader = (_a = options === null || options === void 0 ? void 0 : options.loader) !== null && _a !== void 0 ? _a : new loader_1.DefaultSciChartLoader();
@@ -25,11 +26,17 @@ var createSingleInternal = function (divElementId, options) {
         if (webGLSupport === WebGlHelper_1.EWebGLSupport.WebGL2 || webGLSupport === WebGlHelper_1.EWebGLSupport.WebGL1) {
             var locateFile = (0, SciChartSurfaceBase_1.getLocateFile)(SciChartSurface_1.sciChartConfig);
             // @ts-ignore
-            new WasmModule2D({ locateFile: locateFile, noInitialRun: true }).then(function (wasmContext) {
+            new WasmModule2D({ locateFile: locateFile, noInitialRun: true })
+                .then(function (wasmContext) {
                 loader.removeChartLoader(canvases.domDivContainer, loaderDiv);
                 // @ts-ignore
                 wasmContext.doNotCaptureKeyboard = true;
                 (0, exports.initDrawEngineSingleChart)(wasmContext, canvases, resolve, options === null || options === void 0 ? void 0 : options.theme);
+                (0, BuildStamp_1.checkBuildStamp)(wasmContext);
+            })
+                .catch(function () {
+                loader.removeChartLoader(canvases.domDivContainer, loaderDiv);
+                reject("Could not load SciChart WebAssembly module.\n                    Check your build process and ensure that your scichart2d.wasm, scichart2d.data and scichart2d.js files are from the same version");
             });
         }
         else {

package/Charting/Visuals/licenseManager2D.js

@@ -38,6 +38,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.licenseManager = exports.updateLicenseDisplay = exports.getLicenseInfo = exports.applyLicense = exports.getLicenseCookie = exports.setCallbacks3D = exports.setUseLicenseWizard = exports.setRuntimeLicenseKey = exports.setLicenseCallback = exports.setDependencies = void 0;
 var app_1 = require("../../constants/app");
+var BuildStamp_1 = require("../../Core/BuildStamp");
 var Dictionary_1 = require("../../Core/Dictionary");
 var Color_1 = require("../../types/Color");
 var licensingClasses_1 = require("../../types/licensingClasses");
@@ -110,6 +111,7 @@ var debug = function (message) {
         licenseDependencies.debug(message);
     }
 };
+debug("SciChart version " + BuildStamp_1.libraryVersion);
 // tslint:disable: no-console
 var licenseCallback;
 var setLicenseCallback = function (callback) {

package/Charting3D/Visuals/createMaster3d.js

@@ -43,6 +43,7 @@ var chartBuilder_1 = require("../../Builder/chartBuilder");
 var loader_1 = require("../../Charting/Visuals/loader");
 var sciChartInitCommon_1 = require("../../Charting/Visuals/sciChartInitCommon");
 var SciChartSurfaceBase_1 = require("../../Charting/Visuals/SciChartSurfaceBase");
+var BuildStamp_1 = require("../../Core/BuildStamp");
 var licenseManager3D_1 = require("./licenseManager3D");
 var SciChart3DSurface_1 = require("./SciChart3DSurface");
 /** @ignore */
@@ -55,7 +56,7 @@ var sciChartMaster3D = {
 var sciChartMaster3DPromise;
 /** @ignore */
 var createMultichart3d = function (divElementId, options) { return __awaiter(void 0, void 0, void 0, function () {
-    var canvases, loader, loaderDiv, master, createChildSurface, wasmContext, sciChart3DSurface;
+    var canvases, loader, loaderDiv, master, createChildSurface, wasmContext_1, sciChart3DSurface_1, err_1;
     var _a, _b, _c, _d, _e;
     return __generator(this, function (_f) {
         switch (_f.label) {
@@ -63,29 +64,42 @@ var createMultichart3d = function (divElementId, options) { return __awaiter(voi
                 (0, chartBuilder_1.ensureRegistrations)();
                 sciChartInitCommon_1.default.checkChartDivExists(divElementId);
                 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.canvas2D);
-                if (!(!sciChartMaster3D.wasmContext || !sciChartMaster3D.createChildSurface || !sciChartMaster3D.getChildSurfaces)) return [3 /*break*/, 2];
+                loader = (_c = options === null || options === void 0 ? void 0 : options.loader) !== null && _c !== void 0 ? _c : new loader_1.DefaultSciChartLoader();
+                loaderDiv = loader.addChartLoader(canvases.domDivContainer, (_d = options === null || options === void 0 ? void 0 : options.theme) !== null && _d !== void 0 ? _d : SciChartSurfaceBase_1.SciChartSurfaceBase.DEFAULT_THEME);
+                _f.label = 1;
+            case 1:
+                _f.trys.push([1, 4, , 5]);
+                if (!(!sciChartMaster3D.wasmContext ||
+                    !sciChartMaster3D.createChildSurface ||
+                    !sciChartMaster3D.getChildSurfaces)) return [3 /*break*/, 3];
                 if (!sciChartMaster3DPromise) {
                     sciChartMaster3DPromise = createMaster();
                 }
-                loader = (_c = options === null || options === void 0 ? void 0 : options.loader) !== null && _c !== void 0 ? _c : new loader_1.DefaultSciChartLoader();
-                loaderDiv = loader.addChartLoader(canvases.domDivContainer, (_d = options === null || options === void 0 ? void 0 : options.theme) !== null && _d !== void 0 ? _d : SciChartSurfaceBase_1.SciChartSurfaceBase.DEFAULT_THEME);
                 return [4 /*yield*/, sciChartMaster3DPromise];
-            case 1:
+            case 2:
                 master = _f.sent();
-                loader.removeChartLoader(canvases.domDivContainer, loaderDiv);
+                (0, BuildStamp_1.checkBuildStamp)(master.wasmContext);
                 sciChartMaster3D.wasmContext = master.wasmContext;
                 sciChartMaster3D.createChildSurface = master.createChildSurface;
                 sciChartMaster3D.getChildSurfaces = master.getChildSurfaces;
-                _f.label = 2;
-            case 2:
-                createChildSurface = sciChartMaster3D.createChildSurface, wasmContext = sciChartMaster3D.wasmContext;
-                sciChart3DSurface = createChildSurface(divElementId, canvases, (_e = options === null || options === void 0 ? void 0 : options.theme) !== null && _e !== void 0 ? _e : SciChartSurfaceBase_1.SciChartSurfaceBase.DEFAULT_THEME);
+                _f.label = 3;
+            case 3:
+                createChildSurface = sciChartMaster3D.createChildSurface, wasmContext_1 = sciChartMaster3D.wasmContext;
+                sciChart3DSurface_1 = createChildSurface(divElementId, canvases, (_e = options === null || options === void 0 ? void 0 : options.theme) !== null && _e !== void 0 ? _e : SciChartSurfaceBase_1.SciChartSurfaceBase.DEFAULT_THEME);
                 return [2 /*return*/, new Promise(function (resolve) {
                         setTimeout(function () {
-                            sciChart3DSurface.setIsInitialized();
-                            resolve({ wasmContext: wasmContext, sciChart3DSurface: sciChart3DSurface });
+                            loader.removeChartLoader(canvases.domDivContainer, loaderDiv);
+                            sciChart3DSurface_1.setIsInitialized();
+                            resolve({ wasmContext: wasmContext_1, sciChart3DSurface: sciChart3DSurface_1 });
                         }, 0);
                     })];
+            case 4:
+                err_1 = _f.sent();
+                console.error(err_1);
+                // replace with div with error message
+                loader.removeChartLoader(canvases.domDivContainer, loaderDiv);
+                return [2 /*return*/, Promise.reject(err_1)];
+            case 5: return [2 /*return*/];
         }
     });
 }); };
@@ -112,10 +126,11 @@ var createMaster = function () {
         chartInitObj3D.AddDestination(dest);
         exports.sciChartDestinations.push({ canvasElementId: canvasElementId, sciChartSurface: sciChartSurface, width: width, height: height });
     };
-    return new Promise(function (resolve) {
+    return new Promise(function (resolve, reject) {
         var locateFile3d = (0, SciChartSurfaceBase_1.getLocateFile)(SciChart3DSurface_1.sciChartConfig3D);
         // @ts-ignore
-        new WasmModule3D({ locateFile3d: locateFile3d, noInitialRun: true }).then(function (wasmContext) {
+        new WasmModule3D({ locateFile3d: locateFile3d, noInitialRun: true })
+            .then(function (wasmContext) {
             var getChildSurfaces = function () { return exports.sciChartDestinations.map(function (el) { return el.sciChartSurface; }); };
             // Create of replace child surface
             var createChildSurface = function (divElementId, canvases, theme) {
@@ -173,6 +188,9 @@ var createMaster = function () {
             wasmContext.TSRSetDrawRequestsEnabled(true);
             // @ts-ignore
             wasmContext.callMain();
+        })
+            .catch(function () {
+            reject("Could not load SciChart WebAssembly module.\n            Check your build process and ensure that your scichart2d.wasm, scichart2d.data and scichart2d.js files are from the same version");
         });
     });
 };

package/Charting3D/Visuals/createSingle3d.js

@@ -7,28 +7,35 @@ var chartBuilder_1 = require("../../Builder/chartBuilder");
 var loader_1 = require("../../Charting/Visuals/loader");
 var sciChartInitCommon_1 = require("../../Charting/Visuals/sciChartInitCommon");
 var SciChartSurfaceBase_1 = require("../../Charting/Visuals/SciChartSurfaceBase");
+var BuildStamp_1 = require("../../Core/BuildStamp");
 var WebGlHelper_1 = require("../../Core/WebGlHelper");
 var logger_1 = require("../../utils/logger");
 var licenseManager3D_1 = require("./licenseManager3D");
 var SciChart3DSurface_1 = require("./SciChart3DSurface");
 var createSingle3dInternal = function (divElementId, options) {
     (0, chartBuilder_1.ensureRegistrations)();
-    return new Promise(function (resolve) {
+    return new Promise(function (resolve, reject) {
         var _a, _b, _c, _d;
         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);
         var loader = (_c = options === null || options === void 0 ? void 0 : options.loader) !== null && _c !== void 0 ? _c : new loader_1.DefaultSciChartLoader();
         var loaderDiv = loader.addChartLoader(canvases.domDivContainer, (_d = options === null || options === void 0 ? void 0 : options.theme) !== null && _d !== void 0 ? _d : SciChartSurfaceBase_1.SciChartSurfaceBase.DEFAULT_THEME);
         var webGLSupport = WebGlHelper_1.WebGlHelper.getWebGlSupport();
-        console.log("webGLSupport", webGLSupport);
+        // console.log("webGLSupport", webGLSupport);
         if (webGLSupport === WebGlHelper_1.EWebGLSupport.WebGL2 || webGLSupport === WebGlHelper_1.EWebGLSupport.WebGL1) {
             var locateFile3d = (0, SciChartSurfaceBase_1.getLocateFile)(SciChart3DSurface_1.sciChartConfig3D);
             // @ts-ignore
-            new WasmModule3D({ locateFile3d: locateFile3d, noInitialRun: true }).then(function (wasmContext) {
+            new WasmModule3D({ locateFile3d: locateFile3d, noInitialRun: true })
+                .then(function (wasmContext) {
                 var _a;
                 loader.removeChartLoader(canvases.domDivContainer, loaderDiv);
                 // @ts-ignore
                 wasmContext.doNotCaptureKeyboard = true;
                 initDrawEngineSingleChart(wasmContext, canvases, resolve, (_a = options === null || options === void 0 ? void 0 : options.theme) !== null && _a !== void 0 ? _a : SciChartSurfaceBase_1.SciChartSurfaceBase.DEFAULT_THEME);
+                (0, BuildStamp_1.checkBuildStamp)(wasmContext);
+            })
+                .catch(function () {
+                loader.removeChartLoader(canvases.domDivContainer, loaderDiv);
+                reject("Could not load SciChart WebAssembly module.\n                Check your build process and ensure that your scichart3d.wasm, scichart3d.data and scichart3d.js files are from the same version");
             });
         }
         else {

package/Core/BuildStamp.d.ts

@@ -0,0 +1,4 @@
+import { TSciChart } from "../types/TSciChart";
+import { TSciChart3D } from "../types/TSciChart3D";
+export declare const libraryVersion = "2.0.2195";
+export declare const checkBuildStamp: (wasmContext: TSciChart | TSciChart3D) => boolean;

package/Core/BuildStamp.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkBuildStamp = exports.libraryVersion = void 0;
+var buildStamp = "2022-01-05T00:00:00";
+var result;
+// tslint:disable-next-line:no-var-requires
+exports.libraryVersion = "2.0.2195";
+var checkBuildStamp = function (wasmContext) {
+    if (result !== undefined)
+        return result;
+    if (!wasmContext)
+        return false;
+    if (wasmContext.SCRTCredentials.GetBuildStamp) {
+        if (wasmContext.SCRTCredentials.GetBuildStamp() === buildStamp) {
+            result = true;
+            return result;
+        }
+    }
+    console.warn("The SciChart webassembly module is from a different version than the javascript that is calling it.\n    Ensure that your build process is copying the correct wasm and data files.");
+    result = false;
+    return result;
+};
+exports.checkBuildStamp = checkBuildStamp;