scichart 2.0.2185 → 2.0.2204

package/Charting/ChartModifiers/CursorModifier.d.ts

@@ -1,6 +1,7 @@
 import { IIncludeSeries } from "../../Core/IIncludeSeries";
 import { Point } from "../../Core/Point";
 import { EChart2DModifierType } from "../../types/ChartModifierType";
+import { EMousePosition } from "../../types/MousePosition";
 import { SeriesInfo } from "../Model/ChartData/SeriesInfo";
 import { IThemeProvider } from "../Themes/IThemeProvider";
 import { CursorTooltipSvgAnnotation } from "../Visuals/Annotations/CursorTooltipSvgAnnotation";
@@ -117,7 +118,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);
@@ -173,6 +177,9 @@ export declare class CursorModifier extends ChartModifierBase2D implements IIncl
      * @inheritDoc
      */
     getIncludedRenderableSeries(): IRenderableSeries[];
+    /**
+     * Gets or sets the tooltipDataTemplate, which allows to customize content for the tooltip
+     */
     get tooltipDataTemplate(): TCursorTooltipDataTemplate;
     set tooltipDataTemplate(value: TCursorTooltipDataTemplate);
     /**
@@ -181,6 +188,11 @@ export declare class CursorModifier extends ChartModifierBase2D implements IIncl
      * @param mousePoint
      */
     hitTestRenderableSeries(rs: IRenderableSeries, mousePoint: Point): HitTestInfo;
+    /**
+     * Returns current mouse position
+     */
+    getMousePosition(): EMousePosition;
+    /** @inheritDoc */
     toJSON(): {
         type: string;
         options: Required<Omit<IChartModifierBaseOptions, never>>;

package/Charting/ChartModifiers/CursorModifier.js

@@ -44,7 +44,10 @@ 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) {
@@ -87,19 +90,19 @@ var CursorModifier = /** @class */ (function (_super) {
         /**
          * Gets or sets the xAxis label text color as an HTML Color code
          */
-        _this.xAxisLabelStroke = "#fff";
+        _this.xAxisLabelStroke = undefined;
         /**
          * Gets or sets the xAxis label fill as an HTML Color code.
          */
-        _this.xAxisLabelFill = "#228B22";
+        _this.xAxisLabelFill = undefined;
         /**
          * Gets or sets the xAxis label text color as an HTML Color code
          */
-        _this.yAxisLabelStroke = "#fff";
+        _this.yAxisLabelStroke = undefined;
         /**
          * Gets or sets the xAxis label fill as an HTML Color code.
          */
-        _this.yAxisLabelFill = "#228B22";
+        _this.yAxisLabelFill = undefined;
         /**
          * Gets or sets the legend X offset
          */
@@ -172,8 +175,8 @@ var CursorModifier = /** @class */ (function (_super) {
         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, yAxisLabelFill);
-        this.yLineAnnotation = this.newLineAnnotation(xAxisLabelStroke, yAxisLabelStroke);
+        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,
@@ -297,6 +300,9 @@ var CursorModifier = /** @class */ (function (_super) {
         return allSeries;
     };
     Object.defineProperty(CursorModifier.prototype, "tooltipDataTemplate", {
+        /**
+         * Gets or sets the tooltipDataTemplate, which allows to customize content for the tooltip
+         */
         get: function () {
             return this.tooltipDataTemplateProperty;
         },
@@ -318,6 +324,13 @@ var CursorModifier = /** @class */ (function (_super) {
         }
         return rs.hitTestProvider.hitTestXSlice(mousePoint.x, mousePoint.y);
     };
+    /**
+     * Returns current mouse position
+     */
+    CursorModifier.prototype.getMousePosition = function () {
+        return this.mousePosition;
+    };
+    /** @inheritDoc */
     CursorModifier.prototype.toJSON = function () {
         var json = _super.prototype.toJSON.call(this);
         var options = {

package/Charting/ChartModifiers/RolloverModifier.d.ts

@@ -51,6 +51,24 @@ export declare type TTooltipProps = {
     height: number;
     seriesInfo: SeriesInfo;
 };
+/**
+ * @ignore
+ * Defines the MousePosition enum constants, used by the {@link RolloverModifier}
+ */
+declare enum EMousePosition {
+    /**
+     * The mouse position is outside the main canvas
+     */
+    OutOfCanvas = "OutOfCanvas",
+    /**
+     * The mouse position is in the Axis area
+     */
+    AxisArea = "AxisArea",
+    /**
+     * The mouse position is in the Series area
+     */
+    SeriesArea = "SeriesArea"
+}
 /**
  * Optional parameters used to configure a {@link RolloverModifier} at construct time
  */
@@ -173,10 +191,16 @@ export declare class RolloverModifier extends ChartModifierBase2D implements IIn
      * @param mousePoint
      */
     hitTestRenderableSeries(rs: IRenderableSeries, mousePoint: Point): HitTestInfo;
+    /**
+     * Returns current mouse position
+     */
+    getMousePosition(): EMousePosition;
+    /** @inheritDoc */
     toJSON(): {
         type: string;
         options: Required<Omit<IChartModifierBaseOptions, never>>;
     };
+    /** @inheritDoc */
     protected notifyPropertyChanged(propertyName: string): void;
     private isVerticalChart;
     private removeSeriesAnnotationsFromParentSurface;
@@ -224,3 +248,4 @@ export declare const calcTooltipProps: (index: number, rs: IRenderableSeries, ro
  * @param pixelRatio
  */
 export declare const calcTooltipPositions: (tooltipArray: TTooltipProps[], allowTooltipOverlapping: boolean, tooltipPaddingTop: number, seriesViewRect: Rect, pixelRatio: number) => TTooltipProps[];
+export {};

package/Charting/ChartModifiers/RolloverModifier.js

@@ -346,6 +346,13 @@ var RolloverModifier = /** @class */ (function (_super) {
         }
         return rs.hitTestProvider.hitTestXSlice(mousePoint.x, mousePoint.y);
     };
+    /**
+     * Returns current mouse position
+     */
+    RolloverModifier.prototype.getMousePosition = function () {
+        return this.mousePosition;
+    };
+    /** @inheritDoc */
     RolloverModifier.prototype.toJSON = function () {
         var json = _super.prototype.toJSON.call(this);
         var options = {
@@ -361,6 +368,7 @@ var RolloverModifier = /** @class */ (function (_super) {
         Object.assign(json.options, options);
         return json;
     };
+    /** @inheritDoc */
     RolloverModifier.prototype.notifyPropertyChanged = function (propertyName) {
         _super.prototype.notifyPropertyChanged.call(this, propertyName);
         if (propertyName === constants_1.PROPERTY.X_AXIS_ID) {

package/Charting/Services/SciChartRenderer.js

@@ -80,7 +80,9 @@ var SciChartRenderer = /** @class */ (function () {
                 el.type === IAnnotation_1.EAnnotationType.RenderContextVerticalLineAnnotation ||
                 el.type === IAnnotation_1.EAnnotationType.RenderContextAxisMarkerAnnotation);
         });
-        this.drawRenderContextAnnotations(renderContextAnnotations, xyAxesById[0], xyAxesById[1], IAnnotation_1.EAnnotationLayer.BelowChart, renderContext, seriesViewRect);
+        renderContext.enqueueLayeredDraw(function () {
+            _this.drawRenderContextAnnotations(renderContextAnnotations, xyAxesById[0], xyAxesById[1], IAnnotation_1.EAnnotationLayer.BelowChart, renderContext, seriesViewRect);
+        }, RenderLayer_1.ERenderLayer.Third);
         // queue series rendering after grid lines and bands, but before the axes
         renderContext.enqueueLayeredDraw(function () { return _this.drawSeries(_this.sciChartSurface, _this.sciChartSurface.renderableSeries.asArray(), renderContext); }, RenderLayer_1.ERenderLayer.Third);
         // Execute rendering of queued elements

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

@@ -30,6 +30,7 @@ export declare class CursorTooltipSvgAnnotation extends SvgAnnotationBase {
     private tooltipLegendOffsetXProperty;
     private tooltipLegendOffsetYProperty;
     private svgLegend;
+    private previousMousePosition;
     /**
      * Creates an instance of the {@link CursorTooltipSvgAnnotation}
      * @param options

package/Charting/Visuals/Annotations/CursorTooltipSvgAnnotation.js

@@ -16,6 +16,7 @@ var __extends = (this && this.__extends) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CursorTooltipSvgAnnotation = void 0;
+var MousePosition_1 = require("../../../types/MousePosition");
 var constants_1 = require("./constants");
 var IAnnotation_1 = require("./IAnnotation");
 var SvgAnnotationBase_1 = require("./SvgAnnotationBase");
@@ -164,6 +165,11 @@ var CursorTooltipSvgAnnotation = /** @class */ (function (_super) {
      * @inheritDoc
      */
     CursorTooltipSvgAnnotation.prototype.update = function (xCalc, yCalc) {
+        var currentMousePosition = this.cursorModifier.getMousePosition();
+        if (this.previousMousePosition === currentMousePosition && currentMousePosition !== MousePosition_1.EMousePosition.SeriesArea) {
+            return;
+        }
+        this.previousMousePosition = this.cursorModifier.getMousePosition();
         if (this.svg) {
             this.delete();
         }

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

@@ -1,3 +1,4 @@
+import { CoordinateCalculatorBase } from "../../Numerics/CoordinateCalculators/CoordinateCalculatorBase";
 import { RolloverModifierRenderableSeriesProps } from "../RenderableSeries/RolloverModifier/RolloverModifierRenderableSeriesProps";
 import { EAnnotationType } from "./IAnnotation";
 import { SvgAnnotationBase } from "./SvgAnnotationBase";
@@ -5,6 +6,10 @@ export declare class RolloverMarkerSvgAnnotation extends SvgAnnotationBase {
     /** @inheritDoc */
     readonly type = EAnnotationType.SVG;
     private tooltipProps;
+    private previousMousePosition;
     constructor(renderableSeriesProps: RolloverModifierRenderableSeriesProps);
+    /** @inheritDoc */
+    update(xCalc: CoordinateCalculatorBase, yCalc: CoordinateCalculatorBase): void;
+    /** @inheritDoc */
     protected create(): void;
 }

package/Charting/Visuals/Annotations/RolloverMarkerSvgAnnotation.js

@@ -16,6 +16,7 @@ var __extends = (this && this.__extends) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RolloverMarkerSvgAnnotation = void 0;
+var MousePosition_1 = require("../../../types/MousePosition");
 var IAnnotation_1 = require("./IAnnotation");
 var SvgAnnotationBase_1 = require("./SvgAnnotationBase");
 var RolloverMarkerSvgAnnotation = /** @class */ (function (_super) {
@@ -32,6 +33,16 @@ var RolloverMarkerSvgAnnotation = /** @class */ (function (_super) {
         _this.yCoordShift = -4;
         return _this;
     }
+    /** @inheritDoc */
+    RolloverMarkerSvgAnnotation.prototype.update = function (xCalc, yCalc) {
+        var currentMousePosition = this.tooltipProps.rolloverModifier.getMousePosition();
+        if (this.previousMousePosition === currentMousePosition && currentMousePosition !== MousePosition_1.EMousePosition.SeriesArea) {
+            return;
+        }
+        this.previousMousePosition = this.tooltipProps.rolloverModifier.getMousePosition();
+        _super.prototype.update.call(this, xCalc, yCalc);
+    };
+    /** @inheritDoc */
     RolloverMarkerSvgAnnotation.prototype.create = function () {
         if (this.svg) {
             this.delete();

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

@@ -19,6 +19,7 @@ export declare class RolloverTooltipSvgAnnotation extends SvgAnnotationBase {
     height: number;
     private svgLegend;
     private seriesInfoProperty;
+    private previousMousePosition;
     /**
      * Creates an instance of the {@link RolloverTooltipSvgAnnotation}
      * @param renderableSeriesProps The {@link RolloverModifierRenderableSeriesProps | props} pass
@@ -33,18 +34,15 @@ export declare class RolloverTooltipSvgAnnotation extends SvgAnnotationBase {
      * Gets or sets seriesInfo {@link SeriesInfo} value on the tooltip
      */
     set seriesInfo(value: SeriesInfo);
-    /**
-     * @inheritDoc
-     */
+    /** @inheritDoc */
     delete(): void;
-    /**
-     * @inheritDoc
-     */
+    /** @inheritDoc */
     update(xCalc: CoordinateCalculatorBase, yCalc: CoordinateCalculatorBase): void;
-    updateSize(width: number, height: number): void;
     /**
-     * @inheritDoc
+     * Updates size of the tooltip
      */
+    updateSize(width: number, height: number): void;
+    /** @inheritDoc */
     protected create(xCalc: CoordinateCalculatorBase, yCalc: CoordinateCalculatorBase): void;
     private updateLegendTooltip;
 }

package/Charting/Visuals/Annotations/RolloverTooltipSvgAnnotation.js

@@ -16,6 +16,7 @@ var __extends = (this && this.__extends) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RolloverTooltipSvgAnnotation = void 0;
+var MousePosition_1 = require("../../../types/MousePosition");
 var IDataSeries_1 = require("../../Model/IDataSeries");
 var AnnotationBase_1 = require("./AnnotationBase");
 var constants_1 = require("./constants");
@@ -64,9 +65,7 @@ var RolloverTooltipSvgAnnotation = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    /**
-     * @inheritDoc
-     */
+    /** @inheritDoc */
     RolloverTooltipSvgAnnotation.prototype.delete = function () {
         var _a;
         if (!this.parentSurface || this.parentSurface.isDeleted)
@@ -76,23 +75,27 @@ var RolloverTooltipSvgAnnotation = /** @class */ (function (_super) {
             this.svgRoot.removeChild(this.svgLegend);
         }
     };
-    /**
-     * @inheritDoc
-     */
+    /** @inheritDoc */
     RolloverTooltipSvgAnnotation.prototype.update = function (xCalc, yCalc) {
+        var currentMousePosition = this.tooltipProps.rolloverModifier.getMousePosition();
+        if (this.previousMousePosition === currentMousePosition && currentMousePosition !== MousePosition_1.EMousePosition.SeriesArea) {
+            return;
+        }
+        this.previousMousePosition = this.tooltipProps.rolloverModifier.getMousePosition();
         if (this.svg) {
             this.delete();
         }
         _super.prototype.update.call(this, xCalc, yCalc);
         this.updateLegendTooltip();
     };
+    /**
+     * Updates size of the tooltip
+     */
     RolloverTooltipSvgAnnotation.prototype.updateSize = function (width, height) {
         this.width = width;
         this.height = height;
     };
-    /**
-     * @inheritDoc
-     */
+    /** @inheritDoc */
     RolloverTooltipSvgAnnotation.prototype.create = function (xCalc, yCalc) {
         var _a;
         var svgString;

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

@@ -72,7 +72,7 @@ var clearCacheByStyle = function (styleId) {
         }
     }
 };
-var maxSize = 100;
+var maxSize = 200;
 var minAge = 1000 * 60;
 var lastUsed = 0;
 var getMaxSize = function () { return maxSize; };
@@ -88,7 +88,7 @@ var pruneCache = function () {
     if (labelCacheByTextAndStyle.size > maxSize && lastUsed < latest) {
         try {
             // remove more than we need so we do this less.
-            var toRemove = (labelCacheByTextAndStyle.size - maxSize) * 2;
+            var toRemove = Math.min(Math.floor(labelCacheByTextAndStyle.size / 2), (labelCacheByTextAndStyle.size - maxSize) * 2);
             // Sort the items by LastUsed ascending
             var labels = Array.from(labelCacheByTextAndStyle.entries());
             labels.sort(function (a, b) { return a[1].lastUsed - b[1].lastUsed; });

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

@@ -148,11 +148,16 @@ var LabelProviderBase2D = /** @class */ (function (_super) {
                 var cachedLabel = void 0;
                 if (cachedLabelText) {
                     cachedLabel = LabelCache_1.labelCache.getLabel(cachedLabelText, this.styleId);
-                    labels.push(cachedLabelText);
+                    if (cachedLabel) {
+                        labels.push(cachedLabelText);
+                    }
                 }
-                else {
-                    var text = this.formatLabel(tick);
-                    this.tickToText.set(tick, text);
+                if (!cachedLabel) {
+                    var text = cachedLabelText;
+                    if (!cachedLabelText) {
+                        text = this.formatLabel(tick);
+                        this.tickToText.set(tick, text);
+                    }
                     var texture = this.getCachedLabelTexture(text, axis.axisRenderer.textureManager, axis.dpiAdjustedLabelStyle);
                     if (texture.textureWidth !== null) {
                         cachedLabel = new LabelInfo(tick, text, texture.bitmapTexture, texture.textureHeight, texture.textureWidth);

package/Charting/Visuals/RenderableSeries/BaseRenderableSeries.js

@@ -512,7 +512,8 @@ var BaseRenderableSeries = /** @class */ (function () {
     };
     /** @inheritDoc */
     BaseRenderableSeries.prototype.getDataSeriesName = function () {
-        return this.dataSeries.dataSeriesName;
+        var _a;
+        return (_a = this.dataSeries) === null || _a === void 0 ? void 0 : _a.dataSeriesName;
     };
     /** @inheritDoc */
     BaseRenderableSeries.prototype.getNativeXValues = function () {

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) {
@@ -375,7 +377,9 @@ var applyLicense = function (licenseContext) {
     debug("Initial license status is " + licensingClasses_1.LicenseType[convertLicenseType(lt, licenseContext)]);
     // Get from global store
     var runtimelicense = getRuntimeLicenseKey();
-    if ((checkStatus === licensingClasses_1.LicenseCheckStatus.NoLicense || checkStatus === licensingClasses_1.LicenseCheckStatus.LicenseOK) &&
+    if ((checkStatus === licensingClasses_1.LicenseCheckStatus.NoLicense ||
+        checkStatus === licensingClasses_1.LicenseCheckStatus.LicenseOK ||
+        checkStatus === licensingClasses_1.LicenseCheckStatus.LookingForLicenseWizard) &&
         lt === licenseContext.SCRTLicenseType.LICENSE_TYPE_NO_LICENSE &&
         runtimelicense) {
         debug("Runtime license found");